:root{--color-primary:#2d5a9d;--color-secondary:#1a2332;--color-bg-page:#f8f9fa;--color-bg-surface:#fff;--color-border:#e0e2e7;--color-text-muted:#8a96a8;--color-text-label:#5a6c7d;--color-success:#059669;--color-warning:#d97706;--color-error:#dc2626;--color-info:#0284c7;--color-chart-1:#2d5a9d;--color-chart-2:#059669;--color-chart-3:#f59e0b;--color-chart-4:#8b5cf6;--color-chart-5:#0284c7;--color-chart-6:#ef4444;--radius-sm:4px;--radius-md:8px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:var(--color-bg-page);width:100%;min-width:320px;min-height:100vh;color:var(--color-secondary);margin:0}#root{width:100%;min-height:100vh}.login-shell{--navy:#0b1e3d;--navy-mid:#112547;--navy-light:#1a3260;--teal:#00c9a7;--teal-dim:#00a98a;--gold:#f5c842;--coral:#ff6b6b;--sky:#4fc3f7;--white:#fff;--text-muted:#ffffff94;--card-bg:#ffffff0d;--card-border:#ffffff1f;--input-bg:#ffffff12;min-height:100vh;color:var(--white);background:var(--navy);padding:0;font-family:DM Sans,Segoe UI,sans-serif;position:relative;overflow:hidden}.bg-canvas{z-index:0;background:radial-gradient(ellipse 80% 60% at 15% 110%, #00c9a72e 0%, transparent 60%), radial-gradient(ellipse 60% 80% at 90% -10%, #4fc3f724 0%, transparent 55%), radial-gradient(ellipse 50% 50% at 50% 50%, #112547 0%, var(--navy) 100%);position:fixed;inset:0}.bg-grid{z-index:0;opacity:.04;background-image:linear-gradient(#fff9 1px,#0000 1px),linear-gradient(90deg,#fff9 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.login-vignette{z-index:1;pointer-events:none;background:radial-gradient(85% 65% at 10% 105%,#00c9a733 0%,#0000 62%),radial-gradient(70% 90% at 92% -8%,#4fc3f726 0%,#0000 58%),linear-gradient(#1a326047 0%,#0b1e3d00 42%);position:fixed;inset:0}.login-layout{z-index:2;grid-template-columns:1fr 420px 1fr;width:100%;min-height:100vh;display:grid;position:relative}.auth-panel-container{border-color:var(--card-border);min-height:100vh}.sales-pitch-panel{border-right:1px solid var(--card-border);flex-direction:column;justify-content:center;gap:16px;padding:56px 40px 56px 56px;display:flex}.panel-label{letter-spacing:3px;text-transform:uppercase;color:var(--teal);font-size:10px;font-weight:700}.panel-headline{margin:0;font-family:Syne,Trebuchet MS,sans-serif;font-size:2rem;font-weight:800;line-height:1.16}.panel-subtext{color:var(--text-muted);margin:0;font-size:.9rem;line-height:1.58}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.kpi-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:14px;position:relative;overflow:hidden}.kpi-card:before{content:"";height:2px;position:absolute;top:0;left:0;right:0}.kpi-teal:before{background:var(--teal)}.kpi-gold:before{background:var(--gold)}.kpi-coral:before{background:var(--coral)}.kpi-sky:before{background:var(--sky)}.kpi-label{letter-spacing:1px;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:10px}.kpi-value{font-family:Syne,Trebuchet MS,sans-serif;font-size:1.35rem;font-weight:800}.kpi-delta{margin-top:4px;font-size:11px}.up{color:var(--teal)}.down{color:var(--coral)}.sparkline-wrap{margin-top:4px}.sparkline-label{color:var(--text-muted);margin-bottom:10px;font-size:11px}.sparkline-bars{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:4px;height:58px;display:grid}.sparkline-bar{background:linear-gradient(#4fc3f7f2,#00c9a7e6);border-radius:4px 4px 2px 2px}.feature-list{gap:10px;display:grid}.feature-item{background:var(--card-bg);border:1px solid var(--card-border);color:#ffffffd6;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:.8rem;display:flex}.feature-dot{border-radius:50%;flex:0 0 8px;width:8px;height:8px}.dot-teal{background:var(--teal);box-shadow:0 0 8px #00c9a780}.dot-gold{background:var(--gold);box-shadow:0 0 8px #f5c84280}.dot-sky{background:var(--sky);box-shadow:0 0 8px #4fc3f780}.panel-contact{color:var(--text-muted);margin-top:8px;font-size:11px}.selling-points-shell{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;margin-top:4px;padding:12px}.selling-points-content{transition:opacity .28s,transform .28s}.selling-points-content.is-animating{opacity:.55;transform:translateY(4px)}.selling-points-title{margin:0 0 6px;font-family:Syne,Trebuchet MS,sans-serif;font-size:1rem;font-weight:700}.selling-points-description{color:#ffffffd1;margin:0;font-size:.8rem;line-height:1.5}.selling-points-bullets{color:var(--text-muted);gap:4px;margin:8px 0 0;padding-left:18px;font-size:.75rem;display:grid}.selling-points-dots{gap:6px;margin-top:10px;display:flex}.selling-points-dot{background:#ffffff40;border-radius:50%;width:7px;height:7px;transition:all .22s}.selling-points-dot.is-active{background:var(--teal);border-radius:999px;width:20px}.login-panel{border-left:1px solid var(--card-border);border-right:1px solid var(--card-border);background:#ffffff0a;flex-direction:column;justify-content:center;padding:48px 40px 36px;display:flex}.login-header{text-align:center}.login-logo{filter:invert();width:160px;margin:0 auto 14px}.login-title{margin:0;font-family:Syne,Trebuchet MS,sans-serif;font-size:1.35rem;font-weight:800}.login-title sup{opacity:.72;font-size:9px}.login-platform-name{color:var(--teal);text-transform:uppercase;letter-spacing:2px;margin-top:4px;font-size:11px;font-weight:700}.login-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:11.5px}.login-divider{background:var(--card-border);height:1px;margin:24px 0 18px}.login-form{gap:14px;display:grid}.login-field{gap:8px;display:grid}.login-label{letter-spacing:1.4px;text-transform:uppercase;color:var(--text-muted);align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.label-dot{color:var(--teal)}.login-input{box-sizing:border-box;border:1px solid var(--card-border);width:100%;color:var(--white);background:var(--input-bg);border-radius:10px;outline:none;padding:13px 14px;font-size:14px}.login-input::placeholder{color:#ffffff59}.login-input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #00c9a72e}.login-password-wrap{position:relative}.login-password-wrap .login-input{padding-right:72px}.login-password-toggle{color:#79f2dc;cursor:pointer;background:#ffffff0f;border:1px solid #00c9a74d;border-radius:8px;height:30px;padding:0 10px;font-size:12px;font-weight:600;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.login-password-toggle:hover{background:#00c9a71f}.login-submit{color:#07263d;background:linear-gradient(135deg, var(--teal) 0%, var(--teal-dim) 100%);cursor:pointer;border:none;border-radius:10px;width:100%;padding:14px;font-family:Syne,Trebuchet MS,sans-serif;font-size:15px;font-weight:700;box-shadow:0 8px 24px #00c9a757}.login-submit:hover{filter:brightness(1.05)}.login-request-links{justify-content:space-between;align-items:center;gap:10px;display:flex}.login-forgot-link{color:var(--teal);cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;font-weight:600}.login-forgot-link:hover{opacity:.8}.login-forgot-panel{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:10px;margin-top:2px;padding:12px}.login-forgot-title{color:var(--white);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px;font-size:.75rem;font-weight:700}.login-forgot-success{color:#7ff4de;word-break:break-word;background:#00c9a71a;border:1px solid #00c9a780;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px}.login-forgot-error,.login-error{color:#ffd2d2;background:#ff6b6b1a;border:1px solid #ff6b6b73;border-radius:8px;margin-top:10px;padding:8px 10px;font-size:12px}.login-textarea{resize:vertical;min-height:84px}.login-error-title{margin-bottom:4px;font-size:12px;font-weight:700}.login-error-detail{white-space:pre-wrap;font-size:12px}.login-footer{text-align:center;margin-top:14px}.login-copyright{color:#ffffff3d;font-size:10px}.login-api-target{color:#d6f3fff2;word-break:break-all;background:#4fc3f71a;border:1px solid #4fc3f766;border-radius:8px;margin-top:8px;padding:7px 10px;font-size:11px;line-height:1.35}.login-dev-callout{background:#ffffff0f;border:1px solid #fff3;border-radius:8px;margin-top:10px;padding:8px}.login-dev-title{color:#ffffffc7;font-size:10px;font-weight:700}.login-dev-creds{color:#ffffffc7;font-family:Consolas,Courier New,monospace;font-size:11px}.platform-preview-panel{border-left:1px solid var(--card-border);flex-direction:column;justify-content:center;padding:48px 40px;display:flex}.platform-preview-shell{gap:12px;display:grid}.platform-preview-title{letter-spacing:.2px;font-family:Syne,Trebuchet MS,sans-serif;font-size:13px;font-weight:700}.dashboard-topbar{justify-content:space-between;align-items:center;display:flex}.dashboard-title{font-family:Syne,Trebuchet MS,sans-serif;font-size:13px;font-weight:700;transition:opacity .28s,transform .28s}.dashboard-title.is-animating{opacity:.55;transform:translateY(4px)}.dashboard-live{color:var(--teal);text-transform:uppercase;letter-spacing:1px;align-items:center;gap:6px;font-size:10px;display:flex}.dashboard-live-dot{background:var(--teal);border-radius:50%;width:6px;height:6px}.platform-preview-hero{border:1px solid var(--card-border);background:#ffffff0a;border-radius:12px;margin-bottom:2px;padding:10px;transition:opacity .28s,transform .28s}.platform-preview-hero.is-animating{opacity:.55;transform:translateY(5px)}.platform-preview-image{object-fit:cover;border-radius:8px;width:100%;height:108px;display:block}.platform-preview-caption{color:#ffffffd1;margin-top:8px;font-size:11px}.platform-preview-dots{gap:6px;margin-top:8px;display:flex}.platform-preview-dot{background:#ffffff40;border-radius:50%;width:7px;height:7px;transition:all .22s}.platform-preview-dot.is-active{background:var(--sky);border-radius:999px;width:20px}.dashboard-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:14px}.dashboard-card-header{justify-content:space-between;gap:10px;display:flex}.dashboard-card-label{color:var(--text-muted);margin-bottom:4px;font-size:12px}.dashboard-card-value{font-family:Syne,Trebuchet MS,sans-serif;font-size:1.5rem;font-weight:800}.dashboard-card-delta{color:var(--teal);font-size:11px}.dashboard-card-delta.down{color:var(--coral)}.dashboard-period{color:var(--text-muted);border:1px solid var(--card-border);border-radius:999px;height:fit-content;padding:4px 8px;font-size:10px}.mini-chart{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:4px;height:80px;margin-top:10px;display:grid}.mini-chart-bar{background:linear-gradient(#00c9a7f2,#4fc3f7e0);border-radius:4px 4px 2px 2px}.category-row,.compliance-row{align-items:center;gap:8px;display:flex}.category-row{margin-top:10px}.category-name{color:#fffc;flex:0 0 78px;width:78px;font-size:11px}.category-track{background:#ffffff1a;border-radius:999px;flex:1;height:6px;overflow:hidden}.category-fill{border-radius:999px;height:100%;display:block}.category-fill.teal{background:var(--teal)}.category-fill.sky{background:var(--sky)}.category-fill.gold{background:var(--gold)}.category-fill.coral{background:var(--coral)}.category-value{text-align:right;width:44px;font-size:11px;font-weight:700}.compliance-row{border-bottom:1px solid #ffffff14;justify-content:space-between;margin-top:8px;padding-bottom:8px;font-size:11px}.compliance-row:last-child{border-bottom:none;padding-bottom:0}.compliance-score{font-weight:700}.badge{border-radius:999px;padding:2px 8px;font-size:10px;font-weight:700}.badge-green{color:var(--teal);background:#00c9a726}.badge-gold{color:var(--gold);background:#f5c84226}.badge-red{color:var(--coral);background:#ff6b6b26}.dashboard-alert{color:var(--gold);background:#f5c8421f;border:1px solid #f5c84252;border-radius:10px;padding:10px 12px;font-size:11px}@media (width<=1120px){.login-layout{grid-template-columns:1fr 420px}.platform-preview-panel{display:none}}@media (width<=760px){.login-layout{grid-template-columns:1fr}.sales-pitch-panel,.platform-preview-panel{display:none}.login-panel{border:none;padding:40px 24px}.login-logo{width:140px}}@media (prefers-reduced-motion:reduce){.login-submit,.login-input,.kpi-card,.feature-item{transition:none!important}}