*{box-sizing:border-box}body,html{margin:0;padding:0;background:#f4f6f8;color:#10233f;font-family:-apple-system,BlinkMacSystemFont,PingFang TC,Microsoft JhengHei,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #e5eaf0;border-radius:12px;padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:8px;padding:8px 14px;font-size:14px;cursor:pointer;background:#2c6fbb;color:#fff}.btn:hover{opacity:.92}.btn.secondary{background:#fff;color:#2c6fbb;border-color:#2c6fbb}.btn.danger{background:#c0392b}.btn.ghost{background:#eef2f6;color:#33475b}.input{width:100%;padding:8px 10px;border:1px solid #cdd6df;border-radius:8px;font-size:14px;background:#fff}.label{display:block;font-size:13px;color:#5b6b7c;margin:12px 0 6px}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{padding:10px 12px;border-bottom:1px solid #eef1f5;text-align:left;vertical-align:top}.table th{background:#f8fafc;color:#5b6b7c;font-weight:600}.badge{display:inline-block;padding:3px 9px;border-radius:999px;font-size:12px;color:#fff}.topbar{background:#fff;border-bottom:1px solid #e5eaf0;padding:0 24px;display:flex;align-items:center;height:60px;gap:18px}.topbar .brand{font-size:18px;font-weight:700;color:#2c6fbb}.topbar nav{display:flex;gap:4px;flex:1 1}.topbar nav a{padding:8px 12px;border-radius:8px;color:#33475b}.topbar nav a.active{background:#eaf2ff;color:#2c6fbb;font-weight:600}.grid{display:grid;grid-gap:16px;gap:16px}.grid-2{grid-template-columns:1fr 1fr}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width:900px){.grid-4{grid-template-columns:1fr 1fr}.grid-2{grid-template-columns:1fr}}.metric{padding:16px;border-radius:12px;background:#fff;border:1px solid #e5eaf0}.metric .num{font-size:30px;font-weight:700}.metric .cap{color:#5b6b7c;font-size:13px;margin-top:4px}.flash{padding:10px 14px;border-radius:8px;margin-bottom:14px}.flash.ok{background:#e6f4ea;color:#1e7a46}.flash.err{background:#fdebec;color:#c0392b}.form-row{display:grid;grid-gap:12px;gap:12px}.form-row.cols-2{grid-template-columns:1fr 1fr}.side-by-side{display:flex;gap:16px;align-items:flex-start}.scan-box{font-size:18px;padding:12px 14px}.print-label{width:60mm;min-height:40mm;padding:4mm;border:1px dashed #999;background:#fff}.barcode{font-family:Libre Barcode\ 128,Courier New,monospace}@media (max-width:720px){.form-row.cols-2,.grid-2{grid-template-columns:1fr}.grid-4{grid-template-columns:1fr 1fr}}.app-shell{min-height:100vh;background:#f4f6f8}.app-sidebar{position:fixed;top:0;left:0;bottom:0;width:240px;background:#10233f;color:#fff;z-index:20;display:flex;flex-direction:column;padding:18px 14px;transform:translateX(0);transition:transform .2s ease}.nav-collapsed .app-sidebar{transform:translateX(-100%)}.sidebar-brand{font-size:18px;font-weight:700;color:#fff;padding:4px 6px 16px}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:6px;margin-top:8px}.sidebar-nav a{color:#c7d2e0;padding:10px 12px;border-radius:8px}.sidebar-nav a:hover{background:rgba(255,255,255,.08);color:#fff}.sidebar-nav a.active{background:#2c6fbb;color:#fff;font-weight:600}.sidebar-user{border-top:1px solid rgba(255,255,255,.16);padding-top:14px;margin-top:14px}.sidebar-user-name{font-size:13px;color:#e3eaf3}.sidebar-backdrop{display:none;position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:15}.app-main{min-height:100vh;margin-left:240px;transition:margin-left .2s ease;min-width:0}.nav-collapsed .app-main{margin-left:0}.app-topbar{position:-webkit-sticky;position:sticky;top:0;z-index:10;height:56px;background:#fff;border-bottom:1px solid #e5eaf0;display:flex;align-items:center;gap:12px;padding:0 16px}.nav-toggle{width:36px;height:36px;border-radius:8px;border:1px solid #cdd6df;background:#fff;font-size:18px;cursor:pointer;line-height:1}.page-title{font-weight:700;color:#10233f}.app-content{padding:24px;max-width:1280px;margin:0 auto}@media (max-width:900px){.app-main{margin-left:0}.app-sidebar{width:240px}.sidebar-backdrop{display:block}}@media (max-width:520px){.app-content{padding:14px}.app-topbar{height:52px}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background:#fff;border-radius:12px;padding:20px;width:100%;max-width:440px;max-height:90vh;overflow:auto}.table.fixed{table-layout:fixed}.resizable{position:relative;overflow:visible}.resize-handle{position:absolute;right:0;top:0;bottom:0;width:6px;cursor:col-resize;z-index:2}.resize-handle:hover{background:#2c6fbb;opacity:.5}