:root{font-family:Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;color:#26354a;background:#f5f7fb;font-synthesis:none;font-weight:400;--navy:#172b4d;--navy-2:#20385c;--gold:#f4bd3e;--text:#26354a;--muted:#8590a2;--line:#edf0f5;--green:#23856c;--red:#cf4950;--radius:12px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button,input,select,textarea{outline:none}button:focus-visible{outline:3px solid #eab832;outline-offset:3px}input:focus,select:focus,textarea:focus{border-color:#9cb2d0;box-shadow:0 0 0 3px #e9eef7}a{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:27px;letter-spacing:.2px;font-weight:700;line-height:1.6;color:var(--navy)}h2{font-size:16px;font-weight:700;line-height:1.5;color:var(--navy)}h3{font-size:15px;color:var(--navy)}input,select,textarea{width:100%;border:1px solid #dfe5ee;border-radius:7px;background:#fff;color:var(--text);padding:11px 12px;transition:.15s}input::placeholder,textarea::placeholder{color:#a2abba}input:disabled,input[readonly]{background:#f6f8fb;color:#8792a3}select{min-height:43px;padding-right:27px}textarea{resize:vertical}small{font-size:11px}svg{flex-shrink:0}.muted{color:var(--muted);font-size:12px;line-height:1.9}.code{font-family:Consolas,monospace;font-size:12px;letter-spacing:.1px}.center{text-align:center;justify-content:center}.numeric{font-variant-numeric:tabular-nums;font-family:system-ui,sans-serif}.positive{color:#278872}.negative{color:var(--red)}.unit{font-family:inherit;margin-left:5px;font-size:10px;color:#9ba4b3;font-weight:400}.eyebrow{display:block;font-size:9px;font-weight:600;letter-spacing:1.8px;color:#939eaf;margin-bottom:6px}.eyebrow.light{color:#afc0d9}.button{display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:10px 18px;border:1px solid var(--navy);border-radius:7px;background:var(--navy);color:#fff;font-size:12px;font-weight:500;white-space:nowrap;transition:.2s}.button:hover{background:var(--navy-2);border-color:var(--navy-2);transform:translateY(-1px)}.button.secondary{background:#fff;color:#51617a;border-color:#dfe5ee}.button.secondary:hover{background:#f7f9fd;border-color:#becbdd}.button.gold{background:var(--gold);border-color:var(--gold);color:var(--navy);font-weight:700}.button.gold:hover{background:#e8b336}.button.small{min-height:34px;font-size:11px;padding:8px 13px}.button.full{width:100%}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:31px;height:31px;border:0;border-radius:6px;color:#8591a5;background:transparent;padding:0}.icon-button:hover{color:var(--navy);background:#eff3f8}.text-button{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:#41668f;background:none;border:0;padding:0;white-space:nowrap}.text-button:hover{color:#172b4d;text-decoration:underline}.inline-actions{display:flex;align-items:center;gap:13px}.toolbar-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;white-space:nowrap;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:500;line-height:1.5}.badge.green{background:#edf8f3;color:#2d9070}.badge.red{background:#fceeee;color:#c65a60}.badge.amber{background:#fff8e6;color:#ae842b}.badge.neutral{background:#f0f3f8;color:#65748a}.badge-group{display:flex;gap:5px;flex-wrap:wrap}.alert{padding:12px 14px;border-radius:7px;line-height:1.8;font-size:12px;margin:12px 0;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.alert.error{background:#fff0f0;color:#b7434b;border:1px solid #f6d7d9}.alert.success{background:#eef9f3;color:#26856b;border:1px solid #d2eddf}.alert.success small{width:100%;margin-left:27px;color:#689988}.alert.info{background:#eff4fc;color:#5c769a;border:1px solid #e5edf8}.spin{animation:rotate 1s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.app-shell{display:flex;min-height:100vh}.sidebar{position:fixed;z-index:30;left:0;top:0;bottom:0;width:224px;padding:31px 17px 12px;background:var(--navy);color:#b6c4d8;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:10px;min-height:43px;white-space:nowrap}.brand img{max-width:42px;max-height:42px;object-fit:contain}.brand strong{color:#fff;font-size:21px;letter-spacing:1px;line-height:1.5;font-weight:700}.brand strong span{font-size:12px;letter-spacing:.4px;color:var(--gold);margin-left:2px;font-family:Arial,sans-serif}.brand small{display:block;font-size:6px;letter-spacing:1.7px;color:#8498b7;margin-top:2px}.sidebar .brand{padding:0 11px}.version-label{font-size:9px;border-top:1px solid #ffffff0b;margin:17px 11px 13px;padding-top:13px;color:#8da4c3}.version-label span{margin-left:8px;letter-spacing:.8px;font-size:9px}.sidebar nav{overflow-y:auto;flex:1;scrollbar-width:thin;scrollbar-color:#3b4d68 transparent}.nav-group{margin-bottom:15px}.nav-group-label{font-size:9px;color:#738cac;letter-spacing:1px;padding:0 13px;margin-bottom:5px}.nav-item{display:flex;align-items:center;gap:11px;width:100%;border:0;border-radius:7px;background:transparent;color:#a5b7d1;text-align:left;min-height:35px;padding:9px 13px;font-size:11px;position:relative;transition:.15s}.nav-item svg{opacity:.75;stroke-width:1.8}.nav-item:hover{background:#ffffff06;color:#fff}.nav-item.active{background:#f4bd3e;color:var(--navy);font-weight:700;box-shadow:0 5px 18px #0c1d351f}.nav-item.active svg{opacity:1;stroke-width:2}.nav-marker{height:4px;width:4px;background:var(--navy);border-radius:50%;margin-left:auto}.sidebar-bottom{display:flex;align-items:center;gap:8px;font-size:9px;color:#7e95b6;margin:7px 11px 0;padding:13px 0 0;border-top:1px solid #ffffff0b}.sidebar-bottom button{border:0;background:transparent;color:#7e95b6;margin-left:auto;padding:0;display:flex}.status-dot,.signal-dot{height:5px;width:5px;background:#4aa78f;border-radius:50%;display:inline-block}.main-column{margin-left:224px;width:calc(100% - 224px);min-width:0;display:flex;flex-direction:column}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:0 34px;border-bottom:1px solid #eaf0f6;gap:15px}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:10px;color:#9ba5b5;white-space:nowrap}.breadcrumb b{font-weight:500;color:#65748c}.top-actions{display:flex;align-items:center;gap:11px}.warehouse-scope{display:flex;gap:8px;align-items:center;color:#8091aa}.warehouse-scope select{width:auto;max-width:180px;background:transparent;border:0;font-size:10px;padding:6px 21px 6px 0;min-height:32px;box-shadow:none}.top-divider{height:21px;width:1px;background:#e9eef5;margin:0 8px}.operator-avatar,.small-avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#edf2f9;color:#617998;font-size:12px;font-weight:500}.operator-name{display:flex;flex-direction:column;line-height:1.6;min-width:50px}.operator-name b{font-size:10px;font-weight:600}.operator-name small{font-size:8px;color:#a0a9b8}.top-actions>.icon-button{width:26px}.workspace{padding:27px 34px 34px;max-width:1700px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.page-heading p{font-size:11px;color:#8f9bac;margin-top:5px;line-height:1.8}.page-heading-right{display:flex;align-items:center;gap:18px}.today-label{font-size:10px;color:#8c98aa}.hello-dot{color:#f1b834;margin-left:5px}.app-footer{font-size:9px;color:#a4adbc;display:flex;justify-content:space-between;padding:0 35px 21px}.card{background:#fff;border:1px solid #e9eef5;border-radius:var(--radius);box-shadow:0 2px 6px #17314f02;overflow:hidden}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 24px}.card-heading p{font-size:10px;color:#99a3b2;line-height:1.9;margin-top:3px}.card-heading>svg{color:#91a2ba}.quick-operations{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:24px}.quick-tile{display:flex;align-items:center;justify-content:flex-start;gap:10px;border:1px solid #e7edf5;background:#fff;border-radius:10px;padding:17px 12px;text-align:left;min-width:0;transition:.2s}.quick-tile:hover{border-color:#becadd;box-shadow:0 5px 20px #172b4d0c;transform:translateY(-2px)}.tile-icon{height:40px;width:40px;border-radius:8px;background:#f1f4fa;color:#4d6c96;display:grid;place-items:center;flex-shrink:0}.quick-tile strong{font-size:12px;font-weight:600;color:var(--navy);display:block}.quick-tile span{font-size:8px;color:#9ba6b7;display:block;margin-top:5px;white-space:nowrap}.quick-tile>svg{margin-left:auto;color:#afb9c9;width:15px}.quick-tile.gold .tile-icon{background:#fff6df;color:#d3a12a}.quick-tile.navy .tile-icon{background:#edf1f8;color:#496186}.quick-tile.blue .tile-icon{background:#edf5ff;color:#5e8fca}.quick-tile.teal .tile-icon{background:#edf8f6;color:#53a396}.quick-tile.purple .tile-icon{background:#f2effb;color:#9a82c7}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-bottom:24px}.metric-card{padding:21px 23px;border:1px solid #e8edf4;border-radius:11px;background:#fff}.metric-top{display:flex;align-items:center;justify-content:space-between;color:#7d8ca2;font-size:11px}.metric-icon{color:#7a92b2;display:grid;place-items:center;background:#f1f4fa;width:33px;height:33px;border-radius:8px}.metric-icon.gold{color:#c89b36;background:#fff8e7}.metric-icon.teal{color:#63a491;background:#edf7f4}.metric-icon.blue{color:#69c;background:#eef5fb}.metric-value{font-size:34px;font-weight:650;letter-spacing:-1px;font-family:system-ui;color:#172b4d;margin-top:12px;min-height:48px}.metric-value small{color:#9da7b7;font-family:inherit;font-size:10px;font-weight:400;letter-spacing:0;margin-left:6px}.metric-caption{display:block;font-size:9px;color:#a0aaba;margin-top:4px}.skeleton-number{display:inline-block;height:36px;width:83px;border-radius:6px;background:linear-gradient(90deg,#edf1f7,#f7f9fc,#edf1f7);background-size:200%;animation:skeleton 1.2s infinite}@keyframes skeleton{to{background-position:-200%}}.home-grid{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(260px,1fr);gap:23px}.warehouse-status .card-heading{padding-bottom:16px}.live-label{font-size:9px;display:flex;align-items:center;gap:5px;color:#739488;white-space:nowrap}.live-label span{width:4px;height:4px;border-radius:50%;background:#48a88b}.status-list{padding:0 24px}.status-line{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid #f0f3f7}.status-line>span{display:flex;align-items:center;gap:9px;font-size:10px;color:#8493a8}.status-line svg{color:#93a4bc;stroke-width:1.6}.status-line b{font-family:system-ui;font-weight:600;font-size:15px;color:#4c607b}.status-line b small{font-size:8px;margin-left:6px;font-weight:400;color:#a7b0bd}.local-mode-note{margin:21px 24px 17px;padding:13px 12px;display:flex;gap:10px;align-items:flex-start;border-radius:7px;background:#f7f9fc;color:#8fa1bc}.local-mode-note strong{font-size:10px;color:#6a7f9b;font-weight:500}.local-mode-note p{font-size:9px;line-height:1.9;color:#98a5b7;margin-top:3px}.warehouse-status>.text-button{margin:0 24px 21px}.local-mode-note.big{padding:20px;margin-top:20px;margin-bottom:24px}.local-mode-note.big strong{font-size:13px}.local-mode-note.big p{font-size:11px}.table-wrap{width:100%;overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{padding:12px 20px;background:#f8fafc;color:#8b98aa;font-size:9px;font-weight:500;border-top:1px solid #eff3f8;border-bottom:1px solid #edf1f6;line-height:1.6}td{padding:17px 20px;border-bottom:1px solid #f0f3f8;color:#738399;font-size:10px;line-height:1.7}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fcfdff}td b{font-weight:500;color:#4f627e}.cell-stack{display:flex;flex-direction:column;gap:3px;white-space:normal;min-width:85px}.cell-stack small{color:#a1acbb;font-size:9px}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:15px 23px;border-top:1px solid #eff3f7;color:#9ca6b6;font-size:9px}.table-footer b{font-weight:500;color:#657992}.pagination{display:flex;align-items:center;gap:10px}.pagination .icon-button{height:25px;width:25px;border:1px solid #e6edf5}.empty{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;color:#b0bccd;gap:12px}.empty svg{stroke-width:1.2}.empty strong{color:#8a99ad;font-size:13px;font-weight:500}.empty span{font-size:11px;max-width:390px;line-height:1.8}.loading{display:flex;align-items:center;justify-content:center;gap:9px;padding:25px;color:#8c9db4;font-size:12px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:15px;padding:22px 24px}.list-toolbar p{font-size:10px}.list-toolbar.slim{padding:13px 24px}.search-box{border:1px solid #e0e6ef;border-radius:6px;display:flex;align-items:center;color:#a0abbb;width:350px;max-width:100%;padding:0 12px;background:#fff;height:37px;gap:9px}.search-box input{border:0;box-shadow:none;background:transparent;padding:0;font-size:11px;min-width:70px}.search-box button{border:0;background:none;color:#7589a6;font-size:10px;padding:0;white-space:nowrap}.search-box:focus-within{border-color:#a3b7d2}.filter-select{width:auto;max-width:200px;min-height:34px;font-size:10px;padding:8px 25px 8px 10px}.info-strip{padding:11px 24px;background:#f8fafe;display:flex;gap:8px;align-items:center;color:#889bb7;font-size:10px;line-height:1.8;border-top:1px solid #eff3f8;border-bottom:1px solid #eff3f8}.product-cell{display:flex;gap:12px;align-items:center;text-align:left;background:none;border:0;padding:0;color:#50617b;min-width:150px}.product-picture{height:42px;width:42px;background:#f3f6fa;border:1px solid #eef2f7;border-radius:7px;display:grid;place-items:center;color:#b3bfd0;overflow:hidden;flex-shrink:0}.product-picture img{width:100%;height:100%;object-fit:contain;background:#fff}.product-picture.large{width:83px;height:83px;border-radius:12px}.product-detail-header{display:flex;align-items:center;gap:18px;margin:12px 0 22px}.product-detail-header h3{font-size:19px;margin-bottom:6px}.detail-list{margin:0}.detail-list>div{display:flex;gap:15px;border-bottom:1px solid #edf1f7;padding:14px 0;font-size:12px;line-height:1.8}.detail-list dt{width:115px;color:#9aa7b9;flex-shrink:0}.detail-list dd{margin:0;color:#60738e;word-break:break-all}.location-tag{display:inline-flex;align-items:center;gap:4px;border:1px solid #e7edf7;border-radius:4px;padding:3px 7px;color:#7791b3;font-size:10px}.audit-details{display:inline-block;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:middle}.user-cell{display:flex;align-items:center;gap:10px}.small-avatar{width:30px;height:30px;font-size:11px;flex-shrink:0}.permission-toolbar{display:flex;align-items:center;justify-content:space-between;margin:26px 0 15px}.permission-toolbar h3 span{font-size:10px;font-weight:400;color:#9aabc2;margin-left:8px}.form-section-title{margin:23px 0 12px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.check-option{display:flex;align-items:center;gap:10px;padding:12px 13px;border:1px solid #e7edf5;border-radius:7px;cursor:pointer}.check-option:has(input:checked){border-color:#a6b8d1;background:#f7faff}.check-option input{width:15px;height:15px;box-shadow:none;accent-color:#23416c}.check-option>span{font-size:11px;color:#5d708b;line-height:1.6}.check-option small{display:block;font-size:9px;color:#9aa8bc}.permission-grid{max-height:360px;overflow:auto}.tabs{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eaf0f7;padding:0 24px;gap:12px}.tabs>div{display:flex;gap:27px}.tabs>div>button{background:none;border:0;border-bottom:2px solid transparent;padding:22px 0;font-size:12px;color:#95a2b5;white-space:nowrap}.tabs>div>button.active{border-color:#e8b53b;color:#172b4d;font-weight:600}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:23px}.settings-details{padding:0 24px}.capability-list{padding:0 25px 12px}.capability-list>div{display:flex;gap:14px;padding:14px 0}.capability-list>div>span{display:grid;place-items:center;height:26px;width:26px;border-radius:50%;background:#f1f7f4;color:#67a393;flex-shrink:0}.capability-list h3{font-size:13px;font-weight:500;margin-bottom:7px}.capability-list p{font-size:11px;line-height:1.9;color:#91a0b5}.settings-grid .card>.alert{margin:13px 24px 24px}.stock-layout{display:grid;grid-template-columns:minmax(0,2.5fr) minmax(230px,1fr);gap:23px;align-items:start}.stock-card{padding:0 24px 24px}.stock-card .card-heading{padding:24px 0}.stock-card h2{display:flex;align-items:center;gap:10px}.step-number{font-family:system-ui;font-size:9px;font-weight:600;display:grid;place-items:center;width:25px;height:25px;border-radius:6px;background:#f0f4fa;color:#6c87ad}.step-number.inbound{background:#fff8e5;color:#bf9440}.scan-input-row{display:flex;gap:9px}.scan-code-input{border:1px solid #dce4f0;border-radius:7px;display:flex;align-items:center;gap:10px;color:#849bbb;padding:0 13px;flex:1;min-width:0;background:#fbfcff}.scan-code-input input{border:0;padding:13px 0;background:none;box-shadow:none;min-width:0;font-size:12px}.scan-code-input:focus-within{border-color:#859fbf;box-shadow:0 0 0 3px #f1f5fa}.camera-button{padding:11px 15px}.scan-input-row>.secondary{padding:11px 14px}.scan-placeholder{height:143px;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;background:#fafbfd;border:1px dashed #e6edf6;border-radius:8px;margin-top:18px;color:#c0cada}.scan-placeholder span{font-size:11px;color:#a3b0c3}.selected-product{position:relative;display:flex;align-items:center;gap:18px;padding:18px;border:1px solid #e7edf6;border-radius:9px;background:#fbfcff;margin-top:18px}.selected-product h3{font-size:17px;margin-bottom:7px}.selected-product p{display:flex;gap:14px;align-items:center;font-size:10px;color:#95a4bb;flex-wrap:wrap;margin-bottom:5px}.selected-product small{font-family:monospace;font-size:10px;color:#a3b2c8}.selected-product>.icon-button{position:absolute;right:10px;top:10px}.selected-product .eyebrow{font-size:8px;letter-spacing:1.1px;color:#a1b0c5}.section-divider{height:1px;background:#edf1f7;margin:27px 0 23px}.stock-step{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px;gap:10px}.stock-step>span{font-size:10px;color:#9daac0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.field{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#687c97;margin-bottom:18px}.field>span{font-weight:500}.field small{font-size:10px;color:#9aaabd;line-height:1.8}.stock-balance{display:flex;align-items:center;gap:9px;padding:13px 15px;margin:0 0 19px;border-radius:7px;background:#f6f9fd;color:#8197b6;font-size:11px}.stock-balance strong{margin-left:auto;font-family:system-ui;color:#4c6d95;font-weight:600}.submit-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f7;padding-top:19px;margin-top:7px}.submit-bar>span{display:flex;align-items:center;gap:5px;color:#9caabd;font-size:9px}.submit-bar .button{min-width:132px}.stock-aside .card-heading{padding-bottom:13px}.steps-list{margin:0;padding:0 24px 10px;list-style:none;counter-reset:steps}.steps-list li{padding:10px 0 18px 29px;position:relative;counter-increment:steps}.steps-list li:before{content:counter(steps);position:absolute;left:0;top:12px;width:18px;height:18px;border-radius:50%;background:#f4f7fc;display:grid;place-items:center;color:#829aba;font-family:system-ui;font-size:9px}.steps-list b{font-size:11px;font-weight:500;color:#677e9c}.steps-list p{font-size:10px;line-height:1.9;color:#9aa9bd;margin-top:7px}.hint-card{border-radius:10px;background:#eef2f8;padding:24px;margin-top:19px;color:#879dbc}.hint-card>svg{color:#8b9dbc;margin-bottom:14px}.hint-card strong{display:block;font-size:12px;color:#6e84a1;font-weight:500}.hint-card p{font-size:10px;line-height:1.9;color:#9aa8bb;margin-top:8px}.product-matches{margin-top:12px;border:1px solid #e8edf5;border-radius:7px;max-height:230px;overflow:auto}.product-matches>button{display:flex;gap:12px;align-items:center;width:100%;padding:12px;border:0;border-bottom:1px solid #edf2f7;background:#fff;text-align:left}.product-matches>button:hover{background:#f5f8fd}.product-matches>button>svg{margin-left:auto;color:#9aadc5}.product-matches .cell-stack{color:#607593;font-size:12px}.count-summary{display:flex;align-items:center;gap:20px;padding:3px 0 18px;font-size:12px;color:#889cb7}.count-input{width:110px;font-size:11px;padding:8px 10px}.count-summary+.info-strip{margin:0 -25px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0f233464;padding:24px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{background:#fff;border-radius:14px;padding:25px;width:500px;max-width:100%;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 30px 70px #11243e33}.modal.wide{width:810px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.modal-heading h2{font-size:20px}.modal>p{margin-bottom:20px}.form-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid #edf1f7}.camera-view{position:relative;background:#0d1b2d;border-radius:10px;overflow:hidden;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center}.camera-view video{width:100%;height:100%;object-fit:cover}.scan-outline{position:absolute;top:22%;right:12%;bottom:22%;left:12%;border:2px solid #f2be43;border-radius:10px;box-shadow:0 0 0 80px #0c1b2b65;pointer-events:none}.camera-view>span{position:absolute;bottom:16px;color:#c3cddc;font-size:12px}.scanner-modal>.muted{display:flex;align-items:center;gap:7px;margin:19px 0}.install-help>svg{color:#9aabc4;margin-bottom:18px}.install-help p{font-size:12px;line-height:1.9;color:#8d9cb1;margin-bottom:18px}.install-help h3{font-size:14px;margin:14px 0 7px}.toast{position:fixed;z-index:150;left:calc(50% + 112px);transform:translate(-50%);top:23px;max-width:calc(100% - 40px);padding:14px 20px;display:flex;align-items:center;gap:10px;border-radius:9px;background:#fff;border:1px solid #d9eadf;box-shadow:0 10px 30px #1b35571c;font-size:12px;color:#3b8a70;animation:toast-in .2s}.toast.error{color:#c35760;border-color:#f5d7da}.toast>button{display:flex;background:none;border:0;padding:0;color:#99aabc;margin-left:13px}@keyframes toast-in{0%{opacity:0;margin-top:-8px}to{opacity:1;margin-top:0}}.offline-banner{display:flex;align-items:center;justify-content:center;gap:9px;background:#fff3dd;color:#a48543;font-size:11px;padding:12px}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.boot .brand strong{color:#172b4d}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.05fr 1fr;background:#fff}.login-story{position:relative;display:flex;flex-direction:column;min-height:100vh;background:#172b4d;padding:55px 70px;color:#fff;overflow:hidden}.login-story:before{content:"";position:absolute;right:-160px;bottom:-180px;width:520px;height:520px;border:1px solid #ffffff07;border-radius:50%;box-shadow:0 0 0 70px #ffffff02,0 0 0 140px #ffffff02;pointer-events:none}.login-story .brand strong{font-size:27px}.login-story .brand strong span{font-size:15px}.login-story .brand small{font-size:7px}.login-copy{position:relative;margin:auto 0}.login-copy .eyebrow{font-size:10px;letter-spacing:2.7px;margin-bottom:26px}.login-copy h1{font-size:46px;line-height:1.6;letter-spacing:2px;font-weight:600;color:#fff}.login-copy h1 em{font-style:normal;color:#eabd54}.login-copy p{font-size:13px;line-height:2.1;color:#8ba2c0;margin-top:29px}.login-footer{display:flex;align-items:center;gap:8px;font-size:10px;color:#6883a7}.login-panel{width:370px;max-width:calc(100% - 50px);align-self:center;justify-self:center}.login-panel h2{font-size:27px;line-height:1.8;margin-bottom:7px}.login-panel>.eyebrow{font-size:9px;letter-spacing:2px}.login-panel>.muted{font-size:11px;margin-bottom:37px}.login-panel .field{margin-bottom:24px;font-size:11px}.login-panel input{padding:13px 14px;font-size:12px}.login-button{margin-top:9px;height:46px}.login-button svg:last-child{margin-left:auto}.login-button{justify-content:flex-start;padding-left:17px}.login-note{margin-top:32px;border-top:1px solid #eaf0f8;padding-top:25px;display:flex;align-items:flex-start;gap:10px;color:#9bacbf;font-size:9px;line-height:1.9}.login-note>svg{color:#a5b5ca}.mobile-login-brand,.mobile-top-brand,.mobile-bottom,.mobile-welcome{display:none}@media(min-width:1500px){.sidebar{width:242px;padding-left:24px;padding-right:24px}.main-column{margin-left:242px;width:calc(100% - 242px)}.topbar{padding:0 45px}.workspace{padding-left:45px;padding-right:45px}.quick-tile{padding:19px 20px;gap:13px}.quick-tile strong{font-size:13px}.quick-tile span{font-size:9px}.toast{left:calc(50% + 121px)}.nav-item{font-size:12px;min-height:38px}.nav-group-label{font-size:10px}}@media(max-width:1200px){.quick-operations{gap:9px}.quick-tile{padding:14px 10px;gap:8px}.quick-tile>svg{display:none}.tile-icon{width:34px;height:34px}.tile-icon>svg{width:21px}.quick-tile span{display:none}.quick-tile strong{font-size:11px}.workspace{padding:24px}.topbar{padding:0 24px}.home-grid{grid-template-columns:minmax(0,2fr) minmax(235px,1fr);gap:17px}.card-heading{padding:20px}.metric-card{padding:18px}.stock-layout{grid-template-columns:minmax(0,2.5fr) minmax(215px,1fr);gap:17px}.stock-card{padding:0 20px 20px}.stock-card .card-heading{padding:20px 0}.breadcrumb{font-size:9px}.operator-name{display:none}.top-actions{gap:9px}td,th{padding-left:16px;padding-right:16px}.settings-grid{gap:17px}.submit-bar>span{font-size:8px}.list-toolbar{padding:20px}.search-box{width:290px}.page-heading-right{gap:10px}.today-label{font-size:9px}}@media(max-width:980px){.sidebar{width:196px;padding:23px 13px 12px}.sidebar .brand{padding-left:9px}.brand strong{font-size:18px}.brand strong span{font-size:10px}.brand small{font-size:5px;letter-spacing:1.5px}.main-column{margin-left:196px;width:calc(100% - 196px)}.workspace{padding:22px 20px}.topbar{padding:0 20px;height:65px}.home-grid,.settings-grid{grid-template-columns:1fr}.warehouse-status .status-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}.warehouse-status .local-mode-note{margin-top:17px}.stock-layout{grid-template-columns:1fr}.stock-aside{display:none}.metrics-grid{gap:12px}.metric-card{padding:16px}.metric-value{font-size:27px}.metric-top{font-size:10px}.metric-icon{width:28px;height:28px}.metric-caption{font-size:8px}.quick-operations{gap:7px}.quick-tile{padding:15px 10px;flex-direction:column;align-items:flex-start;gap:9px}.quick-tile strong{font-size:10px}.tile-icon{width:32px;height:32px}.today-label{display:none}.nav-item{min-height:34px;padding:8px 11px}.nav-group{margin-bottom:13px}.nav-group-label{font-size:8px}.list-toolbar{gap:13px}.search-box{width:100%;max-width:340px}.login-story{padding:40px}.login-copy h1{font-size:35px}.login-panel{width:310px}.toast{left:calc(50% + 98px)}}@media(max-width:760px){:root{background:#f5f7fb}.sidebar{display:none}.main-column{margin-left:0;width:100%}.topbar{height:auto;min-height:65px;padding:13px 17px;align-items:center;gap:7px;flex-wrap:wrap}.breadcrumb{display:none}.mobile-top-brand{display:block}.mobile-top-brand .brand{min-height:30px}.mobile-top-brand .brand strong{color:#172b4d;font-size:18px}.mobile-top-brand .brand strong span{font-size:11px}.mobile-top-brand .brand img{max-height:28px;max-width:28px}.top-actions{gap:5px}.operator-avatar,.operator-name,.top-divider{display:none}.top-actions>.icon-button{width:26px}.warehouse-scope{gap:5px}.warehouse-scope select{max-width:135px;font-size:10px;padding-right:18px}.warehouse-scope>svg{width:15px}.workspace{padding:23px 17px 90px}.page-heading{margin-bottom:22px;gap:10px}.page-heading h1{font-size:23px}.page-heading .eyebrow{font-size:8px;letter-spacing:1.3px}.page-heading p{font-size:10px;max-width:255px}.page-heading-right>.button{min-height:31px;padding:7px 10px;font-size:10px}.page-heading-right>.button svg{width:13px}.page-heading:has(.hello-dot){display:none}.mobile-welcome{display:block;margin:3px 0 23px}.mobile-welcome .eyebrow{font-size:8px}.mobile-welcome h2{font-size:26px;line-height:1.6}.mobile-welcome p{font-size:11px;color:#98a5b9;margin-top:7px}.mobile-bottom{position:fixed;z-index:40;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:space-around;min-height:66px;background:#fff;border-top:1px solid #e7edf6;padding:8px 5px max(9px,env(safe-area-inset-bottom))}.mobile-bottom>button{display:flex;align-items:center;justify-content:center;gap:6px;flex-direction:column;width:20%;border:0;background:none;color:#a1aec2;font-size:9px;padding:6px}.mobile-bottom>button.active{color:#172b4d}.mobile-bottom>button.active svg{color:#c79b35}.quick-operations{grid-template-columns:repeat(2,1fr);gap:13px;margin-bottom:24px}.quick-tile{flex-direction:row;align-items:center;gap:12px;padding:24px 17px;min-height:109px;border-radius:13px}.quick-tile.gold{background:#f8c448;border-color:#f4bd3e;box-shadow:0 5px 15px #b78d2410}.quick-tile.navy{background:#172b4d;border-color:#172b4d}.quick-tile.gold .tile-icon{background:#ffffff45;color:#172b4d}.quick-tile.navy .tile-icon{background:#ffffff15;color:#fff}.quick-tile.navy strong{color:#fff}.quick-tile.gold strong{color:#172b4d}.tile-icon{width:37px;height:37px;border-radius:9px}.quick-tile strong{font-size:15px}.quick-tile span{display:none}.quick-tile:last-child{grid-column:span 2;min-height:84px;padding:19px 20px;justify-content:flex-start}.quick-tile:last-child>svg{display:block;margin-left:auto;width:18px}.quick-tile:last-child span{display:block;font-size:9px;margin-top:4px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}.metric-card{padding:16px 17px;border-radius:10px}.metric-top{font-size:10px}.metric-value{font-size:28px;min-height:40px;margin-top:7px}.metric-icon{height:28px;width:28px}.metric-icon>svg{width:16px}.metric-caption{font-size:8px}.home-grid{gap:19px}.card-heading{padding:18px}.card-heading h2{font-size:14px}.card-heading p{font-size:9px}.card-heading>.text-button{font-size:9px}.home-grid .card:first-child th:nth-child(n+4),.home-grid .card:first-child td:nth-child(n+4){display:none}.home-grid .card:first-child td:first-child{min-width:135px}.home-grid .card:first-child table{white-space:normal}.warehouse-status .status-list{padding:0 18px;gap:0 20px}.status-line{padding:13px 0}.status-line>span{font-size:9px;gap:6px}.status-line svg{width:14px}.status-line b{font-size:13px}.warehouse-status .local-mode-note{margin:17px 18px}.warehouse-status>.text-button{margin-left:18px;margin-bottom:18px}.app-footer{display:none}.card{border-radius:11px}.list-toolbar{padding:16px;gap:12px}.list-toolbar .search-box{width:100%;max-width:none;height:40px}.toolbar-actions{width:100%;justify-content:flex-start;gap:8px}.toolbar-actions .button{font-size:10px}.list-toolbar h2{font-size:14px}.list-toolbar>.button{font-size:10px;margin-left:auto}.info-strip{padding:11px 16px;font-size:9px;align-items:flex-start}.info-strip svg{width:14px;margin-top:1px}.filter-select{font-size:10px;max-width:calc(50% - 4px);flex:1}.table-footer{padding:13px 16px;font-size:9px}.table-wrap th{font-size:9px;padding:11px 14px}.table-wrap td{font-size:10px;padding:14px}.stock-card{padding:0 16px 18px}.stock-card .card-heading{padding:18px 0}.stock-card h2{font-size:14px;gap:8px}.stock-card .card-heading p{font-size:8px;margin-top:8px}.stock-card .card-heading .badge{font-size:9px;padding:4px 6px}.scan-input-row{gap:7px;flex-wrap:wrap}.scan-code-input{width:100%;flex:auto;height:49px;min-width:0}.scan-code-input input{font-size:14px}.scan-input-row>.secondary{flex:1;min-height:45px}.scan-input-row>.camera-button{flex:1;background:#f4bd3e;border-color:#f4bd3e;color:#172b4d;min-height:45px;font-size:13px}.scan-placeholder{margin-top:16px;height:125px}.selected-product{padding:14px 12px;gap:12px;margin-top:17px}.product-picture.large{height:65px;width:65px;border-radius:9px}.selected-product h3{font-size:14px;margin-bottom:7px;padding-right:16px}.selected-product p{font-size:9px;gap:5px}.selected-product .eyebrow{display:none}.selected-product .code{font-size:10px}.selected-product small{font-size:9px}.section-divider{margin:23px 0 19px}.stock-step{margin-bottom:17px}.stock-step>span{display:none}.form-grid{gap:0 11px}.field{font-size:11px;margin-bottom:17px;gap:8px}.field input,.field select{font-size:12px;padding:12px 10px;min-height:44px}.field small{font-size:9px}.field textarea{font-size:12px}.submit-bar{flex-direction:column-reverse;align-items:stretch;margin-top:5px;padding-top:18px;gap:12px}.submit-bar .button{width:100%;min-height:50px;font-size:15px;border-radius:9px}.submit-bar>span{justify-content:center;font-size:9px}.stock-balance{font-size:10px;padding:12px;gap:7px}.stock-balance strong{font-size:12px}.alert{font-size:11px;padding:11px 12px}.alert.success small{font-size:9px}.offline-banner{padding:10px 14px;line-height:1.7;font-size:10px}.modal-backdrop{padding:12px}.modal{padding:20px;width:100%;max-height:calc(100dvh - 24px);border-radius:12px}.modal-heading{margin-bottom:20px;gap:10px}.modal-heading h2{font-size:18px}.modal .form-grid{grid-template-columns:1fr}.modal .field{margin-bottom:16px}.modal .detail-list dt{width:90px}.modal .detail-list>div{font-size:11px}.modal .info-strip{margin-left:-20px;margin-right:-20px}.checkbox-grid{grid-template-columns:1fr}.check-option{padding:11px}.permission-grid{max-height:43vh;grid-template-columns:repeat(2,1fr);gap:8px}.permission-grid .check-option{padding:10px 8px;gap:7px;align-items:flex-start}.permission-grid .check-option>span{font-size:9px}.permission-grid .check-option small{font-size:8px;word-break:break-all}.permission-grid .check-option input{width:13px;height:13px;margin-top:2px}.form-actions{padding-top:17px;margin-top:19px}.form-actions .button{min-height:43px;font-size:12px}.form-actions>.muted{font-size:10px}.count-summary{font-size:10px;gap:10px;padding-bottom:14px}.count-input{width:85px;font-size:13px}.toast{left:50%;top:14px;max-width:calc(100% - 24px);width:max-content;padding:12px 15px;font-size:11px;line-height:1.8}.toast span{max-width:255px}.tabs{padding:0 16px;flex-wrap:wrap;gap:0}.tabs>div{gap:23px}.tabs>div>button{font-size:11px;padding:18px 0}.tabs>.button{margin-bottom:12px;font-size:9px;min-height:30px}.settings-details{padding:0 18px}.capability-list{padding:0 18px 5px}.settings-grid .card>.alert{margin:15px 18px 20px}.local-mode-note.big{margin:18px;padding:16px}.local-mode-note.big strong{font-size:11px}.local-mode-note.big p{font-size:10px}.login-screen{display:flex;min-height:100dvh;justify-content:center;align-items:center;padding:34px 20px;background:#f7f9fc}.login-story{display:none}.login-panel{width:360px;max-width:100%;border-radius:17px;padding:27px 25px;background:#fff;box-shadow:0 10px 35px #20345407;border:1px solid #e9eef5}.mobile-login-brand{display:block;margin:0 0 35px}.mobile-login-brand .brand strong{color:#172b4d;font-size:24px}.mobile-login-brand .brand strong span{font-size:12px}.mobile-login-brand .brand small{color:#9aaac1;font-size:6px}.login-panel h2{font-size:23px}.login-panel>.muted{font-size:10px;margin-bottom:28px}.login-panel .field{margin-bottom:21px}.login-panel input{font-size:14px;padding:13px}.login-panel .login-button{font-size:13px;min-height:48px}.login-note{margin-top:26px;padding-top:21px;font-size:9px}.product-detail-header h3{font-size:17px}.install-help p{font-size:11px}.settings-details .code{font-size:10px}}@media(max-width:380px){.top-actions .warehouse-scope>svg{display:none}.warehouse-scope select{max-width:116px}.top-actions{gap:2px}.mobile-top-brand .brand strong{font-size:16px}.mobile-top-brand .brand strong span{font-size:10px}.workspace{padding-left:13px;padding-right:13px}.quick-tile{padding:20px 12px;gap:10px}.quick-tile strong{font-size:13px}.tile-icon{height:34px;width:34px}.topbar{padding-left:13px;padding-right:13px}.stock-card .form-grid{grid-template-columns:1fr}}.metrics-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:760px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field{font-size:14px}.field input,.field select,.field textarea{font-size:16px;min-height:48px}.table-wrap th{font-size:12px}.table-wrap td{font-size:13px}.info-strip,.metric-caption,.page-heading p,.mobile-welcome p,.stock-balance,.offline-banner{font-size:12px}.toolbar-actions .button,.text-button{font-size:13px}.top-actions>.icon-button{width:32px;height:40px}.mobile-bottom>button{font-size:12px;min-height:50px}.modal .field{font-size:14px}.modal .detail-list>div{font-size:13px}.stock-card .card-heading p{font-size:12px}}:root{color:#24344b;font-weight:500;--text:#24344b;--muted:#53647c;--green:#176b52;--red:#b43642}input::placeholder,textarea::placeholder{color:#65738a;opacity:1}input:disabled,input[readonly]{color:#53647c}.code,.location-tag{color:#243e60;font-weight:600}.numeric{font-weight:600}th{color:#3d506b;font-weight:600}td{color:#34465f;font-weight:500}td b,.product-cell,.product-matches .cell-stack,.detail-list dd{color:#263b59;font-weight:500}.field,.field>span,.steps-list b,.hint-card strong,.local-mode-note strong{color:#344c6b;font-weight:500}.unit,.eyebrow,.breadcrumb,.breadcrumb b,.operator-name small,.page-heading p,.today-label,.app-footer,.card-heading p,.quick-tile span,.metric-top,.metric-value small,.metric-caption,.status-line>span,.status-line b small,.local-mode-note,.local-mode-note p,.cell-stack small,.table-footer,.table-footer b,.empty strong,.empty span,.loading,.search-box,.search-box button,.info-strip,.detail-list dt,.permission-toolbar h3 span,.check-option small,.tabs>div>button,.capability-list p,.scan-placeholder span,.selected-product p,.selected-product small,.selected-product .eyebrow,.stock-step>span,.field small,.stock-balance,.submit-bar>span,.steps-list p,.hint-card,.hint-card p,.count-summary,.install-help p,.login-note,.mobile-welcome p,.mobile-bottom>button,.mobile-login-brand .brand small{color:#53647c}.unit,.metric-value small,.status-line b small,.permission-toolbar h3 span{font-weight:500}.stock-balance strong,.status-line b,.metric-value{color:#203957;font-weight:600}.icon-button{color:#536b89}.check-option>span{color:#405772}.positive,.badge.green,.alert.success,.toast{color:#176b52}.badge.red,.toast.error{color:#a92f3c}.badge.amber,.offline-banner{color:#805b14}.alert.info{color:#38577d}.alert.success small,.live-label{color:#386d59}.badge.neutral{color:#475b76}.step-number{color:#466384}.step-number.inbound{color:#805b14}.sidebar,.nav-item{color:#d0dceb}.sidebar .brand small,.version-label,.nav-group-label,.sidebar-bottom,.sidebar-bottom button{color:#bdcde1}.nav-item:hover{color:#fff}.nav-item.active,.tabs>div>button.active,.mobile-bottom>button.active{color:var(--navy)}.login-copy p,.login-footer{color:#bdcde1}.allocation-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:16px 0;padding:14px;background:#f6f9fd;border:1px solid #e5edf5;border-radius:7px}.allocation-summary>div{display:flex;flex-direction:column;gap:7px;color:#53647c;font-size:12px}.allocation-summary strong{color:#203957;font-size:21px;font-weight:600;font-variant-numeric:tabular-nums}.allocation-list{border:1px solid #e5edf5;border-radius:7px;overflow:hidden;margin:16px 0}.allocation-row,.allocation-total{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;color:#34465f;font-size:13px;border-bottom:1px solid #edf1f6}.allocation-row:last-child{border-bottom:0}.allocation-row strong,.allocation-total strong{color:#203957;font-weight:600;font-variant-numeric:tabular-nums}.allocation-total{background:#f8fafc;font-weight:600;border-bottom:0;border-top:1px solid #edf1f6}.outbound-confirm-note{color:#53647c;font-size:12px;line-height:1.9;margin:14px 0}@media(max-width:760px){.allocation-summary{gap:8px;padding:12px}.allocation-summary strong{font-size:20px}.allocation-row,.allocation-total{padding:12px}.outbound-confirm-note{font-size:13px}}
