:root,[data-theme=dark]{--bg-base:#060a12;--bg-surface:#0c1220;--bg-elevated:#111b2e;--border:#1c2d45;--border-hover:#243347;--text-primary:#e8edf5;--text-soft:#94a3b8;--text-dim:#7288a8;--accent:#00c896;--accent-faint:#00c89618;--accent-ring:#00c89620;--accent-glow:#00c89660;--scrollbar-track:#0c1220;--scrollbar-thumb:#1c2d45;--scrollbar-hover:#243347;--row-hover:#1c2d4580;--nav-hover:#1c2d45;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-base:#f0f4f9;--bg-surface:#fff;--bg-elevated:#e8edf5;--border:#cbd5e1;--border-hover:#94a3b8;--text-primary:#0f172a;--text-soft:#475569;--text-dim:#5c6979;--accent:#008f6b;--accent-faint:#008f6b14;--accent-ring:#008f6b22;--accent-glow:#008f6b55;--scrollbar-track:#e8edf5;--scrollbar-thumb:#cbd5e1;--scrollbar-hover:#94a3b8;--row-hover:#cbd5e173;--nav-hover:#e8edf5;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Lato,sans-serif;transition:background .22s,color .22s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}input,select,textarea,button{font-family:inherit}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes glow{0%,to{box-shadow:0 0 8px var(--accent-faint)}50%{box-shadow:0 0 22px var(--accent-glow)}}.fade-in{animation:.28s forwards fadeIn}.slide-in{animation:.22s forwards slideIn}.sidebar,header,footer,[class*=card],[class*=modal],input,select,textarea{transition:background .22s,border-color .22s,color .22s}.row-hover:hover{background:var(--row-hover)!important}.nav-hover:hover{background:var(--nav-hover)!important;color:var(--text-primary)!important}.btn-hover{transition:all .15s}.btn-hover:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-hover:active{filter:brightness(.95);transform:translateY(0)}.card-hover{transition:border-color .2s}.card-hover:hover{border-color:var(--border-hover)!important}input:focus,select:focus,textarea:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px var(--accent-ring)!important;outline:none!important}@media (width<=640px){.resp-grid-1>*{width:100%;flex:100%!important}}.modal-overlay{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b8;justify-content:center;align-items:flex-start;padding:16px;animation:.15s fadeIn;display:flex;position:fixed;inset:0;padding-top:30px!important}.app-shell{height:100dvh;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.app-scroll{flex:1;overflow-y:auto}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);z-index:160;flex-direction:column;flex-shrink:0;width:220px;height:100%;transition:transform .26s,background .22s,border-color .22s;display:flex;overflow-y:auto}.hamburger-btn{color:var(--text-soft);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;padding:4px 8px;font-size:22px;line-height:1;display:none}.hamburger-btn:hover{background:var(--nav-hover);color:var(--text-primary)}.sidebar-overlay{z-index:150;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;display:none;position:fixed;inset:0}.rg4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.rg3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.rg2{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.page-pad{padding:24px 28px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:var(--border)}.recharts-tooltip-wrapper{font-size:12px!important}.recharts-legend-item-text{font-size:12px;color:var(--text-soft)!important}.recharts-text{fill:var(--text-dim)!important}[data-theme=light] .recharts-default-tooltip{border-color:var(--border)!important;color:var(--text-primary)!important;background:#fff!important}@media (width<=1100px){.rg4,.rg3{grid-template-columns:repeat(2,1fr)}}@media (width<=1000px){.page-pad{padding:18px 16px}.rg4{grid-template-columns:repeat(2,1fr);gap:12px}.rg2,.clock-panel-grid{grid-template-columns:1fr}.settings-layout{gap:14px}.settings-sidenav{width:160px}.table-wrap{overflow-x:auto}.page-header{flex-direction:column;align-items:flex-start;gap:10px}.page-header-actions{flex-wrap:wrap;gap:8px;width:100%;display:flex}.modal-overlay{padding:16px}}@media (width<=767px){.hamburger-btn{justify-content:center;align-items:center;display:flex}.sidebar{z-index:160;width:240px;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%);box-shadow:4px 0 32px #0009}.sidebar.open{transform:translate(0)}.sidebar-overlay.open{display:block}.rg4,.rg3,.rg2{grid-template-columns:1fr}.page-pad{padding:14px 12px}.settings-layout{flex-direction:column!important}.settings-sidenav{width:100%!important}.settings-sidenav .card-nav{flex-wrap:wrap;gap:4px;display:flex}.settings-sidenav .nav-item{flex:auto;justify-content:center}.setup-tabs{flex-wrap:wrap}.topbar-subtitle{display:none}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.filter-row{flex-direction:column!important;align-items:stretch!important}.filter-row>*{width:100%!important;max-width:100%!important}}@media (width<=480px){.page-pad{padding:10px}.modal-overlay{padding:8px}}.settings-layout{align-items:flex-start;gap:20px;display:flex}.settings-sidenav{flex-shrink:0;width:190px}@media (width<=767px){.settings-layout{flex-direction:column}.settings-sidenav{width:100%}}.filter-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filter-select{background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;outline:none;flex:140px;min-width:0;max-width:200px;padding:8px 12px;font-size:13px}@media (width<=767px){.filter-select{flex:100%;max-width:100%}}.page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:20px;display:flex}.page-header-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.clock-panel-grid{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px;display:grid}@media (width<=767px){.clock-panel-grid{grid-template-columns:1fr}}.theme-toggle{border:1px solid var(--border);background:var(--bg-elevated);width:32px;height:32px;color:var(--text-soft);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;transition:all .18s;display:flex}.theme-toggle:hover{background:var(--nav-hover);color:var(--accent);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.theme-toggle:active{transform:scale(.92)}