:root{--bg-navy:#111827;--brand:#206bc4}body{background:#f4f6fa}.bg-navy{background:var(--bg-navy)!important}.navbar-vertical .container-fluid{align-items:stretch;min-height:100vh}.navbar-vertical .navbar-brand{letter-spacing:-.02em;align-items:center;gap:.7rem;font-size:1.25rem;display:flex}.brand-symbol{color:#fff;background:linear-gradient(135deg,#4299e1,#206bc4);border-radius:.65rem;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:inline-flex;box-shadow:0 8px 24px #206bc447}.navbar-vertical .nav-link{text-align:left;background:0 0;border:0;border-radius:.5rem;gap:.7rem;width:100%;margin:.15rem 0}.navbar-vertical .nav-link.active{background:#ffffff1a}.navbar-vertical .nav-link svg{width:1.2rem;height:1.2rem}.logout-link{margin-top:auto!important;margin-bottom:1rem!important}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;border-bottom:1px solid #62697621;min-height:5.5rem}.system-online{color:#39744a;font-size:.825rem;font-weight:600}.system-online i{background:#2fb344;border-radius:50%;width:.5rem;height:.5rem;margin-right:.35rem;display:inline-block;box-shadow:0 0 0 4px #2fb3441f}.stat-card{border:0;position:relative;overflow:hidden;box-shadow:0 6px 20px #1f29370d}.stat-icon{color:#206bc4;opacity:.18;position:absolute;top:1rem;right:1rem}.stat-icon svg{width:3.2rem;height:3.2rem}.filter-header{padding:1rem}.table-hover tbody tr{cursor:pointer}.page-loader{place-items:center;min-height:100vh;display:grid}.login-shell{background:radial-gradient(circle at top,#eef6ff 0,#f4f6fa 38%);flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;min-height:100vh;padding:1.5rem;display:flex}.login-brand{align-items:center;gap:.75rem;display:flex}.login-brand strong,.login-brand small{display:block}.login-brand strong{font-size:1.3rem}.login-brand small{color:#667085}.login-card{border:0;width:100%;max-width:27rem;box-shadow:0 20px 60px #1f29371f}.login-icon{color:#206bc4;background:#e9f2fc;border-radius:1rem;place-items:center;width:3.25rem;height:3.25rem;margin:0 auto 1rem;display:grid}.detail-overlay{z-index:1100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#11182773;position:fixed;inset:0}.detail-drawer{background:#fff;width:min(38rem,100%);height:100%;margin-left:auto;overflow:auto;box-shadow:-16px 0 50px #1118272e}.drawer-head{z-index:2;background:#fffffff2;border-bottom:1px solid #e6e7e9;justify-content:space-between;align-items:flex-start;padding:1.5rem;display:flex;position:sticky;top:0}.drawer-head h2{margin:.2rem 0 0}.drawer-body{padding:1.5rem}.detail-list{grid-template-columns:8rem 1fr;gap:.7rem 1rem;margin:1.5rem 0;display:grid}.detail-list dt{color:#667085;font-weight:500}.detail-list dd{overflow-wrap:anywhere;margin:0}.drawer-body pre{color:#1f2937;background:#f1f3f5;border-radius:.5rem;max-height:16rem;padding:1rem;overflow:auto}.event-row{border-bottom:1px solid #edf0f2;justify-content:space-between;gap:1rem;padding:.8rem 0;display:flex}.event-row small{color:#667085;white-space:nowrap}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:991px){.navbar-vertical .container-fluid{min-height:auto}.logout-link{margin-top:.25rem!important}.system-online{display:none}}