.home-page{--font-heading: "IBM Plex Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;position:relative}.home-page:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 5% 20%,color-mix(in srgb,var(--module-investment) 8%,transparent 92%),0%),radial-gradient(circle at 95% 80%,color-mix(in srgb,var(--module-insurance) 6%,transparent 94%),0%);pointer-events:none;z-index:0}.home-skip-link{position:absolute;top:-100px;left:16px;background:var(--brand-primary);color:var(--text-inverse);padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;z-index:100;transition:top .2s ease;text-decoration:none}.home-skip-link:focus{top:16px}.home-page a:focus-visible,.home-page button:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px;border-radius:4px}.home-btn:focus-visible{outline:2px solid var(--text-inverse);outline-offset:2px}.home-nav-btn:focus-visible{outline:2px solid var(--text-inverse);outline-offset:2px}.home-cta-section .home-btn:focus-visible{outline-color:var(--text-inverse)}.scroll-reveal{opacity:0;transform:translateY(24px);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.scroll-reveal.scroll-visible{opacity:1;transform:translateY(0)}.scroll-reveal-delay-1{transition-delay:.08s}.scroll-reveal-delay-2{transition-delay:.16s}.scroll-reveal-delay-3{transition-delay:.24s}.scroll-reveal-delay-4{transition-delay:.32s}.scroll-reveal-delay-5{transition-delay:.4s}.scroll-reveal-delay-6{transition-delay:.48s}.scroll-reveal-delay-7{transition-delay:.56s}.scroll-reveal-delay-8{transition-delay:.64s}@media(prefers-reduced-motion:reduce){.scroll-reveal{opacity:1;transform:none;transition:none}}.home-nav{position:sticky;top:0;z-index:50;padding:14px 24px;transition:all .28s cubic-bezier(.4,0,.2,1)}.home-nav-scrolled{padding:10px 24px;background:color-mix(in srgb,var(--surface-container-lowest) 80%,transparent);-webkit-backdrop-filter:blur(12px) saturate(180%);backdrop-filter:blur(12px) saturate(180%);border-bottom:1px solid var(--border-light);box-shadow:0 1px 3px #0000000a}.home-nav-inner{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.home-logo{font-family:var(--font-heading);font-size:22px;font-weight:700;letter-spacing:-.5px;color:var(--brand-primary);text-decoration:none;position:relative}.home-logo:before{content:"";position:absolute;left:-34px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:radial-gradient(circle,var(--brand-primary) 35%,var(--brand-accent) 100%);border-radius:50%}.home-logo-dark{color:var(--text-primary)}.home-nav-pills{display:flex;gap:4px;background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:9999px;padding:5px 8px;margin-right:auto;margin-left:24px}.home-nav-auth{display:flex;gap:8px;align-items:center}.home-theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-subtle);border-radius:50%;background:var(--surface-container-lowest);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.home-theme-toggle:hover{background:var(--bg-tertiary);color:var(--brand-primary);border-color:var(--brand-primary)}.home-theme-toggle .material-symbols-outlined{font-size:20px}.home-nav-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;border:none;border-radius:9999px;font-family:var(--font-family);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:-.2px}.home-nav-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.home-nav-btn-primary{background:var(--brand-primary);color:var(--text-inverse)}.home-nav-btn-primary:hover{background:var(--brand-primary-hover);transform:translateY(-1px)}.home-nav-btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.home-nav-btn-ghost:hover{background:var(--bg-tertiary)}.home-nav-link{color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:500;padding:8px 14px;border-radius:9999px;background:none;border:none;font-family:inherit;cursor:pointer;transition:all .2s ease;letter-spacing:-.2px}.home-nav-link:hover{color:var(--brand-primary)}.home-nav-link:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.home-hero{position:relative;width:100%;padding:64px 24px 48px;overflow:hidden;z-index:1}.home-hero-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 40%,color-mix(in srgb,var(--module-investment) 3%,transparent 97%)),radial-gradient(ellipse at top right,color-mix(in srgb,var(--module-client) 4%,transparent 96%) 0%,transparent 70%),radial-gradient(ellipse at bottom left,color-mix(in srgb,var(--module-insurance) 3%,transparent 97%) 0%,transparent 60%);pointer-events:none}.home-hero-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.home-hero-text{display:flex;flex-direction:column;gap:28px;max-width:580px}.home-announcement{display:inline-flex;align-items:center;gap:8px;background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:9999px;padding:6px 16px;font-size:13px;font-weight:500;color:var(--text-secondary);width:fit-content}.home-announcement-new{background:var(--brand-primary);color:var(--text-inverse);border-radius:9999px;font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:3px 10px}.home-display{font-family:var(--font-heading);font-size:3.3rem;font-weight:700;letter-spacing:-.03em;line-height:1.08;margin:0;color:var(--text-primary)}.home-accent{color:var(--brand-primary);position:relative}.home-accent:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand-primary),var(--brand-accent));border-radius:2px;transform:scaleX(.6);transform-origin:left}.home-accent-secondary{color:var(--brand-accent)}.home-accent-tertiary{color:var(--module-insurance)}.home-subtext{font-size:1.1rem;font-weight:400;line-height:1.65;color:var(--text-secondary);max-width:560px;margin:0}.home-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:4px}.home-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 26px;border:none;border-radius:9999px;font-family:var(--font-family);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;letter-spacing:-.2px;text-decoration:none}.home-btn:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}.home-btn-primary{background:var(--brand-primary);color:var(--text-inverse);box-shadow:0 4px 14px color-mix(in srgb,var(--brand-primary) 35%,transparent 65%)}.home-btn-primary:hover{background:var(--brand-primary-hover);transform:translateY(-1px);box-shadow:0 6px 18px color-mix(in srgb,var(--brand-primary) 40%,transparent 60%)}.home-btn-ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-subtle)}.home-btn-ghost:hover{background:var(--bg-tertiary)}.home-hero-visual{display:flex;justify-content:center}.home-mockup-device{position:relative;width:320px;height:380px;background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:22px;box-shadow:0 20px 40px #0000000f;overflow:hidden;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.home-mockup-notch{position:absolute;top:12px;left:50%;transform:translate(-50%);width:60px;height:5px;background:var(--border-subtle);border-radius:3px}.home-mockup-header{display:flex;flex-direction:column;gap:2px;padding:54px 24px 0;border-bottom:1px solid var(--border-light)}.home-mockup-title{font-family:var(--font-heading);font-size:16px;font-weight:700;color:var(--text-primary)}.home-mockup-subtitle{font-size:12px;color:var(--text-tertiary)}.home-mockup-summary{display:flex;flex-direction:column;gap:2px;padding:18px 24px 0}.home-mockup-summary-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.home-mockup-summary-value{font-size:22px;font-weight:700;color:var(--text-primary)}.home-mockup-summary-delta{font-size:11px;font-weight:600;color:var(--module-investment)}.home-mockup-chart{width:100%;height:80px;padding:0 24px;margin-top:14px}.home-chart-svg{width:100%;height:100%}.home-mockup-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 24px;margin-top:10px}.home-mockup-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 6px 10px;border-radius:10px;border:1px solid var(--border-subtle);background:var(--surface-container-low);transition:all .2s ease}.home-tile-icon{font-size:18px}.home-tile-label{font-size:10px;font-weight:500;color:var(--text-tertiary)}.home-tile-portfolio{border-color:color-mix(in srgb,var(--module-client) 30%,transparent 70%)}.home-tile-insurance{border-color:color-mix(in srgb,var(--module-insurance) 30%,transparent 70%)}.home-tile-banking{border-color:color-mix(in srgb,var(--module-investment) 30%,transparent 70%)}.home-tile-tax{border-color:color-mix(in srgb,var(--module-loans) 30%,transparent 70%)}.home-stats{padding:40px 24px;background:var(--surface-container-lowest);border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}.home-stats-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.home-stat-card{display:flex;flex-direction:column;gap:4px;padding:16px 8px}.home-stat-value{font-family:var(--font-heading);font-size:2rem;font-weight:700;color:var(--brand-primary)}.home-stat-label{font-size:12px;font-weight:500;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.6px}.home-how-it-works{padding:80px 24px}.home-how-header{text-align:center;max-width:640px;margin:0 auto 56px}.home-how-header h2{font-family:var(--font-heading);font-size:2.4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.home-how-sub{font-size:1.1rem;color:var(--text-secondary);max-width:560px;margin:0 auto}.home-steps{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.home-step{position:relative;text-align:center;padding-top:40px}.home-step:not(:last-child):after{content:"";position:absolute;top:58px;left:50%;right:-200px;height:1px;background:var(--border-subtle)}.home-step-number{position:absolute;top:0;left:50%;transform:translate(-50%);font-family:var(--font-heading);font-size:2.2rem;font-weight:800;color:color-mix(in srgb,var(--brand-primary) 15%,transparent 85%);line-height:1}.home-step-icon{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin:0 auto 20px;border-radius:14px;background:color-mix(in srgb,var(--brand-primary) 8%,transparent 92%);color:var(--brand-primary);font-size:26px;border:1px solid var(--border-subtle);box-shadow:0 1px 3px #0000000a}.home-step h3{font-family:var(--font-heading);font-size:1.4rem;font-weight:600;margin-bottom:10px}.home-step p{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.home-features-section{padding:80px 24px;background:var(--surface-container-lowest)}.home-features-header{text-align:center;max-width:720px;margin:0 auto 48px}.home-features-header h2{font-family:var(--font-heading);font-size:2.4rem;font-weight:700;letter-spacing:-.02em;margin-bottom:12px}.home-features-sub{font-size:1.1rem;color:var(--text-secondary)}.home-feature-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.home-feature-card{--fc-color: var(--brand-primary);--fc-bg: rgba(11, 0, 183, .06);background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:16px;padding:28px 24px;display:flex;align-items:flex-start;gap:18px;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.home-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(135deg,var(--fc-bg) 0%,transparent 100%);opacity:0;transition:opacity .25s ease;pointer-events:none}.home-feature-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--fc-color) 40%,transparent 60%);box-shadow:0 8px 24px color-mix(in srgb,var(--fc-color) 10%,transparent 90%)}.home-feature-card:hover:before{opacity:1}.home-feature-card:hover .home-feature-icon{transform:scale(1.08)}.home-feature-icon{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:12px;flex-shrink:0;transition:transform .25s ease}.home-feature-icon .material-symbols-outlined{font-size:26px}.home-feature-text{display:flex;flex-direction:column;gap:6px;min-width:0}.home-feature-card h3{font-family:var(--font-heading);font-size:1.05rem;font-weight:600;margin:0;line-height:1.3}.home-feature-card p{font-size:.88rem;color:var(--text-secondary);line-height:1.55;margin:0}.home-testimonial-section{padding:80px 24px}.home-testimonial-header{text-align:center;max-width:600px;margin:0 auto 40px}.home-testimonial-header h2{font-family:var(--font-heading);font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:16px 0 8px}.home-testimonial-sub{font-size:1rem;color:var(--text-secondary);margin:0}.home-testimonial-badge{display:inline-flex;align-items:center;gap:6px;background:color-mix(in srgb,var(--brand-primary) 8%,transparent 92%);border:1px solid color-mix(in srgb,var(--brand-primary) 30%,transparent 70%);color:var(--brand-primary);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;padding:5px 14px;border-radius:9999px}.home-testimonial-carousel{max-width:720px;margin:0 auto;overflow:hidden}.home-testimonial-track{display:flex;transition:transform .4s cubic-bezier(.4,0,.2,1)}.home-testimonial-slide{min-width:100%;padding:0 16px;box-sizing:border-box}.home-testimonial-card{background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:20px;padding:40px 36px;text-align:center;box-shadow:0 1px 3px #00000008}.home-testimonial-quote{font-family:var(--font-heading);font-size:1.25rem;font-weight:500;font-style:italic;line-height:1.55;color:var(--text-primary);position:relative;margin:0 0 28px;padding:0 24px}.home-testimonial-quote:before{content:"“";font-family:var(--font-heading);font-size:4rem;font-weight:700;color:color-mix(in srgb,var(--brand-primary) 15%,transparent 85%);position:absolute;top:-20px;left:0;line-height:1}.home-testimonial-author{display:flex;align-items:center;justify-content:center;gap:14px}.home-testimonial-avatar{width:44px;height:44px;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.home-testimonial-meta{display:flex;flex-direction:column;text-align:left}.home-testimonial-name{font-size:15px;font-weight:600;color:var(--text-primary)}.home-testimonial-title{font-size:13px;color:var(--text-tertiary)}.home-testimonial-dots{display:flex;justify-content:center;gap:8px;margin-top:24px}.home-testimonial-dot{width:8px;height:8px;border-radius:50%;border:none;background:var(--border-subtle);cursor:pointer;padding:0;transition:all .2s ease}.home-testimonial-dot:hover{background:var(--text-tertiary)}.home-testimonial-dot.active{background:var(--brand-primary);width:24px;border-radius:4px}.home-cta-section{padding:80px 24px;background:linear-gradient(135deg,var(--brand-primary),var(--brand-accent));text-align:center;color:var(--text-inverse)}.home-cta-container{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:24px;align-items:center}.home-cta-section h2{font-family:var(--font-heading);font-size:2.2rem;font-weight:700;margin:0;letter-spacing:-.02em}.home-cta-section p{font-size:1.05rem;color:color-mix(in srgb,var(--text-inverse) 80%,transparent 20%);margin:0;max-width:500px}.home-cta-stats{display:flex;align-items:center;gap:28px;padding:16px 32px;background:color-mix(in srgb,var(--text-inverse) 10%,transparent 90%);border-radius:12px;border:1px solid color-mix(in srgb,var(--text-inverse) 15%,transparent 85%)}.home-cta-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.home-cta-stat-value{font-family:var(--font-heading);font-size:1.3rem;font-weight:700;color:#fff}.home-cta-stat-label{font-size:12px;font-weight:500;color:color-mix(in srgb,var(--text-inverse) 70%,transparent 30%);text-transform:uppercase;letter-spacing:.5px}.home-cta-stat-divider{width:1px;height:32px;background:color-mix(in srgb,var(--text-inverse) 20%,transparent 80%)}.home-cta-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:4px}.home-cta-section .home-btn{font-weight:500}.home-btn-cta-primary{background:#fff!important;color:var(--brand-primary)!important;border:none!important;box-shadow:0 4px 14px #00000026}.home-btn-cta-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #0003}.home-cta-section .home-btn-ghost{background:transparent;color:var(--text-inverse);border:1px solid color-mix(in srgb,var(--text-inverse) 40%,transparent 60%)}.home-cta-section .home-btn-ghost:hover{background:color-mix(in srgb,var(--text-inverse) 12%,transparent 88%)}.home-footer{margin-top:auto;width:100%;background:var(--surface-container-lowest);border-top:1px solid var(--border-light);padding:48px 24px 0;color:var(--text-tertiary);font-size:13px}.home-footer-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid var(--border-light)}.home-footer-col{display:flex;flex-direction:column;gap:10px;n}.home-footer-col-title{font-family:var(--font-heading);font-size:13px;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.6px;margin:0 0 4px}.home-footer-about-text{font-size:13px;line-height:1.65;color:var(--text-secondary);max-width:300px;margin:0}.home-footer-socials{display:flex;gap:8px;margin-top:4px}.home-footer-social{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:var(--surface-container-low);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all .2s ease;text-decoration:none}.home-footer-social:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse);transform:translateY(-1px)}.home-footer-social .material-symbols-outlined{font-size:18px}.home-footer-link{color:var(--text-secondary);font-size:13px;font-weight:500;transition:color .2s ease;text-decoration:none}.home-footer-link:hover{color:var(--brand-primary)}.home-footer-link-muted{opacity:.6;cursor:default}.home-footer-btn{background:none;border:none;padding:0;cursor:pointer;font-family:inherit;text-align:left}.home-footer-btn:hover{color:var(--brand-primary)}.home-footer-disclaimer{max-width:1200px;margin:0 auto;padding:24px 0;border-bottom:1px solid var(--border-light)}.home-footer-disclaimer p{font-size:11px;line-height:1.7;color:var(--text-tertiary);margin:0;max-width:900px}.home-footer-disclaimer strong{color:var(--text-secondary);font-weight:600}.home-footer-bottom{max-width:1200px;margin:0 auto;padding:16px 0;text-align:center}.home-footer-bottom p{font-size:12px;color:var(--text-tertiary);margin:0}[data-theme=dark] .home-page:before{background:radial-gradient(circle at 5% 20%,rgba(191,193,255,.04),transparent 60%),radial-gradient(circle at 95% 80%,rgba(45,212,167,.03),transparent 60%)}[data-theme=dark] .home-hero-bg{background:linear-gradient(135deg,transparent 40%,rgba(191,193,255,.02)),radial-gradient(ellipse at top right,rgba(191,193,255,.03) 0%,transparent 70%),radial-gradient(ellipse at bottom left,rgba(45,212,167,.02) 0%,transparent 60%)}[data-theme=dark] .home-announcement{background:var(--surface-container-low);border-color:var(--border-subtle)}[data-theme=dark] .home-mockup-device{box-shadow:0 20px 40px #0000004d}[data-theme=dark] .home-mockup-tile{background:var(--surface-container-low)}[data-theme=dark] .home-stats{background:var(--surface-container-lowest);border-color:var(--border-light)}[data-theme=dark] .home-step-icon{background:#bfc1ff14;border-color:var(--border-subtle)}[data-theme=dark] .home-step:not(:last-child):after{background:var(--border-subtle)}[data-theme=dark] .home-features-section{background:var(--surface-container-lowest)}[data-theme=dark] .home-feature-card{background:var(--surface-container-low);border-color:var(--border-subtle)}[data-theme=dark] .home-feature-card:hover{box-shadow:0 8px 24px #0000004d}[data-theme=dark] .home-testimonial-container{background:var(--surface-container-low);border-color:var(--border-subtle)}[data-theme=dark] .home-testimonial-quote:before,[data-theme=dark] .home-testimonial-quote:after{color:#bfc1ff26}[data-theme=dark] .home-testimonial-avatar{box-shadow:0 2px 8px #0000004d}[data-theme=dark] .home-testimonial-card{background:var(--surface-container-low);border-color:var(--border-subtle)}[data-theme=dark] .home-testimonial-dot{background:var(--border-subtle)}[data-theme=dark] .home-testimonial-dot.active{background:var(--brand-primary)}[data-theme=dark] .home-cta-section{background:linear-gradient(135deg,#bfc1ff26,#2dd4a71f)}[data-theme=dark] .home-cta-section h2{color:var(--text-primary)}[data-theme=dark] .home-cta-section p{color:var(--text-secondary)}[data-theme=dark] .home-cta-stats{background:#ffffff0d;border-color:#ffffff14}[data-theme=dark] .home-cta-stat-value{color:var(--brand-primary)}[data-theme=dark] .home-btn-cta-primary{background:var(--brand-primary)!important;color:var(--text-inverse)!important}[data-theme=dark] .home-nav-scrolled{background:color-mix(in srgb,var(--surface-container-lowest) 85%,transparent);border-color:var(--border-light)}[data-theme=dark] .home-nav-pills{background:var(--surface-container-low);border-color:var(--border-subtle)}[data-theme=dark] .home-footer-social{background:var(--surface-container);border-color:var(--border-subtle)}[data-theme=dark] .home-footer-social:hover{background:var(--brand-primary);border-color:var(--brand-primary);color:var(--text-inverse)}@media(max-width:768px){.home-hero-container{grid-template-columns:1fr;gap:48px}.home-display{font-size:2.4rem}.home-hero-text{max-width:100%}.home-actions{justify-content:center}.home-stats-grid{grid-template-columns:repeat(2,1fr);gap:4px}.home-steps{grid-template-columns:1fr}.home-step:not(:last-child):after{display:none}.home-feature-grid{grid-template-columns:1fr;gap:20px}.home-testimonial-card{padding:32px 20px}.home-testimonial-quote{font-size:1.1rem}.home-cta-stats{gap:16px;padding:12px 20px;flex-wrap:wrap}.home-cta-stat-value{font-size:1.1rem}.home-cta-section h2{font-size:1.8rem}.home-footer-grid{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:480px){.home-display{font-size:2rem}.home-nav-inner{flex-wrap:wrap;gap:8px}.home-nav-pills{gap:0;padding:3px;margin-left:0}.home-nav-link{padding:7px 12px;font-size:12px}.home-nav-auth{width:100%;justify-content:center}.home-nav-btn{padding:7px 14px;font-size:12px}.home-stats-grid{grid-template-columns:1fr}.home-logo{font-size:20px}.home-footer-grid{grid-template-columns:1fr;gap:28px}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);font-family:var(--font-family);padding:var(--spacing-xl)}.login-loading,.auth-loading{color:var(--text-tertiary);font-family:var(--font-family)}.login-card{width:100%;max-width:400px;background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-3xl);box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-2xl)}.login-logo{font-size:2.5rem;color:var(--brand-primary)}.login-header h1{margin:var(--spacing-sm) 0 4px;font-size:var(--font-size-2xl);color:var(--text-primary);font-family:var(--font-heading)}.login-header p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm)}.login-tabs{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);background:var(--surface-container-low);padding:4px;border-radius:var(--radius-md)}.login-tab{flex:1;padding:var(--spacing-sm);border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.login-tab.active{background:var(--surface-container-lowest);color:var(--brand-primary);box-shadow:var(--shadow-sm)}.login-error{padding:var(--spacing-sm) var(--spacing-lg);background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-md);color:var(--danger);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.login-otp-hint{padding:var(--spacing-sm) var(--spacing-lg);background:var(--success-bg, rgba(16, 185, 129, .08));border:1px solid var(--success, #10b981);border-radius:var(--radius-md);color:var(--success, #10b981);font-size:var(--font-size-sm);margin-bottom:var(--spacing-lg)}.login-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.login-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.login-field span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.login-field input{padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--surface-container-lowest);font-family:var(--font-family)}.login-field input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #0b00b71a}.login-submit{margin-top:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);background:var(--brand-primary);color:var(--text-inverse);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;font-family:var(--font-family);transition:background var(--transition-base)}.login-submit:hover:not(:disabled){background:var(--brand-primary-hover)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-google{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0}.login-google-hint{margin:0;font-size:var(--font-size-xs);color:var(--text-tertiary)}.login-divider{display:flex;align-items:center;gap:var(--spacing-md);margin:var(--spacing-md) 0;color:var(--text-tertiary);font-size:var(--font-size-xs)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-subtle)}.app-icon{display:inline-block;background-color:currentColor;-webkit-mask:var(--app-icon) center / contain no-repeat;mask:var(--app-icon) center / contain no-repeat;flex-shrink:0}.alert-ticker{display:flex;align-items:center;height:100%;flex:1 1 auto;max-width:100%;min-width:0;overflow:hidden;position:relative}.alert-ticker-track{display:flex;align-items:center;gap:8px;white-space:nowrap;animation:ticker-scroll 23s linear infinite;padding-left:20px}.alert-ticker:hover .alert-ticker-track{animation-play-state:paused}.alert-ticker-item{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;border-radius:12px;font-size:15px;font-weight:500;white-space:nowrap;cursor:default;transition:opacity .2s;flex-shrink:0}.alert-ticker-item:hover{opacity:.85}.alert-ticker-item.type-danger{background:#fef2f2;color:#dc2626;border:1px solid #fecaca}.alert-ticker-item.type-warning{background:#fffbeb;color:#d97706;border:1px solid #fde68a}.alert-ticker-item.type-info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.alert-ticker-item.type-market{background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0}.alert-ticker-item.type-news{background:#f5f3ff;color:#7c3aed;border:1px solid #ddd6fe}.alert-ticker-icon{font-size:16px;line-height:1}.alert-ticker-text{line-height:1}.alert-ticker-popover{position:absolute;top:100%;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #0000001a;z-index:1000;max-height:300px;overflow-y:auto;padding:8px 0;margin-top:4px}.alert-ticker-popover-item{display:flex;align-items:center;gap:8px;padding:6px 16px;font-size:13px;color:#374151;cursor:pointer;transition:background .15s}.alert-ticker-popover-item:hover{background:#f9fafb}.alert-ticker-popover-item .popover-icon{font-size:14px;flex-shrink:0}.alert-ticker-popover-item .popover-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.dark .alert-ticker-item.type-danger{background:#dc262626;color:#fca5a5;border-color:#dc26264d}.dark .alert-ticker-item.type-warning{background:#d9770626;color:#fcd34d;border-color:#d977064d}.dark .alert-ticker-item.type-info{background:#2563eb26;color:#93c5fd;border-color:#2563eb4d}.dark .alert-ticker-item.type-market{background:#16a34a26;color:#86efac;border-color:#16a34a4d}.dark .alert-ticker-item.type-news{background:#7c3aed26;color:#c4b5fd;border-color:#7c3aed4d}.dark .alert-ticker-popover{background:#1f2937;border-color:#374151}.dark .alert-ticker-popover-item{color:#e5e7eb}.dark .alert-ticker-popover-item:hover{background:#374151}@keyframes msc-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.msc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:8px}.msc-card{background:var(--surface-container-lowest, #ffffff);border:1px solid var(--border-subtle, #e5e7eb);border-radius:10px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;min-width:0;animation:msc-rise .4s ease backwards}.msc-grid .msc-card:nth-child(1){animation-delay:.05s}.msc-grid .msc-card:nth-child(2){animation-delay:.11s}.msc-grid .msc-card:nth-child(3){animation-delay:.17s}.msc-grid .msc-card:nth-child(4){animation-delay:.23s}.msc-grid .msc-card:nth-child(n+5){animation-delay:.29s}.msc-card-accent{background:var(--brand-primary, #0b00b7);color:var(--text-inverse, #ffffff);border-color:var(--brand-primary, #0b00b7)}.msc-card-accent .msc-label{color:#ffffffbf}.msc-card-accent .msc-value{color:#fff}.msc-card-accent .msc-change{color:#ffffffe6}.msc-card-accent .msc-sub{color:#ffffffbf}.msc-label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;color:var(--text-tertiary, #6b7280);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msc-value{font-size:18px;font-weight:700;font-family:var(--font-heading, inherit);color:var(--text-primary, #111827);line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msc-change{font-size:11px;font-weight:600;display:flex;align-items:center;gap:2px}.msc-sub{font-size:11px;color:var(--text-secondary, #4b5563);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.msc-tone-pos .msc-value,.msc-tone-pos .msc-change,.msc-tone-pos .msc-sub{color:#10b981}.msc-tone-neg .msc-value,.msc-tone-neg .msc-change,.msc-tone-neg .msc-sub{color:#ef4444}.msc-sparkline{width:100%;height:24px;margin-top:auto;display:block}.msc-card-accent .msc-sparkline{margin-top:4px}.msc-clickable{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.msc-clickable:hover,.msc-clickable:focus-visible{transform:translateY(-2px);box-shadow:var(--shadow-md, 0 4px 12px rgba(0, 0, 0, .12));outline:none}@media(max-width:1100px){.msc-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.msc-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.msc-card{animation:none}}@keyframes mph-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes mph-slide-left{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes mph-slide-right{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.mph{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.mph-icon{animation:mph-slide-left .4s ease both;animation-delay:0s}.mph-text{animation:mph-rise .4s ease both;animation-delay:.08s}.mph-actions{animation:mph-slide-right .4s ease both;animation-delay:.16s}.mph-left{display:flex;align-items:center;gap:12px;min-width:0}.mph-icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-lg, 10px);background:var(--brand-primary, #0b00b7);color:#fff;flex-shrink:0}.mph-icon .material-symbols-outlined{font-size:20px}.mph-text{min-width:0}.mph-title{margin:0;font-size:22px;font-weight:700;font-family:var(--font-heading, inherit);color:var(--text-primary, #111827);line-height:1.2}.mph-subtitle{margin:2px 0 0;font-size:13px;color:var(--text-secondary, #4b5563)}.mph-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}@media(max-width:768px){.mph{flex-direction:column;align-items:flex-start}.mph-actions{width:100%}}.mph-theme-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-subtle, #e5e7eb);border-radius:8px;background:var(--surface-container-lowest, #fff);color:var(--text-secondary, #454557);cursor:pointer;transition:all .15s ease;flex-shrink:0}.mph-theme-btn:hover{border-color:var(--brand-primary, #0b00b7);color:var(--brand-primary, #0b00b7);background:var(--surface-muted, #F9FAFB)}.mph-theme-btn .material-symbols-outlined{font-size:20px}@media(prefers-reduced-motion:reduce){.mph-icon,.mph-text,.mph-actions{animation:none}}.vt-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.vt-summary-card{display:flex;align-items:center;gap:var(--spacing-md);background:var(--surface-container-lowest);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.vt-summary-icon{width:48px;height:48px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.vt-summary-icon.primary{background:color-mix(in srgb,var(--brand-primary) 10%,transparent);color:var(--brand-primary)}.vt-summary-icon.danger{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.vt-summary-icon.secondary{background:color-mix(in srgb,#2253c8 10%,transparent);color:#2253c8}.vt-summary-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:2px}.vt-summary-value{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--text-primary)}.vt-summary-sub{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.vt-bento-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl)}@media(min-width:900px){.vt-bento-grid{grid-template-columns:3fr 1fr}}.vt-table-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vt-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);flex-wrap:wrap}.vt-section-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);font-family:var(--font-heading);margin:0}.vt-add-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--brand-primary);color:var(--text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.vt-add-btn:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md)}.vt-add-btn .vt-icon{font-size:16px}.vt-table-wrapper{background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:visible;box-shadow:var(--shadow-sm)}.vt-table{width:100%;border-collapse:collapse}.vt-table thead{background:var(--surface-container-low)}.vt-table th{padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;text-align:left;border-bottom:1px solid var(--border-subtle);white-space:nowrap}.vt-table th:last-child{text-align:right}.vt-table td{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-base);color:var(--text-primary);border-bottom:1px solid var(--border-subtle);vertical-align:middle}.vt-table tbody tr{transition:background var(--transition-fast)}.vt-table tbody tr:hover{background:var(--surface-muted)}.vt-table tbody tr:last-child td{border-bottom:none}.vt-table td:nth-child(3){max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vt-table td:nth-child(2){white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.vt-vehicle-cell{display:flex;align-items:flex-start;gap:var(--spacing-sm);min-width:160px}.vt-vehicle-icon-box{width:32px;height:36px;background:var(--surface-container-highest);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:1px}.vt-vehicle-name{font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-base);line-height:1.3}.vt-vehicle-reg{font-size:var(--font-size-xs);color:var(--text-tertiary);line-height:1.4;margin-top:1px}.vt-status{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4}.vt-status.active{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.vt-status.due-soon{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.vt-status.expired{background:var(--danger-bg);color:var(--danger)}.vt-status.no-policy{background:var(--surface-container);color:var(--text-tertiary)}.vt-more-btn{background:none;border:none;color:var(--text-tertiary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast)}.vt-more-btn:hover{color:var(--brand-primary)}.vt-policy-row{cursor:pointer}.vt-policy-row:hover{background:color-mix(in srgb,var(--brand-primary) 3%,transparent)}.vt-detail-row .vt-detail-cell{padding:12px 8px}.vt-row-menu-wrap{position:relative;display:inline-block}.vt-row-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:999;min-width:120px;background:var(--surface, #fff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-md, 8px);box-shadow:0 8px 24px #0000001f;overflow:hidden;display:flex;flex-direction:column}.vt-row-menu-portal{width:max-content;max-width:160px}.vt-row-menu-portal .vt-row-menu-item{padding:8px 12px;font-size:12px;white-space:nowrap}.vt-row-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:10px 14px;background:none;border:none;text-align:left;font-size:13px;color:var(--text-primary, #1e293b);cursor:pointer;transition:background var(--transition-fast, .15s)}.vt-row-menu-item:hover{background:var(--surface-container-low, #f1f5f9)}.vt-row-menu-danger{color:#dc2626}.vt-row-menu-danger:hover{background:#dc262614}.vt-row-menu-up{top:auto;bottom:calc(100% + 4px);box-shadow:0 -8px 24px #0000001f}.vt-table-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-container-low);border-top:1px solid var(--border-subtle)}.vt-table-info{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vt-pagination{display:flex;gap:var(--spacing-xs)}.vt-page-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.vt-page-btn:hover:not(:disabled){background:var(--surface-container-highest);color:var(--text-primary)}.vt-page-btn:disabled{opacity:.4;cursor:not-allowed}.vt-actions-section{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vt-action-card{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);text-align:left;font-family:inherit;width:100%}.vt-action-card:hover{border-color:var(--brand-primary);box-shadow:var(--shadow-md)}.vt-action-icon-box{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;transition:all var(--transition-base)}.vt-action-card:hover .vt-action-icon-box{background:var(--brand-primary)!important;color:var(--text-inverse)!important}.vt-action-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-primary)}.vt-action-desc{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vt-pro-tip{position:relative;padding:var(--spacing-xl);background:var(--brand-primary);color:var(--text-inverse);border-radius:var(--radius-lg);overflow:hidden;cursor:default}.vt-pro-tip-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);opacity:.7;margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.05em}.vt-pro-tip-text{font-size:var(--font-size-base);line-height:1.4;margin-bottom:var(--spacing-lg)}.vt-pro-tip-cta{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);cursor:pointer}.vt-pro-tip-glow{position:absolute;right:-16px;bottom:-16px;width:96px;height:96px;background:#ffffff14;border-radius:50%;filter:blur(24px);transition:transform var(--transition-slow)}.vt-pro-tip:hover .vt-pro-tip-glow{transform:scale(1.25)}.vt-claims-section{background:var(--surface-container-lowest);padding:var(--spacing-2xl);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.vt-claims-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-2xl);margin-top:var(--spacing-lg)}@media(min-width:768px){.vt-claims-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.vt-claims-grid{grid-template-columns:repeat(4,1fr)}}.vt-claim-item{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--surface-container-low);border-radius:var(--radius-md)}.vt-claim-item.settled{border-left:4px solid var(--success)}.vt-claim-item.in-progress{border-left:4px solid #2253c8}.vt-claim-id{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.vt-claim-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text-primary)}.vt-claim-status{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:var(--spacing-xs)}.vt-claim-status-dot{width:8px;height:8px;border-radius:50%}.vt-claim-status-text{color:var(--text-secondary)}.vt-claim-status.settled{color:var(--success)}.vt-claim-add{display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--outline-variant);border-radius:var(--radius-md);padding:var(--spacing-xl);cursor:pointer;transition:all var(--transition-base);gap:var(--spacing-xs);min-height:100px}.vt-claim-add:hover{border-color:var(--brand-primary);background:#0b00b70d}.vt-claim-add-icon{font-size:20px;color:var(--text-tertiary)}.vt-claim-add-label{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.vt-sla-card{display:flex;flex-direction:column;justify-content:center;background:var(--surface-container);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-lg);gap:var(--spacing-sm)}.vt-sla-header{display:flex;justify-content:space-between;align-items:center}.vt-sla-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--text-primary)}.vt-sla-value{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:var(--brand-primary)}.vt-sla-bar{width:100%;height:6px;background:var(--surface-container-highest);border-radius:var(--radius-full);overflow:hidden}.vt-sla-fill{height:100%;background:var(--brand-primary);border-radius:var(--radius-full)}.vt-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center}.vt-empty-icon{font-size:48px;margin-bottom:var(--spacing-lg)}.vt-empty h4{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-sm)}.vt-empty p{font-size:var(--font-size-base);color:var(--text-secondary);max-width:400px;margin-bottom:var(--spacing-2xl)}.vt-empty-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap;justify-content:center}.vt-loading{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:64px 24px}.vt-loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--brand-primary);border-radius:50%;animation:vt-spin .8s linear infinite}@keyframes vt-spin{to{transform:rotate(360deg)}}.vt-notification{position:fixed;top:20px;right:20px;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:9999;cursor:pointer;animation:vt-slideIn .3s ease}@keyframes vt-slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.vt-notification.success{background:var(--success-bg);color:var(--success);border:1px solid var(--success)}.vt-notification.error{background:var(--danger-bg);color:var(--danger);border:1px solid var(--danger)}.vt-notification-close{background:none;border:none;font-size:18px;cursor:pointer;color:inherit;margin-left:var(--spacing-sm)}.vt-filter-bar{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.vt-filter-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}.vt-filter-label input[type=checkbox]{accent-color:var(--brand-primary)}.vt-filter-count{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vt-sub-tabs{display:flex;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-subtle);padding-bottom:0}.vt-sub-tab{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;transition:all var(--transition-fast);margin-bottom:-1px}.vt-sub-tab:hover{color:var(--text-primary);border-bottom-color:var(--border)}.vt-sub-tab.active{color:var(--brand-primary);border-bottom-color:var(--brand-primary);font-weight:var(--font-weight-semibold)}.vt-sub-tab-icon{font-size:18px}.vt-help-tab{max-width:800px}.vt-help-section{background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-2xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.vt-help-heading{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin:0 0 var(--spacing-sm)}.vt-help-icon{font-size:22px;color:var(--brand-primary)}.vt-help-intro{font-size:var(--font-size-base);color:var(--text-secondary);margin:0 0 var(--spacing-lg);line-height:1.5}.vt-help-methods{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vt-help-method{background:var(--surface-container);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-lg)}.vt-help-method-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.vt-help-method-header h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.vt-help-method-badge{display:inline-block;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.3px;flex-shrink:0}.vt-help-method-badge.method1{background:color-mix(in srgb,var(--brand-primary) 12%,transparent);color:var(--brand-primary)}.vt-help-method-badge.method2{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success)}.vt-help-method-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0 0 var(--spacing-md);line-height:1.5}.vt-help-steps{margin:0;padding-left:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-sm)}.vt-help-steps li{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5}.vt-help-steps li a{color:var(--brand-primary);text-decoration:none}.vt-help-steps li a:hover{text-decoration:underline}.vt-help-tips{margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md);list-style:none}.vt-help-tips li{font-size:var(--font-size-sm);color:var(--text-primary);line-height:1.5;padding-left:var(--spacing-xl);position:relative}.vt-help-tips li:before{content:"→";position:absolute;left:0;color:var(--brand-primary);font-weight:var(--font-weight-bold)}.vt-tag{display:inline-block;padding:1px 8px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.vt-tag.active-tag{background:color-mix(in srgb,var(--success) 10%,transparent);color:var(--success)}.vt-tag.due-tag{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.vt-tag.expired-tag{background:var(--danger-bg);color:var(--danger)}.vt-help-index{background:var(--surface-container);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-lg)}.vt-help-index-title{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--spacing-sm)}.vt-help-index-links{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.vt-help-index-link{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-full);background:var(--surface-container-lowest);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:all var(--transition-fast);cursor:pointer}.vt-help-index-link:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:color-mix(in srgb,var(--brand-primary) 6%,transparent)}.vt-help-glossary{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.vt-help-term{background:var(--surface-container);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg)}.vt-help-term-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--brand-primary);margin-bottom:var(--spacing-xs)}.vt-help-term-desc{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0;line-height:1.5}.vt-help-back-top{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--border-subtle);border-radius:var(--radius-full);background:var(--surface-container-lowest);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.vt-help-back-top:hover{border-color:var(--brand-primary);color:var(--brand-primary);box-shadow:var(--shadow-sm)}@media(max-width:768px){.vt-summary-grid{grid-template-columns:1fr}.vt-table{font-size:var(--font-size-sm)}.vt-table th,.vt-table td{padding:var(--spacing-sm) var(--spacing-md)}.vt-claims-grid{grid-template-columns:1fr}}.modal-container.modal-large{max-width:1375px!important}.modal-container.modal-xlarge{width:96vw;max-width:1400px;height:94vh;max-height:94vh}.modal-xlarge .upload-sections .vt-grid-2{grid-template-columns:repeat(3,1fr)}.modal-xlarge .upload-sections .vt-grid-3{grid-template-columns:repeat(4,1fr)}@media(max-width:1100px){.modal-xlarge .upload-sections .vt-grid-2,.modal-xlarge .upload-sections .vt-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.modal-xlarge .upload-sections .vt-grid-2,.modal-xlarge .upload-sections .vt-grid-3{grid-template-columns:1fr}}.vt-error-bar{padding:var(--spacing-lg);background:var(--danger-bg);color:var(--danger);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.vt-error-bar button{background:var(--danger);color:#fff;border:none;padding:4px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-family:inherit}.vt-cell-ellipsis{max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-cell-insurer{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-cell-danger{color:var(--danger);font-weight:600}.vt-icon-md{font-size:22px}.vt-icon-sm{font-size:20px}.vt-claim-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:var(--brand-primary)}.vt-action-icon-secondary{background:#2253c81a;color:#2253c8}.vt-action-icon-muted{background:#7675891a;color:var(--text-secondary)}.vt-action-icon-danger{background:#dc26261a;color:var(--danger)}.modal-header-actions{display:flex;gap:var(--spacing-sm);align-items:center}.upload-topbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-lg);background:var(--surface-container-low);border-bottom:1px solid var(--border-subtle);flex-wrap:wrap}.upload-topbar-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-container-lowest);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;font-family:inherit;transition:all var(--transition-fast);white-space:nowrap}.upload-topbar-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary)}.upload-topbar-dropzone{flex:1;min-width:180px;padding:var(--spacing-xs) var(--spacing-md);border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-container-lowest);cursor:pointer;transition:all var(--transition-fast);font-size:var(--font-size-sm)}.upload-topbar-dropzone.dragging{border-color:var(--brand-primary);background:var(--sidebar-active-bg)}.file-info{display:flex;align-items:center;gap:var(--spacing-xs)}.file-icon{font-size:var(--font-size-lg)}.file-name{font-weight:var(--font-weight-medium);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.file-size{color:var(--text-tertiary);font-size:var(--font-size-xs)}.btn-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-lg);line-height:1;padding:0 2px}.btn-remove:hover{color:var(--danger)}.drop-placeholder{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-tertiary);font-size:var(--font-size-sm)}.drop-icon{font-size:var(--font-size-lg)}.upload-topbar-extractor{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.upload-topbar-extractor label{color:var(--text-secondary);font-weight:var(--font-weight-medium);white-space:nowrap}.upload-topbar-extractor select{padding:4px 8px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);background:var(--surface-container-lowest);color:var(--text-primary);font-family:inherit}.btn-extract-inline{background:var(--success)!important;color:var(--text-inverse)!important;border-color:var(--success)!important}.upload-extracting{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-3xl);color:var(--text-secondary)}.spinner-large{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--brand-primary);border-radius:50%;animation:vt-spin .8s linear infinite}.extraction-summary{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--success-bg);border-bottom:1px solid var(--border-subtle);font-size:var(--font-size-sm);color:var(--text-primary)}.extraction-summary.warning{background:var(--danger-bg);color:var(--danger)}.vpu-mode-toggle{padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-container-low);border-bottom:1px solid var(--border-subtle)}.vpu-mode-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);display:block;margin-bottom:var(--spacing-sm)}.vpu-mode-options{display:flex;gap:var(--spacing-sm)}.vpu-mode-btn{flex:1;display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--surface-container-lowest);cursor:pointer;text-align:left;font-family:inherit;transition:all var(--transition-fast)}.vpu-mode-btn:hover{border-color:var(--outline)}.vpu-mode-btn.vpu-mode-active{border-color:var(--brand-primary);background:var(--sidebar-active-bg)}.vpu-mode-icon{font-size:var(--font-size-lg)}.vpu-mode-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.vpu-mode-desc{font-size:var(--font-size-xs);color:var(--text-tertiary)}.upload-form-full{display:flex;flex-direction:column;overflow:hidden;flex:1}.upload-sections{flex:1;overflow-y:auto;padding:var(--spacing-md) 5%;display:flex;flex-direction:column;gap:var(--spacing-md)}.upload-sections{scrollbar-width:auto;scrollbar-color:var(--border-subtle) transparent}.upload-sections::-webkit-scrollbar{width:14px}.upload-sections::-webkit-scrollbar-track{background:transparent}.upload-sections::-webkit-scrollbar-thumb{background:var(--outline-variant, var(--border-subtle));border-radius:999px;border:3px solid var(--surface-container-lowest)}.upload-sections::-webkit-scrollbar-thumb:hover{background:var(--outline, var(--text-tertiary))}.pucm-start-btn{padding:calc(var(--spacing-md) * 1.15) calc(var(--spacing-xl) * 1.05);font-size:var(--font-size-base);border-radius:var(--radius-md);width:100%}@media(min-width:768px){.pucm-start-btn{width:92%}}.pucm-layout{padding:var(--spacing-lg) var(--spacing-2xl) var(--spacing-2xl);display:flex;flex-direction:column;gap:var(--spacing-lg)}.pucm-steps{display:flex;align-items:center;justify-content:center;gap:var(--spacing-lg);padding:0;margin:0}.pucm-step{display:flex;align-items:center;gap:var(--spacing-sm)}.pucm-step-num{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);background:var(--surface-container);color:var(--text-tertiary)}.pucm-step-active .pucm-step-num{background:var(--brand-primary);color:var(--text-inverse)}.pucm-step-label{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.pucm-step-active .pucm-step-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.pucm-step-divider{width:40px;height:1px;background:var(--border)}.pucm-cards{display:grid;grid-template-columns:1fr auto 1fr;gap:var(--spacing-lg);align-items:start}@media(max-width:768px){.pucm-cards{grid-template-columns:1fr}}.pucm-card{background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);box-shadow:var(--shadow-sm)}.pucm-card-badge{display:inline-block;width:fit-content;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.5px}.pucm-badge-renewal{background:var(--info-bg);color:var(--info)}.pucm-badge-new{background:var(--success-bg);color:var(--success)}.pucm-card-title{font-family:var(--font-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0}.pucm-card-desc{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.5;margin:0}.pucm-select-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.pucm-select-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.pucm-select{padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--brand-primary);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);background:var(--surface-container-lowest);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='M1 1.5l5 5 5-5' stroke='%23666' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px;font-family:inherit;width:100%;cursor:pointer;transition:all var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none}.pucm-select:hover{border-color:var(--brand-primary-hover);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 15%,transparent)}.pucm-select:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-primary) 20%,transparent)}.pucm-empty-state{text-align:center;padding:var(--spacing-lg);background:var(--surface-container-low);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-secondary)}.pucm-empty-hint{font-size:var(--font-size-xs);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.pucm-or{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding-top:40px}.pucm-or-line{width:1px;height:40px;background:var(--border)}.pucm-or-text{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-tertiary);text-transform:uppercase}.pucm-benefits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-secondary)}.pucm-benefits li{padding-left:var(--spacing-lg);position:relative}.pucm-benefits li:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:var(--font-weight-bold)}.pucm-start-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);background:var(--brand-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:all var(--transition-base);margin-top:auto}.pucm-start-btn:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-md)}.vpu-hero{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-3xl);gap:var(--spacing-lg)}.vpu-dropzone{width:100%;max-width:400px;padding:var(--spacing-3xl);border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;cursor:pointer;transition:all var(--transition-base);background:var(--surface-container-low)}.vpu-dropzone:hover,.vpu-dropzone.dragging{border-color:var(--brand-primary);background:var(--sidebar-active-bg)}.vpu-dropzone-icon{font-size:36px;margin-bottom:var(--spacing-md)}.vpu-dropzone-title{font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs)}.vpu-dropzone-sub{font-size:var(--font-size-sm);color:var(--text-secondary);margin:0}.vpu-dropzone-or{margin:var(--spacing-md) 0;font-size:var(--font-size-sm);color:var(--text-tertiary)}.vpu-browse-btn{padding:var(--spacing-sm) var(--spacing-xl);background:var(--brand-primary);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:all var(--transition-base)}.vpu-browse-btn:hover{background:var(--brand-primary-hover)}.vpu-dropzone-formats{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vpu-engine-row{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--text-secondary)}.vpu-engine-row select{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);background:var(--surface-container-lowest);color:var(--text-primary);font-family:inherit}.vpu-file-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;max-width:500px;box-shadow:var(--shadow-sm)}.vpu-file-chip{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.vpu-file-chip-icon{font-size:var(--font-size-xl)}.vpu-file-chip-meta{display:flex;flex-direction:column}.vpu-file-chip-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.vpu-file-chip-size{font-size:var(--font-size-xs);color:var(--text-tertiary)}.vpu-file-chip-remove{background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--font-size-xl);line-height:1;padding:0 4px}.vpu-file-chip-remove:hover{color:var(--danger)}.vpu-file-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.vpu-extract-btn{padding:var(--spacing-sm) var(--spacing-xl);background:var(--success);color:var(--text-inverse);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:all var(--transition-base)}.vpu-extract-btn:hover{opacity:.9;box-shadow:var(--shadow-md)}.upload-success-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-3xl);text-align:center}.success-icon{font-size:48px}.success-actions{display:flex;gap:var(--spacing-md)}.vt-cert-list{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:60vh;overflow-y:auto}.vt-cert-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-container-lowest, #fff);border:1px solid var(--border-subtle, #e2e8f0);border-radius:var(--radius-md, 8px)}.vt-cert-info{min-width:0}.vt-cert-title{font-size:14px;font-weight:600;color:var(--text-primary, #1e293b)}.vt-cert-sub{font-size:12px;color:var(--text-tertiary, #64748b);margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vt-cert-actions{display:flex;gap:var(--spacing-sm);flex-shrink:0}.vt-cert-btn{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;font-size:12px;border:1px solid var(--border-subtle, #e2e8f0);background:var(--surface, #fff);color:var(--text-secondary, #475569);border-radius:var(--radius-sm, 6px);cursor:pointer;transition:all var(--transition-fast, .15s)}.vt-cert-btn:hover{background:var(--surface-container-low, #f1f5f9)}.vt-cert-btn-primary{background:var(--brand-primary, #2253c8);border-color:var(--brand-primary, #2253c8);color:#fff}.vt-cert-btn-primary:hover{opacity:.9}.vt-policy-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.vt-section{background:var(--surface-container-low);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.vt-section-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);background:var(--surface-container-lowest);border-bottom:1px solid var(--border-subtle)}.vt-section-icon{font-size:var(--font-size-lg);line-height:1}.vt-section-header h3{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-heading);flex:1}.vt-section-badge{font-size:var(--font-size-xs);background:var(--surface-container);padding:2px 8px;border-radius:var(--radius-full);color:var(--text-tertiary);font-weight:var(--font-weight-semibold)}.vt-badge-required{background:color-mix(in srgb,var(--danger) 10%,transparent);color:var(--danger)}.vt-section-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.vt-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm) var(--spacing-md)}.vt-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--spacing-sm) var(--spacing-md)}@media(max-width:768px){.vt-grid-2,.vt-grid-3{grid-template-columns:1fr}}.vt-field{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md);background:var(--surface-container-lowest);border-radius:var(--radius-sm);border:1px solid var(--border);transition:all var(--transition-fast)}.vt-field:hover{border-color:var(--outline)}.vt-field label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.3px}.vt-field input,.vt-field select{padding:3px 0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);background:transparent;border:none;outline:none;font-family:inherit}.vt-field input:focus,.vt-field select:focus{box-shadow:none}.vt-field input[readonly]{color:var(--text-primary);font-weight:var(--font-weight-semibold);cursor:default}.vt-field select{cursor:pointer}.vt-field-required label:after{content:" *";color:var(--danger)}.vt-field-error{border-color:var(--danger)!important;background:var(--danger-bg)!important}.vt-field-error input,.vt-field-error select{color:var(--danger)!important}.vt-field-error-text{font-size:var(--font-size-xs);color:var(--danger);font-weight:var(--font-weight-medium);line-height:1.2;margin-top:1px}.vt-field-hint-required{border-color:var(--danger)!important;background:#dc26260d!important}.vt-field-hint-optional{border-color:var(--info)!important;background:var(--info-bg)!important}.vt-field-hint-required input,.vt-field-hint-required select{color:var(--danger)!important}.vt-field-hint-optional input,.vt-field-hint-optional select{color:var(--info)!important}.vt-nominee-empty{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);background:var(--surface-container-lowest);border:1px dashed var(--border);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-tertiary)}.vt-nominee-form{background:var(--surface-container-lowest);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.vt-nominee-form h4{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.vt-nominee-actions{display:flex;gap:var(--spacing-sm);justify-content:flex-end;padding-top:var(--spacing-sm);border-top:1px solid var(--border)}.vt-btn-primary{background:var(--brand-primary);color:var(--text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.vt-btn-primary:hover{background:var(--brand-primary-hover)}.vt-btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base);font-family:inherit}.vt-btn-secondary:hover{background:var(--surface-container)}.vt-btn-outline{background:transparent;border:1px solid var(--brand-primary);color:var(--brand-primary);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);cursor:pointer;font-family:inherit;transition:all var(--transition-fast)}.vt-btn-outline:hover{background:var(--sidebar-active-bg)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:var(--surface-container-lowest);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);width:90%;max-width:900px;max-height:90vh;display:flex;flex-direction:column}.modal-container.modal-large{max-width:1375px}.modal-xlarge{max-width:100vw;width:98vw;height:92vh;max-height:92vh}.modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-family:var(--font-heading);margin:0}.modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:var(--text-tertiary);transition:color var(--transition-fast);line-height:1}.modal-body{padding:var(--spacing-xl);overflow-y:auto;flex:1}.modal-form{display:flex;flex-direction:column;max-height:85vh}.vehicle-page{max-width:1400px;margin:24px auto;padding:0 24px}.vehicle-header{margin-bottom:32px}.vehicle-header h1{font-size:32px;font-weight:700;margin:0 0 8px;color:#1a1a2e}.vehicle-header p{font-size:14px;color:#666;margin:0}.client-selection{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:24px;flex-wrap:wrap}.selection-wrapper{flex:1;min-width:250px}.selection-wrapper label{display:block;font-size:13px;font-weight:500;margin-bottom:8px;color:#555}.client-select{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;background:#fff;cursor:pointer}.info-message{display:flex;align-items:center;gap:12px;padding:20px;background:#e3f2fd;border-radius:12px;margin:20px 0}.info-icon{font-size:24px}.info-message p{margin:0;color:#1565c0}.warning-banner{display:flex;align-items:center;gap:12px;padding:12px 20px;background:#ffebee;border-left:4px solid #f44336;border-radius:8px;margin-bottom:20px}.warning-icon{font-size:20px}.filters-container{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.search-wrapper{flex:1;position:relative;min-width:250px}.search-input{width:100%;padding:12px 16px 12px 44px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px}.search-input:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);font-size:16px;color:#999}.filter-wrapper{min-width:180px}.filter-select{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:12px;font-size:14px;background:#fff;cursor:pointer}.results-count{font-size:14px;color:#666;margin-bottom:20px;padding-left:4px}.vehicle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:24px;margin-bottom:20px}.vehicle-card{background:#fff;border-radius:20px;padding:20px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.vehicle-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #0000001f}.vehicle-card.expired-card{background:#fafafa;opacity:.8}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #f0f0f0}.vehicle-icon{font-size:28px;margin-right:12px;vertical-align:middle}.vehicle-number{font-size:16px;font-weight:600;color:#1a1a2e;margin:0;display:inline-block}.vehicle-type{display:block;font-size:11px;color:#999;margin-top:4px}.status-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:11px;font-weight:600}.status-badge.valid{background:#e8f5e9;color:#2e7d32}.status-badge.expiring{background:#fff3e0;color:#e65100}.status-badge.expired{background:#ffebee;color:#c62828}.card-details{margin-bottom:16px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f5f5f5}.detail-label{font-size:12px;color:#999}.detail-value{font-size:13px;font-weight:500;color:#333}.card-actions{display:flex;gap:12px;padding-top:12px;border-top:1px solid #f0f0f0}.btn-edit{flex:1;background:#fff;border:1px solid #2196f3;color:#2196f3;padding:8px 12px;border-radius:30px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-edit:hover{background:#2196f3;color:#fff}.btn-delete{flex:1;background:#fff;border:1px solid #f44336;color:#f44336;padding:8px 12px;border-radius:30px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.btn-delete:hover{background:#f44336;color:#fff}.btn-primary{background:linear-gradient(135deg,#06c,#2196f3);color:#fff;border:none;padding:10px 24px;border-radius:40px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 12px #06c6}.btn-secondary{background:#f5f5f5;border:1px solid #ddd;color:#333;padding:10px 20px;border-radius:30px;cursor:pointer}.empty-state{text-align:center;padding:60px 20px;background:#fff;border-radius:20px;margin:20px 0}.empty-icon{font-size:64px;margin-bottom:16px;opacity:.5}.empty-state h3{font-size:18px;margin-bottom:8px;color:#333}.empty-state p{color:#666}.vehicle-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:50vh}.spinner{width:48px;height:48px;border:3px solid #eef2f6;border-top-color:#06c;border-radius:50%;animation:spin .8s linear infinite}.loading-text{margin-top:16px;font-size:16px;color:#666}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:#fff;border-radius:20px;width:90%;max-width:700px;max-height:130vh;overflow:hidden;display:flex;flex-direction:column}.modal-container.modal-large{max-width:700px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #eef2f6}.modal-header h2{font-size:14px;margin:0}.modal-close{background:none;border:none;font-size:28px;cursor:pointer;color:#999}.modal-body{flex:1;overflow-y:auto;padding:10px}.modal-footer{display:flex;justify-content:flex-end;gap:6px;padding:6px 9px;border-top:1px solid #eef2f6}.form-group{margin-bottom:6px}.form-group label{display:block;font-size:11px;font-weight:500;margin-bottom:6px;color:#555}.form-group input,.form-group select{width:100%;padding:6px 8px;border:1px solid #ddd;border-radius:10px;font-size:14px}.form-group input:focus,.form-group select:focus{outline:none;border-color:#06c;box-shadow:0 0 0 3px #0066cc1a}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:8px}.checkbox-wrapper{display:flex;align-items:center;gap:8px;margin-top:4px}.checkbox-wrapper input{width:auto;margin:0}.checkbox-wrapper label{margin:0;font-weight:400}@media(max-width:900px){.vehicle-page{margin:8px auto;padding:0 8px}.client-selection{flex-direction:column;align-items:stretch}.filters-container{flex-direction:column}.search-wrapper,.filter-wrapper{width:100%}.vehicle-grid,.form-row{grid-template-columns:1fr}.card-actions{flex-direction:column}}:root{--brand-primary: #0b00b7;--brand-primary-hover: #1c15ef;--brand-accent: #0A7C66;--brand-accent-hover: #0c9479;--bg-primary: #f9f9f9;--bg-secondary: #ffffff;--bg-tertiary: #f1f5f9;--bg-overlay: rgba(0, 0, 0, .4);--surface-container-lowest: #ffffff;--surface-container-low: #f3f3f4;--surface-container: #eeeeee;--surface-container-high: #e8e8e8;--surface-container-highest: #e2e2e2;--surface-muted: #F9FAFB;--text-primary: #1a1c1c;--text-secondary: #454557;--text-tertiary: #767589;--text-inverse: #ffffff;--success: #10B981;--success-bg: rgba(16, 185, 129, .1);--warning: #F59E0B;--warning-bg: #FEF3C7;--danger: #DC2626;--danger-bg: #FEE2E2;--info: #2563EB;--info-bg: #DBEAFE;--border: #E2E8F0;--border-light: #F1F5F9;--border-subtle: #E5E7EB;--border-focus: #0b00b7;--outline: #767589;--outline-variant: #c6c4da;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--radius-sm: 2px;--radius-md: 4px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-full: 12px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 20px;--spacing-2xl: 24px;--spacing-3xl: 32px;--font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: ui-monospace, Consolas, monospace;--font-size-xs: 11px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-size-3xl: 28px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-display: 700;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--sidebar-bg: #f3f3f4;--sidebar-text: #1a1c1c;--sidebar-text-secondary: #454557;--sidebar-text-muted: #767589;--sidebar-hover-bg: #e2e2e2;--sidebar-hover-text: #1a1c1c;--sidebar-active-bg: #e1e0ff;--sidebar-active-text: #0b00b7;--sidebar-border: #e2e2e2;--sidebar-btn-bg: #e2e2e2;--sidebar-btn-text: #454557;--sidebar-btn-hover-bg: #c6c4da}:root{--module-dashboard: #0b00b7;--module-client: #4F46E5;--module-investment: #0A7C66;--module-insurance: #7C3AED;--module-loans: #EA580C;--module-documents: #64748B;--module-reports: #0D9488;--module-settings: #6B7280}.client-profile,.clients-page,.client-dashboard,.edit-client-page,.add-client-page{--brand-primary: var(--module-client);--brand-primary-hover: #6366F1;--brand-accent: var(--module-client);--brand-accent-hover: #6366F1}.mf-page,.bank-page{--brand-primary: var(--module-investment);--brand-primary-hover: #0c9479}.fa-module{--brand-primary: var(--module-reports);--brand-primary-hover: #0bb89f}.stock-page{--brand-primary: var(--module-investment);--brand-primary-hover: #0c9479}.cc-page{--brand-primary: var(--module-loans);--brand-primary-hover: #fb7010}.ppf-page{--brand-primary: var(--module-investment);--brand-primary-hover: #0c9479}.vehicle-ins-page{--brand-primary: var(--module-insurance);--brand-primary-hover: #8b4ff0}.client-documents-page,.document-dashboard{--brand-primary: var(--module-documents);--brand-primary-hover: #7a8aa0}.reports-container{--brand-primary: var(--module-reports);--brand-primary-hover: #0bb89f}*{margin:0;padding:0;box-sizing:border-box}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}body{font-family:var(--font-family);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-primary);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:-.02em;color:var(--text-primary)}p{color:var(--text-secondary)}a{color:var(--brand-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-primary-hover);text-decoration:underline}::selection{background:var(--brand-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}::-webkit-scrollbar-thumb{background:var(--text-tertiary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}code{font-family:ui-monospace,Consolas,monospace;font-size:13px;padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-primary)}img{max-width:100%;height:auto}ul,ol{padding-left:20px}hr{border:none;border-top:1px solid var(--border);margin:var(--spacing-lg) 0}.app-layout{display:flex;min-height:100vh;position:relative}.sidebar{width:256px;height:100vh;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:transform .3s ease}.main-content{flex:1;margin-left:280px;min-height:100vh;background:var(--bg-primary);overflow-x:hidden}.mobile-header{display:none;height:64px;background:var(--bg-secondary);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);position:fixed;top:0;left:0;right:0;z-index:200}.mobile-menu-btn{background:none;border:none;cursor:pointer;font-size:var(--font-size-xl);color:var(--text-primary);padding:var(--spacing-sm)}.mobile-logo{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.mobile-placeholder{width:40px}.mobile-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:150}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0}.mobile-header{display:flex}.mobile-overlay{display:block}.content-wrapper{padding:var(--spacing-xl) var(--spacing-lg)}.header-bar{padding:0 var(--spacing-lg)}}.sidebar.collapsed .logo-text,.sidebar.collapsed .client-section-title{display:none}.main-content.collapsed{margin-left:60px}.unified-sidebar{display:flex;flex-direction:column;height:100%;overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;min-height:0;padding:var(--spacing-lg) 0}.client-nav{flex:1;overflow-y:auto;padding:var(--spacing-lg) 0}.client-section-body{overflow:hidden;transition:max-height .3s ease,opacity .2s ease;max-height:0;opacity:0}.client-section-body:not(.collapsed){max-height:2000px;opacity:1}.client-sidebar .client-section-body{transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .2s ease}.client-sidebar .client-section-body.collapsed{max-height:0;opacity:0;visibility:hidden}.client-sidebar .client-section-body:not(.collapsed){max-height:2000px;opacity:1;visibility:visible}.nav-link{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color .2s ease,color .2s ease,border-color .2s ease;position:relative;background:transparent;border:none;cursor:pointer;box-shadow:none;outline:none;appearance:none;-webkit-appearance:none;-moz-appearance:none}.nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand-primary);border-radius:0 3px 3px 0}.nav-icon{font-size:var(--font-size-base);margin-right:var(--spacing-sm);flex-shrink:0;width:20px;text-align:center}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);background:var(--bg-primary)}.client-sidebar .client-sidebar-back-button{width:100%;background:none;border:none;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-base)}.client-sidebar .client-sidebar-back-button:hover{background:var(--bg-tertiary);color:var(--text-primary)}.client-sidebar .client-sidebar-back-button.active{background:var(--brand-primary);color:#fff}.client-sidebar .client-sidebar-back-button .nav-icon{font-size:var(--font-size-base);margin-right:var(--spacing-sm);flex-shrink:0}.client-sidebar .client-sidebar-back-button .nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-sidebar .back-button{padding:var(--spacing-sm) var(--spacing-md)!important;border-radius:var(--radius-md)!important;color:var(--text-secondary)!important;background:transparent!important}.client-sidebar .back-button:hover{background:var(--bg-tertiary)!important;color:var(--text-primary)!important}.client-sidebar-footer .text-link{padding:0!important;margin:0!important;border-radius:0!important;background:transparent!important;width:auto!important;color:var(--brand-primary)!important}.client-sidebar-footer .text-link:hover{background:transparent!important;color:var(--brand-primary-hover)!important;text-decoration:underline}.client-sidebar-footer .text-link .nav-icon{margin-right:var(--spacing-xs);width:auto}.nav-subgroup{margin-left:var(--spacing-md);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-md)}.nav-subgroup-divider{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);margin:var(--spacing-md) 0 var(--spacing-xs);text-transform:uppercase;letter-spacing:.5px}.nav-link.nav-link-indent{padding-left:calc(var(--spacing-md) + var(--spacing-lg))}.client-sidebar .client-section-header{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold)}.client-sidebar .client-section-title{flex:1}.client-sidebar{width:256px;height:100vh;border-right:1px solid var(--sidebar-border);background:var(--sidebar-bg);display:flex;flex-direction:column;position:fixed;left:0;top:0;z-index:100;transition:width .3s ease}.client-sidebar.collapsed{width:60px}.client-sidebar.collapsed .client-section-title,.client-sidebar.collapsed .client-tab-label,.client-sidebar.collapsed .logo-text{display:none}.client-sidebar.collapsed .client-tab-icon,.client-sidebar.collapsed .collapse-btn,.client-sidebar.collapsed .logo-icon{margin:0 auto;display:block;text-align:center}.client-sidebar.collapsed .client-info-card{padding:var(--spacing-md);margin:var(--spacing-sm);text-align:center}.client-sidebar.collapsed .client-section{border-bottom:none}.client-sidebar.collapsed .collapse-btn{padding:var(--spacing-xs);transform:rotate(180deg)}.client-sidebar.collapsed .client-info-card .client-id-label,.client-sidebar.collapsed .client-info-card .client-id-value{display:none}.client-sidebar.collapsed .main-content{margin-left:60px}.client-sidebar.collapsed .client-section-header{justify-content:center}.client-sidebar.collapsed .client-section-actions{flex:0 0 auto}.client-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--brand-primary);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-md)}.client-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.client-id{font-size:var(--font-size-xs);color:var(--text-secondary);margin-bottom:var(--spacing-md)}.client-sidebar .sidebar-header{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.client-sidebar .logo{display:flex;align-items:center;gap:var(--spacing-md)}.client-sidebar .logo-icon{font-size:var(--font-size-2xl)}.client-sidebar .collapse-btn{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast)}.client-sidebar .collapse-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.client-info-card{padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-sm) var(--spacing-lg);background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-light)}.client-id-label{font-size:var(--font-size-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs)}.client-id-value{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.client-section-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.client-tab-link{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-base);position:relative;background:transparent;cursor:pointer}.client-sidebar .sidebar-footer{padding:var(--spacing-md) var(--spacing-md) var(--spacing-lg);background:transparent;border-top:1px solid var(--border-light)}.client-info-card{transition:all var(--transition-base)}.client-info-card:hover{background:var(--bg-tertiary);border-color:var(--border)}.client-sidebar .nav-link{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);transition:all var(--transition-base);position:relative}.client-sidebar .nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.client-sidebar .nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text)}.client-sidebar .nav-link.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand-primary);border-radius:0 3px 3px 0}.client-sidebar .nav-icon{font-size:var(--font-size-base);flex-shrink:0;width:20px;text-align:center}.client-sidebar .nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-section-header{position:relative;overflow:hidden}.client-section-header:before{content:"";position:absolute;left:0;top:0;height:100%;width:3px;background:var(--brand-primary);transform:translate(-100%);transition:transform var(--transition-base)}.client-section.section-active .client-section-header:before{transform:translate(0)}.client-sidebar-content{padding:var(--spacing-xs) 0}.client-sidebar-back{display:block;padding:8px var(--spacing-md);margin-bottom:var(--spacing-xs);text-decoration:none;font-size:var(--font-size-sm);color:var(--brand-primary);border-bottom:1px solid var(--border-light)}.client-sidebar-back:hover{color:var(--brand-accent)}.client-sidebar-group{margin-bottom:4px}.client-sidebar-group-title{display:flex;align-items:center;justify-content:space-between;padding:6px var(--spacing-md) 2px;font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.8px;color:var(--text-tertiary);-webkit-user-select:none;user-select:none;cursor:pointer}.client-sidebar-group-title:hover{color:var(--text-secondary)}.client-sidebar-chevron{font-size:8px;transition:transform .2s;color:var(--text-tertiary)}.client-sidebar-chevron.collapsed{transform:rotate(-90deg)}.client-sidebar-items{display:flex;flex-direction:column;overflow:hidden;transition:max-height .2s ease,opacity .15s ease;max-height:300px;opacity:1}.client-sidebar-items.collapsed{max-height:0;opacity:0}.client-sidebar-link{display:block;padding:4px var(--spacing-md) 4px calc(var(--spacing-md) + 4px);text-decoration:none;font-size:var(--font-size-sm);color:var(--text-secondary);border-left:2px solid transparent;transition:color .15s,border-color .15s}.client-sidebar-link:hover{color:var(--text-primary);border-left-color:var(--border)}.client-sidebar-link.active{color:var(--brand-accent);border-left-color:var(--brand-accent);font-weight:var(--font-weight-medium)}.client-sidebar-parent{display:flex!important;align-items:center!important;cursor:pointer!important}.client-sidebar-parent:hover{color:var(--text-primary);border-left-color:var(--border)}.client-sidebar-parent.active{color:var(--brand-accent);border-left-color:var(--brand-accent);font-weight:var(--font-weight-medium)}.client-sidebar-children{display:flex;flex-direction:column}.client-sidebar-child{padding:3px var(--spacing-md) 3px 0!important;font-size:var(--font-size-sm);text-decoration:none;color:var(--text-tertiary);border-left:2px solid transparent;transition:color .15s,border-left-color .15s;display:flex!important;align-items:center!important}.client-sidebar-child:hover{color:var(--text-primary);border-left-color:var(--border)}.client-sidebar-child.active{color:var(--brand-accent);border-left-color:var(--brand-accent);font-weight:var(--font-weight-medium)}.app-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.sidebar{width:256px;background:var(--sidebar-bg);color:var(--sidebar-text);display:flex;flex-direction:column;transition:width var(--transition-slow);position:fixed;top:0;left:0;bottom:0;z-index:100;border-right:1px solid var(--sidebar-border)}.sidebar.collapsed{width:60px}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--sidebar-border)}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-icon{font-size:24px;filter:none}.logo-text{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--brand-primary);font-family:var(--font-heading);background:none;-webkit-background-clip:unset;background-clip:unset}.collapse-btn{background:var(--sidebar-btn-bg);border:none;color:var(--sidebar-btn-text);font-size:var(--font-size-sm);cursor:pointer;padding:4px 8px;border-radius:var(--radius-md);transition:all var(--transition-base)}.collapse-btn:hover{background:var(--sidebar-btn-hover-bg);color:var(--sidebar-hover-text)}.sidebar-nav{flex:1;padding:var(--spacing-sm) 0;overflow-y:auto}.sidebar-nav-items{padding:0 var(--spacing-sm)}.sidebar-search{position:relative;display:flex;align-items:center;margin:8px 12px 4px;background:var(--sidebar-btn-bg, rgba(255, 255, 255, .06));border:1px solid var(--sidebar-border);border-radius:8px;padding:0 6px 0 10px}.sidebar-search-icon{font-size:18px;color:var(--sidebar-text-muted);flex-shrink:0}.sidebar-search-input{flex:1;background:transparent;border:none;outline:none;color:var(--sidebar-text);font-size:13px;padding:7px 8px;min-width:0}.sidebar-search-input::placeholder{color:var(--sidebar-text-muted);opacity:.7}.sidebar-search-clear{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--sidebar-text-muted);cursor:pointer;padding:4px;border-radius:6px}.sidebar-search-clear:hover{color:var(--sidebar-hover-text);background:var(--sidebar-hover-bg)}.sidebar-search-clear .material-symbols-outlined{font-size:16px}.nav-section{margin-bottom:2px}.nav-divider{position:sticky;top:0;z-index:1;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs) var(--spacing-md);margin:0 calc(var(--spacing-sm) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.8px;background:var(--sidebar-bg, var(--surface-container));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.nav-section-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs) var(--spacing-md);margin:0 calc(var(--spacing-sm) * -1);padding-left:var(--spacing-md);padding-right:var(--spacing-md);font-size:10px;font-weight:var(--font-weight-semibold);color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.8px;background:var(--sidebar-bg, var(--surface-container));-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border:none;border-left:3px solid transparent;cursor:pointer;transition:color var(--transition-fast)}.nav-section-header:hover{color:var(--sidebar-hover-text)}.nav-section-header .nav-section-chevron{font-size:16px;transition:transform .12s ease;transform:rotate(0)}.nav-section-header.expanded .nav-section-chevron{transform:rotate(90deg)}.nav-link-wrap{display:flex;align-items:stretch;border-radius:var(--radius-sm);border-left:3px solid transparent}.nav-link-wrap.active{background:var(--sidebar-active-bg);border-left-color:var(--brand-primary)}.nav-link-wrap .nav-link{flex:1;border-left:none;margin:0}.nav-link-wrap.active .nav-link{color:var(--sidebar-active-text);font-weight:var(--font-weight-medium)}.nav-link-wrap.active .nav-link.active{background:transparent}.nav-expand-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--sidebar-text-muted);cursor:pointer;padding:0 8px;border-radius:0 var(--radius-sm) var(--radius-sm) 0}.nav-expand-btn:hover{color:var(--sidebar-hover-text);background:var(--sidebar-hover-bg)}.nav-empty{padding:16px;text-align:center;color:var(--sidebar-text-muted);font-size:13px}.nav-divider-collapsed{height:1px;margin:6px 0;border-top:1px solid var(--sidebar-border)}.nav-link{display:flex;align-items:center;gap:var(--spacing-sm);padding:6px var(--spacing-md);color:var(--sidebar-text);text-decoration:none;transition:all var(--transition-fast);margin:2px 0;border-radius:var(--radius-sm);cursor:pointer;border-left:3px solid transparent;font-size:var(--font-size-base)}.nav-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.nav-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left:3px solid var(--brand-primary);font-weight:var(--font-weight-medium)}.nav-link-indent{padding-left:32px;font-size:var(--font-size-sm);opacity:.85}.nav-subgroup{margin:var(--spacing-xs) 0;border-left:2px solid var(--sidebar-border);margin-left:8px;padding-left:8px}.nav-subgroup-divider{padding:var(--spacing-xs) var(--spacing-md) 2px 32px;font-size:10px;font-weight:700;color:var(--sidebar-text-muted);text-transform:uppercase;letter-spacing:.5px}.nav-icon{font-size:18px;min-width:20px;display:inline-flex;align-items:center;justify-content:center}.nav-label{margin-left:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.sidebar.collapsed .nav-label{display:none}.sidebar.collapsed .nav-link{justify-content:center;padding:6px}.sidebar-footer{padding:var(--spacing-sm) var(--spacing-sm);border-top:1px solid var(--sidebar-border)}.main-content{flex:1;margin-left:256px;transition:margin-left var(--transition-slow);min-height:100vh;overflow-x:hidden}.sidebar.collapsed~.main-content{margin-left:80px;transition:margin-left var(--transition-base)}.header-bar{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 var(--spacing-2xl);background:var(--surface-container-lowest);border-bottom:1px solid var(--outline-variant);position:sticky;top:0;z-index:40}.header-left{flex:1 1 auto;max-width:100%;min-width:0}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}.header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.header-icon-btn{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-fast)}.header-icon-btn:hover{background:var(--surface-container-low);color:var(--text-primary)}.header-notif-dot{position:absolute;top:8px;right:8px;width:8px;height:8px;background:var(--danger);border-radius:50%}.header-divider{width:1px;height:32px;background:var(--outline-variant);margin:0 var(--spacing-sm)}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.user-avatar{width:36px;height:36px;background:var(--brand-accent);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);box-shadow:var(--shadow-sm)}.content-wrapper{padding:var(--spacing-lg);margin:0 auto;max-width:1400px}.mobile-header{display:none;position:fixed;top:0;left:0;right:0;height:56px;background:var(--brand-primary);align-items:center;justify-content:space-between;padding:0 var(--spacing-lg);z-index:99}.mobile-menu-btn{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--text-inverse)}.mobile-logo{font-size:var(--font-size-xl);margin:0;font-weight:var(--font-weight-semibold);color:var(--text-inverse)}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);z-index:98}@media(max-width:768px){.mobile-header{display:flex}.sidebar{transform:translate(-100%);transition:transform var(--transition-slow)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0;padding-top:36px}.sidebar.collapsed~.main-content{margin-left:80px;transition:margin-left var(--transition-base)}.content-wrapper{padding:var(--spacing-lg)}.header-bar{padding:var(--spacing-sm) var(--spacing-lg)}}.client-identity-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-md);margin:0 var(--spacing-sm) var(--spacing-md);background:linear-gradient(135deg,var(--brand-primary),var(--brand-primary-hover));border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.client-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:#fff3;color:var(--text-inverse);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);flex-shrink:0;letter-spacing:.5px}.client-identity-info{display:flex;flex-direction:column;overflow:hidden;min-width:0}.client-name-text{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-inverse);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.client-id-label{font-size:var(--font-size-xs);color:#fff9;font-weight:var(--font-weight-medium);letter-spacing:.3px}.client-back-link{margin-bottom:var(--spacing-xs)}.client-section{margin-bottom:2px}.client-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);color:var(--sidebar-text-muted);margin:0 var(--spacing-sm);width:calc(100% - var(--spacing-sm) * 2)}.client-section-header:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-text)}.client-section-title{font-size:10px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.8px;-webkit-user-select:none;user-select:none}.client-section-actions{display:flex;align-items:center;gap:4px}.section-badge{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--brand-accent);background:#0b00b714;padding:1px 6px;border-radius:var(--radius-full);min-width:16px;text-align:center;line-height:1.4}.section-chevron{display:flex;align-items:center;justify-content:center;transition:transform var(--transition-base);color:var(--text-tertiary)}.client-section.section-active .client-section-header{color:var(--brand-primary)}.client-section.section-active .client-section-title{letter-spacing:1px}.client-section-body{overflow:hidden;transition:max-height .25s ease,opacity .2s ease;max-height:300px;opacity:1}.client-section-body.collapsed{max-height:0;opacity:0}.client-section-items{padding:0 var(--spacing-sm);padding-bottom:var(--spacing-xs)}.client-tab-link{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:6px var(--spacing-md);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--sidebar-text);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-fast);text-align:left;border-left:3px solid transparent}.client-tab-link:hover{background:var(--sidebar-hover-bg);color:var(--sidebar-hover-text)}.client-tab-link.active{background:var(--sidebar-active-bg);color:var(--sidebar-active-text);border-left-color:var(--brand-accent);font-weight:var(--font-weight-medium)}.client-tab-icon{font-size:16px;min-width:20px;display:flex;align-items:center;justify-content:center}.client-tab-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-subheader{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-xs);border-bottom:1px solid var(--sidebar-border);margin-bottom:var(--spacing-xs)}.sidebar-subtitle{font-size:11px;font-weight:700;color:var(--sidebar-text-muted);letter-spacing:1.5px;text-transform:uppercase}.nav-badge{margin-left:auto;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--brand-accent);background:#0b00b714;padding:2px 8px;border-radius:var(--radius-full);min-width:20px;text-align:center;line-height:1.4}.sidebar.collapsed .client-identity-card{flex-direction:column;padding:var(--spacing-sm);gap:0;margin:0 var(--spacing-xs) var(--spacing-md)}.sidebar.collapsed .client-avatar{width:32px;height:32px;font-size:var(--font-size-xs)}.sidebar.collapsed .client-identity-info{display:none}.sidebar.collapsed .client-section-header{justify-content:center;padding:var(--spacing-sm) var(--spacing-xs);margin:0 var(--spacing-xs);width:calc(100% - var(--spacing-xs) * 2)}.sidebar.collapsed .client-section-title,.sidebar.collapsed .client-section-actions{display:none}.sidebar.collapsed .client-section-body.collapsed,.sidebar.collapsed .client-section-body{max-height:none;opacity:1}.sidebar.collapsed .client-section-items{display:flex;flex-direction:column;align-items:center;padding:0;gap:2px}.sidebar.collapsed .client-tab-link{justify-content:center;padding:6px;width:40px;height:40px;border-radius:var(--radius-sm);border-left:none}.sidebar.collapsed .client-tab-link.active{background:var(--sidebar-active-bg);border-left:none;position:relative}.sidebar.collapsed .client-tab-link.active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:16px;background:var(--brand-accent);border-radius:0 2px 2px 0}.sidebar.collapsed .client-tab-label,.sidebar.collapsed .nav-badge,.sidebar.collapsed .client-back-link .nav-label{display:none}.sidebar.collapsed .client-back-link{justify-content:center;padding:8px}.client-tab-link.has-subitems{position:relative}.subitem-chevron{margin-left:auto;transition:transform .2s ease}.client-tab-link.has-subitems.active .subitem-chevron{transform:rotate(90deg)}.subitem-menu{margin-left:20px;margin-top:4px;margin-bottom:8px}.subitem-link{display:flex;align-items:center;padding:8px 12px;margin:2px 0;border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:all .2s ease;border-left:3px solid transparent}.subitem-link:hover{background:var(--sidebar-hover-bg);color:var(--text-primary)}.subitem-link.active{background:var(--sidebar-active-bg);color:var(--brand-primary);border-left-color:var(--brand-accent)}.subitem-icon{margin-right:8px;font-size:var(--font-size-sm)}.subitem-label{font-size:var(--font-size-sm);font-weight:500}.subitem-menu.expanded{max-height:500px;opacity:1}.sidebar.collapsed .subitem-menu{display:none}.btn-primary{background:var(--brand-accent);color:var(--text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-primary:active:not(:disabled){transform:translateY(1px)}.btn-large{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg);border-radius:var(--radius-md)}.btn-secondary{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base);display:inline-flex;align-items:center;gap:var(--spacing-sm)}.btn-secondary:hover:not(:disabled){background:var(--brand-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-base)}.btn-ghost:hover{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--text-tertiary)}.card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.card-body{padding:var(--spacing-xl)}.card-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border)}.stat-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.stat-card .stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:var(--spacing-md)}.stat-card .stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:var(--font-weight-medium)}.table-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:2px solid var(--border);text-transform:uppercase;letter-spacing:.5px}tr:hover td{background:var(--bg-primary)}tr:last-child td{border-bottom:none}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family);transition:all var(--transition-base);color:var(--text-primary);background:var(--bg-secondary)}.form-group input::placeholder{color:var(--text-tertiary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-container{background:var(--bg-secondary);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--text-secondary);transition:color var(--transition-fast)}.text-muted{color:var(--text-tertiary)}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:1.4}.status-pending{background:var(--warning-bg);color:var(--warning)}.alert{padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-base)}.alert-error{background:var(--danger-bg);border:1px solid var(--danger);color:var(--danger)}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning);color:#92400e}.alert-success{background:var(--success-bg);border:1px solid var(--success);color:#166534}.alert-info{background:var(--info-bg);border:1px solid var(--info);color:#1e40af}.search-box{flex:1;max-width:300px;position:relative}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);padding-left:36px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);transition:all var(--transition-base)}.search-icon{position:absolute;left:var(--spacing-md);top:50%;transform:translateY(-50%);color:var(--text-tertiary);font-size:var(--font-size-base)}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);cursor:pointer;min-width:150px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);gap:var(--spacing-lg)}.loading-text{color:var(--text-secondary);font-size:var(--font-size-base)}.chart-portfolio{color:var(--brand-accent)}.chart-benchmark{color:var(--brand-primary)}.chart-insurance{color:var(--module-insurance)}.chart-loan{color:var(--module-loans)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary);letter-spacing:-.02em}.table-footer{padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-primary);border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center}.client-sidebar{width:180px;height:100vh;background:var(--bg-secondary);border-right:1px solid var(--border);display:flex;flex-direction:column;position:relative;overflow-y:auto;transition:transform .3s ease}.client-sidebar-header{padding:var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--border);background:var(--bg-primary)}.client-info{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.client-avatar{width:48px;height:48px;border-radius:var(--radius-full);background:var(--brand-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);flex-shrink:0}.client-details{flex:1;min-width:0}.client-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-xs);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-id{font-size:var(--font-size-xs);color:var(--text-tertiary);font-weight:var(--font-weight-medium)}.client-status{display:flex;justify-content:flex-end}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:var(--success-bg);color:var(--success)}.client-sidebar-nav{flex:1;overflow-y:auto;padding:var(--spacing-lg) 0}.client-section{margin-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light);padding-bottom:var(--spacing-sm)}.client-section:last-child{border-bottom:none;margin-bottom:0}.client-section.section-active{background:var(--bg-tertiary)}.client-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background:transparent;border:none;cursor:pointer;width:100%;text-align:left;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);transition:all var(--transition-fast)}.client-section-header:hover{background:var(--bg-tertiary)}.client-section-title{flex:1;margin-right:var(--spacing-sm)}.client-section-actions{display:flex;align-items:center;justify-content:center;flex-shrink:0}.section-chevron{transition:transform var(--transition-base);color:var(--text-secondary)}.section-chevron.collapsed{transform:rotate(-90deg)}.client-section-body{overflow:hidden;transition:max-height .3s ease;max-height:0}.client-section-body.collapsed{max-height:0}.client-section-body:not(.collapsed){max-height:1000px}.client-section-items{padding:0 var(--spacing-lg)}.client-tab-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);width:100%}.client-tab-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.client-tab-link.active{background:var(--brand-primary);color:#fff}.client-tab-icon{font-size:var(--font-size-base);margin-right:var(--spacing-sm);flex-shrink:0;width:20px;text-align:center}.client-tab-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.client-sidebar-footer{padding:var(--spacing-lg);border-top:1px solid var(--border);background:var(--bg-primary)}.client-sidebar-footer .nav-link{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);width:100%}.client-sidebar-footer .nav-link:hover{background:var(--bg-tertiary);color:var(--text-primary)}.client-sidebar-footer .nav-icon{font-size:var(--font-size-base);margin-right:var(--spacing-sm);flex-shrink:0;width:20px;text-align:center}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:999}@media(max-width:768px){.client-sidebar{position:fixed;transform:translate(-100%);z-index:1000}.client-sidebar.mobile-open{transform:translate(0)}}@keyframes tbl-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}[class$=-table-wrap],[class$=-table-wrapper]{animation:tbl-rise .4s ease backwards;animation-delay:.24s}@media(prefers-reduced-motion:reduce){[class$=-table-wrap],[class$=-table-wrapper]{animation:none}}.page-container{width:100%}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2xl);flex-wrap:wrap;gap:var(--spacing-lg)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0;color:var(--text-primary)}.page-subtitle{font-size:var(--font-size-base);color:var(--text-secondary);margin:var(--spacing-xs) 0 0}.btn-primary{background:var(--brand-accent);color:var(--text-inverse);border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-primary:hover:not(:disabled){background:var(--brand-accent-hover);box-shadow:var(--shadow-md)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-large{padding:var(--spacing-md) var(--spacing-2xl);font-size:var(--font-size-lg)}.btn-secondary{background:transparent;color:var(--brand-primary);border:1px solid var(--brand-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-base)}.btn-secondary:hover{background:var(--brand-primary);color:var(--text-inverse)}.form-section{margin-bottom:var(--spacing-2xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border)}.form-section h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-lg);color:var(--text-primary)}.form-row{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.form-group{flex:1;min-width:180px}.form-group.full-width{flex:1 1 100%}.form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);color:var(--text-secondary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-base);color:var(--text-primary);background:var(--bg-secondary)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #0b00b71a}.form-group input.error{border-color:var(--danger)}.error-text{font-size:var(--font-size-xs);color:var(--danger);margin-top:var(--spacing-xs);display:block}.form-actions{display:flex;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid var(--border)}.form-info-box{background:var(--info-bg);border-left:4px solid var(--info);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--text-primary)}.table-responsive{overflow-x:auto}table{width:100%;border-collapse:collapse;background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}th{text-align:left;padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-tertiary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--text-secondary);border-bottom:2px solid var(--border)}td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-light);font-size:var(--font-size-base);color:var(--text-primary)}tr:hover{background:var(--bg-primary)}.modal-overlay{position:fixed;top:0;bottom:0;left:250px;right:0;background:var(--bg-overlay);display:flex;align-items:center;justify-content:center;z-index:999}.modal-container{background:var(--bg-secondary);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);pointer-events:auto}.modal-large{max-width:800px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border)}.modal-header h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:var(--font-size-2xl);cursor:pointer;color:var(--text-secondary)}.modal-close:hover{color:var(--text-primary)}.modal-body{flex:1;overflow-y:auto;padding:var(--spacing-xl)}.modal-footer{padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:var(--spacing-md)}.error-alert{background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-xl);display:flex;align-items:center;gap:var(--spacing-md)}.error-icon{font-size:var(--spacing-xl)}.error-message{flex:1;color:var(--danger)}.error-retry{background:var(--danger);color:var(--text-inverse);border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer}.info-banner{background:var(--info-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg) var(--spacing-xl);margin-bottom:var(--spacing-2xl);display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-base);color:var(--text-primary);border-left:4px solid var(--info)}.banner-link{background:none;border:none;color:var(--info);cursor:pointer;font-weight:var(--font-weight-semibold);margin-left:var(--spacing-sm);text-decoration:underline}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--spacing-lg)}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--brand-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status-badge{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.status-active{background:var(--success-bg);color:var(--success)}.status-inactive{background:var(--danger-bg);color:var(--danger)}.filters-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);background:var(--bg-primary);border-bottom:1px solid var(--border);gap:var(--spacing-lg);flex-wrap:wrap}.search-box{flex:1;max-width:300px}.search-input{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--text-primary);background:var(--bg-secondary);transition:all var(--transition-base)}.search-input:focus{outline:none;border-color:var(--brand-primary);box-shadow:0 0 0 3px #0b00b71a}.filter-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;min-width:150px}.table-footer{padding:var(--spacing-md) var(--spacing-xl);background:var(--bg-primary);border-top:1px solid var(--border)}.summary{font-size:var(--font-size-base);color:var(--text-secondary)}.actions{white-space:nowrap}.btn-icon{background:none;border:none;cursor:pointer;font-size:var(--font-size-xl);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast);color:var(--text-secondary)}.btn-icon:hover{background:var(--bg-tertiary);color:var(--text-primary)}.btn-view:hover{color:var(--info);background:var(--info-bg)}.btn-edit:hover{color:var(--warning);background:var(--warning-bg)}.btn-delete:hover{color:var(--danger);background:var(--danger-bg)}.positive{color:var(--success);font-weight:var(--font-weight-semibold)}.negative{color:var(--danger);font-weight:var(--font-weight-semibold)}[data-theme=dark]{--brand-primary: #bfc1ff;--brand-primary-hover: #d4d6ff;--brand-accent: #2dd4a7;--brand-accent-hover: #14b88a;--bg-primary: #1a1c1c;--bg-secondary: #2f3131;--bg-tertiary: #3d3f3f;--bg-overlay: rgba(0, 0, 0, .7);--surface-container-lowest: #2f3131;--surface-container-low: #3d3f3f;--surface-container: #454757;--surface-container-high: #4f5160;--surface-container-highest: #585a69;--surface-muted: #3d3f3f;--text-primary: #f0f1f1;--text-secondary: #c6c4da;--text-tertiary: #9a99ad;--text-inverse: #1a1c1c;--success: #22C55E;--success-bg: rgba(34, 197, 94, .15);--warning: #FBBF24;--warning-bg: rgba(251, 191, 36, .15);--danger: #EF4444;--danger-bg: rgba(239, 68, 68, .15);--info: #3B82F6;--info-bg: rgba(59, 130, 246, .15);--border: #454757;--border-light: #3d3f3f;--border-subtle: #454757;--border-focus: #bfc1ff;--outline: #9a99ad;--outline-variant: #454757;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--sidebar-bg: #2f3131;--sidebar-text: #e2e2e2;--sidebar-text-secondary: #c6c4da;--sidebar-text-muted: #767589;--sidebar-hover-bg: #3d3f3f;--sidebar-hover-text: #f0f1f1;--sidebar-active-bg: rgba(191, 193, 255, .15);--sidebar-active-text: #bfc1ff;--sidebar-border: #454757;--sidebar-btn-bg: #3d3f3f;--sidebar-btn-text: #c6c4da;--sidebar-btn-hover-bg: #585a69}
