@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#123f72;--blue:#1769aa;--sky:#eaf4ff;--purple:#6652c7;--green:#1c9b68;--orange:#ef8b2c;--red:#df3f54;--ink:#17324d;--muted:#718096;--bg:#f4f7fb;--card:#fff;--border:#dfe8f2}
*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--ink)}
.app-shell{min-height:100vh;display:flex}.sidebar{width:260px;background:linear-gradient(180deg,#0f3f72,#102d4d);color:#fff;position:fixed;inset:0 auto 0 0;padding:22px 15px;overflow:auto}
.brand{display:flex;gap:12px;align-items:center;padding:8px 10px 25px;border-bottom:1px solid rgba(255,255,255,.12);margin-bottom:18px}.brand-mark{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--blue);display:grid;place-items:center;font-size:22px}.brand strong{display:block;font-size:16px}.brand span{display:block;color:#bcd3ea;font-size:11px;margin-top:2px}
.nav-section{font-size:10px;letter-spacing:1.5px;color:#8fb1cf;font-weight:800;margin:18px 10px 7px}.nav-link{display:flex;align-items:center;gap:11px;color:#dceaf7;text-decoration:none;padding:11px 12px;border-radius:11px;margin:3px 0;font-size:13px;font-weight:600}.nav-link i{font-size:17px}.nav-link:hover,.nav-link.active{background:rgba(255,255,255,.12);color:#fff}.nav-link.active{box-shadow:inset 3px 0 #7dc3ff}
.main-content{margin-left:260px;width:calc(100% - 260px);padding:0 28px 35px}.topbar{min-height:92px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);margin-bottom:22px}.eyebrow{font-size:10px;letter-spacing:1.6px;color:var(--blue);font-weight:800}.page-title{font-size:25px;margin:3px 0 0;font-weight:800;color:#173d63}.user-chip{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--border);padding:7px 10px;border-radius:14px}.user-chip small{display:block;color:var(--muted);font-size:10px}.avatar{width:34px;height:34px;border-radius:10px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-weight:800}
.card{border:1px solid var(--border);border-radius:16px;box-shadow:0 6px 22px rgba(25,59,91,.05)}.card-header{background:#fff;border-bottom:1px solid var(--border);font-weight:800}.stat-card{padding:19px;background:#fff;border:1px solid var(--border);border-radius:16px;height:100%}.stat-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:20px;margin-bottom:14px}.stat-value{font-size:25px;font-weight:800}.stat-label{font-size:12px;color:var(--muted);font-weight:600}.section-title{font-size:15px;font-weight:800;color:#214b72}.table{margin-bottom:0}.table thead th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6c8196;background:#f7fafc;border-bottom:1px solid var(--border)}.table td{font-size:13px;vertical-align:middle}.badge-soft{padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.form-label{font-size:12px;font-weight:700;color:#38556e}.form-control,.form-select{border-color:#d9e3ed;border-radius:10px;padding:10px 12px;font-size:13px}.btn{border-radius:10px;font-weight:700;font-size:12px}.btn-primary{background:var(--blue);border-color:var(--blue)}.page-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.empty{padding:45px;text-align:center;color:var(--muted)}.mini-note{font-size:11px;color:var(--muted)}.module-card{border-left:4px solid var(--blue)}.login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,#e5f2ff,transparent 38%),linear-gradient(135deg,#f7fbff,#edf3fa)}.login-box{width:min(420px,92vw);background:#fff;border:1px solid var(--border);border-radius:22px;padding:35px;box-shadow:0 25px 70px rgba(20,57,91,.12)}.login-brand{text-align:center;margin-bottom:25px}.login-brand .brand-mark{margin:auto;background:#eaf4ff}.login-brand h2{margin:12px 0 4px;font-size:23px}.login-brand p{font-size:12px;color:var(--muted)}@media(max-width:1000px){.sidebar{width:80px}.sidebar .brand div:last-child,.nav-link span,.nav-section{display:none}.main-content{margin-left:80px;width:calc(100% - 80px);padding:0 16px 25px}.brand{justify-content:center}.nav-link{justify-content:center}.topbar{gap:10px}.user-chip div:not(.avatar){display:none}}
.receipt-modal{border:0;border-radius:18px;overflow:hidden}.receipt-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding-bottom:14px;margin-bottom:18px}.receipt-meta{padding:11px 13px;background:#f7fafc;border-radius:10px;border:1px solid var(--border)}.receipt-meta span{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;font-weight:800;letter-spacing:.5px;margin-bottom:3px}.receipt-note{padding:12px;background:#f7fafc;border-radius:10px;font-size:12px}.confirm-icon{width:54px;height:54px;border-radius:16px;background:#eaf4ff;color:var(--blue);display:grid;place-items:center;font-size:25px;margin:0 auto 15px}
@media print{.sidebar,.topbar{display:none!important}.main-content{margin:0!important;width:100%!important;padding:0!important}}