:root{--p:#16073c;--g:#ffea00;--red:#e31b23;--bg:#f4f6fb;--ink:#202133}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 Arial,sans-serif}header{height:68px;background:var(--p);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:8px 18px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}.brand-logo{width:48px;height:48px;object-fit:contain;background:#fff;border-radius:50%}.header-actions{display:flex;align-items:center;gap:12px}.header-actions a{color:#fff}.icon-btn{position:relative;text-decoration:none}.notify-count{background:var(--red);border-radius:10px;padding:1px 5px}.menu-toggle{display:none}nav{position:fixed;left:0;top:68px;bottom:0;width:245px;background:#10052d;color:#fff;overflow:auto;padding:12px}.nav-title{font-weight:bold;padding:10px}.nav-group summary{cursor:pointer;padding:10px;color:var(--g)}.nav-links a{display:block;color:#fff;text-decoration:none;padding:8px 12px;border-radius:7px}.nav-links a:hover{background:#2d1760}.nav-user-profile{display:flex;gap:8px;color:#fff;text-decoration:none;padding:8px}.nav-user-profile span,.nav-user-profile img{width:38px;height:38px;border-radius:50%;object-fit:cover;background:var(--g);color:#111;display:grid;place-items:center}.nav-user-profile small{display:block}main{max-width:1280px;margin:auto;padding:24px}main.logged{margin-left:245px}.card{background:#fff;border-radius:14px;padding:20px;margin:0 0 18px;box-shadow:0 3px 16px #16073c18}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.stats{grid-template-columns:repeat(4,minmax(0,1fr))}.stats .card b{font-size:1.6rem;color:var(--p)}.stats .card small{display:block}.formgrid,.receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}label{display:block;font-weight:600;margin-bottom:12px}input,select,textarea{display:block;width:100%;padding:11px;border:1px solid #cfd2df;border-radius:8px;background:#fff;margin-top:5px}textarea{min-height:90px}.btn,button{display:inline-flex;align-items:center;justify-content:center;background:var(--p);color:#fff;border:0;border-radius:8px;padding:10px 14px;text-decoration:none;cursor:pointer}.btn.secondary{background:#5a5d70}.btn.danger{background:var(--red)}.toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px}.table{overflow:auto;background:#fff;border-radius:12px;margin-bottom:18px}table{border-collapse:collapse;width:100%}th,td{padding:10px;border-bottom:1px solid #e2e4ec;text-align:left}th{background:#ece9f5}.badge{display:inline-block;background:#eee8ff;color:var(--p);padding:3px 8px;border-radius:20px}.alert{padding:12px;border-radius:8px;margin:10px 0}.alert.success{background:#dff6e5;color:#145b2b}.alert.error{background:#ffe1e1;color:#8b1212}.login{max-width:480px;margin:30px auto}.center{text-align:center}.right{float:right}.form-logo{display:block;width:90px;max-height:100px;object-fit:contain;margin:0 auto 10px}.receipt{max-width:800px;margin:auto}.receipt-amount{text-align:center;font-size:2rem;font-weight:bold;color:var(--p)}.print-brand{display:none}footer{text-align:center;padding:20px;color:#666}@media(max-width:800px){.menu-toggle{display:block}nav{transform:translateX(-100%);transition:.2s;z-index:30}.open nav{transform:none}main.logged{margin-left:0}.grid.two,.grid.stats,.formgrid,.receipt-grid{grid-template-columns:1fr}.user-menu{display:none}}@media print{header,nav,footer,.no-print{display:none!important}main,main.logged{margin:0;padding:0;max-width:none}.card{box-shadow:none}}