:root{--primary:#2563eb;--ink:#10213a;--muted:#64748b;--bg:#f5f7fb;--card:#fff;--radius:18px}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.navbar{min-height:68px}.brand-dot,.brand-mark{display:inline-grid;place-items:center;background:linear-gradient(135deg,#2563eb,#0ea5e9);color:white;border-radius:12px}.brand-dot{width:34px;height:34px}.brand-mark{width:54px;height:54px;font-weight:800}.login-bg{background:radial-gradient(circle at 10% 10%,#dbeafe,transparent 30%),radial-gradient(circle at 90% 80%,#cffafe,transparent 30%),#f8fafc}.login-card{width:min(440px,94vw);background:white;padding:38px;border-radius:24px;box-shadow:0 25px 80px #0f172a14}.hero-panel{background:linear-gradient(120deg,#102a56,#1766d6);color:white;border-radius:24px;padding:30px;display:flex;justify-content:space-between;gap:20px;align-items:center}.hero-panel h1{font-weight:800}.hero-panel p{opacity:.8;margin:0}.eyebrow{font-size:.72rem;letter-spacing:.14em;font-weight:800;color:#60a5fa;margin-bottom:6px}.date-pill{background:#ffffff17;border:1px solid #ffffff22;padding:10px 14px;border-radius:999px;white-space:nowrap}.metric-card,.panel,.module-card{background:white;border:1px solid #e8edf5;box-shadow:0 8px 30px #0f172a08}.metric-card{border-radius:18px;padding:20px}.metric-card i{font-size:1.3rem;color:var(--primary)}.metric-value{font-size:1.8rem;font-weight:800;margin-top:8px}.metric-label{font-size:.85rem;color:var(--muted)}.module-card{display:flex;min-height:150px;padding:20px;border-radius:18px;text-decoration:none;color:var(--ink);flex-direction:column;transition:.2s}.module-card:hover{transform:translateY(-3px);box-shadow:0 14px 35px #0f172a12}.module-card small{color:var(--muted);margin-top:4px}.module-icon{width:46px;height:46px;display:grid;place-items:center;border-radius:14px;background:#eff6ff;color:#2563eb;font-size:1.25rem;margin-bottom:18px}.panel{border-radius:18px;overflow:hidden}.panel-toolbar{display:flex;gap:10px;padding:16px;border-bottom:1px solid #edf2f7}.search-box{max-width:360px}.table th{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc}.table td,.table th{padding:14px 16px}.empty-state{text-align:center;color:#64748b;padding:50px 20px}.empty-state i{font-size:2.8rem;color:#94a3b8}.empty-state h5,.empty-state h2{color:#334155;margin-top:12px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;z-index:1030;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{color:#64748b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;min-width:58px}.mobile-nav i{font-size:1.25rem}.sticky-footer{position:sticky;bottom:0;background:white}@media(max-width:576px){.hero-panel{padding:22px;align-items:flex-start;flex-direction:column}.hero-panel h1{font-size:1.55rem}.login-card{padding:26px}.panel-toolbar{position:sticky;top:68px;background:white;z-index:3}.modal-footer .btn{min-height:46px;flex:1}}
.offcanvas{--bs-offcanvas-width:min(520px,94vw)}.detail-row{padding:13px 0;border-bottom:1px solid #eef2f7}.detail-row small{text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700;font-size:.7rem}.detail-row div{font-weight:600;margin-top:3px;word-break:break-word}.confirm-icon{width:52px;height:52px;border-radius:16px;background:#fff7ed;color:#ea580c;display:grid;place-items:center;font-size:1.4rem}.btn{border-radius:11px}.form-control,.form-select{border-radius:11px;min-height:44px}.dropdown-menu{border:1px solid #e8edf5;border-radius:14px;box-shadow:0 18px 50px #0f172a16}.offcanvas,.modal-content{border:0}.mobile-nav a:hover,.mobile-nav a:focus{color:var(--primary)}@media(max-width:576px){body{padding-bottom:72px}.table{font-size:.82rem}.panel{border-radius:14px}.navbar-brand{font-size:1rem}.offcanvas{--bs-offcanvas-width:100vw}.modal-header{padding-top:max(1rem,env(safe-area-inset-top))}}