.billing-layout{display:flex;min-height:100vh}.billing-main{flex:1;padding:22px;display:grid;gap:14px}.billing-main h1{font-size:2.4rem}.period-card,.invoice-card,.payment-placeholder{background:#fff;border:1px solid var(--cream);border-radius:14px;padding:14px}.period-grid{margin-top:8px;display:grid;gap:6px}.settings-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}.settings-actions select,.settings-actions button,.danger-btn{min-height:38px;border-radius:8px;border:1px solid var(--light-gray);padding:0 12px;background:#fff}.settings-actions button{background:var(--accent);border-color:var(--accent);color:#fff;cursor:pointer}.settings-actions button:disabled,.danger-btn:disabled{opacity:.6;cursor:not-allowed}.settings-success{color:var(--green);font-size:.9rem}.roi-card{background:var(--green-bg);border:1px solid #b8f2cb;border-radius:14px;padding:14px}.invoice-card table{width:100%;border-collapse:collapse;margin-top:8px}.invoice-card th,.invoice-card td{text-align:left;border-top:1px solid var(--cream);padding:10px 8px;font-size:.92rem}.invoice-card th{border-top:none;color:var(--mid-gray);text-transform:uppercase;font-size:.74rem;letter-spacing:.08em}.badge{display:inline-block;border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:600}.badge.paid{background:var(--green-bg);color:var(--green)}.badge.pending{background:#fef9c3;color:#a16207}.badge.overdue{background:var(--red-bg);color:var(--red)}.danger-btn{border-color:#fecaca;background:#fff5f5;color:var(--red);cursor:pointer}.wizard-page{min-height:100vh;padding:24px 16px}.wizard-card{max-width:700px;margin:0 auto;background:#fff;border-radius:18px;border:1px solid var(--cream);box-shadow:0 16px 40px #0f0f0f0f;padding:20px;display:grid;gap:18px}.wizard-header{display:grid;grid-template-columns:1fr;gap:8px}.wizard-step{color:var(--mid-gray);font-size:.9rem}.wizard-step.current{color:var(--accent);font-weight:700}.runtime-grid{display:grid;gap:12px}.runtime-card{border:1px solid var(--cream);border-radius:14px;min-height:160px;background:#fff;text-align:left;padding:16px}.runtime-card.selected{border-color:var(--accent);background:#eff6ff}.runtime-card h3{margin-bottom:8px}.runtime-card p{margin:0;color:var(--mid-gray)}.model-grid,.cluster-grid{display:grid;gap:12px}.model-grid label,.cluster-grid label,.wide{display:grid;gap:6px;font-size:.9rem}.model-grid select,.cluster-grid input,.cluster-grid select,.wide input,.wide textarea,.wide select{border:1px solid var(--light-gray);border-radius:10px;min-height:44px;padding:8px 12px}.draft-model{margin-top:12px;display:inline-flex;align-items:center;gap:8px;color:var(--green);font-size:.9rem}.auth-toggle{margin-top:14px;display:flex;gap:8px}.auth-toggle button{border:1px solid var(--light-gray);background:#fff;border-radius:999px;padding:8px 12px;cursor:pointer}.auth-toggle button.selected{border-color:var(--accent);color:var(--accent)}.security-note{margin-top:10px;color:var(--mid-gray);font-size:.86rem;display:flex;align-items:center;gap:8px}.wizard-actions{display:flex;justify-content:flex-end;margin-top:8px}.wizard-actions.split{justify-content:space-between}.wizard-actions button{border-radius:10px;min-height:44px;padding:0 18px;border:1px solid transparent;cursor:pointer}.wizard-actions .primary{color:#fff;background:var(--accent)}.wizard-actions .secondary{color:var(--near-black);background:#fff;border-color:var(--light-gray)}.wizard-actions .deploy{width:100%;max-width:260px}@media(min-width:800px){.runtime-grid,.model-grid,.cluster-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cluster-grid .wide{grid-column:span 3}.wizard-header{grid-template-columns:repeat(3,minmax(0,1fr))}}.dashboard-layout{display:flex;min-height:100vh}.dashboard-main{flex:1;padding:22px;position:relative}.dashboard-main-shell{position:relative;overflow:hidden;border-radius:22px;border:1px solid rgba(216,213,206,.55);background:linear-gradient(160deg,#fffffff0,#f7f6f3fa);box-shadow:0 20px 40px #1118270a;padding:18px}.dashboard-main-shell:before{content:"";position:absolute;top:-120px;right:-120px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(29,78,216,.14),transparent 70%);pointer-events:none}.dashboard-main h1{font-size:2.4rem}.dashboard-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.dashboard-subtitle{margin-top:6px;color:var(--mid-gray);font-size:.92rem}.dashboard-live{align-self:center;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--light-gray);border-radius:999px;padding:7px 12px;background:#ffffffdb;color:var(--dark-gray);font-size:.82rem;font-weight:600}.live-dot{width:8px;height:8px;border-radius:999px;background:var(--red)}.dashboard-live.active .live-dot{background:var(--green);box-shadow:0 0 #16a34a80;animation:livePulse 1.5s ease-in-out infinite}.highlights-row{margin-top:14px;display:grid;gap:10px}.highlight-chip{display:flex;align-items:center;gap:10px;border:1px solid rgba(216,213,206,.7);border-radius:12px;background:#ffffffe6;padding:10px 12px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.highlight-chip:hover{transform:translateY(-1px);border-color:#1d4ed859;box-shadow:0 8px 20px #0f172a0f}.highlight-chip svg{color:var(--accent)}.highlight-chip div{display:grid;gap:2px}.highlight-label{color:var(--mid-gray);font-size:.72rem;text-transform:uppercase;letter-spacing:.08em}.highlight-chip strong{font-size:.98rem;color:var(--near-black)}.stats-row{margin-top:14px;display:grid;gap:12px;grid-template-columns:repeat(1,minmax(0,1fr))}.charts-row{margin-top:16px;display:grid;gap:12px;grid-template-columns:1fr}.chart-card,.deploy-info{background:#fff;border:1px solid var(--cream);border-radius:14px;padding:14px;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.chart-card:hover,.deploy-info:hover{transform:translateY(-2px);border-color:#1d4ed840;box-shadow:0 14px 28px #0f172a12}.chart-card h3,.deploy-info h3{margin-bottom:8px}.empty-chart{color:var(--mid-gray);font-size:.9rem;margin:8px 0 2px}.status-row{margin-top:16px;display:grid;gap:10px;grid-template-columns:1fr}.deploy-grid{display:grid;gap:8px}.api-key-row{display:flex;align-items:center;gap:8px}.api-key-row button{border:1px solid var(--light-gray);border-radius:6px;background:#fff;min-height:28px;min-width:28px}.updated-at{margin-top:12px;color:var(--mid-gray);font-size:.82rem}.reveal{opacity:0;transform:translateY(8px);animation:dashboardReveal .52s ease forwards}.r1{animation-delay:20ms}.r2{animation-delay:.1s}.r3{animation-delay:.18s}.r4{animation-delay:.26s}.r5{animation-delay:.34s}.r6{animation-delay:.42s}@keyframes dashboardReveal{to{opacity:1;transform:translateY(0)}}@keyframes livePulse{0%{box-shadow:0 0 #16a34a80}70%{box-shadow:0 0 0 10px #16a34a00}to{box-shadow:0 0 #16a34a00}}@media(min-width:980px){.dashboard-main-shell{padding:22px}.highlights-row{grid-template-columns:repeat(3,minmax(0,1fr))}.stats-row{grid-template-columns:repeat(4,minmax(0,1fr))}.charts-row{grid-template-columns:repeat(2,minmax(0,1fr))}.status-row{grid-template-columns:repeat(3,minmax(0,1fr))}.deploy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.dashboard-top{flex-direction:column}}.demo-page{min-height:100vh;background:radial-gradient(1400px 600px at -10% -20%,rgba(96,165,250,.18),transparent 50%),radial-gradient(1200px 500px at 120% 10%,rgba(34,197,94,.12),transparent 50%),#0b1020;color:#e5e7eb;padding:24px}.demo-shell{max-width:1280px;margin:0 auto;display:grid;gap:16px}.demo-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.demo-kicker{margin:0;color:#93c5fd;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.demo-header h1{font-family:var(--serif);font-size:clamp(1.6rem,3vw,2.4rem);color:#f8fafc;margin-top:6px;line-height:1.15}.demo-subtitle{color:#94a3b8;margin-top:6px}.demo-badge-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.demo-badge{border:1px solid #334155;border-radius:999px;padding:6px 12px;color:#cbd5e1;font-size:.82rem;background:#0f172a8c}.live-badge{display:inline-flex;align-items:center;gap:6px;border-color:#22c55e66;color:#86efac}.live-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 #22c55e80;animation:livePulse 1.6s ease-in-out infinite}.demo-card{background:#0f172ac7;border:1px solid #1e293b;border-radius:14px;padding:20px}.demo-grid{display:grid;gap:12px}.metrics-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.revealed{opacity:1;transform:translateY(0)}.metric-card{min-height:134px}.metric-label{margin:0;font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;color:#94a3b8}.metric-value{margin:10px 0 4px;font-family:var(--serif);font-size:1.95rem;color:#f8fafc;font-variant-numeric:tabular-nums}.metric-highlight{color:#4ade80;font-size:2.2rem}.metric-sub{margin:0;color:#94a3b8;font-size:.88rem}.card-head{margin-bottom:14px}.card-head h2{font-family:var(--serif);color:#f8fafc;font-size:1.35rem;margin-bottom:4px}.card-head p{margin:0;color:#94a3b8;font-size:.92rem}.chart-wrap{width:100%}.chart-wrap.large{height:360px}.chart-wrap.medium{height:280px}.demo-tooltip{border-radius:10px;border:1px solid #334155;background:#020617f2;color:#e2e8f0;padding:10px;font-size:.82rem}.demo-tooltip-title{font-weight:600;color:#bfdbfe;margin-bottom:6px}.legend-row{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.legend-pill{font-size:.75rem;border-radius:999px;border:1px solid #334155;padding:4px 8px}.legend-pill.measured{border-color:#22c55ea6;color:#bbf7d0}.legend-pill.estimated,.legend-pill.projected{border-color:#60a5faa6;color:#bfdbfe}.slider-label{display:block;margin:4px 0 8px;color:#cbd5e1;font-size:.92rem}.ratio-slider{width:100%;accent-color:#60a5fa}.mixed-grid{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mixed-card{border-radius:12px;padding:14px;border:1px solid #334155}.mixed-card.long{background:#2563eb29}.mixed-card.short{background:#22c55e24}.mixed-title{margin:0;color:#cbd5e1;font-size:.86rem}.mixed-value{margin:8px 0 0;font-family:var(--serif);font-size:1.75rem;color:#f8fafc}.speedup-banner{display:flex;align-items:baseline;gap:10px;margin-bottom:16px;padding:12px 16px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:12px}.speedup-number{font-family:var(--serif);font-size:3.2rem;color:#4ade80;line-height:1}.speedup-label{font-size:1.1rem;color:#86efac}.compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.compare-card{border-radius:12px;border:1px solid #334155;padding:16px}.compare-card.cold{background:#dc26261a}.compare-card.warm{background:#16a34a21}.compare-label{margin:0;color:#cbd5e1;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.compare-time{margin:8px 0;font-family:var(--mono);font-size:2rem;color:#f8fafc}.compare-sub{margin:0;color:#94a3b8;font-size:.9rem}.time-bar{margin-top:12px;height:8px;border-radius:999px;background:#0f172a99;overflow:hidden}.time-bar span{display:block;height:100%;border-radius:inherit;transition:width .05s linear}.cold-bar span{background:linear-gradient(90deg,#ef4444,#f97316)}.warm-bar span{background:linear-gradient(90deg,#60a5fa,#22c55e)}.calc-card{border-color:#60a5fa33}.calc-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.calc-inputs{display:grid;gap:16px}.calc-field{display:grid;gap:4px}.calc-hint{margin:4px 0 0;color:#64748b;font-size:.78rem}.context-pills{display:flex;gap:8px;flex-wrap:wrap}.context-pill{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 12px;border-radius:10px;border:1px solid #334155;background:#0f172a80;color:#94a3b8;cursor:pointer;font-size:.88rem;font-weight:600;transition:border-color .15s,color .15s,background .15s}.context-pill:hover{border-color:#60a5fa;color:#e2e8f0}.context-pill.active{border-color:#3b82f6;background:#3b82f62e;color:#93c5fd}.context-pill-sub{font-size:.68rem;font-weight:400;color:#64748b}.context-pill.active .context-pill-sub{color:#7dd3fc}.calc-output{background:#02061799;border:1px solid #1e293b;border-radius:12px;padding:18px;display:grid;gap:12px}.calc-row{display:grid;gap:2px}.calc-row-label{margin:0;color:#94a3b8;font-size:.82rem;text-transform:uppercase;letter-spacing:.05em}.calc-row-value{margin:0;font-family:var(--serif);font-size:1.65rem;color:#f8fafc}.calc-row-value.green-val{color:#4ade80}.calc-row-value.dim-val{color:#94a3b8;font-size:1.35rem}.calc-row-value.large{font-size:2.2rem}.calc-row-pct,.calc-row-sub{margin:0;font-size:.82rem;color:#64748b}.calc-divider{height:1px;background:#1e293b;margin:2px 0}.nemo-section{border-color:#facc1533;background:#0f172ae0}.nemo-header{margin-bottom:20px}.nemo-tag{display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fde047;border:1px solid rgba(250,204,21,.4);border-radius:999px;padding:4px 10px;margin-bottom:10px}.nemo-header h2{font-family:var(--serif);font-size:1.7rem;color:#f8fafc;margin:0 0 6px}.nemo-header p{color:#94a3b8;max-width:680px}.nemo-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.nemo-stat{background:#0206178c;border:1px solid #1e293b;border-radius:12px;padding:14px}.nemo-stat-value{margin:0 0 4px;font-family:var(--serif);font-size:2rem;color:#fde047}.nemo-stat-label{margin:0 0 4px;color:#e2e8f0;font-size:.9rem;font-weight:500}.nemo-stat-sub{margin:0;color:#64748b;font-size:.78rem}.nemo-flow{display:flex;align-items:center;gap:12px;padding:16px;background:#0206178c;border:1px solid #1e293b;border-radius:12px;flex-wrap:wrap}.nemo-flow-step{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:10px;border:1px solid #1e293b;background:#0f172ab3;flex:1;min-width:140px}.nemo-flow-step p{margin:0;font-size:.88rem;color:#cbd5e1;line-height:1.4}.nemo-flow-step p span{color:#64748b;font-size:.78rem}.nemo-flow-step.highlight-step{border-color:#facc1573;background:#facc1512}.nemo-flow-step.highlight-step p{color:#fde047}.nemo-flow-step.highlight-step p span{color:#a16207}.flow-icon{font-size:1.4rem;flex-shrink:0}.nemo-flow-arrow{color:#334155;font-size:1.4rem;flex-shrink:0}.demo-loading,.demo-error{border-radius:12px;border:1px solid #334155;background:#0f172abf;padding:14px}.demo-error{color:#fca5a5}@keyframes livePulse{0%{box-shadow:0 0 #22c55e80}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}@media(max-width:1200px){.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.nemo-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.calc-grid{grid-template-columns:1fr}}@media(max-width:900px){.two-col,.compare-grid{grid-template-columns:1fr}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-wrap.large{height:320px}}@media(max-width:640px){.demo-page{padding:14px}.demo-header{flex-direction:column;align-items:flex-start}.metrics-grid,.mixed-grid,.nemo-stats{grid-template-columns:1fr}.speedup-number{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.live-dot{animation:none}}.nebius-calc-section{background:linear-gradient(135deg,#22c55e0f,#60a5fa0f);border:1px solid rgba(34,197,94,.2)}.nebius-calc-header{margin-bottom:28px}.nebius-calc-header h2{font-size:1.6rem;font-weight:700;margin:10px 0 8px}.nebius-calc-header p{color:#9ca3af;font-size:.95rem}.nebius-tag{display:inline-block;background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3);border-radius:20px;padding:4px 14px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.nebius-sliders{display:flex;flex-direction:column;gap:20px;margin-bottom:28px}.nebius-slider-row label{display:block;font-size:.9rem;color:#d1d5db;margin-bottom:8px}.nebius-slider-row label strong{color:#f9fafb}.nebius-slider-row input[type=range]{width:100%;accent-color:#4ade80;cursor:pointer}.nebius-slider-hints{display:flex;justify-content:space-between;font-size:.72rem;color:#6b7280;margin-top:4px}.nebius-ctx-select label{font-size:.9rem;color:#d1d5db;display:block;margin-bottom:10px}.nebius-ctx-buttons{display:flex;gap:10px;flex-wrap:wrap}.nebius-ctx-btn{display:flex;flex-direction:column;align-items:center;padding:10px 20px;border-radius:10px;border:1px solid rgba(255,255,255,.1);background:#ffffff0a;color:#9ca3af;cursor:pointer;font-size:.95rem;font-weight:600;transition:all .2s}.nebius-ctx-btn span{font-size:.7rem;font-weight:400;color:#6b7280;margin-top:2px}.nebius-ctx-btn.active{border-color:#4ade80;background:#22c55e1f;color:#4ade80}.nebius-ctx-btn.active span{color:#86efac}.nebius-result{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#0000004d;border-radius:14px;padding:24px;border:1px solid rgba(34,197,94,.15);margin-bottom:16px}.nebius-result-main{display:flex;flex-direction:column;justify-content:center}.nebius-result-label{font-size:.85rem;color:#9ca3af;margin-bottom:6px}.nebius-result-value{font-size:3.2rem;font-weight:800;color:#4ade80;line-height:1;margin:0 0 6px}.nebius-result-value span{font-size:1.2rem;font-weight:400;color:#6b7280}.nebius-result-annual{font-size:1.1rem;color:#86efac;font-weight:600}.nebius-result-breakdown{display:flex;flex-direction:column;gap:10px;justify-content:center}.nebius-breakdown-row{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;border-radius:8px;background:#ffffff08;font-size:.85rem;color:#9ca3af}.nebius-breakdown-row strong{color:#e5e7eb}.nebius-breakdown-row.highlight{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);color:#d1d5db}.nebius-breakdown-row.highlight strong{color:#4ade80}.nebius-sources{font-size:.72rem;color:#4b5563;line-height:1.5;margin-top:4px}@media(max-width:640px){.nebius-result{grid-template-columns:1fr}.nebius-result-value{font-size:2.4rem}}.deploy-page{min-height:100vh;background:var(--near-black);color:#e8e8e8}.deploy-progress-top{height:4px;background:#111}.deploy-progress-top>div{height:100%;background:var(--accent-light);box-shadow:0 0 8px #3b82f6cc;transition:width .22s ease}.deploy-shell{max-width:860px;margin:0 auto;padding:24px 16px 40px}.deploy-shell h1{color:#fff;margin-bottom:12px}.terminal-wrap{border:1px solid #2f2f2f;border-radius:14px;overflow:hidden;background:#131313}.terminal-topbar{padding:10px 12px;display:flex;gap:8px;border-bottom:1px solid #252525}.terminal-progress{height:3px;background:#1f1f1f}.terminal-progress>div{height:100%;background:var(--accent-light);transition:width .18s ease}.terminal-view{min-height:360px;max-height:56vh;overflow:auto;padding:14px;font-family:var(--mono);font-size:.86rem;line-height:1.5}.prefix{color:var(--accent-light)}.line-normal{color:#d7d7d7}.line-ok{color:#7af0a4}.line-error{color:#ff8f8f}.terminal-meta{border-top:1px solid #252525;padding:10px 12px;display:flex;justify-content:space-between;font-size:.78rem;color:#bdbdbd}.terminal-cursor{animation:blink 1s steps(1,end) infinite;color:#fff}@keyframes blink{50%{opacity:0}}.step-pills{margin-top:14px;display:flex;flex-wrap:wrap;gap:8px}.step-pill{background:#232323;color:#b7b7b7;border:1px solid #2d2d2d;border-radius:999px;padding:6px 10px;font-size:.75rem}.step-pill.done{background:#16a34a33;color:#7af0a4;border-color:#16a34a66}.step-pill.active{animation:pulse 1.1s ease-in-out infinite;border-color:#3b82f6b3}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.done-btn{margin-top:18px;border:none;border-radius:999px;min-height:46px;padding:0 20px;font-weight:700;color:#fff;background:var(--green);cursor:pointer}.error-actions{margin-top:16px;display:grid;gap:10px}.error-actions button{width:-moz-fit-content;width:fit-content;border:none;border-radius:8px;background:var(--red);color:#fff;min-height:40px;padding:0 14px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:16px}.auth-card{width:min(100%,420px);background:#fff;border-radius:18px;border:1px solid var(--cream);box-shadow:0 16px 40px #0f0f0f14;padding:28px}.brand-title{font-family:var(--serif);font-size:2.4rem}.auth-subtitle{color:var(--mid-gray);margin:8px 0 16px}.auth-form{display:grid;gap:12px}.auth-form label{display:grid;gap:6px;font-size:.9rem}.auth-form input{border:1px solid var(--light-gray);border-radius:12px;height:48px;padding:0 16px}.auth-form input:focus{border-color:var(--accent);outline:none}.auth-button{margin-top:6px;height:48px;border:none;border-radius:999px;color:#fff;background:var(--near-black);cursor:pointer;transition:transform .12s ease,opacity .12s ease}.auth-button:hover{transform:translateY(-1px)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-link-text{margin-top:16px;color:var(--mid-gray);font-size:.9rem}:root{--near-black: #1A1917;--off-white: #F7F6F3;--cream: #EDEBE6;--light-gray: #D8D5CE;--mid-gray: #9B978F;--dark-gray: #4A4740;--accent: #1D4ED8;--accent-light: #3B82F6;--green: #16A34A;--green-bg: #DCFCE7;--red: #DC2626;--red-bg: #FEE2E2;--serif: "Instrument Serif", Georgia, serif;--sans: "DM Sans", -apple-system, sans-serif;--mono: "JetBrains Mono", monospace}*{box-sizing:border-box}body{font-family:var(--sans);background:var(--off-white);color:var(--near-black);margin:0}h1,h2,h3{font-family:var(--serif);margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}input,select,textarea,button{font:inherit}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center}.spinner{width:28px;height:28px;border:3px solid var(--light-gray);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-error{color:var(--red);font-size:.9rem}.sidebar{width:240px;min-height:100vh;background:var(--near-black);color:var(--off-white);padding:24px 16px;display:flex;flex-direction:column;justify-content:space-between}.sidebar-logo{font-family:var(--serif);font-size:2rem}.sidebar-nav{margin-top:28px;display:grid;gap:8px}.sidebar-link{display:flex;align-items:center;gap:8px;color:var(--off-white);padding:10px 12px;border-left:3px solid transparent}.sidebar-link.active{border-left-color:var(--accent);background:#ffffff14}.sidebar-footer{font-size:.84rem;color:var(--mid-gray)}.system-status{display:flex;align-items:center;gap:8px;color:var(--off-white)}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.dot.green{background:var(--green)}.dot.red{background:var(--red)}.dot.yellow{background:#eab308}.stats-card{position:relative;overflow:hidden;background:#fff;border-radius:14px;border:1px solid var(--cream);box-shadow:0 8px 24px #0000000d;padding:16px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.stats-card:after{content:"";position:absolute;inset:0;transform:translate(-140%);background:linear-gradient(102deg,transparent,rgba(29,78,216,.08),transparent);opacity:0;pointer-events:none}.stats-card:hover{transform:translateY(-2px);border-color:#1d4ed847;box-shadow:0 14px 30px #0f172a17}.stats-card:hover:after{opacity:1;animation:statsShimmer 1.1s ease}.stats-label{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mid-gray)}.stats-value{margin-top:8px;font-family:var(--serif);font-size:2.2rem;line-height:1.05}.stats-value.green{color:var(--green)}.stats-subtitle{color:var(--mid-gray);margin-top:6px;font-size:.9rem}.status-card{background:#fff;border:1px solid var(--cream);border-radius:12px;padding:12px;transition:transform .2s ease,border-color .2s ease}.status-card:hover{transform:translateY(-1px);border-color:#1d4ed833}.status-head{display:inline-flex;align-items:center;gap:8px}.status-signal{width:8px;height:8px;border-radius:999px}.status-signal.ok{background:var(--green);box-shadow:0 0 #16a34a73;animation:pulseSignal 1.7s ease-in-out infinite}.status-signal.bad{background:var(--red)}.status-pill{display:inline-block;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:700}.status-pill.ok{color:var(--green);background:var(--green-bg)}.status-pill.bad{color:var(--red);background:var(--red-bg)}.status-detail{margin-top:8px;color:var(--mid-gray);font-size:.85rem}@keyframes pulseSignal{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 8px #16a34a00}to{box-shadow:0 0 #16a34a00}}@keyframes statsShimmer{0%{transform:translate(-140%)}to{transform:translate(140%)}}@media(prefers-reduced-motion:reduce){.stats-card,.status-card,.highlight-chip,.chart-card,.deploy-info{transition:none!important}.stats-card:after,.status-signal.ok,.dashboard-live.active .live-dot,.reveal{animation:none!important;opacity:1!important;transform:none!important}}