:root{--teal:#14b89c;--teal-dim:#0e8c75;--dark:#060910;--panel:#0f1a1f;--panel-2:#131f26;--white:#e8ecf1;--gray:#6b7a8d;--gray-light:#b0b9c4;--border:#1f2d36;--blue:#3b82f6;--purple:#a78bfa;--amber:#f59e0b;--red:#ef4444;--font-sans:"DM Sans",system-ui,-apple-system,sans-serif;--font-display:"Playfair Display",Georgia,serif;--font-mono:"DM Mono","SF Mono",monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-sans);background:var(--dark);color:var(--white);min-height:100vh;line-height:1.5}.container{max-width:1280px;margin:0 auto;padding:32px 24px}.login-container{max-width:520px;display:flex;flex-direction:column;min-height:100vh;justify-content:center}.brand{display:flex;align-items:center;gap:16px;margin-bottom:48px}.logomark{display:flex;align-items:flex-end;gap:4px;height:40px}.logomark .bar{width:7px;background:var(--teal);display:inline-block}.logomark .b1{height:14px;opacity:.45}.logomark .b2{height:24px;opacity:.65}.logomark .b3{height:34px;opacity:.85}.logomark .b4{height:40px;opacity:1}.wordmark h1{margin:0;font-size:32px;font-weight:700;letter-spacing:-.5px}.tagline{margin:2px 0 0;font-size:10px;letter-spacing:1.8px;font-weight:600;color:var(--teal)}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:40px}.display{font-family:var(--font-display);font-size:36px;font-style:italic;font-weight:400;margin:0 0 12px;color:var(--white)}.subtitle{font-size:14px;color:var(--gray-light);margin:0 0 32px}form label{display:block;font-size:11px;font-weight:600;letter-spacing:.8px;color:var(--teal);margin-bottom:8px;text-transform:uppercase}form input[type=email]{width:100%;background:var(--dark);border:1px solid var(--border);color:var(--white);padding:14px 16px;font-family:var(--font-sans);font-size:15px;border-radius:8px;margin-bottom:20px;transition:border-color .15s}form input[type=email]:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(20,184,156,.15)}.cta{width:100%;background:var(--teal);color:var(--dark);border:none;padding:14px 24px;font-family:var(--font-sans);font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:background .15s}.cta:hover{background:var(--teal-dim)}.cta:disabled{opacity:.5;cursor:not-allowed}.status{margin-top:16px;padding:12px 16px;border-radius:8px;font-size:13px}.status.success{background:rgba(20,184,156,.1);border:1px solid var(--teal);color:var(--teal)}.status.error{background:rgba(239,68,68,.1);border:1px solid var(--red);color:var(--red)}.hidden{display:none}.meta{margin-top:28px;padding-top:24px;border-top:1px solid var(--border);font-size:12px;color:var(--gray)}.meta p{margin:6px 0}.footer{margin-top:48px;font-size:11px;color:var(--gray);text-align:center}.footer a{color:var(--teal);text-decoration:none}.footer p{margin:4px 0}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:24px 16px}.sidebar .brand{margin-bottom:32px}.nav{display:flex;flex-direction:column;gap:4px}.nav-item{padding:10px 14px;border-radius:8px;color:var(--gray-light);text-decoration:none;font-size:13px;font-weight:500;transition:background .15s,color .15s;cursor:pointer}.nav-item:hover{background:var(--panel-2);color:var(--white)}.nav-item.active{background:rgba(20,184,156,.1);color:var(--teal)}.main-content{padding:32px 40px;overflow-y:auto}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;flex-wrap:wrap;gap:16px}.page-header h2{font-family:var(--font-display);font-style:italic;font-size:32px;font-weight:400;margin:0}.page-header .meta-bar{font-size:12px;color:var(--gray);font-family:var(--font-mono)}.live-pulse{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--teal);font-weight:600;letter-spacing:.8px}.live-pulse .dot{width:8px;height:8px;border-radius:50%;background:var(--teal);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px;margin-bottom:32px}.kpi-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px;position:relative;overflow:hidden}.kpi-card:before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--teal)}.kpi-card.amber:before{background:var(--amber)}.kpi-card.blue:before{background:var(--blue)}.kpi-card.purple:before{background:var(--purple)}.kpi-card .label{font-size:10px;letter-spacing:1px;color:var(--teal);font-weight:600;text-transform:uppercase;margin-bottom:8px}.kpi-card.amber .label{color:var(--amber)}.kpi-card.blue .label{color:var(--blue)}.kpi-card.purple .label{color:var(--purple)}.kpi-card .value{font-family:var(--font-mono);font-size:26px;font-weight:600;color:var(--white);margin-bottom:4px}.kpi-card .delta{font-size:11px;color:var(--gray)}.section-title{font-size:11px;letter-spacing:1px;color:var(--teal);font-weight:700;text-transform:uppercase;margin:32px 0 14px}.chart-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;margin-bottom:24px}.chart-toolbar{display:flex;gap:8px;margin-bottom:16px}.scenario-btn{background:transparent;border:1px solid var(--border);color:var(--gray-light);padding:6px 14px;border-radius:6px;font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:all .15s}.scenario-btn:hover{border-color:var(--teal);color:var(--teal)}.scenario-btn.active{background:var(--teal);color:var(--dark);border-color:var(--teal);font-weight:600}table.lv{width:100%;border-collapse:collapse;font-size:12px;font-family:var(--font-mono)}table.lv th{text-align:left;font-family:var(--font-sans);font-size:10px;letter-spacing:.8px;color:var(--teal);font-weight:600;text-transform:uppercase}table.lv td,table.lv th{padding:10px 12px;border-bottom:1px solid var(--border)}table.lv td{color:var(--white)}table.lv tr:hover td{background:var(--panel-2)}table.lv td.right{text-align:right}table.lv td.muted{color:var(--gray)}.user-strip{display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--panel-2);border-radius:8px;margin-bottom:24px}.user-strip .avatar{width:32px;height:32px;border-radius:50%;background:var(--teal);color:var(--dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.user-strip .info{flex:1 1}.user-strip .info .name{font-size:13px;font-weight:500}.user-strip .info .role{font-size:11px;color:var(--gray)}.user-strip .signout{background:transparent;border:1px solid var(--border);color:var(--gray-light);padding:6px 12px;border-radius:6px;font-size:11px;cursor:pointer}.user-strip .signout:hover{border-color:var(--teal);color:var(--teal)}.uof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:16px;gap:16px}.uof-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:20px}.uof-card .pct{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--teal);margin-bottom:6px}.uof-card .label{font-size:13px;font-weight:600;color:var(--white);margin-bottom:4px}.uof-card .desc{font-size:11px;color:var(--gray);margin-bottom:12px}.uof-card .bar-track{height:6px;background:var(--border);border-radius:3px;overflow:hidden}.uof-card .bar-fill{height:100%;background:var(--teal)}.uof-card .deploy{font-size:10px;color:var(--gray);margin-top:6px;font-family:var(--font-mono)}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:16px;gap:16px}.team-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:24px;text-align:center}.team-card .circle{width:64px;height:64px;border-radius:50%;background:var(--teal);color:var(--dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:22px;margin:0 auto 12px}.team-card h3{font-size:16px;margin:0 0 4px}.team-card .role{font-size:12px;color:var(--teal);font-weight:600;margin-bottom:14px}.team-card .bio{font-size:12px;color:var(--gray-light)}.team-card .stats{display:flex;gap:16px;justify-content:center;margin-top:12px;padding-top:12px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:11px;color:var(--gray)}@media (max-width:768px){.app-shell{grid-template-columns:1fr}.main-content{padding:20px}}