:root{--nav:#0b2545;--blue:#155eef;--bg:#f4f7fb;--card:#fff;--text:#102a43;--muted:#73849a;--border:#dfe7f1;--red:#c0392b;--green:#16794b}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}.hidden{display:none!important}.shell{min-height:100vh}.top{height:68px;background:var(--nav);color:#fff;display:flex;align-items:center;padding:0 24px;justify-content:space-between}.brand{font-weight:800;font-size:19px}.who{font-size:13px;color:#bfd0e5}.layout{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 68px)}aside{background:#fff;border-right:1px solid var(--border);padding:16px}.nav{display:block;width:100%;border:0;background:transparent;text-align:left;padding:11px 12px;border-radius:9px;margin:4px 0;color:#52667d;font-weight:650;cursor:pointer}.nav.active,.nav:hover{background:#edf3ff;color:var(--blue)}main{padding:24px;max-width:1400px;width:100%}.grid4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px}.metric{font-size:28px;font-weight:800}.muted{color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:14px}.btn{border:0;border-radius:9px;padding:9px 13px;font-weight:700;cursor:pointer}.primary{background:var(--blue);color:#fff}.ghost{background:#eef3f8;color:var(--text)}.danger{background:#fff0ef;color:var(--red)}table{width:100%;border-collapse:collapse}th,td{padding:11px 10px;border-bottom:1px solid #edf1f5;text-align:left;font-size:13px}th{font-size:11px;text-transform:uppercase;color:#8392a5}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#eef3f8;font-size:11px;font-weight:800}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.formgrid .full{grid-column:1/-1}label{font-size:11px;text-transform:uppercase;color:#65788e;font-weight:800}input,select,textarea{width:100%;padding:10px;border:1px solid #cfd9e5;border-radius:8px;margin-top:4px;background:#fff}.modalbg{position:fixed;inset:0;background:#0b254566;display:flex;align-items:flex-start;justify-content:center;padding:40px 14px;overflow:auto}.modal{background:#fff;border-radius:16px;padding:22px;width:min(720px,100%);box-shadow:0 30px 70px #0b254533}.login{max-width:420px;margin:8vh auto;padding:28px}.logo-lg{display:block;max-width:240px;width:100%;height:auto;margin:0 auto 14px;border-radius:12px}.logo-sm{height:42px;width:auto;display:block;border-radius:6px}.lineitem{display:grid;grid-template-columns:1.6fr .5fr .7fr auto;gap:8px;margin:8px 0}.error{background:#fff0ef;color:#9f2f27;padding:10px;border-radius:8px}.success{background:#eaf8f0;color:#176b44;padding:10px;border-radius:8px}@media(max-width:900px){.layout{grid-template-columns:1fr}aside{display:flex;overflow:auto;border-right:0;border-bottom:1px solid var(--border)}.nav{white-space:nowrap;width:auto}.grid4{grid-template-columns:1fr 1fr}.formgrid{grid-template-columns:1fr}.formgrid .full{grid-column:auto}}@media(max-width:560px){main{padding:14px}.grid4{grid-template-columns:1fr}.top{padding:0 14px}.lineitem{grid-template-columns:1fr 70px 90px 40px}}