:root{--bg:#0b0f14;--surface:#121821;--surface-2:#1a222d;--border:#1f2937;--text:#e5edf5;--muted:#8b98a9;--accent:#3b82f6;--accent-2:#22c55e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Segoe UI,system-ui,-apple-system,Roboto,sans-serif}h3,h4{margin:0}.muted{color:var(--muted);font-size:14px}.app{flex-direction:column;min-height:100%;display:flex}.top{z-index:30;padding:12px 16px;padding-top:max(12px, env(safe-area-inset-top));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#0b0f14d9;align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:700;display:flex}.dot{background:var(--accent-2);width:10px;height:10px;box-shadow:0 0 10px var(--accent-2);border-radius:50%}.meta{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.spacer{flex:1}.tabs{gap:4px;display:flex}.tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:14px;font-weight:600}.tab.active{background:var(--surface-2);color:var(--text)}.ranges{gap:6px;display:flex}.chip{background:var(--surface-2);color:var(--muted);border:1px solid var(--border);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px;transition:all .15s}.chip.active{background:var(--accent);color:#fff;border-color:var(--accent)}.icon-btn{color:var(--text);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:20px}.only-mobile{display:none}.body{flex:1;min-height:0;display:flex}.sidebar{border-right:1px solid var(--border);background:var(--surface);flex-shrink:0;width:290px;height:calc(100vh - 57px);padding:12px 14px;position:sticky;top:57px;overflow-y:auto}.sidebar-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.group{margin-top:14px}.group h4{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:6px;font-size:11px}.row{cursor:pointer;border-radius:7px;align-items:center;gap:9px;padding:5px 6px;font-size:13.5px;display:flex}.row:hover{background:var(--surface-2)}.row input{accent-color:var(--accent);width:16px;height:16px}.row-name{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.row-val{color:var(--accent);font-variant-numeric:tabular-nums}.content{flex-direction:column;flex:1;gap:16px;min-width:0;padding:16px;display:flex}.kpis{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:12px 14px;transition:border-color .15s;box-shadow:0 1px 2px #0003}.kpi:hover{border-color:#33445a}.kpi-name{color:var(--muted);min-height:29px;font-size:11.5px;line-height:1.25}.kpi-val{font-variant-numeric:tabular-nums;margin-top:2px;font-size:23px;font-weight:700}.kpi-unit{color:var(--muted);font-size:13px;font-weight:500}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:14px 16px;box-shadow:0 1px 2px #00000040,0 12px 28px -22px #000000d9}.card h3{letter-spacing:.01em;margin-bottom:10px;font-size:15px}.chart{height:260px;position:relative}.chart.big{height:360px}.chart.xl{height:460px}.hero{background:linear-gradient(#14202c 0%,#111824 100%);border-color:#294056;box-shadow:inset 0 0 0 1px #1b3047,0 18px 44px -30px #3b82f680}.hint{color:var(--muted);margin:12px 0 0;font-size:12.5px;line-height:1.55}.settings{max-width:720px}.settings .card{padding:16px 18px}.toggle{cursor:pointer;align-items:center;gap:10px;padding:7px 0;font-size:14.5px;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--accent)}.field{flex-direction:column;gap:5px;margin-top:12px;display:flex}.field label{color:var(--text);font-size:13px}.field input{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:9px;max-width:340px;padding:9px 11px;font-size:14px}.field input:focus{border-color:var(--accent);outline:none}.actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn:disabled{opacity:.6;cursor:default}.save-msg{color:var(--accent-2);font-size:14px}code{background:var(--surface-2);border-radius:4px;padding:1px 5px;font-size:12.5px}.scrim{z-index:40;background:#00000080;position:fixed;inset:0}@media (width<=860px){.only-mobile{display:inline-flex}.meta{display:none}.brand{font-size:15px}.top{flex-wrap:wrap;row-gap:10px}.ranges{flex-basis:100%;gap:6px}.chip{text-align:center;flex:1;padding:8px 6px;font-size:12px}.sidebar{z-index:50;width:min(86vw,320px);height:100%;transition:transform .22s;position:fixed;top:0;left:0;transform:translate(-100%);box-shadow:2px 0 24px #00000080}.sidebar.open{transform:translate(0)}.content{gap:12px;padding:12px}.chart{height:220px}.chart.big{height:280px}.chart.xl{height:400px}.tab{padding:6px 10px;font-size:13px}.kpis{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.kpi-val{font-size:20px}}@media (width<=480px){.content{gap:10px;padding:10px}.card{border-radius:14px;padding:12px}.card h3{font-size:14px}.kpis{grid-template-columns:repeat(2,1fr);gap:8px}.kpi{border-radius:12px;padding:10px 12px}.kpi-name{min-height:26px;font-size:11px}.kpi-val{font-size:18px}.chart{height:200px}.chart.xl{height:380px}.hint{font-size:11.5px}}