@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";
:root{--navy:#0d1b2e;--navy-2:#13253d;--blue:#3568f0;--blue-soft:#eef3ff;--green:#1eaa72;--orange:#f08a43;--red:#e15050;--ink:#172238;--muted:#718096;--line:#e7ebf2;--bg:#f4f6fa;--white:#fff}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:DM Sans,Noto Sans SC,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading{background:var(--navy);place-items:center;min-height:100vh;display:grid}.login-panel .remember-login{cursor:pointer;align-items:center;gap:8px;width:max-content;display:flex}.login-panel .remember-login input{width:16px;height:16px;accent-color:var(--blue);margin:0}.app-shell{min-height:100vh}.sidebar{color:#b9c7da;background:linear-gradient(180deg,var(--navy),#0a1728);z-index:30;flex-direction:column;width:248px;padding:26px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:12px;padding:0 10px 30px;display:flex}.brand-mark{color:#fff;letter-spacing:-1px;background:linear-gradient(135deg,#4c7cff,#2d56d9);border-radius:13px;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid;box-shadow:0 10px 28px #3568f052}.brand strong{color:#fff;letter-spacing:.1px;font-size:15px;display:block}.brand small{color:#7f91aa;margin-top:3px;font-size:10px;display:block}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav button{color:#8fa1ba;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:13px;padding:12px 14px;font-size:14px;transition:all .2s;display:flex}.sidebar nav button:hover{color:#fff;background:#ffffff0d}.sidebar nav button.active{color:#fff;background:linear-gradient(90deg,#406de847,#406de81f);box-shadow:inset 3px 0 #5481ff}.sidebar-foot{color:#70839d;border-top:1px solid #ffffff14;align-items:center;gap:10px;margin-top:auto;padding:18px 10px 0;display:flex}.sidebar-foot strong,.sidebar-foot small{font-size:11px;display:block}.sidebar-foot small{margin-top:2px;font-size:9px}.main{min-height:100vh;margin-left:248px}.topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);z-index:20;background:#ffffffeb;justify-content:space-between;align-items:center;height:76px;padding:0 30px;display:flex;position:sticky;top:0}.top-title{align-items:center;gap:12px;display:flex}.top-title p{margin:0;font-size:16px;font-weight:700}.top-title span{color:var(--muted);font-size:11px}.top-actions{align-items:center;gap:12px;display:flex}.language,.secondary{border:1px solid var(--line);color:#526078;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 13px;font-size:13px;display:inline-flex}.profile{align-items:center;gap:9px;padding-left:8px;display:flex}.profile strong,.profile small{font-size:12px;display:block}.profile small{color:var(--muted);margin-top:2px;font-size:10px}.avatar{background:var(--blue-soft);width:34px;height:34px;color:var(--blue);border-radius:10px;place-items:center;display:grid}.icon-btn{color:#6e7b90;background:0 0;border:0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{background:#f0f3f8}.mobile-menu{display:none}.content{max-width:1600px;margin:auto;padding:30px}.welcome,.page-intro{justify-content:space-between;align-items:flex-end;margin-bottom:24px;display:flex}.welcome h1,.page-intro h1{letter-spacing:-.6px;margin:0 0 7px;font-size:25px}.welcome p,.page-intro p{color:var(--muted);margin:0;font-size:13px}.primary{color:#fff;background:linear-gradient(135deg,#3e72f3,#315fdc);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 8px 18px #3568f033}.primary:hover{transform:translateY(-1px);box-shadow:0 10px 22px #3568f047}.orange-button{background:linear-gradient(135deg,#f69a55,#e77b31);box-shadow:0 8px 18px #f08a433d}.button-row{gap:9px;display:flex}.stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:18px;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:flex-start;gap:15px;padding:20px;display:flex;box-shadow:0 5px 20px #23304809}.stat-icon{border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.stat-icon.green,.quick-icon.green{color:#179663;background:#e9f8f1}.stat-icon.orange,.quick-icon.orange{color:#d73;background:#fff1e8}.stat-icon.blue,.quick-icon.blue{color:#3568f0;background:#edf2ff}.stat-icon.violet{color:#805bd5;background:#f3edff}.stat-meta{flex:1;min-width:0}.stat-meta span{color:#7b8799;font-size:12px;display:block}.stat-meta strong{letter-spacing:-.7px;margin-top:6px;font-size:25px;display:inline-block}.stat-meta small{float:right;color:#4b9c78;margin-top:15px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,2.2fr) minmax(250px,.8fr);gap:18px;display:grid}.card{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 5px 22px #23304809}.card-head{border-bottom:1px solid #eef1f5;justify-content:space-between;align-items:center;height:60px;padding:0 20px;display:flex}.card-head h3{margin:0;font-size:15px}.text-btn{color:var(--blue);background:0 0;border:0;align-items:center;gap:4px;font-size:12px;display:inline-flex}.quick-card{padding-bottom:10px}.quick-card>button{text-align:left;background:#fff;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;width:calc(100% - 24px);margin:10px 12px 0;padding:12px;display:flex}.quick-card>button:hover{background:#f8faff;border-color:#e8edfa}.quick-icon{border-radius:11px;place-items:center;width:39px;height:39px;display:grid}.quick-icon svg{width:18px}.quick-card button div{flex:1}.quick-card strong,.quick-card small{display:block}.quick-card strong{font-size:12px}.quick-card small{color:#9aa4b2;margin-top:3px;font-size:9px}.quick-card b{color:#9aa6b8;font-weight:400}.list-card{overflow:hidden}.toolbar{border-bottom:1px solid var(--line);padding:16px 18px}.search-box{border:1px solid var(--line);color:#9aa5b5;background:#f9fafc;border-radius:10px;align-items:center;gap:8px;width:min(380px,100%);padding:0 12px;display:flex}.search-box input{width:100%;height:38px;color:var(--ink);background:0 0;border:0;outline:0;font-size:12px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:720px}th{color:#8a96a7;text-align:left;text-transform:uppercase;letter-spacing:.4px;background:#fafbfc;padding:12px 20px;font-size:10px;font-weight:600}td{color:#526078;border-top:1px solid #eff2f6;padding:15px 20px;font-size:12px}td strong{color:#26344c}td small{color:#9aa5b5;margin-top:4px;font-size:9px;display:block}.type-badge,.status{white-space:nowrap;border-radius:7px;align-items:center;gap:5px;padding:5px 8px;font-size:10px;font-weight:600;display:inline-flex}.type-badge.inbound{color:#178e60;background:#eaf8f2}.type-badge.outbound{color:#d97532;background:#fff0e6}.status.done{color:#168a5d;background:#e9f8f1}.status.warn{color:#d5752f;background:#fff1e6}.status.off{color:#7c8797;background:#f0f2f5}.entity,.product-cell{align-items:center;gap:10px;display:flex}.entity span,.product-thumb{color:#3e68d7;background:linear-gradient(135deg,#ecf2ff,#dfe8ff);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:grid}.product-thumb{color:#8190a5;background:#f0f3f8}.stock-number,.inventory-number{font-size:15px}.positive{color:var(--green)!important}.negative{color:var(--orange)!important}.empty{text-align:center;color:#9ba5b5;padding:45px}.file-button input{display:none}.toast{z-index:80;color:#fff;background:#18324e;border-radius:12px;align-items:center;gap:10px;padding:13px 18px;font-size:13px;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:0 15px 40px #0c1a2d4d}.toast span{color:#66ddb0}.row-actions{align-items:center;gap:7px;display:flex}.row-actions button{color:#52627a;white-space:nowrap;background:#fff;border:1px solid #dfe5ee;border-radius:9px;align-items:center;gap:6px;padding:7px 9px;display:inline-flex}.row-actions button:hover{color:var(--blue);background:#f7f9ff;border-color:#b9c9f3}.row-actions button.danger-action{color:#c94d4d}.row-actions button.danger-action:hover{color:#b83a3a;background:#fff5f5;border-color:#f0baba}.cancelled-row{opacity:.68;background:#fafbfc}.correction-label{color:#7b63c7;background:#f2edff;border-radius:6px;width:max-content;padding:3px 6px}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#07111f94;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:20px;flex-direction:column;width:min(720px,100%);max-height:90vh;display:flex;overflow:hidden;box-shadow:0 30px 90px #0512264d}.modal-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.modal-head span{color:var(--blue);letter-spacing:1px;text-transform:uppercase;font-size:9px;font-weight:700}.modal-head h2{margin:4px 0 0;font-size:20px}.modal-body{padding:24px;overflow:auto}.modal-foot{border-top:1px solid var(--line);background:#fbfcfd;justify-content:flex-end;gap:10px;padding:16px 24px;display:flex}.form-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.form-grid label{display:block}.form-grid label.wide{grid-column:1/-1}.form-grid label>span{color:#5f6d81;margin-bottom:7px;font-size:11px;font-weight:600;display:block}input,select,textarea{color:#26344c;background:#fff;border:1px solid #dfe4ec;border-radius:10px;outline:none;width:100%;padding:10px 12px;font-size:13px}input:focus,select:focus,textarea:focus{border-color:#6f94f5;box-shadow:0 0 0 3px #3568f017}textarea{resize:vertical;min-height:80px}.order-meta{margin-bottom:20px}.line-title{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:15px 0 10px;display:flex}.order-lines{flex-direction:column;gap:8px;display:flex}.order-line{background:#f8fafc;border-radius:12px;grid-template-columns:30px minmax(180px,1fr) 90px 105px 28px;align-items:center;gap:8px;padding:9px;display:grid}.order-line>span{color:#9aa5b5;text-align:center;font-size:10px}.order-line small{color:#7f8ca0;font-size:9px}.remove-line{color:#9aa5b5;background:0 0;border:0}.form-error{color:#d74646;background:#fff0f0;border-radius:8px;padding:9px 11px;font-size:11px}.order-error{margin-top:12px}input:disabled{color:#7a8799;cursor:not-allowed;background:#f1f4f8}.primary:disabled,.danger-button:disabled{cursor:not-allowed;opacity:.48;box-shadow:none;transform:none}.danger-button{color:#fff;background:linear-gradient(135deg,#df5b5b,#bd3f3f);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:15px;font-weight:600;display:inline-flex;box-shadow:0 8px 18px #c5404038}.locked-notice.wide{color:#526b91;background:#f0f5ff;border:1px solid #dce7fb;border-radius:11px;grid-column:1/-1;align-items:flex-start;gap:10px;padding:12px 14px;font-size:12px;line-height:1.55;display:flex}.confirm-progress{justify-content:center;align-items:center;max-width:330px;margin:0 auto 24px;display:flex}.confirm-progress span{color:#8c98a9;background:#eef1f5;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;font-weight:700;display:grid}.confirm-progress span.active{color:#fff;background:var(--blue);box-shadow:0 5px 15px #3568f040}.confirm-progress i{background:#e4e8ef;flex:1;height:2px}.confirm-panel{text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:520px;min-height:230px;margin:auto;display:flex}.confirm-panel h3{margin:12px 0 8px;font-size:19px}.confirm-panel>p{color:#66758a;max-width:460px;margin:0;font-size:14px;line-height:1.7}.confirm-symbol{width:62px;height:62px;color:var(--blue);background:#eef3ff;border-radius:18px;place-items:center;display:grid}.confirm-symbol.danger{color:#ca4646;background:#fff0f0}.impact-code,.copy-code{color:#28405f;letter-spacing:.3px;background:#f2f5f9;border-radius:9px;margin-top:18px;padding:9px 14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:14px;font-weight:700}.risk-box{text-align:left;color:#5d6d83;background:#fff9ed;border:1px solid #f4dfb5;border-radius:13px;align-items:flex-start;gap:12px;width:100%;padding:18px;display:flex}.risk-box svg{color:#d08a2f;flex:none}.risk-box p{margin:0;font-size:14px;line-height:1.65}.ack-row{text-align:left;cursor:pointer;border:1px solid #dde4ee;border-radius:11px;flex-direction:row;align-items:center;gap:11px;width:100%;margin-top:18px;padding:14px;display:flex!important}.ack-row input{width:18px;height:18px;accent-color:var(--blue);margin:0}.ack-row span{margin:0!important;font-size:14px!important}.confirm-panel>input{text-align:center;margin-top:14px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.confirm-error{width:100%;margin-top:12px}.dimensions-field.wide{grid-column:1/-1}.dimensions-field>span{color:#5f6d81;margin-bottom:8px;font-size:13px;font-weight:600;display:block}.dimension-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.dimension-grid label small{color:#8793a4;margin-bottom:6px;font-size:11px;display:block}.settings-grid{grid-template-columns:minmax(220px,.65fr) minmax(0,2fr);align-items:start;gap:18px;display:grid}.version-hero{color:#fff;background:linear-gradient(145deg,#142b49,#28528a);border:0;padding:28px;position:relative}.version-hero:after{content:"WZ";color:#ffffff0f;font-size:72px;font-weight:800;position:absolute;bottom:2px;right:20px}.version-hero span,.version-hero small{color:#a9c0df;font-size:12px;display:block}.version-hero strong{letter-spacing:-1px;margin:10px 0 24px;font-size:34px;display:block}.release-list{padding:8px 24px 20px}.release-list article{grid-template-columns:20px minmax(0,1fr);gap:14px;display:grid}.release-marker{justify-content:center;display:flex;position:relative}.release-marker:after{content:"";background:#dfe6f1;width:1px;position:absolute;top:24px;bottom:0}.release-list article:last-child .release-marker:after{display:none}.release-marker span{z-index:1;background:#b9c4d4;border-radius:50%;width:10px;height:10px;margin-top:21px;position:relative;box-shadow:0 0 0 5px #fff}.release-marker span.current{background:var(--blue);box-shadow:0 0 0 5px #edf2ff}.release-body{min-width:0;padding:14px 0 20px}.release-title{justify-content:space-between;align-items:center;gap:15px;display:flex}.release-title strong{color:#26344c;font-size:16px}.release-title time{color:#96a1b1;flex:none;font-size:12px}.release-body ul{color:#66758a;margin:10px 0 0;padding-left:18px}.release-body li{overflow-wrap:anywhere;margin:6px 0;font-size:13px;line-height:1.55}.login-page{background:#fff;grid-template-columns:minmax(420px,1.25fr) minmax(380px,.75fr);min-height:100vh;display:grid}.login-visual{color:#fff;background:radial-gradient(circle at 75% 25%,#254b75 0,#0000 34%),linear-gradient(145deg,#0c1c30,#132d48 65%,#163652);position:relative;overflow:hidden}.visual-glow{filter:blur(120px);opacity:.16;background:#3971eb;border-radius:50%;width:380px;height:380px;position:absolute;bottom:-140px;left:-120px}.visual-content{z-index:2;flex-direction:column;justify-content:center;height:100%;min-height:660px;padding:48px clamp(45px,7vw,100px);display:flex;position:relative}.login-brand{padding:0;position:absolute;top:38px;left:clamp(45px,7vw,100px)}.login-brand strong{font-size:16px}.hero-tag{color:#a9c5ec;background:#ffffff0d;border:1px solid #a0c2ec33;border-radius:20px;align-items:center;gap:7px;width:max-content;padding:7px 11px;font-size:10px;display:flex}.visual-content h1{white-space:pre-line;letter-spacing:-2.5px;max-width:640px;margin:24px 0 18px;font-size:clamp(38px,4vw,58px);line-height:1.18}.visual-content>p{color:#9eb2cb;max-width:470px;font-size:14px;line-height:1.8}.warehouse-art{opacity:.82;width:320px;height:130px;margin-top:35px;position:relative}.art-floor{background:linear-gradient(90deg,#0000,#6086ad,#0000);height:1px;position:absolute;bottom:7px;left:0;right:0}.art-box{background:linear-gradient(145deg,#487aae38,#ffffff0a);border:1px solid #89b1da59;position:absolute;bottom:8px;transform:skewY(-8deg)}.b1{width:92px;height:76px;left:24px}.b2{width:112px;height:102px;left:105px}.b3{width:82px;height:60px;left:213px}.login-panel{place-items:center;padding:40px;display:grid;position:relative}.login-panel form{width:min(360px,100%)}.login-panel .eyebrow{color:var(--blue);letter-spacing:1.4px;font-size:10px;font-weight:700}.login-panel h2{letter-spacing:-1px;margin:10px 0 6px;font-size:30px}.login-panel form>p{color:var(--muted);margin:0 0 30px;font-size:13px}.login-panel label{color:#57657a;margin-top:15px;font-size:11px;font-weight:600;display:block}.login-panel input{height:46px;margin-top:7px}.login-submit{justify-content:space-between;width:100%;height:47px;margin-top:24px;padding:0 18px}.demo-tip{color:#9aa5b4;text-align:center;margin-top:14px;font-size:10px;display:block}.login-language{position:absolute;top:28px;right:30px}.menu-backdrop{display:none}.unpack-page{max-width:1050px;margin:auto;padding:32px}.unpack-page h1{margin:25px 0 6px;font-size:30px}.unpack-page>p{color:var(--muted);font-size:15px}.unpack-page .form-error{margin:16px 0}.unpack-form{margin-top:20px}.unpack-summary{color:#526078;background:#f5f8fc;border-radius:10px;min-height:46px;padding:10px 12px;font-size:14px;line-height:1.55}.unpack-list{margin-top:20px}.brand strong{font-size:17px}.brand small{font-size:12px}.sidebar nav button{padding:13px 14px;font-size:16px}.sidebar-foot strong,.sidebar-foot small{font-size:12px}.sidebar-foot small{font-size:11px}.top-title p{font-size:18px}.top-title span{font-size:13px}.language,.secondary,.primary{font-size:15px}.profile strong{font-size:14px}.profile small{font-size:12px}.welcome h1,.page-intro h1{font-size:29px}.welcome p,.page-intro p{font-size:15px}.stat-meta span{font-size:14px}.stat-meta strong{font-size:29px}.stat-meta small{font-size:12px}.card-head h3{font-size:17px}.text-btn,.quick-card strong{font-size:14px}.quick-card small{font-size:11px}.search-box input{height:42px;font-size:14px}th{padding:14px 20px;font-size:12px}td{padding:17px 20px;font-size:14px}td small{font-size:11px}.type-badge,.status{font-size:12px}.stock-number{font-size:18px}.inventory-number{font-size:21px}.empty{font-size:14px}.toast{font-size:15px}.modal-head span{font-size:11px}.modal-head h2{font-size:23px}.form-grid label>span,.image-field>span{font-size:13px}input,select,textarea{padding:11px 13px;font-size:15px}.line-title strong{font-size:14px}.order-line>span,.order-line small{font-size:12px}.form-error{font-size:13px}.hero-tag{font-size:12px}.visual-content>p{font-size:16px}.login-panel .eyebrow{font-size:12px}.login-panel form>p{font-size:15px}.login-panel label{font-size:13px}.product-gallery{flex:none;width:48px;height:48px;position:relative}.product-thumb{color:#7890b0;cursor:default;background:#eef3fa;border:0;border-radius:12px;place-items:center;width:48px;height:48px;padding:0;display:grid;overflow:hidden}.product-thumb img{object-fit:cover;width:100%;height:100%;display:block}.image-count{color:#fff;pointer-events:none;background:#3568f0;border:2px solid #fff;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:800;display:grid;position:absolute;bottom:-5px;right:-5px}.image-hover-card{z-index:120;background:#fff;border:1px solid #dce4f0;border-radius:18px;width:360px;padding:14px;animation:.16s ease-out gallery-in;position:fixed;box-shadow:0 22px 65px #12243d40}.gallery-heading{justify-content:space-between;align-items:flex-start;gap:12px;padding:1px 2px 12px;display:flex}.gallery-heading div{min-width:0}.gallery-heading strong,.gallery-heading small{display:block}.gallery-heading strong{text-overflow:ellipsis;white-space:nowrap;color:#23324a;font-size:15px;overflow:hidden}.gallery-heading small{color:#7e8ba0;margin-top:4px;font-size:11px}.gallery-heading>span{color:#5270a0;background:#edf3ff;border-radius:10px;flex:none;padding:4px 8px;font-size:11px;font-weight:700}.gallery-main{object-fit:contain;background:#f4f7fb;border-radius:13px;width:100%;height:292px;display:block}.gallery-thumbs{grid-template-columns:repeat(6,1fr);gap:6px;margin-top:10px;display:grid}.gallery-thumbs button{aspect-ratio:1;background:#f1f4f8;border:2px solid #0000;border-radius:8px;padding:0;overflow:hidden}.gallery-thumbs button.active{border-color:var(--blue);box-shadow:0 0 0 2px #3568f01f}.gallery-thumbs img{object-fit:cover;width:100%;height:100%;display:block}.mobile-gallery{z-index:160;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050e1bb8;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.mobile-gallery-card{background:#fff;border-radius:20px;width:min(520px,100%);max-height:92vh;padding:16px;position:relative;overflow:auto;box-shadow:0 24px 80px #00000059}.mobile-gallery-card .gallery-main{height:min(58vh,470px)}.gallery-close{z-index:2;color:#fff;background:#0d1b2eb8;border:0;border-radius:12px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:8px;right:8px}.mobile-gallery-card .gallery-heading{padding-right:38px}.order-sku-list{flex-direction:column;gap:9px;min-width:330px;display:flex}.order-sku-detail{align-items:center;gap:12px;display:flex}.order-sku-detail+.order-sku-detail{border-top:1px solid #edf0f5;padding-top:9px}.order-sku-detail>div:last-child{min-width:0}.order-sku-detail strong,.order-sku-detail small{display:block}.order-sku-detail strong{color:#283750}.order-sku-detail small{color:#8290a4;margin-top:4px}.image-field.wide{grid-column:1/-1}.image-field>span{color:#5f6d81;margin-bottom:8px;font-weight:600;display:block}.multi-image-upload{background:#fafcff;border:1px dashed #cfd8e7;border-radius:14px;padding:14px}.image-placeholder{color:#7890b0;background:#eef3fa;border-radius:14px;place-items:center;width:86px;height:86px;display:grid}.image-editor-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.image-editor-card{aspect-ratio:1;background:#eef3fa;border:2px solid #0000;border-radius:13px;position:relative;overflow:hidden}.image-editor-card.main{border-color:#5d85f3}.image-editor-card>img{object-fit:cover;width:100%;height:100%;display:block}.main-image-badge{color:#fff;background:#224ebbe6;border-radius:7px;align-items:center;gap:4px;padding:4px 6px;font-size:10px;font-weight:700;display:flex;position:absolute;top:6px;left:6px}.image-editor-actions{opacity:0;justify-content:center;gap:4px;transition:all .16s;display:flex;position:absolute;bottom:5px;left:5px;right:5px;transform:translateY(5px)}.image-editor-card:hover .image-editor-actions,.image-editor-card:focus-within .image-editor-actions{opacity:1;transform:none}.image-editor-actions button{color:#fff;background:#111f33c7;border:0;border-radius:7px;place-items:center;width:27px;height:27px;padding:0;display:grid}.image-editor-actions button:disabled{opacity:.35}.image-editor-actions .delete-image{background:#c03737e0}.image-upload-controls{align-items:center;gap:12px;margin-top:12px;display:flex}.image-upload-controls small{color:#8290a3;font-size:12px}.image-button input{display:none}.image-button.disabled{opacity:.5;pointer-events:none}.image-error{color:var(--red);margin:7px 0 0;font-size:12px}@keyframes gallery-in{0%{opacity:0;transform:translateY(5px)scale(.985)}to{opacity:1;transform:none}}.stocktake-head,.stocktake-row{grid-template-columns:46px minmax(90px,1.2fr) repeat(5,minmax(86px,1fr));align-items:center;gap:10px;display:grid}.stocktake-head{color:#7d899a;background:#f6f8fb;border-radius:10px;margin-top:20px;padding:10px 12px;font-size:11px}.stocktake-row{border-bottom:1px solid var(--line);padding:11px 12px;font-size:13px}.stocktake-row input[type=checkbox]{width:18px;height:18px}.stocktake-row input[type=number]{padding:8px 10px}.unpack-preview{text-align:center;background:#f7f9fc;border:1px solid #dfe7f2;border-radius:14px;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:20px;padding:18px;display:grid}.unpack-preview div span,.unpack-preview div strong{display:block}.unpack-preview div span{color:#7d899a;font-size:12px}.unpack-preview div strong{color:#24324a;margin-top:6px;font-size:18px}.unpack-preview b{color:var(--blue);font-size:22px}.unpack-preview>small{color:#5d6d83;grid-column:1/-1;font-size:12px}@media (max-width:1050px){.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr 430px}.visual-content{padding:45px}.login-brand{left:45px}}@media (max-width:780px){.sidebar{transition:all .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main{margin-left:0}.mobile-menu{display:grid}.menu-backdrop{z-index:25;background:#07111f66;border:0;display:block;position:fixed;inset:0}.topbar{padding:0 16px}.profile div,.profile>svg{display:none}.content{padding:22px 16px}.login-page{grid-template-columns:1fr}.login-visual{display:none}.login-panel{min-height:100vh}.stats-grid{grid-template-columns:1fr 1fr}.welcome,.page-intro{align-items:flex-start;gap:15px}.page-intro{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid label.wide{grid-column:auto}.order-line{grid-template-columns:24px 1fr 80px 28px}.order-line small{display:none}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.top-title span{display:none}.language{padding:9px}.language:not(.login-language){font-size:0}.welcome{flex-direction:column}.welcome .primary,.button-row{width:100%}.button-row>*{flex:1}.profile{display:none}}@media (max-width:780px){.image-field.wide{grid-column:auto}.image-editor-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.image-editor-actions{opacity:1;transform:none}.image-upload-controls{flex-direction:column;align-items:flex-start}.image-hover-card{display:none}.product-thumb{cursor:pointer}.order-sku-list{min-width:260px}.settings-grid{grid-template-columns:1fr}.version-hero strong{margin-bottom:8px}.release-list{padding-inline:16px}.row-actions button span{display:none}.row-actions button{padding:8px}.confirm-panel{min-height:250px}.modal-body{padding:20px}}@media (max-width:480px){.dimension-grid{grid-template-columns:1fr}}.stat-card{border:1px solid var(--line);text-align:left;cursor:pointer;width:100%;transition:transform .16s,box-shadow .16s,border-color .16s;position:relative}.stat-card:hover{border-color:#bfd0fb;transform:translateY(-2px);box-shadow:0 11px 28px #2330481c}.stat-card:focus-visible{outline-offset:2px;outline:3px solid #3568f038}.stat-open{color:#8ca3d5;opacity:0;font-size:17px;transition:opacity .16s;position:absolute;bottom:12px;right:16px}.stat-card:hover .stat-open,.stat-card:focus-visible .stat-open{opacity:1}.detail-summary{color:#526078;background:#f4f7fc;border:1px solid #e4ebf7;border-radius:12px;align-items:baseline;gap:10px;margin-bottom:16px;padding:14px 16px;display:flex}.detail-summary strong{color:#263d65;font-size:21px}.detail-summary span{font-size:13px}.sku-autocomplete{min-width:0;position:relative}.sku-autocomplete>input{box-sizing:border-box;height:100%}.sku-suggestions{background:#fff;border:1px solid #cfdaf0;border-radius:12px;max-height:278px;padding:6px;overflow:auto;box-shadow:0 16px 35px #142a4d2e}.sku-suggestions.floating{z-index:200;position:fixed}.sku-suggestions.floating.up{transform:translateY(-100%)}.sku-suggestions button{color:#2d3d57;text-align:left;background:0 0;border:0;border-radius:8px;width:100%;padding:10px 11px}.sku-suggestions button:hover,.sku-suggestions button.active{background:#edf3ff}.sku-suggestions strong,.sku-suggestions small{display:block}.sku-suggestions strong{font-size:13px}.sku-suggestions small{color:#77869b;margin-top:4px;font-size:11px}.sku-empty{color:#8b97a8;text-align:center;padding:12px;font-size:13px}.stocktake-row strong small{color:#8290a4;margin-top:3px;font-size:11px;font-weight:400;display:block}.stocktake-empty{color:#8b97a8;text-align:center;padding:22px 12px;font-size:13px}.modal-backdrop{animation:.18s ease-out both modal-backdrop-in}.modal{animation:.26s cubic-bezier(.22,.8,.3,1) both modal-content-in}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}