:root{color-scheme:dark;--bg:#0B0F19;--panel:#111827;--sunk:#0D1117;--line:rgba(255,255,255,.08);--ink:#F1F5F9;--mut:#94A3B8;--acc:#34D399;--acc2:#22D3EE;--warn:#FBBF24;--chip:#1F2937;--mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace}
:root[data-theme=light]{color-scheme:light;--bg:#F1F5F9;--panel:#fff;--sunk:#F8FAFC;--line:rgba(11,15,25,.1);--ink:#0B0F19;--mut:#475569;--acc:#047857;--acc2:#0e7490;--warn:#92400e;--chip:#E2E8F0}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:13px/1.55 ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;font-variant-numeric:tabular-nums}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}button,a{ -webkit-tap-highlight-color:transparent}button,select{cursor:pointer}a{color:inherit;text-decoration:none}button{color:var(--ink)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--acc2);outline-offset:4px}button,input,select{border:1px solid var(--line);background:var(--panel);border-radius:9px}button{padding:8px 12px;font:11px/1.5 var(--mono);white-space:nowrap}button:hover,a.text-link:hover{color:var(--acc)}input,select{color:var(--ink);padding:9px 11px;min-width:0}select{font:11.5px var(--mono)}input{width:100%}h1,h2,h3,p{margin:0}h1{font-size:27px;line-height:1.2;letter-spacing:-.025em}h2{font-size:17px;letter-spacing:-.02em;line-height:1.4}h3{font-size:14px}p+p{margin-top:12px}small,.muted{color:var(--mut)}.mono{font-family:var(--mono)}.label{font:10px/1.6 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--mut)}.accent{color:var(--acc)}.cyan{color:var(--acc2)}.warning{color:var(--warn)}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;top:-80px;left:16px;background:var(--panel);padding:12px;z-index:10}.skip:focus{top:10px}.app-frame{min-height:100vh;display:grid;grid-template-columns:236px minmax(0,1fr);position:relative;overflow:hidden}.app-frame:before{content:'';position:absolute;top:-180px;right:-120px;width:620px;height:480px;background:radial-gradient(closest-side,rgba(52,211,153,.16),rgba(34,211,238,.10) 45%,transparent 75%);pointer-events:none}.rail{background:var(--sunk);border-right:1px solid var(--line);padding:22px 14px;display:flex;flex-direction:column;gap:25px;position:relative}.brand{display:flex;align-items:center;gap:10px;padding:0 8px 20px;border-bottom:1px solid var(--line);font:700 13px var(--mono);letter-spacing:.16em;text-transform:uppercase}.brand-mark{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;color:#052e22;background:linear-gradient(140deg,#34d399,#22d3ee);box-shadow:0 0 18px #34d39960}svg.icon{width:15px;height:15px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4}.nav-group{display:flex;flex-direction:column;gap:3px}.nav-group>.label{padding:0 8px 8px;font-size:9.5px;letter-spacing:.2em}.nav-link{display:flex;align-items:center;gap:11px;padding:10px;border-radius:8px;border-left:2px solid transparent;font:12px var(--mono);color:var(--mut)}.nav-link:hover{color:var(--ink);background:var(--panel)}.nav-link.active{border-left-color:var(--acc);background:linear-gradient(90deg,#34d39929,#34d39905);color:var(--acc);box-shadow:0 0 22px -6px #34d39950}.rail-footer{margin-top:auto;border-top:1px solid var(--line);padding:16px 10px 0;font:11px/1.9 var(--mono);color:var(--mut)}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:8px;box-shadow:0 0 10px currentColor}.content{position:relative;min-width:0;padding:26px 28px 34px;display:flex;flex-direction:column;gap:20px;max-width:1700px;width:100%;margin:0 auto}.page-header,.panel-head,.between{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.subtitle{font:12px/1.7 var(--mono);color:var(--mut);margin-top:8px}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.outline{border-color:var(--acc);color:var(--acc);box-shadow:0 0 20px -8px var(--acc)}.primary{background:linear-gradient(120deg,#34d399,#22d3ee);color:#052e22;border:0;font-weight:700}.primary:hover{color:#052e22;filter:brightness(1.08)}.filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:linear-gradient(180deg,var(--panel),var(--sunk))}.segments{display:flex;gap:3px;padding:3px;border-radius:9px;background:var(--chip)}.segments button{background:transparent;border:0;padding:6px 11px;color:var(--mut)}.segments button[aria-pressed=true]{background:linear-gradient(120deg,#34d399,#22d3ee);color:#052e22;font-weight:700;box-shadow:0 0 20px -4px #34d39970}.freshness{margin-left:auto;color:var(--mut);font:10.5px/1.5 var(--mono)}.panel{border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,var(--panel),var(--sunk));padding:20px 22px;min-width:0}.panel-head{margin-bottom:18px}.panel-head p{margin-top:5px;color:var(--mut)}.panel-head .label+h2{margin-top:7px;font-size:20px}.banner{border:1px solid var(--warn);border-radius:11px;background:linear-gradient(90deg,#fbbf2417,transparent 70%);padding:12px 14px;display:flex;align-items:center;gap:15px;box-shadow:0 0 28px -18px var(--warn)}.banner>.label{color:var(--warn);flex-shrink:0;font-weight:700}.banner p{flex:1}.banner.info{border-color:var(--line);background:var(--sunk);box-shadow:none}.banner.info>.label{color:var(--acc2)}.demo-banner{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 14px;background:var(--chip);border:1px solid var(--line);border-radius:9px}.pill{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid currentColor;border-radius:20px;padding:5px 10px;color:var(--acc);font:10px/1.5 var(--mono);letter-spacing:.09em;text-transform:uppercase}.pill.warn{color:var(--warn)}.chip{display:inline-block;font:9.5px/1.5 var(--mono);letter-spacing:.06em;text-transform:uppercase;border-radius:5px;padding:4px 7px;background:var(--chip);color:var(--mut);white-space:nowrap}.chip.good{color:var(--acc);background:#34d39918}.chip.warn{color:var(--warn);background:#fbbf2418}.chip.cyan{color:var(--acc2);background:#22d3ee18}.grid{display:grid;gap:14px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.four{grid-template-columns:repeat(4,minmax(0,1fr))}.two{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:16px}.stack{display:flex;flex-direction:column;gap:16px}.tile{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--sunk);min-width:0}.tile .number{margin-top:9px}.number{font-size:27px;font-weight:700;letter-spacing:-.035em;line-height:1.15;overflow-wrap:anywhere}.hero-number{font-size:40px;line-height:1.1;font-weight:700;letter-spacing:-.035em;overflow-wrap:anywhere}.metric-line{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-top:12px}.denominator{font:13px var(--mono);color:var(--mut)}.tile p{color:var(--mut);font-size:12px;margin-top:8px}.tile.warn,.panel.warn{border-color:var(--warn);background:linear-gradient(180deg,#fbbf240c,var(--sunk));box-shadow:0 0 28px -18px var(--warn)}progress{display:block;appearance:none;-webkit-appearance:none;border:0;width:100%;height:6px;margin:14px 0 9px;border-radius:4px;overflow:hidden;background:var(--chip)}progress::-webkit-progress-bar{background:var(--chip)}progress::-webkit-progress-value{background:linear-gradient(90deg,var(--acc),var(--acc2))}progress::-moz-progress-bar{background:linear-gradient(90deg,var(--acc),var(--acc2))}progress.warn::-webkit-progress-value{background:var(--warn)}progress.warn::-moz-progress-bar{background:var(--warn)}progress.manual::-webkit-progress-value{background:var(--mut)}.progress-label{display:flex;justify-content:space-between;color:var(--mut);font:11px var(--mono);gap:8px}.panel-footer{border-top:1px solid var(--line);padding-top:13px;margin-top:18px;color:var(--mut);font-size:12px;display:flex;justify-content:space-between;gap:10px}.text-link{color:var(--acc);font:11px/1.5 var(--mono)}.chart{height:168px;display:flex;gap:9px;align-items:flex-end;border-bottom:1px solid var(--line);margin:8px 0 10px}.bar{flex:1;min-width:2px;background:linear-gradient(0deg,#22d3ee66,var(--acc2));border-radius:5px 5px 0 0;box-shadow:0 0 18px -6px var(--acc2);position:relative}.bar.peak{background:linear-gradient(0deg,#34d39955,var(--acc));box-shadow:0 0 26px -4px var(--acc)}.bar.unpriced{background:repeating-linear-gradient(45deg,#fbbf241f,#fbbf241f 4px,#fbbf2499 4px,#fbbf2499 6px);border:1px solid var(--warn);box-shadow:none}.axis{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--mut)}.legend{display:flex;gap:18px;margin-top:16px;color:var(--mut);font:10px/1.6 var(--mono);flex-wrap:wrap}.legend i{display:inline-block;width:8px;height:8px;background:var(--acc2);margin-right:6px;border-radius:2px}.legend i.hatch{background:repeating-linear-gradient(45deg,transparent,transparent 2px,var(--warn) 2px,var(--warn) 3px);border:1px solid var(--warn)}.table-scroll{overflow-x:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:12.5px;text-align:left}th{color:var(--mut);font:9.5px/1.5 var(--mono);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;padding:0 16px 10px 0}td{border-top:1px solid var(--line);padding:12px 16px 12px 0;vertical-align:middle}th:last-child,td:last-child{padding-right:0}td.numeric,th.numeric{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}td .detail{font-size:11px;margin-top:4px;color:var(--mut);max-width:270px}td .meter{font:11.5px var(--mono)}td a:hover{text-decoration:underline;color:var(--acc)}tr.cancelled{color:var(--mut)}.explanations{border-top:1px solid var(--line);padding-top:14px;margin-top:5px;display:flex;flex-direction:column;gap:10px}.explanations>div{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--mut)}.list{display:flex;flex-direction:column;gap:13px;margin-top:15px}.list-row{display:flex;justify-content:space-between;gap:14px;align-items:center}.empty{padding:35px 15px;text-align:center;color:var(--mut)}.empty h2{color:var(--ink);margin-bottom:8px}.empty .actions{justify-content:center;margin-top:20px}.first-run{padding:34px;min-height:260px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.first-run h2{font-size:25px;max-width:500px}.first-run p{max-width:640px;color:var(--mut);margin:13px 0 22px}.context-panel{border:1px dashed var(--acc2);background:linear-gradient(180deg,#22d3ee09,var(--sunk))}.breadcrumb{font:11px var(--mono);color:var(--mut);margin-bottom:10px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label.field{display:flex;flex-direction:column;gap:7px;font-size:12px;color:var(--mut)}.field.full{grid-column:1/-1}.form-note{font-size:12px;color:var(--mut);margin:16px 0}.error-message{color:var(--warn);font-size:12px;margin:12px 0}.connection-form{max-width:560px;margin-top:20px}.connection-form .actions{margin-top:14px}.code{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--sunk);border:1px solid var(--line);border-radius:9px;padding:14px;font:11px/1.8 var(--mono);color:var(--mut)}dialog{max-width:560px;width:calc(100% - 32px);padding:26px;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:var(--ink);box-shadow:0 20px 100px #0008}dialog::backdrop{background:#0009}dialog .panel-head{margin-bottom:20px}dialog h2{font-size:21px}dialog .actions{justify-content:flex-end;margin-top:20px}details{margin-top:14px}summary{cursor:pointer;color:var(--mut);font:11px var(--mono)}details table{margin-top:14px}.spaced{margin-top:16px}.help-copy{max-width:850px}.status-text{color:var(--mut);font:11px/1.8 var(--mono)}
@media(min-width:1600px){.content{padding:34px 42px}.chart{height:205px}}@media(max-width:1180px){.app-frame{grid-template-columns:205px minmax(0,1fr)}.content{padding:24px 22px}.hero-number{font-size:32px}.three{gap:10px}.tile{padding:15px}.freshness{width:100%;margin-left:0}.page-header{gap:12px}.page-header .actions{justify-content:flex-end}.four{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-grid{grid-template-columns:1fr 1fr}.panel{padding:18px}.banner{align-items:flex-start;flex-wrap:wrap}.banner p{min-width:190px}}
@media(max-width:850px){.app-frame{grid-template-columns:1fr}.rail{border-right:0;border-bottom:1px solid var(--line);padding:15px 18px;gap:14px}.brand{border:0;padding:0}.rail nav{display:flex;gap:8px;overflow-x:auto;padding:4px 0}.nav-group{display:contents}.nav-group>.label,.rail-footer,.nav-link.secondary{display:none}.nav-link{padding:10px;white-space:nowrap}.content{padding:22px 18px}.bottom-grid{grid-template-columns:1fr}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-number{font-size:30px}.panel-head{flex-wrap:wrap}.number{font-size:25px}.chart{gap:7px}}
@media(max-width:600px){.content{padding:20px 14px;gap:16px}h1{font-size:24px}.page-header{flex-direction:column}.page-header .actions{justify-content:flex-start}.subtitle{font-size:10.5px}.three,.two{grid-template-columns:1fr}.four{gap:10px}.panel{padding:17px 15px}.tile{padding:16px}.hero-number{font-size:36px}.filters{gap:8px}.filters>.label{display:none}.filters select{flex:1;max-width:100%}.freshness{font-size:10px}.banner{gap:8px}.banner p{flex-basis:100%;font-size:12px}.panel-footer{flex-direction:column}.chart{height:145px;gap:5px}.first-run{padding:26px 20px}.first-run h2{font-size:23px}.form-grid{grid-template-columns:1fr}.demo-banner{align-items:flex-start;font-size:11px}.explanations>div{flex-wrap:wrap}.number{font-size:23px}.nav-link{font-size:11px;gap:7px}.nav-link .icon{width:13px}.label{font-size:9px}.context-panel .four{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}