:root{--font-sans:"Aptos","IBM Plex Sans","PingFang SC","Helvetica Neue",sans-serif;--font-mono:"JetBrains Mono","IBM Plex Mono","SFMono-Regular","Menlo",monospace;--bg:#f3f3f1;--surface:#fff;--surface-muted:#ececeb;--panel:#fff;--line:#111;--line-soft:#cfcfcb;--text:#121212;--text-soft:#535353;--blue:#0d5cff;--blue-soft:#dbe8ff;--danger:#1a1a1a;--positive:#0d5cff;--negative:#111}*{box-sizing:border-box}html{background:var(--bg)}body{min-height:100vh;color:var(--text);font-family:var(--font-sans),sans-serif;background:linear-gradient(90deg,#11111108 1px,transparent 1px)0 0/48px 48px,linear-gradient(#11111108 1px,transparent 1px)0 0/48px 48px,var(--bg);margin:0}a{color:inherit}button,input,textarea,select{font:inherit}.page-shell{gap:18px;width:min(100%,1600px);margin:0 auto;padding:28px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:6px 6px #d7d7d3}.hero{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:start;gap:24px;padding:28px;display:grid}.hero-copy h1,.panel-heading h2{letter-spacing:-.04em;margin:4px 0 0;font-size:clamp(1.4rem,2vw,2.15rem);line-height:1}.hero-text{max-width:72ch;color:var(--text-soft);margin:16px 0 0;line-height:1.6}.hero-side{justify-items:end;gap:12px;display:grid}.hero-status{flex-wrap:wrap;justify-content:end;align-items:center;gap:10px;display:flex}.hero-time,.summary-detail,.panel-meta,.health-subtitle,.label{color:var(--text-soft)}.refresh-button{border:1px solid var(--line);background:var(--blue);color:#fff;cursor:pointer;min-width:160px;padding:12px 16px}.refresh-button:disabled{cursor:wait;background:#6a6a6a}.error-text{color:#101010;margin:0;font-size:.95rem}.eyebrow{font-family:var(--font-mono),monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--text-soft);margin:0;font-size:.76rem}.status-pill{border:1px solid var(--line);font-family:var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;align-items:center;padding:6px 10px;font-size:.78rem;display:inline-flex}.status-ok{background:var(--blue-soft);color:var(--blue)}.status-error{color:var(--negative);background:#ececeb}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.summary-stat{border:1px solid var(--line);background:var(--surface);padding:18px 18px 20px}.summary-value{letter-spacing:-.04em;margin:10px 0 8px;font-size:clamp(1.3rem,2vw,2rem);font-weight:700}.summary-detail{margin:0;line-height:1.5}.panel-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;gap:12px;padding:20px 20px 16px;display:flex}.panel-meta{flex-wrap:wrap;justify-content:end;gap:10px 18px;font-size:.9rem;display:flex}.history-heading{align-items:center}.history-toolbar{flex-wrap:wrap;justify-content:end;align-items:center;gap:12px;display:flex}.history-meta,.chart-time{color:var(--text-soft);font-family:var(--font-mono),monospace;font-size:.82rem}.history-note{color:var(--text-soft);flex-wrap:wrap;gap:8px 20px;padding:14px 20px 0;font-size:.92rem;display:flex}.segment-control{border:1px solid var(--line);background:var(--surface);flex-wrap:wrap;gap:0;display:inline-flex}.segment-button{border:0;border-right:1px solid var(--line);cursor:pointer;font-family:var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase;background:0 0;padding:10px 14px;font-size:.8rem}.segment-button:last-child{border-right:0}.segment-button-active{background:var(--blue);color:#fff}.line-panel-stack{gap:18px;padding:18px 20px 20px;display:grid}.line-panel{border:1px solid var(--line);background:linear-gradient(#fffffff5 0%,#f8f8f6f5 100%),linear-gradient(90deg,#11111108 1px,#0000 1px) 0 0/24px 24px;gap:14px;padding:18px;display:grid}.line-panel-head{justify-content:space-between;align-items:start;gap:16px;display:flex}.line-panel-head h3{margin:6px 0 0;font-size:1.08rem;line-height:1.1}.line-panel-note{max-width:320px;color:var(--text-soft);margin:0;font-size:.9rem}.line-panel-kpis{flex-wrap:wrap;gap:8px;display:flex}.line-panel-kpis span{border:1px solid var(--line-soft);min-height:34px;font-family:var(--font-mono),monospace;letter-spacing:.04em;color:var(--text-soft);background:#ffffffb8;align-items:center;padding:8px 12px;font-size:.76rem;display:inline-flex}.line-chart-frame{border:1px solid var(--line);background:#fbfbf9;padding:10px 0;position:relative;overflow:hidden}.line-chart-svg{width:100%;height:272px;display:block}.line-chart-grid{stroke:#d4d4d0;stroke-width:1px}.line-chart-baseline{stroke:#111;stroke-width:1.2px;stroke-dasharray:4 6}.line-chart-active-line{stroke:#0d5cff3d;stroke-width:1px;stroke-dasharray:4 6}.line-hover-card{z-index:1;border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffeb;min-width:min(280px,100% - 28px);max-width:min(320px,100% - 28px);max-height:calc(100% - 28px);padding:10px 12px;position:absolute;top:14px;left:14px;overflow:auto;box-shadow:4px 4px #1111110f}.line-hover-head{margin-bottom:6px}.line-hover-head-main{font-family:var(--font-mono),monospace;letter-spacing:.06em;text-transform:uppercase;gap:2px;font-size:.72rem;display:grid}.line-hover-head span,.line-hover-key{color:var(--text-soft)}.line-hover-row{border-top:1px solid #11111114;justify-content:space-between;align-items:center;gap:16px;margin-top:5px;padding-top:5px;font-size:.8rem;display:flex}.line-hover-key{align-items:center;gap:8px;display:inline-flex}.chart-axis{color:var(--text-soft);font-family:var(--font-mono),monospace;justify-content:space-between;gap:12px;padding:0 18px;font-size:.76rem;display:flex}.chart-axis-top{margin-top:-2px}.chart-axis-bottom{margin-top:8px}.line-panel-meta{color:var(--text-soft);font-family:var(--font-mono),monospace;flex-wrap:wrap;justify-content:space-between;gap:10px 14px;font-size:.78rem;display:flex}.filter-shell{border:1px solid var(--line-soft);background:#ffffff9e;gap:10px;padding:12px;display:grid}.filter-actions{flex-wrap:wrap;gap:8px;display:flex}.filter-action{border:1px solid var(--line);background:var(--surface);cursor:pointer;font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.06em;padding:8px 12px;font-size:.76rem}.filter-grid{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{border:1px solid var(--line-soft);cursor:pointer;background:#f8f8f6;align-items:center;gap:8px;padding:8px 12px;display:inline-flex}.filter-chip-active{border-color:var(--line);background:#fff}.filter-swatch{border:1px solid var(--line);width:10px;height:10px}.filter-chip-meta{color:var(--text-soft);font-family:var(--font-mono),monospace;font-size:.72rem}.series-legend{flex-wrap:wrap;gap:10px;display:flex}.series-chip{border:1px solid var(--line);background:var(--surface);text-align:left;align-items:center;gap:10px;padding:8px 10px;font-size:.84rem;display:inline-flex}button.series-chip{appearance:none;cursor:pointer}.series-chip-active{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:#edf4ff}.series-chip-copy{gap:2px;display:grid}.series-chip-secondary{color:var(--text-soft);font-family:var(--font-mono),monospace;font-size:.72rem}.series-line{border-top:3px solid;flex:none;width:24px;height:0}.series-line-dash{border-top-style:dashed}.series-line-dot{border-top-style:dotted}.chart-empty{border:1px solid var(--line);min-height:220px;color:var(--text-soft);text-align:center;background:#fbfbf9;place-items:center;padding:20px;display:grid}.health-grid{display:grid}.bottom-stack{gap:18px;display:grid}.health-row{border-top:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:16px 20px;display:grid}.health-title{margin:0;font-weight:600}.health-subtitle,.health-error{margin:0;font-size:.9rem}.health-meta{font-family:var(--font-mono),monospace;align-items:center;gap:10px;font-size:.88rem;display:flex}.health-error{grid-column:1/-1}.matrix-layout{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.table-shell,.ladder-shell{overflow-x:auto}.data-table{border-collapse:collapse;width:100%}.data-table th,.data-table td{border-top:1px solid var(--line-soft);text-align:left;vertical-align:middle;padding:12px 14px;font-size:.94rem}.data-table th{font-family:var(--font-mono),monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);background:var(--surface-muted);font-size:.78rem}.metric-cell{gap:8px;display:grid}.metric-up{color:var(--blue);font-weight:600}.metric-down{color:var(--negative);font-weight:600}.bar-track{background:var(--surface-muted);width:100%;height:8px}.bar-fill{height:100%}.bar-positive{background:var(--blue)}.bar-negative{background:#111}.mono{font-family:var(--font-mono),monospace}.best-offer{border-bottom:1px solid var(--line);background:linear-gradient(#fff 0%,#f0f5ff 100%);padding:18px 20px}.best-offer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:12px;display:grid}.best-offer-grid strong,.formula-grid h3{margin-top:4px;display:block}.formula-grid{background:var(--line-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.formula-grid article{background:var(--surface);padding:18px 20px}.formula-grid h3{margin:0 0 8px;font-size:1rem}.formula-grid p{color:var(--text-soft);margin:0;line-height:1.6}.note-panel{overflow:hidden}.raw-grid{gap:12px;padding:18px 20px 20px;display:grid}.raw-panel{border:1px solid var(--line-soft);background:#fafafa}.raw-panel summary{cursor:pointer;font-family:var(--font-mono),monospace;text-transform:uppercase;letter-spacing:.08em;padding:14px 16px;font-size:.84rem}.raw-panel pre{font-family:var(--font-mono),monospace;border-top:1px solid var(--line-soft);background:#fcfcfc;margin:0;padding:0 16px 16px;font-size:.8rem;line-height:1.55;overflow:auto}.empty-state{color:var(--text-soft);padding:24px 20px}@media (max-width:1240px){.hero,.summary-grid,.matrix-layout,.formula-grid,.best-offer-grid{grid-template-columns:1fr 1fr}}@media (max-width:900px){.page-shell{padding:16px}.hero,.summary-grid,.matrix-layout,.formula-grid,.best-offer-grid{grid-template-columns:1fr}.hero-side{justify-items:start}.hero-status,.panel-meta,.history-toolbar,.line-panel-head,.line-panel-meta,.chart-axis{justify-content:start}.line-hover-card{min-width:0;max-width:none;max-height:none;margin:0 12px 12px;position:static}.line-chart-frame{padding-top:12px}.health-row{grid-template-columns:1fr}.health-meta{flex-wrap:wrap}}