:root{--om-orange:#ff7900;--om-orange-hover:#ff8f24;--om-white:#fff;--om-obsidian:#000;--bg:#151b23;--bg-elevated:#1b232d;--bg-card:#1c2430;--bg-card-hover:#222c3a;--border:#2a3544;--text:#f4f1ee;--text-muted:#9aa3af;--green:#32c832;--yellow:#fc0;--red:#cd3c14;--radius:16px;--gap:14px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:radial-gradient(1200px 500px at 8% -10%, #ff790014, transparent 55%), var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}button{font:inherit;cursor:pointer}input,select,textarea{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:10px;outline:none;padding:8px 12px}input:focus,select:focus,textarea:focus{border-color:var(--om-orange)}.btn{background:var(--om-orange);color:var(--om-obsidian);border:none;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-weight:700;text-decoration:none;display:inline-flex}.btn:hover{background:var(--om-orange-hover)}.btn-outline{color:var(--text);border:1px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--om-orange);color:var(--om-orange)}.btn-ghost{color:var(--text-muted);padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none}.btn-ghost:hover{color:var(--om-orange)}.btn-danger{color:var(--red);border:1px solid var(--red);background:0 0}.btn-danger:hover{background:var(--red);color:var(--om-white)}kbd{font:inherit;border:1px solid var(--border);color:var(--text-muted);border-radius:4px;padding:1px 5px;font-size:11px;font-weight:700}.dashboard{flex-direction:column;gap:12px;height:100vh;padding:16px 22px 12px;display:flex;overflow:hidden}.dashboard-header,.admin-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand{color:inherit;align-items:center;gap:14px;min-width:0;text-decoration:none;display:flex}.brand-logo{mix-blend-mode:lighten;width:auto;height:52px;display:block}.brand-divider{background:var(--border);width:1px;height:36px}.brand-kicker{letter-spacing:.01em;font-size:15px;font-weight:700}.brand-sub{color:var(--text-muted);margin-top:2px;font-size:12px}.header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.period-pills{background:var(--bg-elevated);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:flex}.period-pill{color:var(--text-muted);background:0 0;border:none;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600}.period-pill.active{background:var(--om-orange);color:var(--om-obsidian)}.date-range{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.date-range input{background:var(--bg-elevated)}.date-range input::-webkit-calendar-picker-indicator{filter:invert(.6)}.live-clock{color:var(--text-muted);font-variant-numeric:tabular-nums;text-transform:capitalize;font-size:13px}.summary-bar{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:24px;padding:12px 20px;display:flex}.summary-hero{align-items:baseline;gap:14px;display:flex}.summary-pct{letter-spacing:-1px;color:var(--om-orange);font-size:32px;font-weight:800;line-height:1}.summary-caption{color:var(--text-muted);font-size:13px}.summary-stats{gap:28px;display:flex}.summary-stat{flex-direction:column;min-width:72px;display:flex}.summary-stat strong{font-size:22px;font-weight:800;line-height:1}.summary-stat span{color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:4px;font-size:11px}.summary-stat.success strong{color:var(--green)}.summary-stat.warning strong{color:var(--yellow)}.summary-stat.danger strong{color:var(--red)}.kpi-grid{gap:var(--gap);flex:1;grid-template-columns:repeat(5,minmax(0,1fr));min-height:0;display:grid}.kpi-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:8px;min-height:0;padding:16px 16px 8px;display:flex;position:relative;overflow:hidden}.kpi-card.interactive{cursor:pointer}.kpi-card.interactive:focus-visible{outline:2px solid var(--om-orange);outline-offset:2px}.kpi-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.kpi-card.status-success:before{background:var(--green)}.kpi-card.status-warning:before{background:var(--yellow)}.kpi-card.status-danger:before{background:var(--red)}.kpi-card.skeleton{background:linear-gradient(90deg, var(--bg-card) 0%, #243040 50%, var(--bg-card) 100%);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.kpi-card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.kpi-category{letter-spacing:.08em;text-transform:uppercase;color:var(--om-orange);font-size:10px;font-weight:700}.kpi-name{color:var(--text);font-size:13px;font-weight:600;line-height:1.2}.kpi-badge{white-space:nowrap;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:700}.kpi-badge.success{color:var(--green);background:#32c83224}.kpi-badge.warning{color:var(--yellow);background:#ffcc0024}.kpi-badge.danger{color:#ff8a6a;background:#cd3c1429}.kpi-value-row{align-items:baseline;gap:6px;margin-top:2px;display:flex}.kpi-value{letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(22px,2.1vw,34px);font-weight:800;line-height:1.05}.kpi-unit{color:var(--text-muted);font-size:12px}.kpi-meta{color:var(--text-muted);justify-content:space-between;gap:12px;font-size:11px;display:flex}.kpi-meta .delta.up{color:var(--green)}.kpi-meta .delta.down{color:var(--red)}.progress-track{background:#10161d;border-radius:999px;height:6px;overflow:hidden}.progress-fill{background:var(--om-orange);border-radius:999px;height:100%}.progress-fill.success{background:var(--green)}.progress-fill.warning{background:var(--yellow)}.progress-fill.danger{background:var(--red)}.sparkline{opacity:.85;pointer-events:none;margin:0 -16px -8px}.dashboard-footer{color:var(--text-muted);justify-content:space-between;align-items:center;gap:16px;font-size:12px;display:flex}.footer-live{align-items:center;display:flex}.footer-dates{color:var(--text);margin-left:4px}.legend{gap:16px;display:flex}.legend-item:before{content:"";vertical-align:middle;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.legend-item.success:before{background:var(--green)}.legend-item.warning:before{background:var(--yellow)}.legend-item.danger:before{background:var(--red)}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:8px;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.kpi-overlay{z-index:50;background:var(--bg);outline:none;flex-direction:column;padding:20px 28px 16px;display:flex;position:fixed;inset:0}.kpi-overlay:fullscreen{background:var(--bg);padding:28px 40px 20px}.carousel-progress{background:var(--border);height:3px;position:absolute;top:0;left:0;right:0}.carousel-progress span{background:var(--om-orange);height:100%;display:block}.kpi-overlay-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.overlay-title{align-items:baseline;gap:12px;display:flex}.overlay-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.overlay-actions{align-items:center;gap:8px;display:flex}.kpi-hero{flex:1;grid-template-columns:64px 1fr 64px;align-items:stretch;gap:8px;min-height:0;display:grid}.hero-nav{border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:16px;min-width:64px;font-size:36px;line-height:1}.hero-nav:hover{border-color:var(--om-orange);color:var(--om-orange)}.kpi-hero-body{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;grid-template-columns:minmax(280px,.9fr) minmax(0,1.4fr);gap:32px;min-height:0;padding:28px 32px 20px;display:grid;position:relative;overflow:hidden}.kpi-hero-body:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.kpi-hero[data-status=success] .kpi-hero-body:before{background:var(--green)}.kpi-hero[data-status=warning] .kpi-hero-body:before{background:var(--yellow)}.kpi-hero[data-status=danger] .kpi-hero-body:before{background:var(--red)}.kpi-hero-copy{flex-direction:column;justify-content:center;gap:12px;min-width:0;display:flex}.kpi-hero-copy h2{letter-spacing:-.04em;font-size:clamp(28px,4vw,48px);font-weight:800;line-height:1.05}.kpi-hero-desc{color:var(--text-muted);max-width:36ch;font-size:15px}.kpi-value-row.hero .kpi-value{font-size:clamp(42px,6vw,84px)}.kpi-value-row.hero .kpi-unit{font-size:18px}.kpi-meta.hero{font-size:14px}.progress-track.hero{max-width:420px;height:10px}.kpi-hero-chart{min-width:0;min-height:280px}.kpi-hero-empty{height:100%;color:var(--text-muted);place-items:center;display:grid}.chart-tooltip{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:12px}.chart-tooltip strong{color:var(--om-orange);margin-top:2px;display:block}.carousel-dots{justify-content:center;gap:8px;padding-top:14px;display:flex}.carousel-dot{background:var(--border);border:none;border-radius:50%;width:9px;height:9px;padding:0}.carousel-dot.active{background:var(--om-orange);transform:scale(1.2)}.carousel-dot.success.active{background:var(--green)}.carousel-dot.warning.active{background:var(--yellow)}.carousel-dot.danger.active{background:var(--red)}@media (width<=900px){.kpi-hero{grid-template-rows:1fr auto;grid-template-columns:1fr}.kpi-hero-body{grid-column:1;grid-template-columns:1fr}.hero-nav{display:none}}.admin{max-width:1120px;min-height:100vh;margin:0 auto;padding:24px}.admin-header{margin-bottom:24px}.tabs{gap:8px;margin-bottom:20px;display:flex}.tab{border:1px solid var(--border);color:var(--text-muted);background:0 0;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:600}.tab.active{background:var(--om-orange);color:var(--om-obsidian);border-color:var(--om-orange)}.kpi-table{border-collapse:collapse;width:100%}.kpi-table th,.kpi-table td{text-align:left;border-bottom:1px solid var(--border);padding:10px 12px;font-size:14px}.kpi-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:12px}.form-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.form-grid .full{grid-column:1/-1}.form-field{flex-direction:column;gap:4px;display:flex}.form-field label{color:var(--text-muted);font-size:12px}.panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.panel h2{margin-bottom:16px;font-size:16px}.releve-row,.import-form{gap:8px;margin-bottom:8px;display:flex}.import-form{flex-direction:column;align-items:flex-start}.import-form textarea{resize:vertical;width:100%}.error-banner{border:1px solid var(--red);color:#ff8a6a;background:#cd3c141f;border-radius:10px;padding:10px 14px;font-size:14px}.toast{background:var(--green);color:var(--om-obsidian);border-radius:12px;padding:12px 20px;font-weight:700;position:fixed;bottom:24px;right:24px}@media (width<=1400px){.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));overflow:auto}}@media (width<=900px){.dashboard{height:auto;min-height:100vh;overflow:auto}.kpi-grid{grid-template-columns:1fr}.summary-bar,.dashboard-header{flex-direction:column;align-items:flex-start}}