:root{--bg-primary: #060a11;--bg-secondary: #0b1120;--bg-tertiary: #111827;--bg-card: #161f2e;--bg-elevated: #1e293b;--accent-primary: #00d8a4;--accent-secondary: #00b8e6;--accent-warning: #ffa726;--accent-danger: #ef5350;--accent-purple: #9c7cf4;--gradient-hero: linear-gradient(135deg, #00d8a4 0%, #00b8e6 50%, #9c7cf4 100%);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--font-display: "Cabinet Grotesk", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 220px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-elevated);border-radius:3px}.app-shell{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid rgba(255,255,255,.05);display:flex;flex-direction:column;position:fixed;top:0;left:0;height:100vh;z-index:50;transition:transform .3s}.sidebar-header{padding:1.5rem 1.25rem 1rem;border-bottom:1px solid rgba(255,255,255,.05)}.sidebar-logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--text-primary);font-family:var(--font-display);font-weight:800;font-size:1.1rem}.sidebar-logo-icon{width:34px;height:34px;background:var(--gradient-hero);border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex-shrink:0}.sidebar-logo span{background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.sidebar-demo-badge{display:inline-block;margin-top:.5rem;padding:2px 8px;background:#00d8a41a;border:1px solid rgba(0,216,164,.2);border-radius:100px;font-size:.65rem;font-weight:600;color:var(--accent-primary);letter-spacing:.08em;text-transform:uppercase}.sidebar-nav{flex:1;padding:1rem .75rem;overflow-y:auto}.nav-section-label{font-size:.6rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding:.75rem .75rem .4rem}.nav-item{display:flex;align-items:center;gap:.65rem;padding:.55rem .75rem;border-radius:9px;font-size:.875rem;font-weight:500;color:var(--text-secondary);text-decoration:none;cursor:pointer;transition:all .15s;margin-bottom:2px;background:none;border:none;width:100%;text-align:left}.nav-item:hover{background:#ffffff0a;color:var(--text-primary)}.nav-item.active{background:#00d8a41a;color:var(--accent-primary);border:1px solid rgba(0,216,164,.15)}.nav-item svg{width:16px;height:16px;flex-shrink:0}.nav-item .nav-badge{margin-left:auto;padding:1px 6px;background:var(--accent-danger);color:#fff;border-radius:100px;font-size:.6rem;font-weight:700}.nav-item .nav-badge.purple{background:var(--accent-purple)}.nav-item .nav-badge.new{background:var(--accent-primary);color:var(--bg-primary)}.sidebar-footer{padding:1rem .75rem;border-top:1px solid rgba(255,255,255,.05)}.sidebar-back-link{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:var(--text-muted);text-decoration:none;padding:.5rem .75rem;border-radius:8px;transition:all .15s}.sidebar-back-link:hover{color:var(--accent-primary);background:#00d8a40d}.main-content{margin-left:var(--sidebar-width);flex:1;display:flex;flex-direction:column;min-height:100vh}.topbar{position:sticky;top:0;z-index:40;background:#060a11e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.04);padding:.875rem 2rem;display:flex;align-items:center;justify-content:space-between}.topbar-left{display:flex;align-items:center;gap:.75rem}.topbar-title{font-family:var(--font-display);font-weight:700;font-size:1.1rem}.topbar-subtitle{font-size:.8rem;color:var(--text-muted)}.topbar-right{display:flex;align-items:center;gap:1rem}.account-pill{display:flex;align-items:center;gap:.5rem;padding:.4rem .875rem;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:100px;font-size:.8rem;color:var(--text-secondary)}.account-dot{width:8px;height:8px;background:var(--accent-primary);border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.page-content{padding:2rem;flex:1}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:14px;padding:1.25rem 1.5rem;position:relative;overflow:hidden;transition:border-color .2s}.stat-card:hover{border-color:#00d8a433}.stat-card:before{content:"";position:absolute;top:0;right:0;width:80px;height:80px;border-radius:50%;opacity:.06}.stat-card.green:before{background:#00d8a4}.stat-card.blue:before{background:#00b8e6}.stat-card.orange:before{background:#ffa726}.stat-card.red:before{background:#ef5350}.stat-card.purple:before{background:#9c7cf4}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.06em}.stat-value{font-family:var(--font-display);font-size:1.9rem;font-weight:800;line-height:1;margin-bottom:.4rem}.stat-value.green{color:var(--accent-primary)}.stat-value.blue{color:var(--accent-secondary)}.stat-value.orange{color:var(--accent-warning)}.stat-value.red{color:var(--accent-danger)}.stat-value.purple{color:var(--accent-purple)}.stat-value.white{color:var(--text-primary)}.stat-change{font-size:.75rem;display:flex;align-items:center;gap:.25rem}.stat-change.up{color:var(--accent-danger)}.stat-change.down{color:var(--accent-primary)}.stat-change.neutral{color:var(--text-muted)}.stat-icon{position:absolute;top:1.25rem;right:1.25rem;font-size:1.4rem;opacity:.5}.card{background:var(--bg-card);border:1px solid rgba(255,255,255,.05);border-radius:14px;overflow:hidden}.card-header{padding:1.1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04);display:flex;align-items:center;justify-content:space-between}.card-title{font-family:var(--font-display);font-weight:700;font-size:.95rem}.card-body{padding:1.25rem 1.5rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.25rem}.grid-1-2{display:grid;grid-template-columns:1fr 2fr;gap:1.25rem}.grid-2-1{display:grid;grid-template-columns:2fr 1fr;gap:1.25rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:2px 8px;border-radius:6px;font-size:.7rem;font-weight:600}.badge-critical{background:#ef535026;color:#ef5350;border:1px solid rgba(239,83,80,.2)}.badge-high{background:#ffa72626;color:#ffa726;border:1px solid rgba(255,167,38,.2)}.badge-medium{background:#ffd54f1a;color:#ffd54f;border:1px solid rgba(255,213,79,.15)}.badge-low{background:#00d8a41a;color:#00d8a4;border:1px solid rgba(0,216,164,.15)}.badge-tier1{background:#00d8a426;color:#00d8a4;border:1px solid rgba(0,216,164,.25)}.badge-tier2{background:#00b8e626;color:#00b8e6;border:1px solid rgba(0,184,230,.25)}.badge-tier3{background:#9c7cf426;color:#9c7cf4;border:1px solid rgba(156,124,244,.25)}.badge-applied{background:#00d8a41a;color:#00d8a4}.badge-pending{background:#ffa7261a;color:#ffa726}.badge-approved{background:#00d8a41a;color:#00d8a4}.badge-new{background:#9c7cf426;color:#9c7cf4}.data-table{width:100%;border-collapse:collapse}.data-table th{padding:.75rem 1rem;text-align:left;font-size:.7rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(255,255,255,.05);white-space:nowrap}.data-table td{padding:.875rem 1rem;font-size:.875rem;color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.03)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:#ffffff05}.td-primary{color:var(--text-primary);font-weight:500}.td-green{color:var(--accent-primary);font-weight:600;font-family:var(--font-mono)}.td-mono{font-family:var(--font-mono);font-size:.8rem}.td-muted{color:var(--text-muted);font-size:.8rem}.btn{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem 1.1rem;border-radius:9px;font-family:var(--font-body);font-weight:600;font-size:.85rem;cursor:pointer;border:none;transition:all .2s;text-decoration:none}.btn-primary{background:var(--gradient-hero);color:var(--bg-primary)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #00d8a44d}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid rgba(255,255,255,.08)}.btn-secondary:hover{border-color:#00d8a44d}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid rgba(255,255,255,.06)}.btn-ghost:hover{color:var(--text-primary);border-color:#ffffff1f}.btn-danger{background:#ef53501a;color:var(--accent-danger);border:1px solid rgba(239,83,80,.2)}.btn-sm{padding:.3rem .75rem;font-size:.78rem}.btn-lg{padding:.75rem 2rem;font-size:1rem;border-radius:12px}.chart-container{position:relative}.section-tag{display:inline-block;padding:.25rem .875rem;background:#00d8a414;border:1px solid rgba(0,216,164,.15);border-radius:100px;font-size:.7rem;font-weight:600;color:var(--accent-primary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem}.sparkbar-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.sparkbar-label{font-size:.78rem;color:var(--text-secondary);width:80px;flex-shrink:0}.sparkbar-track{flex:1;height:6px;background:#ffffff0d;border-radius:3px;overflow:hidden}.sparkbar-fill{height:100%;border-radius:3px}.sparkbar-value{font-size:.75rem;font-family:var(--font-mono);color:var(--text-muted);width:60px;text-align:right;flex-shrink:0}.tier-block{display:flex;gap:.75rem;padding:1rem 1.25rem;border-radius:12px;align-items:flex-start;margin-bottom:.75rem}.tier-block.tier1{background:#00d8a40f;border:1px solid rgba(0,216,164,.15)}.tier-block.tier2{background:#00b8e60f;border:1px solid rgba(0,184,230,.15)}.tier-block.tier3{background:#9c7cf40f;border:1px solid rgba(156,124,244,.15)}.tier-icon{font-size:1.4rem;flex-shrink:0;line-height:1;margin-top:.1rem}.tier-title{font-family:var(--font-display);font-weight:700;font-size:.9rem;margin-bottom:.25rem}.tier-desc{font-size:.8rem;color:var(--text-muted);line-height:1.5}.tier-block.tier1 .tier-title{color:var(--accent-primary)}.tier-block.tier2 .tier-title{color:var(--accent-secondary)}.tier-block.tier3 .tier-title{color:var(--accent-purple)}.agent-locked{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;min-height:400px}.lock-icon{font-size:3rem;margin-bottom:1.5rem;opacity:.7}.agent-locked h3{font-family:var(--font-display);font-size:1.5rem;font-weight:800;margin-bottom:.75rem;background:var(--gradient-hero);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.agent-locked p{font-size:.95rem;color:var(--text-secondary);max-width:480px;line-height:1.7;margin-bottom:1.75rem}.email-capture{display:flex;gap:.5rem;max-width:420px;width:100%}.email-input{flex:1;padding:.65rem 1rem;background:var(--bg-elevated);border:1px solid rgba(255,255,255,.1);border-radius:10px;font-family:var(--font-body);font-size:.9rem;color:var(--text-primary);outline:none;transition:border-color .2s}.email-input:focus{border-color:#00d8a466}.email-input::placeholder{color:var(--text-muted)}.agent-preview{background:var(--bg-elevated);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:1.25rem;margin-bottom:1.5rem;max-width:600px;width:100%;text-align:left;opacity:.6;filter:blur(1px);pointer-events:none}.agent-msg{display:flex;gap:.75rem;margin-bottom:.75rem}.agent-avatar{width:28px;height:28px;background:var(--gradient-hero);border-radius:8px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.7rem}.agent-bubble{background:var(--bg-card);border-radius:10px;padding:.6rem .875rem;font-size:.8rem;color:var(--text-secondary);line-height:1.5}.typing-dots span{display:inline-block;width:5px;height:5px;background:var(--accent-primary);border-radius:50%;margin:0 2px;animation:bounce 1.2s infinite}.typing-dots span:nth-child(2){animation-delay:.2s}.typing-dots span:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-6px)}}.progress-ring{transform:rotate(-90deg)}.savings-gauge{display:flex;align-items:center;gap:1.5rem;padding:.5rem 0}.timeline{position:relative;padding-left:1.5rem}.timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:1px;background:#ffffff0f}.timeline-item{position:relative;margin-bottom:1.25rem}.timeline-dot{position:absolute;left:-1.5rem;top:3px;width:14px;height:14px;border-radius:50%;border:2px solid var(--bg-card)}.timeline-dot.green{background:var(--accent-primary)}.timeline-dot.blue{background:var(--accent-secondary)}.timeline-dot.orange{background:var(--accent-warning)}.timeline-dot.purple{background:var(--accent-purple)}.timeline-time{font-size:.7rem;color:var(--text-muted);margin-bottom:.2rem;font-family:var(--font-mono)}.timeline-content{font-size:.83rem;color:var(--text-secondary)}.timeline-title{font-weight:600;color:var(--text-primary)}.alert{display:flex;gap:.875rem;padding:.875rem 1.1rem;border-radius:10px;margin-bottom:.75rem;align-items:flex-start}.alert-critical{background:#ef535014;border:1px solid rgba(239,83,80,.2)}.alert-high{background:#ffa72614;border:1px solid rgba(255,167,38,.2)}.alert-info{background:#00b8e614;border:1px solid rgba(0,184,230,.2)}.alert-icon{font-size:1rem;flex-shrink:0;margin-top:.1rem}.alert-title{font-weight:600;font-size:.85rem;margin-bottom:.15rem}.alert-desc{font-size:.78rem;color:var(--text-muted)}.alert-critical .alert-title{color:var(--accent-danger)}.alert-high .alert-title{color:var(--accent-warning)}.alert-info .alert-title{color:var(--accent-secondary)}.v2-banner{background:linear-gradient(135deg,#9c7cf414,#00b8e614);border:1px solid rgba(156,124,244,.2);border-radius:14px;padding:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.v2-banner-icon{font-size:1.75rem;flex-shrink:0}.v2-banner-title{font-family:var(--font-display);font-weight:700;font-size:.95rem;color:var(--accent-purple);margin-bottom:.2rem}.v2-banner-desc{font-size:.82rem;color:var(--text-muted)}.v2-banner-cta{margin-left:auto;flex-shrink:0}@media (max-width: 1024px){.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-1-2,.grid-2-1{grid-template-columns:1fr}}@media (max-width: 768px){.sidebar{transform:translate(-100%)}.main-content{margin-left:0}.stat-grid{grid-template-columns:1fr 1fr}.page-content{padding:1rem}}