#root{margin:0;padding:16px;text-align:left;max-width:none}.page{max-width:1400px;margin:0 auto;font-family:system-ui,Segoe UI,Arial}.header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.title{margin:0 0 6px;font-size:40px;font-weight:900;text-align:center}.subtitle{text-align:center;opacity:.7;margin-bottom:6px}.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:14px}.tab{padding:8px 12px;border-radius:999px;border:1px solid #ddd;font-weight:900;background:#fff;color:#111;cursor:pointer}.tabActive{background:#111;color:#fff;border-color:#111}.grid3{display:grid;grid-template-columns:420px 1fr 360px;gap:16px;align-items:start}.leftCol,.centerCol,.rightCol{display:flex;flex-direction:column;gap:12px}.centerCol{min-width:0}.cardBox{border:1px solid #ddd;border-radius:12px;padding:12px;background:#fff}.cardTitle{font-weight:900;margin-bottom:8px}.smallNote{font-size:12px;opacity:.65}.warningsCard{background:#fff8e6;border:1px solid #f1d38a}.warningsHeader{display:flex;justify-content:space-between;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:900}.warningsBody{margin-top:8px;max-height:140px;overflow:auto;font-size:12px;line-height:1.35}@media(max-width:1200px){.grid3{grid-template-columns:1fr}}:root{--bg: #0b0f14;--bg2: #0f1621;--panel-bg: rgba(255, 255, 255, .04);--panel-bd: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .66);--accent: #ff8a00;--ok: #22c55e;--bad: #f43f5e;--divider: rgba(255, 255, 255, .08);--chip-bg: rgba(255, 255, 255, .04);--chip-bd: rgba(255, 255, 255, .1);--icon-bg: rgba(255, 255, 255, .04);--icon-bd: rgba(255, 255, 255, .1);--code-bg: rgba(255, 255, 255, .035);--code-bd: rgba(255, 255, 255, .1);--panel-info-bg: rgba(59, 130, 246, .1);--panel-info-bd: rgba(59, 130, 246, .22);--panel-info-fg: #93c5fd;--panel-warn-bg: rgba(244, 63, 94, .1);--panel-warn-bd: rgba(244, 63, 94, .22);--panel-warn-fg: #fda4af;--panel-hl-bg: rgba(201, 138, 26, .1);--panel-hl-bd: rgba(201, 138, 26, .22);--panel-hl-fg: rgba(255, 225, 170, .92);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--bg-panel: var(--panel-bg);--border-subtle: rgba(255, 255, 255, .08);--border-soft: rgba(255, 255, 255, .12);--text-primary: var(--text);--text-secondary: var(--muted);--text-muted: rgba(255, 255, 255, .5);--accent-amber-strong: #c98a1a;--accent-amber-line: rgba(201, 138, 26, .34);--accent-amber-soft: rgba(201, 138, 26, .18);--focus-ring: rgba(201, 138, 26, .18);--chart-surface: rgba(255, 255, 255, .03);--chart-border: var(--border-subtle);--chart-axis: rgba(255, 255, 255, .7);--chart-axis-muted: rgba(255, 255, 255, .4);--chart-grid: rgba(255, 255, 255, .06);--tooltip-bg: rgba(12, 16, 22, .92);--tooltip-bd: rgba(255, 255, 255, .1);--accent-glow: rgba(201, 138, 26, .18)}html,body{height:100%}body{margin:0;color:var(--text);font-family:system-ui,-apple-system,Helvetica Neue,Helvetica,Arial,Segoe UI,sans-serif;background:radial-gradient(1200px 600px at 30% -10%,rgba(201,138,26,.08),transparent 60%),radial-gradient(1000px 600px at 85% 0%,rgba(59,130,246,.07),transparent 60%),linear-gradient(180deg,var(--bg),var(--bg2))}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:linear-gradient(to right,rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px;mix-blend-mode:normal;transition:opacity .16s ease}body[data-grid=on]:before{opacity:.12}body[data-grid=off]:before{opacity:0}#root,.page{position:relative;z-index:1}#root{margin:0;padding:16px;max-width:none}button{background:#ffffff0a;color:var(--text);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:9px 12px;font-weight:900;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}button:hover{border-color:var(--accent-amber-line);background:#ffffff0f}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}textarea,input{color:var(--text);background:#ffffff09;border:1px solid rgba(255,255,255,.1);outline:none}textarea:focus,input:focus{border-color:var(--accent-amber-line);box-shadow:0 0 0 4px var(--focus-ring)}a{color:#93c5fd}a:hover{color:#bfdbfe}.page{max-width:1400px;margin:0 auto}.cardBox{border:1px solid rgba(255,255,255,.1);background:#ffffff0a;border-radius:14px;padding:14px;box-shadow:var(--shadow)}.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.tab{padding:8px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.1);font-weight:950;background:#ffffff0a;color:var(--text)}.tabActive{background:#c98a1a1f;border-color:#c98a1a4d;color:var(--text)}.title{margin:0 0 6px;font-size:40px;font-weight:950;text-align:center;letter-spacing:.2px}.subtitle{text-align:center;opacity:.75;margin-bottom:10px}.header{margin-bottom:12px}.cardTitle{font-weight:950;margin-bottom:10px}.smallNote{font-size:12px;opacity:.72;margin-top:10px}.grid3{display:grid;grid-template-columns:360px minmax(560px,1fr) 360px;gap:14px;align-items:start}.leftCol,.centerCol,.rightCol{display:flex;flex-direction:column;gap:14px;min-width:0}button+button{margin-left:0}@media(max-width:1200px){.grid3{grid-template-columns:360px minmax(520px,1fr)}.rightCol{grid-column:1 / -1}}@media(max-width:900px){.grid3{grid-template-columns:1fr}.leftCol,.centerCol,.rightCol{grid-column:1 / -1}.title{font-size:30px}}@media(max-width:520px){#root{padding:10px}.cardBox{padding:12px;border-radius:12px}button{padding:8px 10px;border-radius:12px}textarea{font-size:12px}}.onlyDesktop{display:block}.onlyMobile{display:none}@media(max-width:900px){.onlyDesktop{display:none}.onlyMobile{display:block}}.appGrid{display:grid;grid-template-columns:380px 1fr;gap:14px;align-items:start}.kpiGrid{display:grid;grid-template-columns:repeat(3,minmax(280px,1fr));gap:12px;align-items:start}@media(max-width:1200px){.appGrid{grid-template-columns:340px 1fr}}@media(max-width:980px){.appGrid,.kpiGrid{grid-template-columns:1fr}#root{padding:12px}}@media(max-width:520px){.title{font-size:28px}.subtitle{font-size:12px}}.panelTitle{font-weight:850;letter-spacing:.25px;color:var(--text-primary)}.panelSubtitle{font-size:12px;line-height:1.4;letter-spacing:.15px;color:var(--text-secondary)}.kpiLabel{opacity:.72;font-size:12px;letter-spacing:.2px;color:var(--text-secondary)}.kpiValue{font-size:22px;font-weight:900;letter-spacing:.1px;color:#ffffffe0}.kpiDelta{font-size:16px;font-weight:900;letter-spacing:.15px;color:#ffffffd1}.panelSection{margin-top:14px}.panelSectionTitle{font-size:12px;font-weight:900;letter-spacing:.2px;opacity:.78;margin-bottom:8px;color:var(--text-secondary)}.surfaceSoft{background:#ffffff08;border-radius:12px;padding:12px;box-shadow:inset 0 1px #ffffff0a}.hrSoft{height:1px;background:#ffffff14;margin:12px 0}.stack16>*+*{margin-top:16px}