/* Rekonstruksi aturan yang hilang dari file sumber (CSS tidak terpakai saat snapshot). Warna & gaya asli tidak diubah. */
.sidebar{transition:transform .2s ease}
@media (max-width:980px){
  .sidebar.open{transform:translateX(0)!important;z-index:200}
  .bottom-nav.sf-hidden{display:flex!important}
  .topbar-brand.sf-hidden{display:flex!important}
  .bottom-nav a,.bottom-nav button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10.5px;font-weight:600;color:var(--text-dim);text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit}
  .bottom-nav a.active{color:var(--primary)}
  .bottom-nav svg{width:21px;height:21px}
}
.user-menu a{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;color:var(--text);text-decoration:none;font-size:13.5px}
.user-menu a:hover{background:var(--hover-overlay)}
.user-menu a.um-danger{color:var(--danger)}
.topbar-brand .tb-name{font-weight:800;color:var(--brand);letter-spacing:.04em;font-size:15px}
.topbar-brand .tb-sub{font-size:11px;color:var(--text-dim)}
.topbar-user{cursor:pointer;position:relative}
.sidebar-overlay{display:none}.sidebar-overlay.show{display:block}
.bulk-bar.show{display:flex!important}
/* Tema terang (rekonstruksi; sumber hanya menyimpan tema gelap) */
html[data-theme=light]{--bg:#f3f6fc;--bg-soft:#eaf0fa;--surface:#ffffff;--surface-2:#f1f5fc;--border:rgba(30,50,100,.16);--border-soft:rgba(30,50,100,.10);--text:#0f1a33;--text-dim:#52607e;--text-faint:#8592ad;--primary-soft:rgba(47,107,255,.10);--shadow:0 20px 50px rgba(20,40,90,.15);--card-shadow:0 8px 24px rgba(20,40,90,.08);--hover-overlay:rgba(0,0,0,.035);--topbar-bg:rgba(243,246,252,.85);--sidebar-bg:#ffffff;--scrollbar-thumb:#c3cde2}
html[data-theme=light] .theme-toggle .knob{transform:translateX(24px)}
.flash-ok,.flash-err{padding:12px 16px;margin-bottom:14px}

.kd-trend.up{color:#22d39a}.kd-trend.down{color:#ef4444}

.att-hadir{background:rgba(34,197,94,.35);color:#16a34a;font-weight:700;text-align:center}.att-telat{background:rgba(245,158,11,.35);color:#b45309;font-weight:700;text-align:center}

.cst-d-up{color:#16a34a}.cst-d-down{color:#dc2626}