@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{color:#17212b;font-synthesis:none;--ink:#17212b;--muted:#687581;--line:#dce3e8;--paper:#f9fbfc;--blue:#176ca4;--blue-dark:#143f66;--blue-pale:#e7f2f8;--orange:#df6b32;--orange-pale:#fff0e7;--green:#27866f;--green-pale:#e7f5f0;--shadow:0 14px 40px #1f334314;background:#eef2f5;font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}body{background:#eef2f5;min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.42}.app-shell{grid-template-columns:224px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#dce8ef;z-index:30;background:#102f49;flex-direction:column;height:100vh;padding:22px 14px 16px;display:flex;position:sticky;top:0}.sidebar nav{scrollbar-width:thin;scrollbar-color:#315b77 transparent;min-height:0;overflow-y:auto}.brand{align-items:center;gap:11px;padding:0 9px 25px;display:flex}.brand-mark{color:#102f49;background:#f4a261;border-radius:10px 10px 10px 2px;place-items:center;width:38px;height:38px;display:grid}.brand strong{letter-spacing:.08em;color:#fff;font:700 25px/1 Barlow Condensed,sans-serif;display:block}.brand span{letter-spacing:.2em;color:#8daabd;font:600 8px/1 sans-serif}.nav-group{margin-bottom:15px}.nav-group label{color:#7190a5;letter-spacing:.12em;padding:0 12px 6px;font-size:10px;display:block}.nav-group button{color:#b9ccd8;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:11px;width:100%;height:40px;padding:0 11px;font-size:13px;transition:all .18s;display:flex}.nav-group button:hover{color:#fff;background:#ffffff0f}.nav-group button.active{color:#fff;background:#1c5278;box-shadow:inset 3px 0 #f4a261}.nav-group button em{color:#102f49;background:#f4a261;border-radius:9px;place-items:center;min-width:20px;height:18px;margin-left:auto;padding:0 5px;font-size:10px;font-style:normal;display:grid}.side-user{border-top:1px solid #ffffff1a;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;margin-top:auto;padding:16px 7px 0;display:grid}.side-user strong,.side-user span{display:block}.side-user strong{color:#fff;font-size:12px}.side-user span{color:#7897aa;margin-top:2px;font-size:9px}.avatar{color:#fff;background:var(--blue-dark);border:0;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.avatar.small{color:#143f66;background:#f4a261;width:32px;height:32px;font-size:11px}main{min-width:0}.topbar{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f9fbfceb;border-bottom:1px solid #d7e0e6;justify-content:space-between;align-items:center;height:76px;padding:0 28px;display:flex;position:sticky;top:0}.topbar p{color:#83909a;letter-spacing:.12em;margin:0 0 2px;font:600 9px/1 sans-serif}.topbar h1{margin:0;font-size:19px}.top-actions{align-items:center;gap:14px;display:flex}.search-button{color:#78858e;background:#f1f4f6;border:1px solid #dce3e8;border-radius:7px;align-items:center;gap:8px;min-width:280px;height:36px;padding:0 10px;font-size:12px;display:flex}.search-button kbd{background:#fff;border:1px solid #d5dde2;border-radius:4px;margin-left:auto;padding:2px 5px;font-size:9px}.page-content{max-width:1440px;margin:auto;padding:26px 28px 50px}.page-stack{gap:20px;display:grid}.eyebrow{color:var(--blue);letter-spacing:.12em;text-transform:uppercase;font:700 10px/1 sans-serif}.shift-banner{color:#fff;min-height:190px;box-shadow:var(--shadow);background:#164d73;border-radius:14px 14px 14px 3px;padding:34px 36px;position:relative;overflow:hidden}.shift-banner:after{content:"";aspect-ratio:1;border:45px solid #ffffff0f;border-radius:50%;width:420px;position:absolute;inset:-80% -4% auto auto}.shift-banner h2{letter-spacing:-.04em;margin:10px 0 7px;font-size:30px}.shift-banner p{color:#bdd2df;margin:0;font-size:13px}.shift-banner p b{color:#ffc27d}.shift-banner .eyebrow{color:#8fc8e8}.shift-banner .primary{z-index:2;color:#18374e;background:#f4a261;margin-top:24px;position:relative}.mobile-app-link{width:fit-content;text-decoration:none}.barcode-rail{letter-spacing:.08em;color:#ffffff1a;white-space:nowrap;font:700 58px/1 Barlow Condensed,sans-serif;position:absolute;bottom:25px;right:36px}.primary,.secondary,.mini-button,.text-button{border:0;justify-content:center;align-items:center;gap:7px;font-weight:600;display:inline-flex}.primary{color:#fff;background:var(--blue);border-radius:8px;min-height:39px;padding:0 16px;font-size:12px;box-shadow:0 7px 16px #176ca42e}.primary:hover{filter:brightness(.95);transform:translateY(-1px)}.secondary{color:#344754;border:1px solid var(--line);background:#fff;border-radius:8px;min-height:39px;padding:0 14px;font-size:12px}.work-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.work-card{text-align:left;min-height:142px;color:var(--ink);background:var(--paper);border:1px solid #dae3e8;border-radius:12px 12px 12px 3px;padding:17px;position:relative;box-shadow:0 5px 18px #2639470a}.work-card:hover{box-shadow:var(--shadow);border-color:#aac7d9;transform:translateY(-2px)}.work-card>svg{color:#aab7bf;position:absolute;bottom:15px;right:15px}.work-icon{background:var(--blue-pale);width:35px;height:35px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.work-card.orange .work-icon{color:var(--orange);background:var(--orange-pale)}.work-card.green .work-icon{color:var(--green);background:var(--green-pale)}.work-card.ink .work-icon{color:#4f5e68;background:#e9edef}.work-card>strong{font:700 32px/1 Barlow Condensed;position:absolute;top:18px;right:18px}.work-card h3{margin:15px 0 3px;font-size:13px}.work-card p{color:var(--muted);margin:0;font-size:10px}.split-grid{grid-template-columns:minmax(0,1.7fr) minmax(280px,.8fr);gap:18px;display:grid}.panel{background:var(--paper);border:1px solid #dce3e8;border-radius:12px 12px 12px 3px;padding:21px}.panel-head{justify-content:space-between;align-items:flex-start;margin-bottom:14px;display:flex}.panel-head h2{margin:6px 0 0;font-size:16px}.text-button{color:var(--blue);background:0 0;padding:0;font-size:11px}.operation-row{border-top:1px solid #e5eaed;grid-template-columns:42px minmax(160px,1fr) minmax(130px,.8fr) 48px;align-items:center;gap:12px;min-height:65px;display:grid}.op-type{width:38px;height:27px;color:var(--blue);background:var(--blue-pale);border-radius:5px;place-items:center;font-size:10px;font-weight:700;display:grid}.op-type.pick{color:var(--orange);background:var(--orange-pale)}.operation-row strong,.operation-row span{display:block}.operation-row strong{font-size:12px}.operation-row span{color:#849099;margin-top:4px;font-size:9px}.progress{grid-template-columns:1fr 35px;align-items:center;gap:7px;display:grid}.progress>span{background:#e2e8ec;border-radius:3px;height:5px;overflow:hidden}.progress>span i{background:var(--blue);height:100%;display:block}.progress b{font:700 11px Barlow Condensed}.mini-button{color:#34556d;background:#eef4f7;border-radius:5px;height:28px;padding:0 9px;font-size:10px}.money-panel{background:#f8fafb}.money-line{border-top:1px solid #e1e7eb;grid-template-columns:1fr auto;padding:13px 0;display:grid}.money-line span{color:#687581;font-size:11px}.money-line strong{font:700 18px Barlow Condensed}.money-line small{color:#95a0a8;grid-column:1/-1;font-size:9px}.credit-note{color:var(--green);background:var(--green-pale);border-radius:8px;gap:9px;margin-top:12px;padding:12px;display:flex}.credit-note b,.credit-note span{display:block}.credit-note b{font-size:11px}.credit-note span{color:#6b877d;margin-top:2px;font-size:9px}.page-heading{justify-content:space-between;align-items:flex-start;gap:18px;min-height:82px;display:flex}.page-heading h2{letter-spacing:-.04em;margin:8px 0 4px;font-size:25px}.page-heading p{color:var(--muted);margin:0;font-size:12px}.heading-actions{gap:9px;display:flex}.filter-row{align-items:center;gap:8px;display:flex}.field-search{border:1px solid var(--line);color:#87939b;background:#fff;border-radius:8px;align-items:center;gap:8px;width:300px;height:38px;padding:0 12px;display:flex}.field-search input{background:0 0;border:0;outline:0;width:100%;font-size:11px}.filter-chip{color:#64727c;background:#f7f9fa;border:1px solid #d9e1e6;border-radius:16px;height:31px;padding:0 12px;font-size:10px}.filter-chip.active{color:var(--blue);background:var(--blue-pale);border-color:#b6d5e6}.inventory-list,.document-table{background:#fff;border:1px solid #d9e2e7;border-radius:10px 10px 10px 3px;overflow:hidden;box-shadow:0 5px 20px #26394709}.inventory-head,.spu-row{grid-template-columns:minmax(330px,2fr) 130px 130px 110px 24px;align-items:center;gap:16px;display:grid}.inventory-head{color:#89959d;letter-spacing:.06em;background:#f4f7f8;min-height:38px;padding:0 18px;font-size:9px}.spu-row{width:100%;min-height:76px;color:var(--ink);text-align:left;background:#fff;border:0;border-top:1px solid #e3e9ec;padding:0 18px}.spu-row:hover{background:#fbfdfe}.product-cell{align-items:center;gap:12px;display:flex}.shoe-placeholder{color:#49677b;background:linear-gradient(145deg,#edf2f4,#d9e3e8);border-radius:8px 8px 8px 2px;flex:none;place-items:center;width:42px;height:42px;font:700 18px Barlow Condensed;display:grid}.product-cell strong,.product-cell span,.qty-cell strong,.qty-cell span{display:block}.product-cell strong{font-size:12px}.product-cell span{color:#7a8790;margin-top:4px;font-size:9px}.qty-cell strong{font:700 19px Barlow Condensed}.qty-cell span{color:var(--orange);font-size:9px}.spu-row>strong{font:700 15px Barlow Condensed}.spu-row svg{color:#82909a;transition:transform .2s}.rotate{transform:rotate(180deg)}.sku-table{border:1px solid #dce5ea;border-radius:7px;margin:0 18px 16px 72px;overflow:hidden}.sku-head,.sku-row{grid-template-columns:minmax(100px,1.2fr) repeat(3,minmax(60px,.7fr)) minmax(100px,1fr) minmax(110px,1fr);align-items:center;gap:10px;min-height:37px;padding:0 12px;display:grid}.sku-head{color:#839099;background:#edf3f6;font-size:9px}.sku-row{border-top:1px solid #e5eaed;font-size:10px}.document-stats,.finance-strip{border:1px solid var(--line);background:#fff;border-radius:10px 10px 10px 3px;display:flex}.document-stats>div,.finance-strip>div{border-left:1px solid var(--line);flex:1;padding:15px 20px}.document-stats>div:first-child,.finance-strip>div:first-child{border-left:0}.document-stats span,.document-stats strong,.finance-strip span,.finance-strip strong{display:block}.document-stats span,.finance-strip span{color:#7d8991;font-size:9px}.document-stats strong{margin-top:5px;font:700 24px Barlow Condensed}.finance-strip strong{margin-top:5px;font:700 25px Barlow Condensed}.document-status-tabs{scrollbar-width:thin;background:#e5ebef;border-radius:10px;align-items:center;gap:4px;min-height:48px;padding:5px;display:flex;overflow-x:auto}.document-status-tabs button{white-space:nowrap;color:#667680;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-width:86px;height:38px;padding:0 10px;font-size:9px;display:flex}.document-status-tabs button b{color:#637580;background:#d5dfe4;border-radius:10px;place-items:center;min-width:20px;height:20px;padding:0 5px;font:700 10px Barlow Condensed;display:grid}.document-status-tabs button:hover{color:var(--blue);background:#ffffff94}.document-status-tabs button.active{color:var(--blue-dark);background:#fff;border-color:#cbd9e1;font-weight:700;box-shadow:0 3px 10px #1f334314}.document-status-tabs button.active b{color:#fff;background:var(--blue)}.document-empty{color:#839099;align-content:center;place-items:center;gap:6px;min-height:155px;display:grid}.document-empty svg{color:#a9b7bf}.document-empty b{color:#60717c;font-size:10px}.document-empty span{font-size:8px}.doc-head,.doc-row{grid-template-columns:170px 140px minmax(170px,1fr) 110px 140px 150px 30px;align-items:center;gap:14px;padding:0 16px;display:grid}.doc-head{color:#839099;background:#f3f6f8;min-height:40px;font-size:9px}.doc-row{border-top:1px solid #e2e8ec;min-height:59px;font-size:10px}.doc-row>div:first-child{color:#41637a;align-items:center;gap:8px;display:flex}.doc-row b{font-size:11px}.icon-button{color:#6f7d87;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;padding:0;display:grid}.icon-button:hover{background:#edf3f6}.status{color:#596770;background:#edf1f3;border-radius:12px;align-items:center;gap:6px;width:fit-content;padding:4px 8px;font-size:9px;display:inline-flex}.status i{background:#87939b;border-radius:50%;width:5px;height:5px}.status.active{color:var(--blue);background:var(--blue-pale)}.status.active i{background:var(--blue)}.status.done{color:var(--green);background:var(--green-pale)}.status.done i{background:var(--green)}.status.warn{color:var(--orange);background:var(--orange-pale)}.status.warn i{background:var(--orange)}.product-list-panel{padding-bottom:9px}.product-list-panel .panel-head{margin-bottom:0}.list-hint{color:#85929a;font-size:9px}.product-list-head{color:#839099;background:#eef3f6;grid-template-columns:minmax(240px,1fr) 100px 100px 80px 90px;align-items:center;gap:12px;min-height:37px;margin:12px -21px 0;padding:0 21px 0 75px;font-size:8px;display:grid}.simple-row{border-top:1px solid #e2e8ec;grid-template-columns:42px minmax(240px,1fr) 100px 100px 80px 90px;align-items:center;gap:12px;min-height:68px;font-size:10px;display:grid}.simple-row b,.simple-row span{display:block}.simple-row>div:nth-child(2)>span{color:#78858e;margin-top:3px}.product-state{color:var(--green);align-items:center;gap:6px;font-size:9px;display:flex!important}.product-state i{background:var(--green);border-radius:50%;width:6px;height:6px}.product-state.disabled{color:#8c979e}.product-state.disabled i{background:#a6b0b6}.save-notice{color:#245f50;background:var(--green-pale);border:1px solid #b9dfd3;border-radius:9px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;min-height:58px;padding:10px 14px;display:grid}.save-notice>span{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:29px;height:29px;font-weight:700;display:grid}.save-notice b,.save-notice small{display:block}.save-notice b{font-size:10px}.save-notice small{color:#64877e;margin-top:3px;font-size:8px}.save-notice button{color:#53766d;background:0 0;border:0;font-size:9px}.product-editor{animation:.2s ease-out detail-in}.product-editor-head{grid-template-columns:110px 1fr auto}.product-form-panel,.sku-editor-panel{padding:24px}.product-form-panel .panel-head,.sku-editor-panel .panel-head{margin-bottom:20px}.state-switch{cursor:pointer;color:var(--green);align-items:center;gap:8px;font-size:10px;display:flex}.state-switch input{opacity:0;pointer-events:none;position:absolute}.state-switch i{background:#cbd5da;border-radius:10px;width:34px;height:19px;transition:all .18s;position:relative}.state-switch i:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:all .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 4px #1f334340}.state-switch input:checked+i{background:var(--green)}.state-switch input:checked+i:after{transform:translate(15px)}.product-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.product-fields label,.sku-size-line label{gap:7px;display:grid}.product-fields label>span,.sku-size-line label>span{color:#53636e;font-size:10px;font-weight:600}.product-fields label em,.sku-size-line label em{color:#8a979f;margin-left:5px;font-size:8px;font-style:normal;font-weight:400}.product-fields input,.sku-size-line input,.barcode-input,.barcode-editor-row select{height:41px;color:var(--ink);background:#fff;border:1px solid #ced9df;border-radius:7px;outline:0;padding:0 12px;font-size:11px}.product-fields input:focus,.sku-size-line input:focus,.barcode-input:focus-within,.barcode-editor-row select:focus{border-color:#7db5d5;box-shadow:0 0 0 3px #176ca414}.has-error input{border-color:#e08a61}.has-error small{color:var(--orange);font-size:8px}.sku-editor-panel .panel-head p{color:#7c8992;margin:5px 0 0;font-size:9px}.sku-editor-list{gap:13px;display:grid}.sku-editor-card{background:#fff;border:1px solid #d8e2e7;border-radius:9px 9px 9px 3px;grid-template-columns:70px 1fr;display:grid;overflow:hidden}.sku-card-index{color:#fff;text-align:center;background:#164d73;padding-top:20px}.sku-card-index span,.sku-card-index b{display:block}.sku-card-index span{color:#8fc0dc;letter-spacing:.12em;font-size:8px}.sku-card-index b{margin-top:4px;font:700 24px Barlow Condensed}.sku-card-content{padding:18px}.sku-size-line{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.sku-size-line label{width:min(320px,100%)}.remove-button{color:#9a6045;background:#fff5ef;border:0;border-radius:6px;align-items:center;gap:6px;height:30px;font-size:9px;display:inline-flex}.barcode-editor{border:1px solid #dde5e9;border-radius:7px;margin-top:17px;overflow:hidden}.barcode-editor-head,.barcode-editor-row{grid-template-columns:minmax(240px,1fr) 130px 32px;align-items:center;gap:10px;min-height:43px;padding:0 10px;display:grid}.barcode-editor-head{color:#839099;background:#edf3f6;min-height:30px;font-size:8px}.barcode-editor-row+.barcode-editor-row{border-top:1px solid #e5eaed}.barcode-input{align-items:center;gap:8px;padding:0 10px;display:flex}.barcode-input svg{color:#668397;flex:none}.barcode-input input{letter-spacing:.05em;background:0 0;border:0;outline:0;width:100%;font:600 11px Barlow Condensed}.barcode-editor-row select{width:100%}.add-barcode{color:var(--blue);background:0 0;border:0;align-items:center;gap:5px;margin-top:10px;padding:0;font-size:9px;font-weight:600;display:flex}.editor-footer{z-index:5;color:#9bb0bd;background:#143f66;border-radius:10px;justify-content:space-between;align-items:center;min-height:65px;padding:12px 16px;font-size:9px;display:flex;position:sticky;bottom:12px;box-shadow:0 14px 35px #143f663d}.editor-footer>div{gap:9px;display:flex}.editor-footer .secondary{color:#fff;background:#ffffff14;border-color:#ffffff29}.editor-footer .primary{color:#17364b;background:#f4a261}.finance-table .doc-head,.finance-table .doc-row{grid-template-columns:170px 180px 1fr 1fr 120px 30px}.green-text{color:var(--green);font-weight:700}.orange-text{color:var(--orange)!important}.empty-stage{text-align:center;background:#ffffff80;border:1px dashed #bdcbd4;border-radius:12px;place-items:center;min-height:420px;display:grid}.empty-stage>div{max-width:380px}.empty-stage svg{color:var(--blue)}.empty-stage h3{margin:15px 0 6px}.empty-stage p{color:var(--muted);font-size:11px}.org-avatar{color:#315b75;background:#dcebf3;border-radius:10px 10px 10px 3px;flex:none;place-items:center;width:34px;height:34px;font:700 14px Barlow Condensed;display:grid}.org-avatar.admin{color:#163d58;background:#f4a261}.org-avatar.customer{color:#fff;background:var(--blue)}.customer-summary{color:#fff;background:#143f66;border-radius:12px 12px 12px 3px;padding:23px}.summary-top .eyebrow{color:#8fc8e8}.summary-top b,.summary-top p{display:block}.summary-top b{margin-top:8px;font-size:17px}.summary-top p{color:#9fb8c8;margin:3px 0 14px;font-size:9px}.summary-number{border-top:1px solid #ffffff1f;padding:13px 0}.summary-number span,.summary-number strong,.summary-number small{display:block}.summary-number span{color:#9fb8c8;font-size:9px}.summary-number strong{margin:3px 0;font:700 25px Barlow Condensed}.summary-number small{color:#829eaf;font-size:8px}.credit-warning{color:#f7b477;background:#f4a2611f;border:1px solid #f4a2613d;border-radius:7px;gap:8px;margin-top:12px;padding:11px;display:flex}.credit-warning b,.credit-warning span{display:block}.credit-warning b{font-size:9px}.credit-warning span{color:#cfa27f;margin-top:2px;font-size:8px}.customer-table{border:1px solid var(--line);background:#fff;border-radius:10px 10px 10px 3px;overflow:hidden}.customer-head,.customer-row{grid-template-columns:minmax(180px,1.1fr) minmax(230px,1.3fr) 95px minmax(150px,.9fr) 105px 28px;align-items:center;gap:14px;padding:0 16px;display:grid}.customer-head{color:#839099;background:#f3f6f8;min-height:40px;font-size:9px}.customer-row{border-top:1px solid #e2e8ec;min-height:72px;font-size:10px}.customer-name{align-items:center;gap:9px;display:flex}.customer-name b,.customer-name span,.warehouse-cell b,.warehouse-cell span{display:block}.customer-name span,.warehouse-cell span{color:#7e8a92;margin-top:3px;font-size:8px}.warehouse-cell b{align-items:center;gap:4px;font-size:10px;display:flex}.warehouse-cell b em{color:var(--green);background:var(--green-pale);border-radius:8px;margin-left:3px;padding:2px 5px;font-size:7px;font-style:normal}.credit-cell>div{justify-content:space-between;display:flex}.credit-cell span,.credit-cell em{font-size:9px;font-style:normal}.credit-cell>i{background:#e3e9ec;border-radius:3px;height:5px;margin:5px 0 3px;display:block;overflow:hidden}.credit-cell>i b{background:var(--green);border-radius:3px;height:100%;display:block}.credit-cell small{color:var(--green);font-size:8px}.credit-cell.tone-warning>i b{background:#e3a12d}.credit-cell.tone-warning small,.credit-cell.tone-warning em{color:#b57613}.credit-cell.tone-danger>i b{background:#d94b4b}.credit-cell.tone-danger small,.credit-cell.tone-danger em{color:#c23e3e}.warning-text{color:var(--orange)!important}.account-table{border:1px solid var(--line);background:#fff;border-radius:10px 10px 10px 3px;overflow:hidden}.account-head,.account-row{grid-template-columns:minmax(170px,1.1fr) 120px minmax(150px,1fr) 100px minmax(150px,1fr) 65px 28px;align-items:center;gap:13px;padding:0 16px;display:grid}.account-head{color:#839099;background:#f3f6f8;min-height:40px;font-size:9px}.account-row{border-top:1px solid #e2e8ec;min-height:65px;font-size:9px}.account-name{align-items:center;gap:9px;display:flex}.account-name b,.account-name code,.account-row>div:nth-child(2) b,.account-row>div:nth-child(2) span{display:block}.account-name b{font-size:10px}.account-name code{color:#71848f;letter-spacing:.05em;margin-top:3px;font:600 8px Barlow Condensed}.account-row>div:nth-child(2) span{color:#829098;margin-top:3px;font-size:8px}.role-tags{flex-wrap:wrap;gap:4px;display:flex}.role-tags em{color:#41677f;background:#e8f1f6;border-radius:4px;padding:3px 6px;font-size:8px;font-style:normal}.account-state{color:var(--green);align-items:center;gap:5px;display:flex}.account-state i{background:var(--green);border-radius:50%;width:6px;height:6px}.account-state.disabled{color:#89959c}.account-state.disabled i{background:#a5afb5}.clickable-row{cursor:pointer;transition:background .16s}.clickable-row:hover{background:#f6fafc}.clickable-row:focus-within{box-shadow:inset 3px 0 var(--blue)}.detail-page{animation:.2s ease-out detail-in}@keyframes detail-in{0%{opacity:0;transform:translate(8px)}}.detail-page-head{grid-template-columns:110px 1fr auto;align-items:start;gap:18px;min-height:104px;display:grid}.back-button{color:#60727d;border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:6px;height:34px;padding:0 9px;font-size:10px;display:flex}.detail-title>div{align-items:center;gap:10px;margin-top:7px;display:flex}.detail-title h2{letter-spacing:.035em;margin:0;font:700 25px Barlow Condensed}.detail-title p{color:#75828b;margin:5px 0 0;font-size:10px}.state-rail{color:#fff;background:#143f66;border-radius:12px 12px 12px 3px;grid-auto-columns:1fr;grid-auto-flow:column;align-items:center;min-height:96px;padding:20px 25px;display:grid}.state-stop{grid-template-columns:29px 1fr;align-items:center;gap:9px;display:grid;position:relative}.state-stop>i{z-index:2;color:#7898aa;background:#315e7a;border:2px solid #4b748d;border-radius:50%;place-items:center;width:29px;height:29px;font:700 10px Barlow Condensed;display:grid;position:relative}.state-stop.done>i{color:#fff;background:var(--green);border-color:#62aa97}.state-stop.current>i{color:#17374d;background:#f4a261;border-color:#ffc17a;box-shadow:0 0 0 5px #f4a2611f}.state-stop b,.state-stop span{display:block}.state-stop b{color:#9db4c2;font-size:9px}.state-stop.done b,.state-stop.current b{color:#fff}.state-stop span{color:#718fa1;margin-top:3px;font-size:7px}.state-stop>em{z-index:1;background:#37647f;height:2px;position:absolute;top:14px;left:29px;right:0}.state-stop.done>em{background:var(--green)}.detail-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.info-fields{border-top:1px solid #e2e8eb;grid-template-columns:1fr 1fr;display:grid}.info-fields>div{border-bottom:1px solid #e5eaed;min-height:58px;padding:12px 8px}.info-fields>div:nth-child(odd){border-right:1px solid #e5eaed}.info-fields span,.info-fields b{display:block}.info-fields span{color:#829099;font-size:8px}.info-fields b{margin-top:5px;font-size:10px}.linked-document{color:var(--blue);background:var(--blue-pale);border-radius:7px;grid-template-columns:28px 1fr 18px;align-items:center;gap:8px;margin-top:12px;padding:10px;display:grid}.linked-document span,.linked-document b{display:block}.linked-document span{color:#7795a7;font-size:8px}.linked-document b{letter-spacing:.03em;margin-top:2px;font:700 11px Barlow Condensed}.logistics-panel .panel-head>svg{color:var(--blue)}.logistics-route{border-top:1px solid #e2e8eb;grid-template-columns:15px 1fr 30px 15px 1fr;align-items:center;gap:8px;min-height:88px;display:grid}.logistics-route>i{background:var(--blue);border:3px solid #d5eaf5;border-radius:50%;width:13px;height:13px;display:block}.logistics-route>i.end{background:var(--orange);border-color:#fbe0d0}.logistics-route>em{background:#b9cad4;height:1px}.logistics-route b,.logistics-route span{display:block}.logistics-route b{font-size:9px}.logistics-route span{color:#829099;margin-top:4px;font-size:7px}.logistics-meta{background:#eef3f6;border-radius:7px;grid-template-columns:1fr 1fr;padding:10px;display:grid}.logistics-meta div+div{border-left:1px solid #d5e0e5;padding-left:10px}.logistics-meta span,.logistics-meta b{display:block}.logistics-meta span{color:#829099;font-size:8px}.logistics-meta b{margin-top:4px;font-size:9px}.detail-amount{font:700 19px Barlow Condensed}.detail-item-head,.detail-item-row{grid-template-columns:1.1fr 80px 70px 1fr 1fr 110px;align-items:center;gap:12px;min-height:42px;padding:0 11px;display:grid}.detail-item-head{color:#85929a;background:#eef3f6;font-size:8px}.detail-item-row{border-top:1px solid #e2e8eb;font-size:9px}.detail-item-row>b{font-size:9px}.amount-panel .amount-line{border-top:1px solid #e2e8eb;justify-content:space-between;align-items:center;min-height:42px;font-size:9px;display:flex}.amount-line b{font:700 14px Barlow Condensed}.amount-line.pending b{color:var(--orange)}.amount-line.total{color:#fff;background:#143f66;border:0;border-radius:7px;margin-top:4px;padding:0 10px}.activity-row{border-top:1px solid #e2e8eb;grid-template-columns:27px 1fr;align-items:center;gap:8px;min-height:46px;display:grid}.activity-row>i{color:#40657b;background:#e3edf2;border-radius:8px 8px 8px 2px;place-items:center;width:27px;height:27px;font-size:8px;font-style:normal;display:grid}.activity-row p{margin:0;font-size:8px}.activity-row p b{margin-right:5px}.activity-row p span{float:right;color:#8c989f}.customer-detail-hero,.cash-detail-hero,.voucher-hero,.account-detail-hero{color:#fff;background:#143f66;border-radius:12px 12px 12px 3px;align-items:center;gap:18px;min-height:133px;padding:21px 24px;display:grid}.customer-detail-hero{--credit-color:var(--green);border-top:3px solid var(--credit-color);grid-template-columns:repeat(3,1fr) 120px}.customer-detail-hero.tone-warning{--credit-color:#e3a12d}.customer-detail-hero.tone-danger{--credit-color:#d94b4b}.customer-detail-hero>div:not(.credit-ring),.cash-detail-hero>div,.voucher-hero>div{border-left:1px solid #ffffff21;padding-left:17px}.customer-detail-hero>div:first-child,.cash-detail-hero>div:first-child,.voucher-hero>div:first-child{border:0;padding-left:0}.customer-detail-hero span,.customer-detail-hero strong,.customer-detail-hero small,.cash-detail-hero span,.cash-detail-hero strong,.cash-detail-hero b,.cash-detail-hero small,.voucher-hero span,.voucher-hero strong,.voucher-hero b,.voucher-hero small,.account-detail-hero span,.account-detail-hero b,.account-detail-hero small{display:block}.customer-detail-hero span,.cash-detail-hero span,.voucher-hero span,.account-detail-hero span{color:#9db4c2;font-size:8px}.customer-detail-hero strong,.cash-detail-hero strong,.voucher-hero strong{margin:5px 0 2px;font:700 24px Barlow Condensed}.customer-detail-hero>div:nth-child(2) strong,.customer-detail-hero>div:nth-child(2) small{color:var(--credit-color)}.customer-detail-hero small,.cash-detail-hero small,.voucher-hero small,.account-detail-hero small{color:#7f9aaa;margin-top:4px;font-size:7px}.credit-ring{background:conic-gradient(var(--credit-color) var(--credit),#315d78 0);border-radius:50%;justify-self:end;place-items:center;width:92px;height:92px;display:grid}.credit-ring>i{background:#143f66;border-radius:50%;align-content:center;place-items:center;width:70px;height:70px;font-style:normal;display:grid}.credit-ring b{color:var(--credit-color);font:700 20px Barlow Condensed}.credit-ring span{margin-top:2px;font-size:7px}.customer-detail-head .heading-actions{align-self:start}.editable-customer-name{cursor:text;border-bottom:1px dashed #176ca466}.customer-name-input{width:min(340px,60vw);height:38px;color:var(--ink);background:#fff;border:1px solid #6ea6c8;border-radius:6px;outline:0;padding:0 9px;font-size:20px;font-weight:700;box-shadow:0 0 0 3px #176ca414}.customer-detail-grid{grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr);align-items:start}.warehouse-note{color:#7b8992;margin:-5px 0 13px;font-size:8px}.customer-warehouse-list{gap:8px;display:grid}.customer-warehouse-row{width:100%;min-height:72px;color:var(--ink);text-align:left;background:#fff;border:1px solid #dde5e9;border-radius:8px;grid-template-columns:12px 1fr auto;align-items:center;gap:10px;padding:10px 11px;display:grid}.customer-warehouse-row:hover{border-color:#aac9da}.customer-warehouse-row.selected{box-shadow:inset 3px 0 var(--blue);background:#f3f9fc;border-color:#76aecd}.customer-warehouse-row>i{border:2px solid #aab7bf;border-radius:50%;width:10px;height:10px}.customer-warehouse-row.selected>i{border:3px solid var(--blue)}.customer-warehouse-row b,.customer-warehouse-row span,.customer-warehouse-row small{display:block}.customer-warehouse-row b{font-size:10px}.customer-warehouse-row b em{color:var(--green);background:var(--green-pale);border-radius:8px;margin-left:7px;padding:2px 6px;font-size:7px;font-style:normal}.customer-warehouse-row div>span{color:#687b87;margin-top:4px;font-size:8px}.customer-warehouse-row small{color:#8a969e;align-items:center;gap:5px;margin-top:5px;font-size:7px;display:flex}.warehouse-actions{gap:5px;display:flex}.warehouse-actions span{background:var(--blue-pale);white-space:nowrap;border-radius:5px;padding:5px 7px;color:var(--blue)!important;font-size:8px!important}.warehouse-editor{background:#eef3f6;border:1px solid #d9e3e8;border-radius:8px;margin-top:12px;padding:14px}.warehouse-editor-head{justify-content:space-between;display:flex}.warehouse-editor-head b{font-size:10px}.warehouse-editor-head span{color:#83919a;font-size:8px}.warehouse-form{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px;display:grid}.warehouse-form label{gap:5px;display:grid}.warehouse-form label.wide{grid-column:1/-1}.warehouse-form label span,.owner-editor label span{color:#667680;font-size:8px}.warehouse-form input,.owner-editor select{width:100%;height:35px;color:var(--ink);background:#fff;border:1px solid #ccd8df;border-radius:6px;outline:0;padding:0 9px;font-size:9px}.warehouse-editor-actions{justify-content:flex-end;gap:7px;margin-top:11px;display:flex}.warehouse-editor-actions button{min-height:32px}.owner-card{border-top:1px solid #e2e8eb;grid-template-columns:40px 1fr auto;align-items:center;gap:10px;min-height:78px;display:grid}.owner-card b,.owner-card span{display:block}.owner-card b{font-size:10px}.owner-card span{color:#80909a;margin-top:4px;font-size:8px}.owner-permission{color:#557161;background:var(--green-pale);border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:9px;font-size:8px;display:flex}.owner-editor{border-top:1px solid #e2e8eb;padding-top:13px}.owner-editor label{gap:6px;display:grid}.owner-editor>div{justify-content:flex-end;gap:7px;margin-top:10px;display:flex}.owner-editor button{min-height:32px}.order-filter{background:#e7edf0;border-radius:7px;gap:2px;padding:3px;display:flex}.order-filter button{color:#6b7a84;background:0 0;border:0;border-radius:5px;align-items:center;gap:5px;height:27px;padding:0 8px;font-size:8px;display:flex}.order-filter button b{background:#d3dde2;border-radius:8px;place-items:center;min-width:16px;height:16px;font:700 8px Barlow Condensed;display:grid}.order-filter button.active{color:var(--blue);background:#fff;box-shadow:0 2px 7px #1f334314}.order-filter button.active b{color:#fff;background:var(--blue)}.related-head,.related-row{grid-template-columns:1.2fr 1fr 100px 100px 100px 20px;align-items:center;gap:10px;width:100%;min-height:42px;padding:0 11px;display:grid}.related-head{color:#849199;background:#eef3f6;font-size:8px}.related-row{color:var(--ink);text-align:left;background:0 0;border:0;border-top:1px solid #e2e8eb;font-size:9px}.related-row>svg{color:#78909f}.account-detail-hero{grid-template-columns:48px 1.4fr 1fr 1fr}.account-detail-hero>.org-avatar{width:46px;height:46px;font-size:18px}.account-detail-hero>div:not(.org-avatar){border-left:1px solid #ffffff21;padding-left:16px}.permission-help{color:#83919a;margin:5px 0 0;font-size:8px}.permission-cards,.permission-toggle-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.permission-cards>button,.permission-toggle-grid>button{color:#8c989f;background:#eef2f4;border:1px solid #0000;border-radius:7px;align-content:center;place-items:center;min-height:82px;padding:9px;transition:all .16s;display:grid}.permission-cards>button:hover,.permission-toggle-grid>button:hover{color:#527187;border-color:#b8ceda;transform:translateY(-1px)}.permission-cards>button.enabled,.permission-toggle-grid>button.enabled{color:var(--blue);background:var(--blue-pale);border-color:#a9cee2;box-shadow:inset 0 0 0 1px #176ca40a}.permission-cards i,.permission-toggle-grid i{color:#87959d;background:#fff;border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;font-style:normal;display:grid}.permission-cards .enabled i,.permission-toggle-grid .enabled i{color:#fff;background:var(--blue)}.permission-cards b,.permission-toggle-grid b{margin-top:5px;font-size:9px}.permission-cards span,.permission-toggle-grid span{margin-top:3px;font-size:7px}.account-create-page{animation:.2s ease-out detail-in}.account-create-head{grid-template-columns:110px 1fr auto}.account-form-panel,.account-permission-editor{padding:24px}.account-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.account-form-grid label{gap:7px;display:grid}.account-form-grid label>span{color:#53636e;font-size:10px;font-weight:600}.account-form-grid label em{color:#8a979f;margin-left:5px;font-size:8px;font-style:normal;font-weight:400}.account-form-grid input,.account-form-grid select{width:100%;height:41px;color:var(--ink);background:#fff;border:1px solid #ced9df;border-radius:7px;outline:0;padding:0 12px;font-size:11px}.account-form-grid input:focus,.account-form-grid select:focus{border-color:#7db5d5;box-shadow:0 0 0 3px #176ca414}.account-form-grid select:disabled{color:#89959c;background:#edf1f3}.account-form-grid .has-error input{border-color:#e08a61}.account-form-grid .has-error small{color:var(--orange);font-size:8px}.account-permission-editor .panel-head p{color:#7c8992;margin:5px 0 0;font-size:9px}.warehouse-permissions>div{border-top:1px solid #e2e8eb;min-height:52px;padding:9px}.warehouse-permissions b,.warehouse-permissions span{display:block}.warehouse-permissions b{font-size:9px}.warehouse-permissions span{color:#768791;margin-top:4px;font-size:8px}.audit-table>div{border-top:1px solid #e2e8eb;grid-template-columns:110px 1fr 150px;align-items:center;gap:12px;min-height:45px;font-size:8px;display:grid}.audit-table span,.audit-table em{color:#829099}.audit-table em{text-align:right;font-style:normal}.customer-create-page{animation:.2s ease-out detail-in}.customer-create-head{grid-template-columns:110px 1fr auto}.customer-create-panel{padding:24px}.customer-create-panel .panel-head{border-bottom:1px solid #e1e8ec;padding-bottom:15px}.customer-create-panel .panel-head>svg{color:var(--blue)}.customer-create-panel .panel-head p{color:#7c8992;margin:5px 0 0;font-size:9px}.customer-create-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;display:grid}.customer-create-grid>label{align-content:start;gap:7px;display:grid}.customer-create-grid>label>span{color:#53636e;font-size:10px;font-weight:600}.customer-create-grid label em{color:#8a979f;margin-left:5px;font-size:8px;font-style:normal;font-weight:400}.customer-create-grid input,.customer-create-grid select{width:100%;height:41px;color:var(--ink);background:#fff;border:1px solid #ced9df;border-radius:7px;outline:0;padding:0 12px;font-size:11px}.customer-create-grid input:focus,.customer-create-grid select:focus{border-color:#7db5d5;box-shadow:0 0 0 3px #176ca414}.customer-create-grid .has-error input{border-color:#e08a61}.customer-create-grid .has-error small{color:var(--orange);font-size:8px}.customer-create-grid .wide{grid-column:1/-1}.customer-credit-explainer{color:#2d6e5e;background:var(--green-pale);border:1px solid #bfe1d7;border-radius:8px 8px 8px 3px;align-items:center;gap:10px;min-height:65px;padding:12px 14px;display:flex}.customer-credit-explainer>svg{flex:none}.customer-credit-explainer b,.customer-credit-explainer span{display:block}.customer-credit-explainer b{font-size:10px}.customer-credit-explainer span{color:#65897e;margin-top:4px;font-size:8px;line-height:1.5}.cash-detail-hero{grid-template-columns:repeat(3,1fr)}.cash-detail-hero b,.voucher-hero b{margin-top:5px;font-size:11px}.match-card{color:#fff;background:#164d73;border-radius:8px;padding:17px}.match-card span,.match-card b{display:block}.match-card span{color:#9db4c2;font-size:8px}.match-card b{margin-top:4px;font:700 16px Barlow Condensed}.match-card p{color:#91abba;font-size:8px}.match-card .primary{color:#17364b;background:#f4a261;width:100%;margin-top:8px}.voucher-hero{grid-template-columns:repeat(4,1fr)}.balance-badge{color:var(--green);background:var(--green-pale);border-radius:12px;padding:5px 8px;font-size:8px}.voucher-head,.voucher-row{grid-template-columns:55px 1.2fr 1fr 110px 110px;align-items:center;gap:12px;min-height:43px;padding:0 11px;display:grid}.voucher-head{color:#829099;background:#eef3f6;font-size:8px}.voucher-row{border-top:1px solid #e2e8eb;font-size:9px}.voucher-row em{width:25px;color:var(--blue);background:var(--blue-pale);text-align:center;border-radius:4px;padding:3px 0;font-size:8px;font-style:normal}.voucher-row em.credit{color:var(--orange);background:var(--orange-pale)}.voucher-total{color:#fff;background:#143f66;grid-template-columns:1fr 110px 110px;align-items:center;gap:12px;min-height:43px;padding:0 11px;font-size:9px;display:grid}.report-toolbar{justify-content:space-between;align-items:center;display:flex}.report-toolbar>div{background:#e5ebef;border-radius:8px;gap:2px;padding:3px;display:flex}.report-toolbar button{color:#6e7c85;background:0 0;border:0;border-radius:6px;min-width:62px;height:29px;font-size:9px}.report-toolbar button.active{color:var(--blue-dark);background:#fff;font-weight:700;box-shadow:0 2px 8px #1f334314}.report-toolbar>span{color:#8b979f;font-size:9px}.value-flow{color:#fff;background:#143f66;border-radius:13px 13px 13px 3px;padding:25px 27px 27px;overflow:hidden}.flow-heading h2{margin:7px 0 3px;font-size:20px}.flow-heading .eyebrow{color:#8fc8e8}.flow-heading p{color:#9eb6c5;margin:0 0 20px;font-size:9px}.flow-track{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.flow-stop{background:#ffffff0f;border-top:3px solid #63a9d2;border-radius:0 0 7px 7px;min-width:0;padding:14px 14px 13px;position:relative}.flow-stop.orange{border-color:#f4a261}.flow-stop.green{border-color:#65b8a3}.flow-stop.ink{border-color:#b0c2ce}.flow-index{color:#ffffff21;font:700 42px Barlow Condensed;position:absolute;top:-20px;right:2px}.flow-stop span,.flow-stop strong,.flow-stop small{display:block;position:relative}.flow-stop span{color:#aac0ce;font-size:9px}.flow-stop strong{margin:5px 0;font:700 23px Barlow Condensed}.flow-stop small{color:#849fad;font-size:8px}.flow-stop>svg{color:#66869a;width:17px;position:absolute;top:50%;right:-24px}.report-grid{grid-template-columns:minmax(0,1.55fr) minmax(300px,.72fr);gap:18px;display:grid}.profit-rate{color:var(--green);background:var(--green-pale);border-radius:12px;align-items:center;gap:4px;padding:5px 8px;font-size:9px;font-weight:700;display:flex}.profit-legend{color:#77858e;gap:16px;font-size:8px;display:flex}.profit-legend span{align-items:center;gap:5px;display:flex}.profit-legend i{border-radius:2px;width:7px;height:7px}.profit-legend .sales{background:#a9c8d9}.profit-legend .profit{background:var(--green)}.bar-chart{background:repeating-linear-gradient(#e8edf0 0 1px,#0000 1px 37px);border-bottom:1px solid #dce4e8;align-items:flex-end;gap:8px;height:165px;margin-top:14px;padding:8px 3px 25px;display:flex}.bar-column{flex:1;justify-content:center;align-items:flex-end;gap:2px;height:100%;display:flex;position:relative}.bar-column i{border-radius:3px 3px 0 0;width:38%;min-width:4px}.bar-column i.sales{background:#a9c8d9}.bar-column i.profit{background:var(--green)}.bar-column span{color:#929da4;font-size:7px;position:absolute;bottom:-18px}.profit-equation{grid-template-columns:1fr 12px 1.4fr 12px 1fr 12px 1fr;align-items:center;gap:6px;margin-top:14px;display:grid}.profit-equation div{background:#f0f4f6;border-radius:6px;padding:8px}.profit-equation div.result{color:#fff;background:var(--green)}.profit-equation span,.profit-equation b{display:block}.profit-equation span{color:#829099;font-size:7px}.profit-equation .result span{color:#cce7df}.profit-equation b{margin-top:3px;font:700 13px Barlow Condensed}.profit-equation em{color:#9ca8af;text-align:center;font-style:normal}.aging-row{border-top:1px solid #e2e8eb;padding:10px 0}.aging-row>div:first-child,.aging-row>div:last-child{justify-content:space-between;display:flex}.aging-row b,.aging-row span{font-size:9px}.aging-row>div:first-child span{color:#7f8c94}.aging-row>i{background:#e4eaed;border-radius:3px;height:5px;margin:6px 0;display:block;overflow:hidden}.aging-row>i b{background:var(--blue);height:100%;display:block}.aging-row>div:last-child span{color:#839098;font-size:8px}.aging-total{background:#eef3f6;border-radius:7px;grid-template-columns:1fr 1fr;margin-top:12px;padding:12px;display:grid}.aging-total div+div{border-left:1px solid #d2dde3;padding-left:12px}.aging-total span,.aging-total b{display:block}.aging-total span{color:#84919a;font-size:8px}.aging-total b{margin-top:4px;font:700 16px Barlow Condensed}.performance-head,.performance-row{grid-template-columns:minmax(190px,1.3fr) repeat(5,1fr);align-items:center;gap:12px;min-height:42px;padding:0 12px;display:grid}.performance-head{color:#87939b;background:#f0f4f6;font-size:8px}.performance-row{border-top:1px solid #e2e8eb;min-height:53px;font-size:9px}.performance-row>div b,.performance-row>div span{display:block}.performance-row>div span{color:#849098;margin-top:3px;font-size:8px}.user-menu{position:relative}.user-popover{z-index:50;border:1px solid var(--line);background:#fff;border-radius:9px 9px 9px 3px;gap:4px;width:220px;padding:13px;display:grid;position:absolute;top:44px;right:0;box-shadow:0 16px 42px #112a3b29}.user-popover b{font-size:10px}.user-popover span{color:#7d8a92;font-size:8px}.user-popover button{color:#98533a;text-align:left;background:#fff3ed;border:0;border-radius:6px;height:33px;margin-top:7px;padding:0 10px;font-size:9px}.copy-button{color:#7690a0;background:0 0;border:0;border-radius:5px;flex:none;place-items:center;width:25px;height:25px;padding:0;display:inline-grid}.copy-button:hover{color:var(--blue);background:var(--blue-pale)}.copy-button svg{width:13px}.detail-title .copy-button{margin-left:-4px}.linked-document{cursor:pointer;text-align:left;border:0;width:100%}.linked-document .copy-button{margin-left:auto}.linked-document:focus-visible{outline-offset:2px;outline:2px solid #76aecd}.logistics-panel .panel-head p,.detail-items .panel-head p{color:#83919a;margin:4px 0 0;font-size:8px}.logistics-panel .panel-head{gap:10px}.logistics-empty{color:#78909f;background:#f4f8fa;border:1px dashed #b8cbd5;border-radius:8px;align-content:center;place-items:center;gap:5px;width:100%;min-height:104px;display:grid}.logistics-empty svg{width:23px;color:var(--blue)}.logistics-empty b{color:#496477;font-size:10px}.logistics-empty span{font-size:8px}.logistics-meta>div{position:relative}.logistics-meta .copy-button{position:absolute;top:6px;right:3px}.logistics-meta small{color:#9a6a4b;margin-top:3px;font-size:7px;display:block}.fee-adjustment{color:#795a45;background:#fff5eb;border:1px solid #efd6bf;border-radius:8px;padding:12px}.fee-adjustment>span{font-size:8px;font-weight:700;display:block}.fee-adjustment>div{justify-content:space-between;gap:10px;margin-top:8px;display:flex}.fee-adjustment b{font-size:9px}.drawer-scrim,.dialog-scrim{z-index:90;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a1d2a7a;position:fixed;inset:0}.detail-drawer{background:#f8fafb;flex-direction:column;width:min(460px,100vw);height:100%;animation:.2s ease-out drawer-in;display:flex;position:absolute;top:0;right:0;box-shadow:-18px 0 60px #0b223233}.detail-drawer>header{color:#fff;background:#143f66;justify-content:space-between;gap:18px;min-height:118px;padding:25px 24px 20px;display:flex}.detail-drawer header h2{letter-spacing:.035em;margin:7px 0 4px;font:700 23px Barlow Condensed}.detail-drawer header p{color:#9db4c2;margin:0;font-size:9px;line-height:1.55}.detail-drawer header .eyebrow{color:#8fc8e8}.detail-drawer header>button{color:#fff;background:#ffffff14;border:0;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;display:grid}.detail-drawer header>button svg{width:17px}.drawer-form{gap:14px;padding:21px 24px;display:grid;overflow-y:auto}.drawer-form label,.action-dialog label{gap:6px;display:grid}.drawer-form label span,.action-dialog label span{color:#53636e;font-size:9px;font-weight:600}.drawer-form em,.action-dialog em{color:#8a979f;margin-left:4px;font-size:8px;font-style:normal;font-weight:400}.drawer-form input,.drawer-form select,.drawer-form textarea,.action-dialog input,.action-dialog textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #ced9df;border-radius:7px;outline:0;padding:0 11px;font-size:10px}.drawer-form input,.drawer-form select,.action-dialog input{height:40px}.drawer-form textarea,.action-dialog textarea{resize:vertical;min-height:82px;padding-top:10px}.drawer-form input:focus,.drawer-form select:focus,.drawer-form textarea:focus,.action-dialog input:focus,.action-dialog textarea:focus{border-color:#7db5d5;box-shadow:0 0 0 3px #176ca414}.drawer-error{color:var(--orange);margin:0;font-size:8px}.detail-drawer>footer{border-top:1px solid var(--line);background:#fff;justify-content:flex-end;gap:8px;margin-top:auto;padding:14px 24px;display:flex}.drawer-timeline{padding:20px 24px;overflow-y:auto}.drawer-timeline>div{border-left:1px solid #cbd8df;min-height:72px;padding-left:31px;position:relative}.drawer-timeline>div>i{color:#fff;background:var(--blue);border:4px solid #e4f0f6;border-radius:50%;place-items:center;width:20px;height:20px;font-size:5px;font-style:normal;display:grid;position:absolute;top:0;left:-10px}.drawer-timeline>div>span{color:#85929a;font-size:8px}.drawer-timeline p{margin:5px 0 0;font-size:9px;line-height:1.5}.drawer-timeline p b{margin-right:7px}.linked-log{width:100%;height:43px;color:var(--blue);background:var(--blue-pale);text-align:left;border:0;border-radius:7px;grid-template-columns:20px 1fr 18px;align-items:center;gap:8px;padding:0 11px;font-size:9px;font-weight:700;display:grid}.linked-log svg{width:15px}@keyframes drawer-in{0%{opacity:.4;transform:translate(26px)}}.dialog-scrim{place-items:center;padding:18px;display:grid}.node-dialog,.action-dialog{background:#fff;border-radius:12px 12px 12px 4px;width:min(470px,100%);padding:24px;position:relative;box-shadow:0 24px 80px #081a274d}.node-dialog>button,.dialog-close{color:#71818b;background:#edf2f4;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:16px;right:16px}.node-dialog>button svg,.dialog-close svg{width:16px}.node-dialog h2,.action-dialog h2{margin:8px 0 18px;font-size:21px}.node-dialog>div{border-top:1px solid #e2e8eb;min-height:49px;padding:9px 0}.node-dialog span,.node-dialog b{display:block}.node-dialog>div span{color:#829099;font-size:8px}.node-dialog>div b{margin-top:4px;font-size:10px}.action-dialog{gap:14px;display:grid}.action-dialog footer{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}.impact-warning{color:#96583d;background:#fff1e9;border:1px solid #f2d2c1;border-radius:7px;padding:12px}.impact-warning b,.impact-warning span{display:block}.impact-warning b{font-size:9px}.impact-warning span{color:#9b735f;margin-top:4px;font-size:8px;line-height:1.5}.decision-tabs{background:#e9eef1;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.decision-tabs button{color:#677781;background:0 0;border:0;border-radius:6px;height:34px;font-size:9px}.decision-tabs button.active{color:var(--green);background:#fff;font-weight:700;box-shadow:0 2px 8px #1f334314}.decision-tabs button.active.reject{color:var(--orange)}.danger-action{background:#c9573d!important}.danger-text{color:#a0523b!important;border-color:#eccfc2!important}.detail-notice{color:#276b59;background:var(--green-pale);border:1px solid #b8ded2;border-radius:8px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:9px;font-weight:700;display:flex}.detail-notice svg{width:17px}.state-rail .state-stop{min-width:0;color:inherit;text-align:left;background:0 0;border:0;padding:0}.state-rail .state-stop:not(:disabled){cursor:pointer}.state-rail .state-stop:disabled{opacity:1;cursor:default}.expandable-detail-line{border-top:1px solid #e2e8eb}.expandable-detail-line .detail-item-row{text-align:left;background:0 0;border:0;width:100%}.expandable-detail-line .detail-item-row:hover{background:#f7fafb}.product-link{color:var(--blue)}.line-expansion{background:#f0f5f7;border-top:1px dashed #cddbe2;grid-template-columns:1fr 1fr 110px;align-items:center;gap:15px;min-height:62px;padding:10px 12px 12px 24px;display:grid}.line-expansion span,.line-expansion b{display:block}.line-expansion span{color:#83919a;font-size:7px}.line-expansion b{margin-top:4px;font-size:9px}.line-expansion>button{height:31px;color:var(--blue);background:#fff;border:1px solid #c7dbe6;border-radius:6px;justify-content:center;align-items:center;gap:5px;font-size:8px;font-weight:700;display:flex}.line-expansion>button svg{width:14px}.amount-panel button.amount-line{width:100%;color:inherit;background:0 0;border:0;padding:0}.amount-panel button.amount-line:hover:not(.total){color:var(--blue)}.amount-panel button.amount-line.total{padding:0 10px}.object-preview{text-align:center;align-content:center;place-items:center;gap:8px;padding:35px;display:grid}.object-preview>svg{width:38px;color:var(--blue)}.object-preview b{font-size:14px}.object-preview span{color:#7b8992;font-size:9px}.object-preview button{margin-top:12px}.document-editor-page{animation:.2s ease-out detail-in}.document-editor-head{grid-template-columns:120px 1fr auto}.document-edit-panel{padding:24px}.document-edit-panel .panel-head p{color:#7c8992;margin:5px 0 0;font-size:9px}.document-edit-fields{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.document-edit-fields label,.document-edit-line label{gap:6px;display:grid}.document-edit-fields span,.document-edit-line label span{color:#60717c;font-size:8px;font-weight:600}.document-edit-fields input,.document-edit-line input{width:100%;height:40px;color:var(--ink);background:#fff;border:1px solid #ced9df;border-radius:7px;outline:0;padding:0 10px;font-size:10px}.document-edit-fields input:focus,.document-edit-line input:focus{border-color:#7db5d5;box-shadow:0 0 0 3px #176ca414}.document-edit-line{border-top:1px solid #e2e8eb;grid-template-columns:1fr 100px 140px;align-items:center;gap:14px;min-height:67px;padding:10px 3px;display:grid}.document-edit-line>div b,.document-edit-line>div span{display:block}.document-edit-line>div b{color:var(--blue);font:700 11px Barlow Condensed}.document-edit-line>div span{color:#7f8c94;margin-top:4px;font-size:8px}.field-link{width:100%;color:var(--blue);text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;margin-top:4px;padding:0;font-size:10px;font-weight:700;display:flex}.field-link svg{width:14px}.floating-scan,.mobile-only,.menu-scrim{display:none}.scanner-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#091926c7;place-items:center;display:grid;position:fixed;inset:0}.scanner-phone{color:#fff;background:#0b1b27;width:390px;max-width:100vw;height:min(844px,100vh);position:relative;overflow:hidden;box-shadow:0 30px 100px #0006}.scanner-phone>header{text-align:center;grid-template-columns:40px 1fr 40px;align-items:center;height:74px;padding:0 14px;display:grid}.scanner-phone header button{color:#fff;background:#ffffff14;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid}.scanner-phone header svg{width:19px}.scanner-phone header span,.scanner-phone header b{display:block}.scanner-phone header span{color:#9eb3c1;font-size:11px}.scanner-phone header b{letter-spacing:.05em;margin-top:3px;font:700 14px Barlow Condensed}.camera-view{background:radial-gradient(circle at 50% 45%,#385362,#172c38 55%,#091823);place-items:center;height:330px;display:grid;position:relative;overflow:hidden}.camera-noise{opacity:.16;background-image:repeating-linear-gradient(0deg,#0000,#0000 3px,#fff 4px);position:absolute;inset:0}.scan-corners{width:270px;height:145px;position:relative}.scan-corners i{border-style:solid;border-color:#f4a261;width:38px;height:38px;position:absolute}.scan-corners i:first-child{border-width:3px 0 0 3px;top:0;left:0}.scan-corners i:nth-child(2){border-width:3px 3px 0 0;top:0;right:0}.scan-corners i:nth-child(3){border-width:0 0 3px 3px;bottom:0;left:0}.scan-corners i:nth-child(4){border-width:0 3px 3px 0;bottom:0;right:0}.scan-corners span{background:#f4a261;height:2px;animation:2s ease-in-out infinite scan;position:absolute;top:50%;left:4px;right:4px;box-shadow:0 0 14px #f4a261}.camera-view p{color:#dce6eb;align-items:center;gap:7px;font-size:11px;display:flex;position:absolute;bottom:35px}.camera-view>button{color:#9fb3bf;background:0 0;border:0;font-size:9px;position:absolute;bottom:7px}@keyframes scan{0%,to{transform:translateY(-50px)}50%{transform:translateY(50px)}}.scan-sheet{height:calc(100% - 404px);color:var(--ink);background:#f8fafb;border-radius:22px 22px 0 0;padding:19px 18px}.scan-progress{justify-content:space-between;align-items:center;display:flex}.scan-progress span,.scan-progress b{display:block}.scan-progress span{color:#75828b;font-size:9px}.scan-progress b{font:700 22px Barlow Condensed}.avatars{display:flex}.avatars i{color:#24475e;background:#d9e9f2;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-left:-5px;font-size:8px;font-style:normal;display:grid}.avatars i:last-child{color:#fff;background:var(--blue)}.big-progress{background:#e0e7eb;border-radius:3px;height:6px;margin:10px 0 16px;overflow:hidden}.big-progress i{background:var(--blue);height:100%;transition:width .3s;display:block}.scan-product{background:#fff;border:1px solid #dce5ea;border-radius:10px;grid-template-columns:42px 1fr 34px;align-items:center;gap:10px;padding:12px;display:grid}.scan-product span,.scan-product b,.scan-product code{display:block}.scan-product span{color:#8a969e;font-size:8px}.scan-product b{margin:3px 0;font-size:11px}.scan-product code{color:#4e6b7d;letter-spacing:.06em;font:600 10px Barlow Condensed}.scan-check{color:#fff;background:var(--green);border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.scan-check svg{width:16px}.scan-lines{border-top:1px solid #dce3e8;margin:12px 0}.scan-lines div{border-bottom:1px solid #dce3e8;justify-content:space-between;align-items:center;height:36px;font-size:10px;display:flex}.scan-lines b{font:700 14px Barlow Condensed}.manual{color:#516675;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;width:100%;height:35px;font-size:10px;display:flex}.complete{color:#fff;background:var(--blue);border:0;border-radius:9px;width:100%;height:44px;font-size:12px;font-weight:700}.complete:disabled{color:#87959e;background:#dfe5e8}.scan-toast{z-index:5;color:#fff;background:var(--green);border-radius:20px;align-items:center;gap:7px;padding:10px 14px;font-size:10px;display:flex;position:absolute;top:90px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}.scan-toast svg{width:15px}.scan-toast.warning{background:var(--orange)}.scanner-phone.success{animation:.35s successFlash}.scanner-phone.full{animation:.35s warningFlash}@keyframes successFlash{50%{box-shadow:inset 0 0 0 6px #43b99c}}@keyframes warningFlash{50%{box-shadow:inset 0 0 0 6px #f1874f}}@media (width<=1000px){.work-grid{grid-template-columns:repeat(2,1fr)}.split-grid,.report-grid{grid-template-columns:1fr}.doc-head,.doc-row{grid-template-columns:155px 120px minmax(150px,1fr) 100px 120px 30px}.doc-head span:nth-child(6),.doc-row>span:nth-child(6){display:none}.inventory-head,.spu-row{grid-template-columns:minmax(260px,2fr) 110px 110px 24px}.inventory-head span:nth-child(4),.spu-row>strong:nth-child(4){display:none}.product-list-panel{overflow-x:auto}.product-list-head,.simple-row{min-width:850px}.customer-head,.customer-row{min-width:900px}.customer-table,.account-table{overflow-x:auto}.account-head,.account-row{min-width:900px}}@media (width<=720px){.app-shell{display:block}.sidebar{width:230px;transition:transform .2s;position:fixed;left:0;transform:translate(-105%)}.sidebar.open{transform:translate(0)}.menu-scrim{z-index:25;background:#09192673;border:0;display:block;position:fixed;inset:0}.mobile-only{display:grid}.topbar{justify-content:flex-start;gap:8px;height:64px;padding:0 14px}.topbar p{display:none}.topbar h1{font-size:16px}.top-actions{margin-left:auto}.search-button{display:none}.page-content{padding:16px 13px 86px}.page-stack{gap:14px}.shift-banner{min-height:205px;padding:27px 22px}.shift-banner h2{font-size:26px}.barcode-rail{font-size:36px;bottom:18px;right:10px}.work-grid{grid-template-columns:1fr 1fr;gap:9px}.work-card{min-height:132px;padding:14px}.work-card>strong{font-size:27px}.work-card h3{font-size:11px}.split-grid{gap:10px}.panel{padding:15px}.operation-row{grid-template-columns:38px 1fr 43px}.operation-row .progress{display:none}.page-heading{align-items:flex-end;min-height:auto}.page-heading h2{font-size:21px}.page-heading p{font-size:10px}.page-heading .heading-actions .secondary{display:none}.page-heading>.primary{white-space:nowrap;padding:0 11px}.filter-row{padding-bottom:2px;overflow-x:auto}.field-search{min-width:230px}.inventory-list,.document-table{overflow-x:auto}.inventory-head,.spu-row{min-width:650px}.sku-table{min-width:700px;margin-left:16px}.document-stats{overflow:hidden}.document-stats>div{padding:12px}.doc-head,.doc-row{min-width:850px}.finance-strip>div{padding:12px}.finance-strip strong{font-size:19px}.empty-stage{min-height:320px}.customer-summary{padding:18px}.report-toolbar{gap:15px;overflow-x:auto}.report-toolbar>span{white-space:nowrap}.value-flow{padding:21px 18px}.flow-track{grid-template-columns:repeat(4,180px);padding-top:12px;overflow-x:auto}.flow-stop>svg{display:none}.profit-equation{grid-template-columns:1fr}.profit-equation>em{display:none}.performance-panel{overflow-x:auto}.performance-head,.performance-row{min-width:760px}.detail-page-head{grid-template-columns:1fr;gap:10px}.detail-page-head>.heading-actions{flex-wrap:wrap;display:flex}.detail-title>div{flex-wrap:wrap}.state-rail{grid-auto-flow:row;gap:12px}.state-stop>em{width:2px;height:15px;top:29px;left:14px;right:auto}.detail-grid{grid-template-columns:1fr}.detail-items,.customer-orders,.voucher-lines{overflow-x:auto}.detail-item-head,.detail-item-row{min-width:700px}.customer-detail-hero,.cash-detail-hero,.voucher-hero,.account-detail-hero{grid-template-columns:1fr 1fr;gap:14px}.credit-ring{justify-self:start}.related-head,.related-row{min-width:720px}.warehouse-form{grid-template-columns:1fr}.warehouse-form label.wide{grid-column:auto}.customer-warehouse-row{grid-template-columns:12px 1fr}.warehouse-actions{grid-column:2}.permission-cards,.permission-toggle-grid{grid-template-columns:repeat(2,1fr)}.audit-table>div{grid-template-columns:90px 1fr}.audit-table em{display:none}.voucher-head,.voucher-row,.voucher-total{min-width:650px}.product-editor-head,.account-create-head,.customer-create-head,.document-editor-head{grid-template-columns:1fr}.product-editor-head>.heading-actions,.account-create-head>.heading-actions,.customer-create-head>.heading-actions,.document-editor-head>.heading-actions{display:flex}.product-fields,.account-form-grid,.customer-create-grid,.document-edit-fields{grid-template-columns:1fr}.product-form-panel,.sku-editor-panel,.account-form-panel,.account-permission-editor,.customer-create-panel,.document-edit-panel{padding:16px}.customer-create-grid .wide{grid-column:auto}.sku-editor-card{grid-template-columns:48px 1fr}.sku-card-content{padding:14px}.sku-size-line{flex-direction:column;align-items:flex-start}.barcode-editor{overflow-x:auto}.barcode-editor-head,.barcode-editor-row{min-width:580px}.document-edit-line{grid-template-columns:1fr 90px 120px}.line-expansion{grid-template-columns:1fr}.detail-drawer{width:100%}.detail-drawer>header{padding:20px 18px}.drawer-form,.drawer-timeline{padding:18px}.detail-drawer>footer{padding:12px 18px}.editor-footer{bottom:6px}.editor-footer>span{display:none}.save-notice{grid-template-columns:30px 1fr}.save-notice button{display:none}}@media (width<=480px){.document-edit-line{grid-template-columns:1fr}.document-edit-line label{grid-template-columns:90px 1fr;align-items:center}.fee-adjustment>div{display:grid}.action-dialog{padding:20px 16px}.action-dialog footer{grid-template-columns:1fr 1fr;display:grid}.detail-page-head>.heading-actions>button,.detail-drawer>footer button{flex:1}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}