*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--surface:#111;--surface2:#1a1a1a;--border:#282828;--text:#f5f5f5;--muted:#888;--accent:#22d3ee;--accent2:#e879f9;--green:#10b981;--red:#ef4444;--amber:#f59e0b;--purple:#8b5cf6;--radius:12px;--shadow:0 4px 24px #000000b3}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:DM Sans,sans-serif;font-size:14px;overflow-x:hidden}html{max-width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}input[type=date],input[type=time]{appearance:none;position:relative}input[type=date]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;color:#0000;background-color:#0000;width:100%;height:100%;position:absolute;top:0;right:0}input[type=time]::-webkit-calendar-picker-indicator{opacity:1;cursor:pointer;color:#0000;background-color:#0000;width:100%;height:100%;position:absolute;top:0;right:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px}.btn{white-space:nowrap;border:none;border-radius:8px;align-items:center;gap:6px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s;display:inline-flex}.btn-primary{background:var(--accent);color:#000;font-weight:700}.btn-primary:hover{background:#06b6d4}.btn-green{background:var(--green);color:#fff}.btn-green:hover{background:#059669}.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:#dc2626}.btn-ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--surface2);color:var(--text)}.btn-sm{border-radius:6px;padding:6px 12px;font-size:12px}.badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{color:#10b981;background:#10b98126}.badge-red{color:#ef4444;background:#ef444426}.badge-amber{color:#f59e0b;background:#f59e0b26}.badge-blue{color:#60a5fa;background:#3b82f626}.badge-purple{color:#a78bfa;background:#8b5cf626}.badge-grey{color:var(--muted);background:#94a3b81a}.input{background:var(--bg);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:10px 14px;font-size:13px;transition:border-color .15s}.input:focus{border-color:var(--accent);outline:none}.input::placeholder{color:var(--muted)}@media (width<=768px){.input,input,select,textarea{font-size:16px!important}}.label{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.page-header{margin-bottom:24px}.page-header h1{font-size:22px;font-weight:800}.page-header p{color:var(--muted);margin-top:4px;font-size:13px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 14px;font-size:11px;font-weight:700}td{border-bottom:1px solid #ffffff0a;padding:12px 14px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff05}.mono{font-family:JetBrains Mono,monospace}.text-muted{color:var(--muted)}.text-green{color:var(--green)}.text-red{color:var(--red)}.text-amber{color:var(--amber)}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:24px;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.stat-label{text-transform:uppercase;letter-spacing:.5px;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:700}.stat-value{font-family:JetBrains Mono,monospace;font-size:28px;font-weight:800}.stat-sub{color:var(--muted);margin-top:4px;font-size:11px}.spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:36px;height:36px;margin:60px auto;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;color:var(--muted);padding:60px 20px}.empty i{opacity:.4;margin-bottom:12px;font-size:36px;display:block}.alert{border-radius:8px;align-items:center;gap:8px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.alert-red{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.alert-green{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}.filter-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;padding:16px}.filter-row{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.filter-field{flex-direction:column;display:flex}.filter-field .input{width:auto;min-width:140px}.modal-overlay{z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.modal-box{background:var(--bg);border:1px solid var(--border);width:100%;max-width:500px;max-height:92vh;box-shadow:var(--shadow);border-radius:14px;padding:28px;overflow-y:auto}@media (width<=600px){.modal-overlay{align-items:flex-end;padding:0}.modal-box{border-radius:20px 20px 0 0;max-height:92vh;padding:22px 16px}}.grid-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}@media (width<=600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr!important}}.main-wrap,main{min-width:0;overflow-x:hidden}input,select,textarea{max-width:100%}@media (width<=768px){.sidebar-desktop{display:none!important}.main-wrap{margin-left:0!important}.topbar{display:flex!important}main{padding:12px!important}.page-header h1{font-size:18px}.page-header{margin-bottom:16px}.stat-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:16px}.stat-value{font-size:20px}.stat-card,.card{padding:14px}.btn{padding:11px 16px}.btn-sm{padding:8px 12px}.table-wrap{-webkit-overflow-scrolling:touch;border-radius:var(--radius);overflow-x:auto}th,td{padding:10px 12px}.filters{flex-direction:column!important}.filters>div{width:100%!important;min-width:0!important}.filters .input,.filters select,.filters input[type=date]{width:100%!important}.filters .btn{justify-content:center;width:100%!important}.filter-row .btn{justify-content:center;width:100%}.mobile-stack{flex-direction:column!important}.mobile-full{width:100%!important;min-width:0!important;max-width:none!important}}@media (width<=480px){.stat-grid{grid-template-columns:1fr}main{padding:10px!important}}@media (width>=769px){.sidebar-mobile{display:none!important}}
input[type=time]{font-family:JetBrains Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;letter-spacing:.02em}

/* ── Light mode ─────────────────────────────────────── */
html[data-theme="light"]{
  --bg:#f4f5f7;--surface:#ffffff;--surface2:#eef0f3;
  --border:#d8dce3;--text:#111111;--muted:#666666;
  --accent:#0891b2;--accent2:#a21caf;
  --shadow:0 4px 24px rgba(0,0,0,.10);
}
html[data-theme="light"] body{background:var(--bg);color:var(--text)}
html[data-theme="light"] td{border-bottom:1px solid #0000000a}
html[data-theme="light"] tr:hover td{background:#00000005}
html[data-theme="light"] .input{background:#fff}
html[data-theme="light"] .modal-box{background:#fff}
html[data-theme="light"] .modal-overlay{background:rgba(0,0,0,.45)}
html[data-theme="light"] ::-webkit-scrollbar-track{background:var(--bg)}
html[data-theme="light"] ::-webkit-scrollbar-thumb{background:var(--border)}

/* ── Theme toggle button ────────────────────────────── */
#theme-toggle{
  position:fixed;bottom:20px;right:20px;z-index:9999;
  width:40px;height:40px;border-radius:50%;border:1px solid var(--border);
  background:var(--surface);color:var(--text);
  display:flex;align-items:center;justify-content:center;
  cursor:pointer;font-size:16px;
  box-shadow:0 2px 12px rgba(0,0,0,.2);
  transition:background .2s,color .2s,border-color .2s;
}
#theme-toggle:hover{background:var(--surface2)}