:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:#182747;background:#f5f7fc;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #dce4f2;border-radius:10px;background:white;color:#1b2a4b;outline:none;transition:border-color .2s,box-shadow .2s}input:focus,select:focus,textarea:focus{border-color:#5578e6;box-shadow:0 0 0 3px #5d7be820}input[type=checkbox]{width:18px;height:18px;accent-color:#4665db}textarea{resize:vertical;min-height:76px}label{display:block;color:#374561;font-size:13px;font-weight:660}label input,label select,label textarea{margin-top:7px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(27px,3vw,36px);line-height:1.15;letter-spacing:-.045em}h2{font-size:20px;letter-spacing:-.03em}h3{font-size:16px;letter-spacing:-.02em}small,.small{font-size:12px}.muted{color:#8490a7}.eyebrow{font-size:11px;letter-spacing:.18em;font-weight:800;color:#5c75c9}.stack-lg{display:grid;gap:18px}.full{width:100%}.brand{display:flex;align-items:center;gap:11px;color:white;font-size:22px;letter-spacing:-.055em;font-weight:800;text-decoration:none}.brand-mark{display:grid;place-items:center;width:35px;height:35px;background:#5576e9;border-radius:10px;font-size:24px;line-height:1;color:#fff}.brand-accent{color:#90aafc}.btn{border:1px solid transparent;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 16px;font-size:13px;font-weight:750;white-space:nowrap;transition:background .2s,transform .2s}.btn:active{transform:scale(.99)}.btn.primary{background:#4567dd;color:white;box-shadow:0 5px 12px #4668de22}.btn.primary:hover{background:#3155d6}.btn.secondary{background:#edf1fc;color:#3758cf}.btn.ghost{background:white;border-color:#e1e7f1;color:#3a4d6b}.btn.danger{background:#fff0f1;color:#b92b39}.btn.text-btn{background:transparent;color:#526dcb;padding:6px 9px}.icon-button{height:36px;width:36px;display:inline-grid;place-items:center;border:1px solid #e2e7f0;border-radius:9px;background:white;color:#65748d;font-size:17px}.icon-button.light{background:#ffffff16;color:#dbe5ff;border-color:#ffffff20}.pill{display:inline-flex;align-items:center;padding:5px 9px;border-radius:7px;font-size:11px;font-weight:780;white-space:nowrap}.pill.blue{background:#e8efff;color:#3f63d7}.pill.green{background:#e4f7ee;color:#14815a}.pill.orange{background:#fff1e4;color:#b86817}.pill.red{background:#ffebeb;color:#c24956}.pill.grey{background:#eaeef5;color:#63748b}.login-page{min-height:100vh;background:linear-gradient(130deg,#111d38,#1c3464 55%,#294c8f);display:grid;place-items:center;padding:24px;position:relative;overflow:hidden}.login-page[hidden],.app-layout[hidden],.modal-shell[hidden]{display:none!important}.login-decor{position:absolute;width:700px;height:700px;border-radius:50%;right:-210px;top:-280px;border:100px solid #5d7efb15;box-shadow:0 0 0 110px #5d7efb09}.login-card{width:min(100%,455px);background:white;border-radius:22px;padding:43px 43px 30px;position:relative;box-shadow:0 22px 55px #07132a55}.brand-login{color:#223352;margin-bottom:31px}.brand-login .brand-accent{color:#5576e9}.login-card h1{margin-bottom:11px}.login-card>.muted{margin-bottom:30px}.login-card form{margin-bottom:8px}.login-card .btn{margin-top:8px;padding:14px}.form-error{min-height:18px;font-size:12px;color:#be3342}.login-footer{border-top:1px solid #e9edf6;text-align:center;font-size:11px;color:#9ca7b9;padding-top:20px;margin-top:20px}.login-caption{position:absolute;bottom:28px;left:0;right:0;text-align:center;color:#c0cced;font-size:12px}.app-layout{min-height:100vh;display:flex}.sidebar{width:255px;background:#142443;color:#e8eefc;flex-shrink:0;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;padding:28px 15px 16px;z-index:20}.sidebar>.brand{margin:0 12px 49px}.workspace-label{font-size:10px;letter-spacing:.18em;color:#8295bd;margin:0 19px 16px;font-weight:850}.nav{display:grid;gap:4px}.nav-item{display:flex;align-items:center;text-align:left;gap:13px;width:100%;padding:12px 15px;border:0;color:#aebbd7;background:transparent;border-radius:10px;font-weight:620;font-size:13px}.nav-item:hover{background:#ffffff0b;color:white}.nav-item.active{background:#496bdb;color:white;box-shadow:0 5px 15px #09183735}.nav-icon{font-size:19px;line-height:1;width:24px;text-align:center;font-weight:400}.sidebar-bottom{margin-top:auto}.sidebar-hint{display:flex;gap:10px;padding:16px 13px;border:1px solid #344663;background:#203353;border-radius:12px;margin-bottom:19px}.sidebar-hint .hint-icon{font-size:27px;color:#a5baf7;line-height:1}.sidebar-hint strong{display:block;font-size:11px;color:white;margin:0 0 5px}.sidebar-hint span:not(.hint-icon){font-size:10px;line-height:1.5;color:#9eafd0;display:block}.account-row{border-top:1px solid #ffffff18;display:flex;align-items:center;gap:9px;padding:16px 2px 2px}.avatar{background:#d9e3ff;color:#3a58ac;display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:10px;font-size:11px;font-weight:850}.account-row .avatar{background:#395685;color:#e9f0ff}.account-details{display:grid;gap:2px;flex:1;min-width:0}.account-details strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-details small{color:#91a7cc}.main-area{flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:75px;background:white;border-bottom:1px solid #edf0f6;padding:0 clamp(20px,3.8vw,55px);display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:16px}.breadcrumb{font-size:12px;color:#9ca8bd}.breadcrumb span{margin:0 10px;color:#d8dfec}.breadcrumb strong{color:#41516c}.connection-pill{display:flex;align-items:center;gap:7px;font-size:11px;color:#7383a2}.online-dot{width:7px;height:7px;border-radius:50%;background:#27b78c;box-shadow:0 0 0 4px #dbf5ea}.connection-pill.offline .online-dot{background:#e6a251;box-shadow:0 0 0 4px #fff0dc}.top-scan{font-size:12px;padding:9px 12px}.menu-toggle{display:none}.page{flex:1;max-width:1600px;width:100%;padding:40px clamp(20px,3.8vw,55px) 50px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;gap:15px;flex-wrap:wrap;margin-bottom:29px}.page-head h1{margin:5px 0 8px}.page-head .muted{margin:0;font-size:13px}.page-actions{display:flex;gap:9px;flex-wrap:wrap}.section-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:26px 0 15px}.section-top h2{margin:0;font-size:17px}.section-top a,.linkish{font-size:12px;color:#526fe1;text-decoration:none;font-weight:750;cursor:pointer}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{background:#fff;border:1px solid #eaf0f8;border-radius:14px;padding:20px 22px;min-height:132px;box-shadow:0 3px 18px #1c315805}.metric-top{display:flex;justify-content:space-between;align-items:center;color:#8795aa;font-size:12px;font-weight:650}.metric-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ebf0ff;color:#5571d5;font-size:20px}.metric-icon.orange{background:#fff2e5;color:#d08a35}.metric-icon.green{background:#e4f9f1;color:#29a17c}.metric-icon.purple{background:#f0ebff;color:#916adc}.metric-value{font-size:29px;font-weight:820;letter-spacing:-.055em;margin:18px 0 3px}.metric-sub{font-size:11px;color:#9aa6b8}.content-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,1fr);gap:18px}.panel{border:1px solid #e9eef7;border-radius:14px;background:white;box-shadow:0 3px 18px #1c315805;overflow:hidden}.panel-pad{padding:21px}.panel-title{font-size:14px;font-weight:800;margin:0 0 16px}.table-wrap{overflow-x:auto}.data-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}.data-table th{font-weight:750;letter-spacing:.02em;color:#8a97ad;background:#f9fbff;padding:13px 17px;white-space:nowrap;border-bottom:1px solid #edf1f7}.data-table td{padding:14px 17px;border-bottom:1px solid #eef2f8;color:#485976;vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fbfcff}.data-table strong{color:#20304d;font-weight:750}.sku{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;color:#50668e}.right{text-align:right}.tiny-icon{display:inline-grid;place-items:center;margin-right:9px;width:30px;height:30px;border-radius:9px;background:#e9f7f0;color:#21966c;font-size:16px;font-weight:700}.tiny-icon.out{background:#fff0e7;color:#d8863b}.empty{padding:35px 18px;text-align:center;color:#95a2b7;font-size:12px}.quick-actions{display:grid;gap:10px}.quick-action{display:flex;align-items:center;gap:13px;border:1px solid #e7ecf6;background:#fff;border-radius:12px;text-align:left;padding:16px;width:100%}.quick-action:hover{border-color:#c7d3f8;background:#fbfcff}.quick-icon{display:grid;place-items:center;height:43px;width:43px;border-radius:11px;background:#ecf1ff;color:#4b6ade;font-size:23px}.quick-icon.orange{background:#fff0e6;color:#d88236}.quick-icon.purple{background:#f0edff;color:#8a6ada}.quick-action strong{display:block;font-size:12px;color:#2d3e5d}.quick-action small{color:#96a2b5;display:block;margin-top:4px}.quick-action .arrow{margin-left:auto;color:#b0bdd1;font-size:19px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:11px;flex-wrap:wrap;margin-bottom:16px}.searchbox{position:relative;min-width:min(100%,330px);flex:1;max-width:440px}.searchbox input{padding-left:40px}.searchbox:before{content:'⌕';position:absolute;top:8px;left:14px;font-size:24px;color:#95a5be}.count-note{font-size:12px;color:#8b98ac}.stock-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:19px;align-items:start}.form-card{padding:28px}.form-card h2{margin-bottom:7px}.form-card>p{font-size:12px;color:#8e9cb1;margin-bottom:24px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.span-all{grid-column:1/-1}.input-with-btn{display:flex;gap:7px;align-items:end}.input-with-btn input{flex:1;min-width:0}.input-with-btn .btn{flex-shrink:0}.inline-note{padding:13px 15px;border-radius:10px;background:#eef4ff;color:#5370ae;font-size:12px;margin-top:14px}.tip-card{border-radius:14px;background:#ebf0fd;border:1px solid #dfe7fb;padding:21px}.tip-card h3{color:#304a86}.tip-card p{font-size:12px;line-height:1.65;color:#5e73a3}.history-mini{display:grid;gap:0}.history-row{display:flex;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #eef2f6;font-size:11px}.history-row:last-child{border:0}.history-row .grow{flex:1;min-width:0}.history-row .grow strong,.history-row .grow span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-row .grow span{margin-top:5px;color:#a1aac0}.history-row .amount{font-weight:850;white-space:nowrap}.history-row .amount.in{color:#24a476}.history-row .amount.out{color:#d48247}.banner{padding:12px 17px;border:1px solid #dbe7ff;background:#ecf3ff;border-radius:11px;font-size:12px;color:#4e6ba8;margin:0 0 19px}.footer{padding:20px clamp(20px,3.8vw,55px);border-top:1px solid #edf0f5;display:flex;justify-content:space-between;color:#a4afc0;font-size:10px;gap:15px}.modal-shell{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:16px}.modal-backdrop{position:absolute;inset:0;background:#0a1737aa;backdrop-filter:blur(3px)}.modal-panel{position:relative;width:min(100%,565px);max-height:94vh;overflow-y:auto;background:white;border-radius:16px;box-shadow:0 32px 90px #07163555}.modal-head{padding:23px 25px 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eff1f6}.modal-head h2{margin:0}.modal-head .eyebrow{margin-bottom:7px}.modal-body{padding:22px 25px 26px}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:24px}.check-line{display:flex;align-items:center;gap:9px}.check-line input{margin:0}.scan-panel{max-width:525px}.scan-panel>.scan-status,.scan-panel>.small{margin:12px 25px}.scanner-camera{margin:20px 25px 0;position:relative;background:#0c192f;overflow:hidden;border-radius:13px;min-height:260px;display:grid;place-items:center}.scanner-camera video{width:100%;max-height:315px;object-fit:cover;display:block}.scanner-camera #scanner-fallback{width:100%}.scanner-camera #scanner-fallback:empty{display:none}.scanner-camera .scan-target{pointer-events:none;position:absolute;width:65%;height:58%;border:2px solid #b8d9ff;border-radius:15px;box-shadow:0 0 0 100vmax #0000;opacity:.7}.scanner-camera.fallback-active video,.scanner-camera.fallback-active .scan-target{display:none}.scan-status{color:#6d7d98;font-size:12px}.inline-form{padding:0 25px;display:flex;gap:8px}.inline-form input{min-width:0}.toast-region{position:fixed;bottom:24px;right:22px;z-index:70;display:grid;gap:8px;max-width:min(370px,calc(100vw - 40px))}.toast{padding:14px 18px;box-shadow:0 10px 32px #172d5550;border-radius:10px;background:#1d3155;color:#fff;font-size:12px;line-height:1.5}.toast.error{background:#a33447}.print-area{display:none}.loading-state{text-align:center;color:#8b9ab2;padding:100px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.sidebar-scrim{display:none}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-grid{grid-template-columns:1fr}.stock-layout{grid-template-columns:minmax(0,1fr) 260px}}
@media(max-width:900px){.sidebar{position:fixed;left:0;top:0;bottom:0;transform:translateX(-110%);transition:transform .25s;box-shadow:15px 0 30px #0c173122}.sidebar.open{transform:translateX(0)}.sidebar-scrim.visible{display:block;position:fixed;inset:0;background:#0d1a3859;z-index:15}.menu-toggle{display:grid}.topbar{padding:0 22px}.page{padding:28px 22px}.footer{padding:20px 22px}}
@media(max-width:650px){.metric-grid{gap:11px}.metric-card{padding:15px 14px;min-height:120px}.metric-value{font-size:25px}.metric-top{font-size:10px}.metric-icon{width:31px;height:31px;font-size:17px}.stock-layout{grid-template-columns:1fr}.form-card{padding:19px}.form-grid{grid-template-columns:1fr;gap:13px}.page-head{align-items:flex-start}.page-head h1{font-size:27px}.page-actions{width:100%}.page-actions .btn{flex:1}.top-scan span,.breadcrumb{display:none}.topbar{height:63px}.top-avatar{display:none}.topbar-right{gap:10px}.page{padding:25px 15px 35px}.footer{padding:16px;display:block}.footer span:last-child{display:none}.panel-pad{padding:15px}.data-table td,.data-table th{padding:12px 13px}.modal-panel{max-height:92vh}.modal-head{padding:17px}.modal-body{padding:19px}.modal-actions{flex-wrap:wrap}.modal-actions .btn{flex:1}.inline-form{padding:0 16px}.scanner-camera{margin:17px 16px 0;min-height:215px}.scan-panel>.scan-status,.scan-panel>.small{margin:11px 16px}.login-card{padding:34px 23px}.toast-region{bottom:12px;right:12px}}
@media print{body{background:white!important}.login-page,.app-layout,.modal-shell,.toast-region{display:none!important}.print-area{display:flex!important;flex-wrap:wrap;gap:12mm;margin:0;padding:6mm}.print-label{width:67mm;height:45mm;border:1px solid #ddd;border-radius:2mm;display:flex;gap:3mm;align-items:center;justify-content:center;padding:2mm;break-inside:avoid;color:#000}.print-label svg{height:31mm;width:31mm;flex-shrink:0}.print-label strong{font-size:10pt;display:block;overflow-wrap:anywhere}.print-label span{display:block;font-size:8pt;margin-top:2mm;color:#333;overflow-wrap:anywhere}.print-label small{font-size:6.5pt;color:#777}}

.recent-card{margin-top:16px}

[hidden]{display:none!important}