html,body{margin:0;min-height:100vh;width:100%}#root{min-height:100vh;width:100%}body{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--brand: #ff5f2d;--brand-soft: #ffceb9;--brand-deep: #cf3708;--bg: #141414;--panel: #1c1c1c;--panel-2: #222222;--text: #f5f5f5;--muted: #b5b5b5;--border: rgba(255, 255, 255, .08);--accent: var(--brand);--accent2: var(--brand-soft);--warn: #f4b400;--bad: #e5533d;--good: #2fbf71;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--radius: 18px;--radius2: 14px;--font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial}[data-theme=light]{--bg: #f7f7fb;--panel: #ffffff;--panel-2: #ffffff;--text: #0f172a;--muted: #475569;--border: rgba(2, 6, 23, .1);--shadow: 0 12px 30px rgba(2, 6, 23, .1)}*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:var(--font);background:radial-gradient(1200px 500px at 10% 0%,rgba(255,95,45,.22),transparent 55%),radial-gradient(900px 520px at 90% 15%,rgba(255,206,185,.12),transparent 60%),var(--bg);color:var(--text)}.app{display:grid;grid-template-columns:280px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:18px 14px;border-right:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%),#00000014;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .sidebar{background:#ffffffa6}.brand{display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);background:#111827fa}.logo{width:38px;height:38px;border-radius:12px;background:conic-gradient(from 180deg,var(--brand),var(--brand-soft),var(--brand-deep),var(--brand));box-shadow:0 10px 25px #ff5f2d33}.brand h1{font-size:14px;margin:0;letter-spacing:.3px}.brand p{margin:2px 0 0;font-size:12px;color:var(--muted)}.nav{margin-top:16px;display:flex;flex-direction:column;gap:6px}.nav button{all:unset;cursor:pointer;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:14px;border:1px solid transparent;color:var(--text);opacity:.92}.nav button:hover{background:#ff5f2d1a;border-color:var(--border)}.nav button.active{background:#ff5f2d29;border-color:#ff5f2d6b}.tag{font-size:11px;padding:3px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted)}.sidebar-footer{position:absolute;left:14px;right:14px;bottom:16px;display:grid;gap:10px}.mini-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:12px;box-shadow:var(--shadow)}.mini-card .row{display:flex;align-items:center;justify-content:space-between}.mini-card .title{font-size:12px;color:var(--muted)}.mini-card .value{font-weight:700;font-size:14px}.main{padding:22px 22px 30px;display:flex;flex-direction:column;gap:14px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px;background:#ffffff05;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}[data-theme=light] .topbar{background:#ffffffbf}.top-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.crumb{font-size:12px;color:var(--muted);border:1px solid var(--border);border-radius:999px;padding:6px 10px;background:var(--panel)}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--border);border-radius:999px;padding:8px 10px;background:var(--panel);min-width:260px}.search input{border:none;outline:none;background:transparent;color:var(--text);width:100%;font-size:13px}.top-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer;font-size:12px}.btn:hover{border-color:#ff5f2d8c}.btn.primary{background:linear-gradient(135deg,#ff5f2d3d,#ffceb92e);border-color:#ff5f2d73}.filters{display:grid;grid-template-columns:1.1fr 1.2fr 1fr 1fr auto;gap:10px}@media(max-width:1100px){.filters{grid-template-columns:1fr 1fr}.search{min-width:200px}.app{grid-template-columns:1fr}.sidebar{position:relative;height:auto}.sidebar-footer{position:relative;left:auto;right:auto;bottom:auto}}.field{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius2);padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow);min-height:44px}.field label{font-size:12px;color:var(--muted);width:86px}.field select,.field input{width:100%;border:none;outline:none;background:transparent;color:var(--text);font-size:13px}.field input[type=date]{min-width:0;cursor:pointer}.field input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.85}[data-theme=dark] .field input[type=date]::-webkit-calendar-picker-indicator{filter:invert(1)}.grid{display:grid;grid-template-columns:1.35fr .65fr;gap:12px;align-items:start}@media(max-width:1100px){.grid{grid-template-columns:1fr}}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow)}.track-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.track-title{display:flex;flex-direction:column;gap:2px}.track-title h2{margin:0;font-size:16px;letter-spacing:.2px}.track-title p{margin:0;font-size:12px;color:var(--muted)}.no-data-message{display:flex;align-items:center;justify-content:center;min-height:200px;padding:24px;margin-top:12px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--panel-2);color:var(--muted);font-size:15px}.panel-content.hidden{display:none}.main-panel{display:flex;flex-direction:column;gap:12px}.main-panel.empty .no-data-msg{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;min-height:200px;padding:24px;margin-top:12px;border:1px dashed var(--border);border-radius:var(--radius);background:var(--panel-2);color:var(--muted);font-size:15px}.main-panel.empty .no-data-msg .muted{font-size:13px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:10px}@media(max-width:1100px){.kpis{grid-template-columns:repeat(2,1fr)}}.kpi{padding:12px;border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 60%),var(--panel);box-shadow:var(--shadow);position:relative;overflow:visible}.kpi:after{content:"";position:absolute;inset:-60px -60px auto auto;width:140px;height:140px;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,95,45,.18),transparent 60%);pointer-events:none}.kpi .top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.kpi .label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.kpi .value{font-size:20px;font-weight:800;letter-spacing:.2px;margin-top:4px}.kpi .delta{font-size:12px;padding:3px 8px;border-radius:999px;border:1px solid var(--border);color:var(--brand-deep);font-weight:600;background:#0000001f}[data-theme=light] .kpi .delta{background:#0206170a}.info{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:11px;border:1px solid var(--border);color:var(--muted);cursor:help;position:relative;-webkit-user-select:none;user-select:none}.info:hover{border-color:#ff5f2da6;color:var(--text)}.tip{position:absolute;left:0;top:22px;width:260px;padding:10px;border-radius:12px;border:1px solid var(--border);background:var(--panel);color:var(--text);box-shadow:var(--shadow);font-size:12px;line-height:1.35;display:none;z-index:50}.info:hover .tip{display:block}.chart-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}@media(max-width:1100px){.chart-row{grid-template-columns:1fr}}.chartbox{border:1px solid var(--border);border-radius:var(--radius);padding:12px;background:var(--panel-2);overflow:visible}.chartbox .head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.chartbox .head h3{margin:0;font-size:13px;color:var(--text);font-weight:700;display:flex;align-items:center;gap:8px}.chartbox .sub{font-size:12px;color:var(--muted)}.chart-container{width:100%;height:240px;border-radius:14px;overflow:visible;margin-bottom:8px}.rail{display:grid;gap:10px}.list{display:flex;flex-direction:column;gap:8px;margin-top:10px}.item{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--border);border-radius:14px;background:#ffffff05}[data-theme=light] .item{background:#02061705}.item .left{display:flex;flex-direction:column;gap:2px}.item .title{font-size:12px;font-weight:700}.item .meta{font-size:12px;color:var(--muted)}.pill{font-size:11px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted);white-space:nowrap;text-transform:capitalize}.pill.good{color:var(--good);border-color:#22c55e59;background:#22c55e14}.pill.warn{color:var(--warn);border-color:#fbbf2459;background:#fbbf2414}.pill.bad{color:var(--bad);border-color:#fb718559;background:#fb718514}.footer-note{font-size:12px;color:var(--muted);margin-top:10px}.kbd{font-family:ui-monospace,monospace;font-size:11px;padding:2px 6px;border-radius:8px;border:1px solid var(--border);background:#0000001f;color:var(--muted)}[data-theme=light] .kbd{background:#0206170a}.valueops-tagline{font-size:12px;line-height:1.4;color:var(--muted);max-width:240px}.valueops-info{width:18px;height:18px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:12px;border:1px solid var(--border);color:var(--muted);cursor:help;position:relative;-webkit-user-select:none;user-select:none}.valueops-info:hover{border-color:#ff5f2d8c;color:var(--text)}.valueops-tip{position:absolute;left:0;top:22px;width:280px;padding:10px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#111827fa;color:var(--text);box-shadow:var(--shadow);font-size:12px;line-height:1.35;display:none;z-index:9999}.valueops-info:hover .valueops-tip,.valueops-info:focus .valueops-tip{display:block}select.field,.field select,.filters select,select{color:var(--text);background:var(--panel)}select.field option,.filters select option,select option{background:#111827fa;color:var(--text)}select.field:focus,.filters select:focus,select:focus{outline:none;border-color:#ff5f2d8c;box-shadow:0 0 0 3px #ff5f2d2e}select.field{accent-color:rgba(255,95,45,.95)}