:root{--navy:#0B1F3A;--navy2:#132E52;--gold:#D4AF37;--soft:#F5F7FB;--ink:#1F2937;--brand-red:#E31E24}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink)}.btn-navy{background:var(--navy);color:#fff;border-color:var(--navy)}.btn-navy:hover{background:var(--navy2);color:#fff}.btn-gold{background:var(--gold);border-color:var(--gold);color:#111;font-weight:700}.premium-card{border:0;border-radius:22px;box-shadow:0 16px 40px rgba(11,31,58,.08)}.filter-card{background:#fff;border-radius:22px;padding:16px;box-shadow:0 14px 35px rgba(11,31,58,.08)}.summary-card,.mobile-summary{background:#fff;border-radius:20px;padding:18px;box-shadow:0 14px 35px rgba(11,31,58,.08);border:1px solid rgba(11,31,58,.06)}.summary-card span,.mobile-summary span{display:block;color:#6B7280;font-size:.82rem}.summary-card strong,.mobile-summary strong{font-size:1.35rem;color:var(--navy)}.admin-body{background:var(--soft)}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{width:280px;background:linear-gradient(180deg,var(--navy),#08172c);color:#fff;padding:24px;position:fixed;top:0;bottom:0}.brand-box{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand-mark{width:52px;height:52px;border-radius:16px;background:linear-gradient(135deg,var(--gold),#fff2b6);display:grid;place-items:center;color:var(--navy);font-weight:900;box-shadow:0 14px 35px rgba(212,175,55,.28)}.brand-box span{display:block;font-size:.76rem;color:#d1d5db}.admin-menu a{display:block;color:#dbeafe;text-decoration:none;padding:11px 14px;border-radius:14px;margin:4px 0}.admin-menu a.active,.admin-menu a:hover{background:rgba(212,175,55,.16);color:#fff}.menu-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#9ca3af;margin:18px 0 8px}.admin-main{margin-left:280px;width:calc(100% - 280px)}.admin-topbar{height:86px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;box-shadow:0 12px 30px rgba(11,31,58,.05)}.admin-content{padding:28px}.table thead th{background:#f8fafc;color:#64748b;font-size:.78rem;text-transform:uppercase}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,var(--navy2),var(--navy));padding:20px}.login-card{background:#fff;border-radius:28px;padding:34px;max-width:430px;width:100%;box-shadow:0 30px 80px rgba(0,0,0,.3)}.login-card h1{text-align:center;color:var(--navy);font-weight:800}.mobile-body{background:#eef2f7}.mobile-app{max-width:520px;margin:0 auto;background:#f8fafc;min-height:100vh;padding-bottom:90px;box-shadow:0 0 40px rgba(0,0,0,.08)}.mobile-header{background:linear-gradient(135deg,var(--navy),var(--navy2));color:#fff;padding:22px 18px;border-bottom-left-radius:28px;border-bottom-right-radius:28px;display:flex;align-items:center;justify-content:space-between}.mobile-header h1{font-size:1.45rem;margin:0;font-weight:800}.mobile-content{padding:18px}.employee-profile-card{background:linear-gradient(135deg,#163B67,var(--navy));border-radius:24px;padding:20px;color:#fff;box-shadow:0 20px 45px rgba(11,31,58,.22)}.employee-profile-card h2{font-size:1.4rem;font-weight:800}.mobile-card{background:#fff;border-radius:20px;padding:16px;margin-bottom:12px;box-shadow:0 12px 28px rgba(11,31,58,.08);border:1px solid rgba(11,31,58,.05)}.mobile-form .form-control,.mobile-form .form-select{border-radius:16px;min-height:52px}.bottom-nav{position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:520px;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:9px 4px env(safe-area-inset-bottom);box-shadow:0 -12px 30px rgba(11,31,58,.08);z-index:20}.bottom-nav a{text-decoration:none;color:#64748b;font-size:.75rem;font-weight:700;padding:8px 5px;border-radius:14px}.bottom-nav a.active{color:var(--navy);background:#f5edd0}.fab{position:fixed;right:calc(50% - 240px);bottom:86px;width:58px;height:58px;border-radius:22px;background:var(--gold);color:var(--navy);display:grid;place-items:center;text-decoration:none;font-size:2rem;font-weight:800;box-shadow:0 18px 40px rgba(212,175,55,.35)}.sticky-submit{position:sticky;bottom:86px;border-radius:18px}.app-logo{display:block;object-fit:contain;height:auto;max-width:100%}.app-logo-sm{height:34px}.app-logo-md{height:44px}.app-logo-lg{height:64px;max-width:240px}.app-logo-xl{height:88px;max-width:300px}.brand-logo-wrap{background:#fff;border-radius:14px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center}.brand-logo-wrap-dark{background:rgba(255,255,255,.96)}#app-splash{position:fixed;inset:0;z-index:99999;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;transition:opacity .45s ease,visibility .45s}#app-splash.hide{opacity:0;visibility:hidden;pointer-events:none}.splash-logo{height:84px;max-width:min(85vw,320px);object-fit:contain}.splash-title{font-weight:800;color:var(--navy);font-size:1.15rem;letter-spacing:.02em}.splash-subtitle{color:#6B7280;font-size:.88rem}.splash-loader{width:38px;height:38px;border:3px solid #f1f1f1;border-top-color:var(--brand-red);border-radius:50%;animation:splash-spin .8s linear infinite}@keyframes splash-spin{to{transform:rotate(360deg)}}@media(max-width:992px){.admin-sidebar{display:none}.admin-main{margin-left:0;width:100%}.admin-topbar{padding:0 16px}.admin-content{padding:16px}.fab{right:22px}}