:root{--ink:#172a46;--muted:#78869c;--line:#e7edf5;--blue:#315eea;--bg:#f5f8fd;--green:#0e9f6e}*{box-sizing:border-box}body{font-family:Inter,"Segoe UI",system-ui,sans-serif;color:var(--ink);background:var(--bg)}a{text-decoration:none}.shell{display:flex;min-height:100vh}.side{width:252px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:27px 15px;display:flex;flex-direction:column;z-index:20;overflow-y:auto}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);padding:5px 11px 28px;border-bottom:1px solid var(--line);margin-bottom:25px}.brand img{width:43px;height:43px;object-fit:contain}.brand strong{display:block;font-size:22px;letter-spacing:.04em}.brand small{display:block;color:var(--muted);font-size:10px;white-space:nowrap}.brand b{color:var(--blue)}.side-label{font-size:10px;color:#96a2b7;font-weight:800;letter-spacing:.13em;padding:0 14px 9px}.menu{display:grid;gap:3px}.menu a,.side-footer a{color:#596b85;display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:11px;font-size:13px;font-weight:600}.menu a i,.side-footer i{font-size:17px}.menu a:hover,.menu a.active{background:#ebf0ff;color:#244edb}.side-footer{margin-top:auto;border-top:1px solid var(--line);padding-top:12px}.main{margin-left:252px;width:calc(100% - 252px)}.topbar{height:87px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 36px}.eyebrow{font-size:10px;letter-spacing:.13em;font-weight:800;color:#93a2b9}.top-title{font-size:20px;font-weight:800}.top-user{display:flex;align-items:center;gap:12px}.site-chip{border:1px solid #e2e9fa;background:#f6f8ff;border-radius:40px;padding:8px 12px;font-size:11px;color:#4f65a2;font-weight:700}.avatar{height:34px;width:34px;border-radius:10px;background:#dce6ff;color:var(--blue);display:grid;place-items:center;font-weight:800}.uname{font-size:12px;font-weight:750}.uname small{display:block;font-size:10px;font-weight:500;color:#95a0ad}.content{max-width:1600px;margin:auto;padding:30px 35px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-head h2{font-size:23px;font-weight:800;letter-spacing:-.025em;margin:0 0 4px}.section-head p{margin:0;color:var(--muted);font-size:13px}.panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:24px;box-shadow:0 9px 34px #273e6907;margin-bottom:22px}.panel-title{font-size:15px;font-weight:800;margin-bottom:18px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;position:relative;overflow:hidden}.metric .label{font-size:12px;font-weight:600;color:var(--muted)}.metric .val{font-size:31px;font-weight:850;margin-top:7px}.metric i{position:absolute;right:22px;top:22px;color:#9bb5ff;font-size:24px}.metric small{color:var(--muted);font-size:11px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.quick{border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px;color:var(--ink);display:flex;gap:13px;align-items:center}.quick i{color:var(--blue);background:#edf2ff;width:37px;height:37px;display:grid;place-items:center;border-radius:10px}.quick strong{font-size:13px}.quick small{display:block;color:var(--muted);font-size:11px}.table{font-size:12.5px}.table>thead th{color:#8592a6;background:#f7f9fe;font-size:11px;letter-spacing:.03em;font-weight:750;border-bottom:1px solid var(--line);padding:14px}.table>tbody td{padding:14px;vertical-align:middle;border-color:#f0f4fa}.pill{border-radius:24px;padding:5px 9px;font-weight:750;font-size:11px;background:#ecf3ff;color:#3460ad}.pill.good{background:#e8f9f1;color:#08875a}.pill.bad{background:#fff0ed;color:#c04c32}.pill.warn{background:#fff5df;color:#a7740f}.btn-primary{background:var(--blue);border-color:var(--blue)}.btn-primary:hover{background:#224bc8}.form-label{font-size:12px;font-weight:750;color:#516077}.form-control,.form-select{border-color:#dfe7f2;border-radius:9px;min-height:39px;font-size:13px}.form-control:focus,.form-select:focus{border-color:#7f9bfc;box-shadow:0 0 0 3px #ebf0ff}.select2-container .select2-selection--multiple{min-height:39px;border:1px solid #dfe7f2;border-radius:9px;padding:3px}.select2-container .select2-selection--single{height:39px;border:1px solid #dfe7f2;border-radius:9px;padding:5px}.footer{padding-top:30px;color:#a0aabb;font-size:11px}.muted{color:var(--muted)}.scanner-input{width:100%;border:2px solid #ccdafc;border-radius:15px;font-size:27px;text-align:center;padding:25px 10px;letter-spacing:.05em;font-weight:800}.scan-result{border-radius:14px;padding:20px;background:#f3f7ff;min-height:180px}.kiosk{max-width:1100px;margin:auto}.mobile-toggle{display:none}.signin-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(ellipse at top left,#e3edff,transparent 55%),#f5f8fd}.signin-card{max-width:880px;min-height:480px;background:#fff;border:1px solid var(--line);border-radius:25px;box-shadow:0 27px 80px #2b4e8d18;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.signin-brand{padding:55px 42px;background:linear-gradient(140deg,#edf3ff,#f8fbff)}.signin-form{padding:65px 44px}.page-nav{margin:10px 0}.stat-table{min-height:100px}@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.content{padding:25px}}@media(max-width:900px){.side{transform:translateX(-100%);transition:transform .2s;box-shadow:10px 0 40px #1c375011}.side.open{transform:translateX(0)}.main{margin:0;width:100%}.mobile-toggle{display:inline-flex}.topbar{padding:0 18px}.site-chip,.uname{display:none}.content{padding:20px 14px}.quick-grid{grid-template-columns:1fr}}@media(max-width:600px){.signin-card{display:block;min-height:0;margin:14px}.signin-brand{padding:26px}.signin-form{padding:30px}.metric-grid{gap:10px}.metric{padding:15px}.metric .val{font-size:25px}.top-title{font-size:16px}.panel{padding:16px}}