:root{color:#e8edf5;font-synthesis:none;--bg:#090d14;--surface:#0f1622;--surface-2:#121b29;--border:#94a3b81f;--border-warm:#f3b33d38;--text:#e8edf5;--muted:#8792a6;--amber:#f3b33d;--amber-2:#ffe08a;--cyan:#43d9d4;--green:#48d597;--red:#ff6b6b;--purple:#aa83ff;background:#090d14;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{background:radial-gradient(circle at 75% -20%, #f3b33d17, transparent 34%), radial-gradient(circle at 100% 50%, #43d9d409, transparent 28%), var(--bg);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{z-index:30;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b1019f5;flex-direction:column;width:248px;padding:28px 18px 22px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:0 8px 28px;display:flex}.brand-mark{color:#101216;background:linear-gradient(145deg, var(--amber-2), #c27b14);border-radius:11px;flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid;box-shadow:0 8px 28px #f3b33d2e}.brand strong{letter-spacing:.02em;white-space:nowrap;font-size:15px;display:block}.brand span{color:#8f7140;letter-spacing:.18em;margin-top:3px;font-size:10px;display:block}nav{gap:7px;padding-top:22px;display:grid}nav button{width:100%;color:var(--muted);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;padding:12px 14px;transition:all .2s;display:flex}nav button:hover{color:var(--text);background:#ffffff09}nav button.active{color:var(--amber-2);box-shadow:inset 2px 0 var(--amber);background:linear-gradient(90deg,#f3b33d24,#f3b33d09)}.sidebar-status{border:1px solid var(--border);background:#ffffff05;border-radius:12px;align-items:center;gap:10px;margin-top:auto;padding:14px;display:flex}.sidebar-status strong,.sidebar-status small{display:block}.sidebar-status strong{font-size:12px}.sidebar-status small{color:var(--muted);margin-top:3px;font-size:11px}.live-dot{background:var(--green);border-radius:50%;width:9px;height:9px;position:relative;box-shadow:0 0 14px #48d597b3}.live-dot:after{content:"";border:1px solid #48d59759;border-radius:50%;position:absolute;inset:-4px}.main-content{min-width:0;margin-left:248px;padding:38px 34px 24px}.mobile-nav{display:none}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:26px;display:flex}.eyebrow{color:var(--amber);letter-spacing:.2em;text-transform:uppercase;font-size:10px;font-weight:750}.page-header h1{letter-spacing:-.035em;margin:8px 0;font-size:clamp(27px,2.4vw,38px);line-height:1.08}.page-header p{max-width:760px;color:var(--muted);margin:0;font-size:14px;line-height:1.65}.header-actions{flex:none}.date-control,.range-control{border:1px solid var(--border-warm);color:var(--amber-2);background:#f3b33d0e;border-radius:10px;align-items:center;gap:9px;padding:9px 11px;font-size:12px;display:flex}.date-control input,.range-control input{color:var(--text);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:0;outline:0}.range-control label{color:var(--muted);align-items:center;gap:6px;display:flex}.range-control input{color:var(--text)}.metric-grid{gap:13px;margin-bottom:16px;display:grid}.metric-grid.six{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{border:1px solid var(--border);background:linear-gradient(145deg,#131c2af2,#0d141ff5);border-radius:13px;min-width:0;padding:18px 17px 15px;position:relative;overflow:hidden;box-shadow:0 12px 35px #0000001f}.metric-card:before{content:"";background:var(--card-accent,var(--amber));width:2px;height:28px;box-shadow:0 0 18px var(--card-accent,var(--amber));position:absolute;top:18px;left:0}.metric-card:after{content:"";background:var(--card-accent,var(--amber));opacity:.035;border-radius:50%;width:80px;height:80px;position:absolute;top:-38px;right:-35px}.accent-cyan{--card-accent:var(--cyan)}.accent-green{--card-accent:var(--green)}.accent-red{--card-accent:var(--red)}.accent-blue{--card-accent:#6d8dff}.accent-purple{--card-accent:var(--purple)}.metric-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.metric-value{color:#f5f7fb;letter-spacing:-.035em;white-space:nowrap;margin:10px 0 11px;font-size:clamp(20px,1.8vw,28px);font-weight:760}.metric-meta{color:#6f7b90;white-space:nowrap;align-items:center;gap:6px;font-size:10px;display:flex}.trend-up,.trend-down,.trend-flat{align-items:center;font-weight:700;display:inline-flex}.trend-up{color:var(--green)}.trend-down{color:var(--red)}.trend-flat{color:var(--muted)}.panel{border:1px solid var(--border);background:linear-gradient(155deg,#101825f7,#0c121cf7);border-radius:14px;min-width:0;margin-bottom:16px;overflow:hidden;box-shadow:0 18px 45px #0000001f}.panel-head{border-bottom:1px solid #94a3b814;justify-content:space-between;align-items:center;gap:18px;min-height:68px;padding:17px 19px 12px;display:flex}.panel-head h2{letter-spacing:-.01em;margin:0;font-size:15px}.panel-head p{color:var(--muted);margin:5px 0 0;font-size:11px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.two-col>.panel{margin-bottom:0}.record-count{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.segmented{border:1px solid var(--border);background:var(--surface);border-radius:10px;gap:3px;padding:4px;display:flex}.segmented button{min-width:48px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:7px 10px}.segmented button.active{background:var(--amber);color:#18130b;font-weight:750;box-shadow:0 4px 15px #f3b33d2e}.info-note{color:#a9b5c7;background:#43d9d40a;border:1px solid #43d9d429;border-radius:10px;align-items:flex-start;gap:9px;margin-bottom:16px;padding:12px 14px;font-size:12px;line-height:1.6;display:flex}.info-note svg{color:var(--cyan);flex:none;margin-top:2px}.info-note.warning{background:#f3b33d0b;border-color:#f3b33d33}.info-note.warning svg{color:var(--amber)}.table-wrap{scrollbar-color:#2a3546 transparent;scrollbar-width:thin;width:100%;max-height:620px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:12px}th{z-index:2;color:#778499;text-align:left;cursor:pointer;background:#101824;padding:12px 14px;font-weight:600;position:sticky;top:0}td{color:#bec7d5;border-top:1px solid #94a3b811;padding:12px 14px}tr{transition:background .15s}tr.clickable{cursor:pointer}tr.clickable:hover{background:#f3b33d0d}tr.above-average{background:#48d59706}tr.above-average td:nth-child(4){color:var(--green);font-weight:700}.align-right{text-align:right}.time-cell{color:#dce3ed;font-variant-numeric:tabular-nums}.empty-state{text-align:center;align-content:center;place-items:center;min-height:450px;padding:48px;display:grid}.empty-state>*{margin:0}.empty-icon{width:74px;height:74px;color:var(--amber);border:1px solid var(--border-warm);background:#f3b33d0e;border-radius:18px;place-items:center;margin-bottom:18px;font-size:22px;font-weight:800;display:grid}.empty-state h3{font-size:20px}.empty-state p{max-width:480px;color:var(--muted);margin-top:10px;font-size:13px;line-height:1.7}.inline-empty{text-align:center;color:var(--muted);padding:70px 20px}.drawer-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#02050ab8;position:fixed;inset:0}.drawer{z-index:51;background:#0b111b;width:min(900px,82vw);animation:.26s slide-in;position:fixed;inset:0 0 0 auto;overflow:auto;box-shadow:-24px 0 70px #0000007a}@keyframes slide-in{0%{opacity:.7;transform:translate(35px)}}.drawer-head{z-index:4;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b111bed;justify-content:space-between;align-items:flex-start;padding:24px 26px 19px;display:flex;position:sticky;top:0}.drawer-head h2{margin:7px 0 4px;font-size:22px}.drawer-head p{color:var(--muted);margin:0;font-size:12px}.icon-btn{border:1px solid var(--border);background:var(--surface);cursor:pointer;border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.icon-btn:hover{border-color:var(--border-warm);color:var(--amber)}.drawer-body{padding:20px}.drawer-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.drawer-grid .panel{margin-bottom:16px}.chip-list{scrollbar-color:#394458 transparent;scrollbar-width:thin;flex-wrap:wrap;gap:8px;max-height:164px;padding:16px 18px 18px;display:flex;overflow-y:auto}.chip{color:var(--muted);border:1px solid var(--border);cursor:pointer;background:#ffffff04;border-radius:8px;padding:7px 11px;font-size:11px}.chip:hover{color:var(--text)}.chip.active{color:var(--amber-2);background:#f3b33d14;border-color:#f3b33d40}.text-btn{color:var(--amber);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;display:inline-flex}.project-name{color:var(--amber-2)}.status-pill{text-align:center;border-radius:99px;min-width:92px;padding:5px 8px;font-size:10px;font-weight:700;display:inline-block}.status-pill.profit{color:var(--green);background:#48d59717}.status-pill.loss{color:var(--red);background:#ff6b6b17}.story-section{border:1px solid var(--border);background:#0d141fb8;border-radius:16px;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);align-items:center;gap:20px;margin-bottom:16px;padding:22px;display:grid;position:relative}.story-section.reverse{grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)}.story-section.reverse .story-copy{order:2}.story-section.reverse .panel{order:1}.story-section .panel{margin:0}.story-copy{padding:18px;position:relative}.story-number{color:#f3b33d13;font-size:78px;font-weight:900;line-height:1;position:absolute;top:-12px;right:0}.story-icon{width:42px;height:42px;color:var(--amber);border:1px solid var(--border-warm);background:#f3b33d12;border-radius:11px;place-items:center;margin-bottom:18px;display:grid}.story-icon.danger{color:var(--red);background:#ff6b6b0f;border-color:#ff6b6b33}.story-icon.success{color:var(--green);background:#48d5970f;border-color:#48d59733}.story-copy h2{margin:0 0 12px;font-size:clamp(19px,1.8vw,27px);line-height:1.35;position:relative}.story-copy p{color:var(--muted);margin:0;font-size:13px;line-height:1.8;position:relative}.insight-quote{color:var(--amber-2);border-left:2px solid var(--amber);margin-top:20px;padding-left:14px;font-size:13px;line-height:1.6}.full-story{display:block}.full-story .story-copy{max-width:760px}.story-charts{margin-top:8px}.conclusion-card{background:linear-gradient(120deg,#f3b33d24,#f3b33d09 55%,#43d9d40a);border:1px solid #f3b33d47;border-radius:16px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-top:18px;padding:28px;display:grid;position:relative;overflow:hidden}.conclusion-card:after{content:"";border:1px solid #f3b33d14;border-radius:50%;width:260px;height:260px;position:absolute;top:-120px;right:10%}.conclusion-icon{color:#17120a;background:var(--amber);border-radius:14px;place-items:center;width:54px;height:54px;display:grid}.conclusion-card span{color:var(--amber);letter-spacing:.12em;font-size:10px;font-weight:750}.conclusion-card h2{margin:7px 0 6px;font-size:clamp(20px,2vw,29px)}.conclusion-card p{color:#b4bdca;margin:0}.formula{z-index:1;border-left:1px solid var(--border-warm);text-align:right;min-width:135px;padding:14px 18px;position:relative}.formula small,.formula strong{display:block}.formula small{color:var(--muted)}.formula strong{color:var(--amber-2);margin-top:5px;font-size:23px}.servers-grid{grid-template-columns:1.15fr .85fr}.chart-conclusion{color:#aab5c4;background:#48d5970a;border:1px solid #48d59729;border-radius:9px;align-items:center;gap:9px;margin:-2px 17px 17px;padding:12px 14px;font-size:12px;display:flex}.chart-conclusion svg,.chart-conclusion strong{color:var(--green)}.rank{align-items:center;gap:5px;min-width:32px;font-weight:700;display:inline-flex}.rank-1{color:#ffd76a}.rank-2{color:#cbd5e1}.rank-3{color:#d69b6b}.job-pill{color:var(--cyan);background:#43d9d412;border-radius:99px;padding:4px 8px;font-size:10px}.data-bar-cell{border-radius:5px;min-width:180px;padding:5px 8px;position:relative;overflow:hidden}.data-bar{background:linear-gradient(90deg,#8f5a0c59,#f3b33d40);border-radius:5px;position:absolute;inset:0 auto 0 0}.data-bar-cell strong{z-index:1;color:var(--amber-2);position:relative}footer{color:#566175;text-align:center;border-top:1px solid #94a3b812;margin-top:28px;padding:20px 10px 0;font-size:10px;line-height:1.7}@media (width<=1500px){.metric-grid.six{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=1080px){.sidebar{width:210px}.main-content{margin-left:210px;padding-left:24px;padding-right:24px}.brand strong{font-size:13px}nav button{padding-left:11px;font-size:13px}.two-col,.servers-grid,.story-section,.story-section.reverse{grid-template-columns:1fr}.story-section.reverse .story-copy,.story-section.reverse .panel{order:initial}}@media (width<=760px){.sidebar{display:none}.main-content{margin-left:0;padding:24px 15px 90px}.mobile-nav{z-index:40;border:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d131df0;border-radius:13px;grid-template-columns:repeat(5,1fr);gap:2px;padding:5px;display:grid;position:fixed;inset:auto 8px 8px}.mobile-nav button{min-width:0;color:var(--muted);background:0 0;border:0;border-radius:8px;place-items:center;gap:3px;padding:6px 2px;font-size:8px;display:grid}.mobile-nav button.active{color:var(--amber);background:#f3b33d14}.page-header{display:block}.header-actions{margin-top:16px}.metric-grid.six,.metric-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer{width:100vw}.drawer-grid{grid-template-columns:1fr}.range-control{flex-wrap:wrap;align-items:flex-start}.story-section{padding:10px}.story-copy{padding:14px}.conclusion-card{grid-template-columns:auto 1fr}.formula{border-left:0;border-top:1px solid var(--border-warm);text-align:left;grid-column:1/-1}.data-bar-cell{min-width:130px}}@media (width<=430px){.metric-grid.six,.metric-grid.three{grid-template-columns:1fr}.metric-value{font-size:25px}}