:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#213551;background:#f3f6fb;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}h1,h2,p{margin-top:0}h1{font-size:25px;letter-spacing:-.65px;margin-bottom:7px}h2{font-size:17px;letter-spacing:-.25px;margin-bottom:7px}.hidden{display:none!important}.sub{color:#73839a;font-size:13px;line-height:1.55}.eyebrow{color:#3d7bb0;font-weight:800;letter-spacing:2px;font-size:10px;margin:0 0 9px}.required{color:#cb3944}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:22px;background:radial-gradient(circle at 5% 5%,#245483 0,#102747 55%,#0b203c 100%)}.auth-card{width:min(100%,440px);background:#fff;border-radius:19px;padding:32px;box-shadow:0 18px 55px #04142a60}.auth-card h1,.auth-card h2{margin-top:30px}.brand{display:flex;gap:11px;align-items:center}.brand-mark{background:#2b8a67;color:#fff;font-weight:900;font-size:23px;width:41px;height:41px;display:grid;place-items:center;border-radius:11px;box-shadow:0 5px 12px #16473330}.brand b{font-size:17px;letter-spacing:.2px}.brand small{display:block;color:#8196b0;font-size:11px;padding-top:4px}.auth-card label{margin-top:17px}.auth-foot{text-align:center;color:#9aabba;font-size:11px;margin:18px 0 0}.auth-card .btn{margin-top:21px}.app{min-height:100vh}.topbar{background:#102a4a;min-height:79px;padding:15px 29px;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#fff}.brand.light small{color:#9fb8d9}.top-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.online{font-size:12px;color:#cde4da;background:#ffffff10;padding:9px 12px;border-radius:25px;border:1px solid #ffffff20}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#4ad69a;margin-right:7px}.who{font-weight:700;font-size:12px}.layout{display:flex;min-height:calc(100vh - 79px)}.sidebar{flex:0 0 232px;background:#fff;border-right:1px solid #e2e9f0;padding:25px 13px;min-height:calc(100vh - 79px)}.sidebar hr{border:none;border-top:1px solid #e9eef5;margin:22px 11px}.nav-title{color:#9cacc1;font-size:10px;letter-spacing:1.6px;font-weight:900;padding:0 12px;margin:0 0 13px}.nav{display:flex;align-items:center;text-align:left;gap:11px;width:100%;border:0;background:transparent;color:#546a82;border-radius:8px;padding:12px;font-size:13px;font-weight:700;margin:3px 0}.nav span{font-size:20px;font-weight:500;width:23px;text-align:center}.nav.selected,.nav:hover{background:#e7f2fc;color:#105296}.nav.selected{box-shadow:inset 3px 0 #1674b8}.side-note{background:#f2f8fc;border:1px solid #e0edf7;border-radius:10px;padding:13px;margin:24px 8px 0;color:#72869a;font-size:12px;line-height:1.65}.workspace{width:100%;max-width:1600px;padding:29px clamp(16px,3vw,46px);overflow:hidden}.page-top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.page-top .sub{margin-bottom:0}.pill{background:#e5f3ed;color:#287755;font-weight:800;letter-spacing:1px;border-radius:15px;padding:9px 15px;font-size:11px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-bottom:23px}.stat,.card{background:#fff;border:1px solid #e0e9f1;border-radius:12px;box-shadow:0 4px 15px #153c6810}.stat{padding:19px 20px}.stat span{color:#8292a9;font-size:12px;display:block;margin-bottom:8px}.stat strong{font-size:27px;display:block;color:#163e65;margin-bottom:6px;letter-spacing:-.6px}.stat .status-good{font-size:20px;color:#239269}.stat small{font-size:11px;color:#a3afbe}.card{padding:23px 25px;margin-bottom:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:21px;flex-wrap:wrap}.section-title p{color:#8a9bad;margin:0;font-size:12px}.section-title h2{margin:0 0 6px}.searchbar{display:flex;gap:10px;margin-bottom:19px}.searchwrap{position:relative;flex:1;min-width:0}.searchbar>input{flex:1;min-width:0}.searchbar .btn{flex-shrink:0}.suggestions{position:absolute;top:calc(100% + 2px);left:0;right:0;background:#fff;z-index:10;box-shadow:0 8px 25px #15355728;border:1px solid #bdcee4;border-radius:8px;overflow:auto;max-height:310px}.suggest-item{padding:12px 15px;border-bottom:1px solid #ebeff5;cursor:pointer;font-size:12px;display:flex;justify-content:space-between;gap:12px}.suggest-item:hover{background:#edf6fc}.suggest-item small{color:#0f9666;font-weight:700}.field-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px 16px}.field-grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}label{display:block;color:#475e78;font-size:12px;font-weight:800}input,select{display:block;width:100%;height:44px;background:#fff;border:1px solid #cbd8e5;border-radius:8px;padding:10px 12px;outline:none;margin-top:7px;color:#243a54;font-weight:500;font-size:13px}input:focus,select:focus{border-color:#2a79b4;box-shadow:0 0 0 3px #2a79b41c}input[readonly]{background:#f3f6fa;color:#49617f;border-color:#e3eaf0}.scan-field{margin:0;height:46px;font-size:14px;border-color:#78aad5}.editable{background:#f0fbf4!important;border-color:#91c6aa!important;font-size:15px}.stock-card{border-top:3px solid #298563}.mini-tag{background:#e8f6ec;color:#178154;padding:7px 13px;font-weight:800;font-size:11px;border-radius:13px}.btn{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;font-weight:800;border-radius:8px;font-size:12px;padding:11px 16px;min-height:41px;white-space:nowrap}.btn.primary{color:#fff;background:#1868a5}.btn.secondary{color:#225d88;background:#eaf3fa;border-color:#d6e5f2}.btn.danger{color:#a82c35;background:#fff1f2;border-color:#f1c9d0}.btn.border-lite{background:transparent;color:#e4ecf7;border:1px solid #486882}.btn.sm{padding:8px 12px;min-height:32px}.btn.full{width:100%;justify-content:space-between;font-size:14px}.btn:disabled{cursor:not-allowed;opacity:.46}.btn:not(:disabled):hover{filter:brightness(.97);transform:translateY(-1px)}.action-row{display:flex;align-items:center;gap:12px;margin-top:22px;flex-wrap:wrap}.action-row>.sub{margin:0 0 0 auto}.alert{padding:13px 15px;border-radius:8px;margin:12px 0 18px;background:#fff6df;color:#916312;border:1px solid #f5d996;font-size:13px;line-height:1.55}.alert.error{background:#fff0f0;color:#af303f;border-color:#f1c5cc}.alert.success{background:#ebf8f0;color:#197853;border-color:#aadbc4}.alert strong{color:inherit}.toast{background:#e6f7f0;color:#166c4b;border:1px solid #b1dec8;border-radius:9px;padding:12px 14px;margin-bottom:18px;font-weight:650}.toast.error{background:#fff0f0;color:#b12e3d;border-color:#f0bac2}.table-scroll{width:100%;overflow-x:auto;border:1px solid #e2e9f0;border-radius:8px}table{width:100%;border-collapse:collapse;font-size:12px}th{background:#eff5fb;color:#52708c;text-align:left;font-size:11px;white-space:nowrap;padding:14px 12px}td{padding:12px;border-top:1px solid #edf1f5;white-space:nowrap;color:#435a73}tbody tr:hover{background:#f8fbfe}.table-link{border:0;background:none;color:#1468a6;font-size:12px;font-weight:800;cursor:pointer;padding:6px}.table-link:hover{text-decoration:underline}.rowbuttons{display:flex;gap:8px}.card>.sub:last-child{margin:15px 0 0}.auth-card code{background:#f2f5f8;padding:2px 5px}.goodline{color:#1f8060}.auth-card form label+.btn{margin-top:18px}@media (max-width:1180px){.sidebar{flex-basis:196px}.field-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workspace{padding:24px 20px}}@media(max-width:850px){.layout{display:block}.sidebar{min-height:auto;display:flex;gap:5px;overflow:auto;border-bottom:1px solid #e1e6f0;padding:8px}.sidebar .nav{white-space:nowrap;width:auto;flex:0 0 auto}.nav-title,.sidebar hr,.side-note{display:none}.stats{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:14px}.stat strong{font-size:20px}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{padding:12px 18px}}@media(max-width:580px){.topbar{flex-wrap:wrap}.top-actions{gap:8px}.online{display:none}.stats{grid-template-columns:1fr}.stat{padding:14px}.stat strong{margin-bottom:0}.field-grid,.field-grid.triple{grid-template-columns:1fr}.card{padding:18px}.section-title{align-items:flex-start}.searchbar{flex-wrap:wrap}.searchbar>*,.searchwrap{width:100%}.page-top{align-items:flex-start}.workspace{padding:19px 13px}.action-row>.sub{margin-left:0}.auth-card{padding:22px}}