@font-face{font-family:Manrope;src:url('/assets/fonts/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
.brand b.system-name{font-size:14px;letter-spacing:-.4px;white-space:normal}.brand .brand-mark{flex-shrink:0}
/* Desktop design tokens. Layer order: sticky 10, dialogs 20, toast 30. */
:root{color-scheme:light;--outer:#e5e7e8;--canvas:#f2f5f4;--surface:#fff;--text:#171918;--muted:#646c67;--line:#e7eae8;--accent:#c8f34a;--accent-hover:#bae238;--lavender:#eee9ff;--blue:#e7efff;--mint:#e3f4ec;--teal:#14767a;--danger:#a2332c;--radius:16px;--control-radius:9px;--focus:#547511;--sticky:10;--dialog:20;--toast:30}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--text);font:14px/1.55 Manrope,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease}button,a{touch-action:manipulation}button,.button-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--control-radius);padding:10px 16px;min-height:40px;background:var(--accent);color:var(--text);font-weight:650;font-size:13px;text-decoration:none;cursor:pointer;white-space:nowrap}button:hover,.button-link:hover{background:var(--accent-hover)}button:active{transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed;transform:none}.secondary{background:var(--surface);border-color:#d9dfdb}.secondary:hover{background:#f1f4f1}.text-button,.text-link{background:transparent;border:0;padding:4px 0;min-height:32px;font-size:12px;font-weight:650;color:#455248;display:inline-flex;align-items:center;gap:8px;text-decoration:none}.text-button:hover,.text-link:hover{background:transparent;color:#47660d;text-decoration:underline}.icon-button{padding:9px;min-width:38px;min-height:38px;background:transparent;color:var(--text)}.icon-button:hover{background:#eef2ed}.icon{width:19px;height:19px;flex:none;vertical-align:middle;opacity:.82}.icon-button .icon{width:18px;height:18px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--focus);outline-offset:3px}input,select,textarea{width:100%;min-width:0;min-height:42px;padding:10px 12px;color:var(--text);background:#fff;border:1px solid #d5dcd7;border-radius:var(--control-radius)}input::placeholder{color:#727b75}input:focus,select:focus{border-color:#78983c}label{display:grid;gap:7px;font-size:12px;font-weight:600}h1,h2,h3,h4,p{margin:0}h1{font-size:30px;line-height:1.25;letter-spacing:-1px;font-weight:750}h2{font-size:16px;line-height:1.5;letter-spacing:-.35px;font-weight:750}h3{font-size:16px;letter-spacing:-.25px}small{font-size:12px;color:var(--muted)}[hidden]{display:none!important}.skip-link{position:fixed;top:-60px;left:24px;background:var(--accent);padding:12px;z-index:40}.skip-link:focus{top:12px}.eyebrow{font-size:11px;letter-spacing:1.4px;font-weight:700;color:var(--muted)}.brand{display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.4}.brand b{display:block;font-size:19px;letter-spacing:-.65px}.brand-mark{width:38px;height:38px;border-radius:11px;background:var(--accent);display:grid;place-items:center}.brand-mark .icon{width:23px;height:23px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#eee9ff;color:#49405f;font-size:12px;font-weight:700;flex:none}.avatar.small{width:30px;height:30px;font-size:11px}
.app{display:grid;grid-template-columns:232px minmax(0,1fr);min-height:100dvh}.sidebar{position:sticky;top:0;height:100dvh;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:28px 16px 16px;overflow-y:auto}.sidebar-brand{padding:0 10px 24px}.workspace-label{display:flex;align-items:center;gap:10px;padding:12px;background:#f5f7f5;border:1px solid var(--line);border-radius:10px;margin-bottom:14px}.workspace-symbol{display:grid;place-items:center;border:1px solid #dee4dc;border-radius:7px;background:#fff;width:28px;height:30px;font-weight:700}.workspace-label strong{font-size:12px}.workspace-label small{display:block;font-size:11px}.sidebar-nav{flex:1}.nav-section-title{margin:16px 12px 7px;color:#707871;font-size:11px;font-weight:650;letter-spacing:.7px;text-transform:uppercase}.nav{display:flex;width:100%;justify-content:flex-start;gap:11px;background:transparent;border:0;color:#556058;padding:10px 12px;min-height:40px;border-radius:9px;font-size:12px;font-weight:600;text-align:left;margin:2px 0}.nav:hover{background:#f1f4f0}.nav.active{color:#233013;background:var(--accent);font-weight:750}.nav .icon{width:18px;height:18px}.user-box{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);margin-top:24px;padding:18px 4px 0}.user-box>div{flex:1;min-width:0}.user-box strong{display:block;font-size:12px;text-overflow:ellipsis;overflow:hidden}.user-box #userRole{display:block;font-size:11px;color:var(--muted)}main{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;height:70px;padding:0 32px;border-bottom:1px solid #e2e7e3}.breadcrumb{display:flex;align-items:center;gap:14px;font-size:12px;color:#707871}.breadcrumb .icon{width:12px;height:12px;opacity:.45}.breadcrumb span{color:var(--text);font-weight:600}.topbar-right{display:flex;align-items:center;gap:16px;font-size:12px;color:var(--muted)}.topbar-divider{height:18px;border-left:1px solid #dce1dd}.page-content{padding:32px;max-width:1700px;margin:0 auto}.page-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}.page-header p{color:var(--muted);font-size:12px;margin-top:8px}.header-actions{display:flex;gap:10px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;min-width:0}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px}.panel-head p{font-size:12px;color:var(--muted);margin-top:3px}.panel-foot{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 24px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.subtle-label{font-size:12px;color:var(--muted);white-space:nowrap}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.kpi-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px 22px;min-width:0}.kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600;color:#505a53}.kpi-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px}.lavender{background:var(--lavender)}.blue{background:var(--blue)}.mint{background:var(--mint)}.lime{background:#eff8d9}.kpi-number{display:block;font-size:30px;letter-spacing:-1.1px;font-weight:750;margin:12px 0 3px;font-variant-numeric:tabular-nums}.kpi-caption{font-size:11px;color:var(--muted)}.dashboard-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px;align-items:start}.dashboard-primary,.utility-column{display:grid;gap:24px}.balance-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:0 24px 18px}.tab-list{display:flex;gap:4px;flex-wrap:wrap}.tab-list button{font-size:11px;padding:6px 10px;min-height:31px;background:#fff;color:#626c65;border-radius:7px}.tab-list button.active{background:#edf3e5;color:#354621}.tab-list button:hover{background:#f0f3ed}.search-field{position:relative;display:flex;align-items:center;flex:1;min-width:180px;max-width:460px}.search-field>.icon{position:absolute;left:12px;width:16px;height:16px;pointer-events:none;opacity:.55}.search-field input{padding-left:37px;font-size:12px}.search-field.compact{max-width:200px;min-width:140px;margin-left:auto}.search-field.compact input{min-height:34px;padding-top:7px;padding-bottom:7px;font-size:11px}.table-wrap{overflow:auto;scrollbar-width:thin}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{background:#f8faf8;color:#69716b;font-weight:600;font-size:11px;white-space:nowrap;padding:12px 18px;border-block:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid #eef1ee;vertical-align:middle}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fafcf8}td:first-child,th:first-child{padding-left:24px}td:last-child,th:last-child{padding-right:24px}td strong{font-weight:650}td small{display:block;font-size:11px;margin-top:3px}td.numeric,th.numeric{text-align:right;font-variant-numeric:tabular-nums}td.numeric{font-size:12px}.product-cell{display:flex;align-items:center;gap:11px;min-width:150px}.product-glyph{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;background:#f0f3ed;flex:none}.product-glyph .icon{width:17px;height:17px;opacity:.65}.badge{display:inline-flex;align-items:center;gap:5px;border-radius:6px;padding:4px 7px;font-size:10px;font-weight:650;white-space:nowrap;background:#f0f3ef;color:#556259}.badge.in,.badge.good{background:#eaf5ed;color:#256643}.badge.out{background:#edf0fd;color:#555d9b}.badge.warning{background:#fff2e5;color:#925111}.badge.negative{background:#fceceb;color:#a2332c}.badge .icon{width:12px;height:12px}.negative-number{color:#a2332c}.cell-link{background:none;border:0;color:var(--text);padding:0;font-size:12px;min-height:24px;font-weight:650;text-align:left;white-space:normal;justify-content:flex-start}.cell-link:hover{background:none;text-decoration:underline}.quick-panel .panel-head{padding-bottom:8px}.quick-actions{padding:4px 14px 14px;display:grid;gap:3px}.quick-actions button{background:transparent;justify-content:flex-start;text-align:left;padding:12px 10px;gap:12px;white-space:normal}.quick-actions button:hover{background:#f5f8ef}.quick-actions button>span{flex:1}.quick-actions strong{display:block;font-size:12px}.quick-actions small{display:block;font-size:10px;font-weight:400;margin-top:3px}.quick-actions button>.icon:last-child{width:13px}.quick-actions button>.icon:first-child{width:20px}.attention-list{padding:0 24px 20px}.attention-row{display:flex;gap:8px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.attention-row:last-child{border:0}.attention-row>div{flex:1}.attention-row strong{font-size:12px;display:block}.attention-row small{font-size:11px}.attention-row button{font-size:11px;min-height:26px}.attention-all{margin-top:10px;font-size:11px}.movement-card{background:#eef1fb}.movement-card .panel-head{padding-bottom:12px}.movement-card #movementBreakdown{padding:0 24px 24px}.movement-total{display:flex;align-items:baseline;gap:8px;font-size:11px;color:var(--muted)}.movement-total strong{font-size:28px;color:var(--text);letter-spacing:-1px}.movement-bar{height:9px;display:flex;border-radius:5px;overflow:hidden;background:#e0e5ed;margin:16px 0}.movement-bar span:first-child{background:#b5c6ed}.movement-bar span:last-child{background:#a8d8c0}.movement-legend{display:grid;gap:9px;font-size:11px}.movement-legend>div{display:flex;justify-content:space-between}.movement-legend b{font-weight:650;font-variant-numeric:tabular-nums}.table-toolbar{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:0 24px 20px}.select-field{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted);font-weight:500}.select-field select{width:auto;min-width:130px;font-size:12px}.table-toolbar>.search-field{margin-right:auto}.pager{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.pager>div{display:flex;gap:8px}.pager button{font-size:11px;min-height:32px;padding:6px 10px}.pager .icon{width:13px;height:13px}.record-actions{white-space:nowrap}.record-actions button,.photo-btn{padding:5px 8px;min-height:28px;font-size:11px;background:#f3f6f1;color:#45563f;border:0}.record-actions button+button{margin-left:4px}.record-actions .danger{background:#fff2f0;color:var(--danger)}.record-actions .danger:hover{background:#fce2df}.table-person{display:flex;align-items:center;gap:11px}.table-person .avatar{width:30px;height:30px;font-size:11px}.empty-state{text-align:center;padding:40px 20px;color:var(--muted)}.empty-state strong{display:block;color:var(--text);margin:8px 0}.empty-state .icon{width:28px;height:28px;opacity:.4}.skeleton{display:block;height:14px;border-radius:5px;background:#edf1ed;margin:10px 0;width:75%}.skeleton.large{height:30px;width:55%;margin-top:22px}.loading-cell{padding:20px 24px}.page-error{background:#fff0ec;border:1px solid #e9c8bf;color:#8a362c;padding:14px 18px;border-radius:10px;margin-bottom:20px;display:flex;align-items:center;justify-content:space-between}.page-error button{background:#fff;font-size:12px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:560px;padding:13px 20px;border:1px solid #dce2d8;border-radius:12px;background:#fff;color:#293b22;box-shadow:0 5px 30px #25311f20;z-index:var(--toast);font-size:12px}.toast:empty{display:none}.error{color:var(--danger);font-size:12px;min-height:0}.error:empty{display:none}
.transfer-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.transfer-card{padding:32px}.feature-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:20px}.feature-icon .icon{width:23px;height:23px}.transfer-card h2{font-size:20px;margin-bottom:8px}.transfer-card>p{font-size:12px;color:var(--muted);max-width:430px;line-height:1.8}.file-drop{margin:24px 0;display:grid;justify-items:center;gap:8px;padding:24px 16px;border:1px dashed #bdc9b9;border-radius:12px;background:#f8faf6;cursor:pointer;text-align:center}.file-drop>.icon{width:30px;height:30px;opacity:.5}.file-drop span{font-size:12px;color:var(--muted);font-weight:400}.file-drop input{font-size:11px;max-width:290px;background:#fff}.file-drop input::file-selector-button{border:0;background:#edf3e6;padding:7px 10px;border-radius:5px;font:inherit;margin-right:8px}.export-contents{display:grid;gap:18px;padding:30px 0;margin:10px 0 24px}.export-contents span{display:flex;align-items:center;gap:12px;font-size:12px;color:#59645c}.import-guide{padding:24px 32px;margin-top:24px}.import-guide>div{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:20px}.import-guide p{display:grid;gap:8px;font-size:12px}.import-guide span{font-size:12px;color:var(--muted);line-height:1.8}#importResult{margin-bottom:12px;font-size:12px}
.login-view{display:grid;grid-template-columns:1fr 1fr;min-height:100dvh;padding:24px;gap:24px;background:#f2f5f4}.login-story{display:flex;flex-direction:column;justify-content:space-between;background:#e3ebdf;border-radius:24px;padding:48px;position:relative;overflow:hidden}.login-story>div,.login-story>p{position:relative}.login-story h1{font-size:clamp(36px,4vw,62px);letter-spacing:-2px;line-height:1.15;margin:20px 0}.login-story>div>p:last-child{max-width:340px;font-size:15px;color:#53614f;line-height:1.8}.login-caption{font-size:12px;color:#586750}.login-form-wrap{display:grid;place-items:center;padding:40px}.login-card{width:100%;max-width:370px}.login-card h2{font-size:26px;line-height:1.3;margin:12px 0}.login-card>p:not(.eyebrow):not(.error){color:var(--muted);font-size:12px;margin:0 0 32px}.login-card>label{margin-top:20px;font-size:12px}.login-card>button{width:100%;margin:24px 0 20px;justify-content:space-between;padding:12px 16px}.login-card .error{margin-bottom:20px}.login-card>.text-link{display:flex;justify-content:center;margin-top:20px}.check-label{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--muted)}.check-label input{width:14px;min-height:14px;height:14px;accent-color:#749530}
dialog{border:1px solid var(--line);border-radius:20px;padding:28px;color:var(--text);box-shadow:0 24px 80px #18231b30;max-height:90dvh}dialog::backdrop{background:#1b291f55}.form-dialog{width:480px;max-width:calc(100vw - 40px)}.form-dialog form{display:grid;gap:18px}.form-dialog h2{font-size:21px}.form-dialog form>p{font-size:12px;color:var(--muted)}.form-dialog form>.error{color:var(--danger)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:6px}.dialog-heading .eyebrow{margin-bottom:5px}.dialog-actions,.record-edit-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:8px;padding-top:16px;border-top:1px solid var(--line)}#photoDialog{max-width:85vw;text-align:center}#photoDialog img{max-width:100%;max-height:70dvh;display:block}#photoDialog .close{float:right;background:#f1f4ed;margin-bottom:8px}#photoCaption{font-size:12px;margin-top:12px}
/* A single shared task layout for normal stock and serialized CPE workflows. */
.wizard-open{overflow:hidden}.wizard-overlay{position:fixed;inset:0;z-index:var(--dialog);background:#1b291f55;display:grid;place-items:center;padding:28px}.stock-wizard{display:flex;flex-direction:column;background:#fff;width:min(1100px,100%);height:min(780px,92dvh);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 24px 90px #18231b30}.wizard-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;border-bottom:1px solid var(--line)}.wizard-head h2{font-size:20px}.wizard-head p{font-size:12px;color:var(--muted);margin-top:4px}.wizard-secondary{background:#fff;border-color:#d9dfdb;color:#4f5c51}.wizard-secondary:hover{background:#f2f5f0}.wizard-workspace{display:grid;grid-template-columns:160px minmax(0,1fr) 210px;flex:1;min-height:0}.wizard-steps{padding:24px 16px;background:#f8faf7;border-right:1px solid var(--line)}.wizard-step-label{display:flex;gap:9px;align-items:center;font-size:12px;color:#6b756e;padding:11px 8px;border-radius:8px;margin-bottom:5px}.wizard-step-label.active{background:#eaf3db;color:#344927;font-weight:750}.wizard-step-number{display:grid;place-items:center;min-width:22px;height:22px;border-radius:50%;background:#edf1e9;font-size:11px}.wizard-step-label.active .wizard-step-number{background:var(--accent)}.wizard-step-label.complete .wizard-step-number{background:#dcebd3;color:#355e23}.wizard-body{padding:28px;overflow:auto;min-width:0}.wizard-body h3{font-size:20px;margin-bottom:7px}.wizard-help{font-size:12px;color:var(--muted);margin-bottom:22px}.wizard-context{padding:28px 20px;background:#fafbf9;border-left:1px solid var(--line);overflow:auto}.wizard-context h3{font-size:12px;margin-bottom:20px}.context-row{display:grid;gap:4px;margin-bottom:17px;font-size:12px;overflow-wrap:anywhere}.context-row span{color:var(--muted);font-size:11px}.context-note{font-size:11px;line-height:1.8;color:var(--muted);border-top:1px solid var(--line);padding-top:16px}.wizard-actions{padding:18px 28px;display:flex;justify-content:space-between;border-top:1px solid var(--line)}.wizard-actions>div{display:flex;gap:10px;margin-left:auto}.wizard-choice-grid,.wizard-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wizard-choice,.wizard-select-card{display:grid;align-content:start;gap:10px;padding:18px;background:#fff;border:1px solid #dce3d8;border-radius:12px;text-align:left;white-space:normal;min-height:98px}.wizard-choice:hover,.wizard-select-card:hover{background:#f4f8ec;border-color:#a5bf7b}.wizard-choice>span{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:#eaf1e3;font-size:11px}.wizard-choice strong,.wizard-select-card strong{font-size:12px}.wizard-choice small,.wizard-select-card small{font-size:11px;font-weight:400}.wizard-select-card.selected,.quantity-card.selected{background:#f0f7e0;border-color:#8dac50}.wizard-card-grid{max-height:410px;overflow:auto}.wizard-search{margin-bottom:18px}.calendar-card{margin-top:20px}.calendar-nav{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.calendar-nav strong{font-size:12px}.calendar-nav button{padding:6px 10px;font-size:11px;min-height:32px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.calendar-week{margin-bottom:9px;font-size:11px;text-align:center;color:var(--muted)}.calendar-day{background:#f5f7f2;padding:8px 3px;min-height:36px;font-size:12px;font-weight:500}.calendar-day.selected{background:var(--accent);font-weight:750}.wizard-fields,.quantity-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.quantity-instruction{font-size:12px;color:var(--muted);margin:24px 0 14px}.quantity-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.quantity-card{display:grid;text-align:left;justify-content:start;padding:16px;background:#fff;border:1px solid #dce3d8;gap:4px;white-space:normal}.quantity-card strong{font-size:21px}.quantity-card span{font-size:11px;font-weight:500;color:var(--muted)}.quantity-card.unavailable{opacity:.35;cursor:not-allowed}.manual-quantity{margin-top:18px}.confirm-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}.confirm-stat{display:grid;gap:6px;background:#f5f7f1;padding:14px;border-radius:10px}.confirm-stat span{color:var(--muted);font-size:11px}.confirm-stat strong{font-size:13px}.confirm-lines{display:grid;gap:10px}.confirm-line{padding:14px;border:1px solid var(--line);border-radius:10px;display:flex;justify-content:space-between;gap:12px}.confirm-line h4{font-size:12px;margin-bottom:5px}.confirm-line small{display:block;font-size:11px}.confirm-line-total{display:grid;align-content:center;text-align:right;font-size:12px;gap:6px}.add-another-product{margin-top:18px;width:100%;background:#f1f5e9;color:#455b30;border:1px dashed #becdaf}.serial-fields{margin-top:22px}.serial-search-box{position:relative}.serial-search-results{position:absolute;inset:calc(100% + 5px) 0 auto;z-index:10;max-height:230px;overflow:auto;background:#fff;box-shadow:0 8px 24px #15200e22;border-radius:9px}.serial-search-results:empty{display:none}.serial-result{display:flex;justify-content:space-between;width:100%;background:#fff;border-radius:0;border-bottom:1px solid var(--line);text-align:left;font-size:12px;white-space:normal}.serial-result span{font-size:11px;color:var(--muted)}.serial-empty{padding:16px;font-size:12px;color:var(--muted)}.cpe-serial-list{display:grid;gap:12px;margin-top:20px}.cpe-serial-row{display:flex;gap:8px;align-items:center}.cpe-remove-serial{background:#fff2ef;color:#963e33;min-height:34px;font-size:11px;padding:7px 10px}.cpe-add-serial,.cpe-add-qid{background:#eef4e5;color:#47602c;font-size:12px}.serial-step>.cpe-add-serial{margin-top:16px}.cpe-in-form{display:grid;gap:16px}.cpe-in-label{font-size:12px}.cpe-date-display{background:#f5f7f2;padding:12px;border-radius:9px;display:flex;justify-content:space-between;font-size:12px}.cpe-date-display span{color:var(--muted)}.cpe-qid-box{border:1px solid var(--line);padding:15px;border-radius:10px}.cpe-qid-box>strong{font-size:12px;font-weight:500}.cpe-qid-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.cpe-qid-chip{background:#f2f5ed;font-size:11px;padding:6px 10px;min-height:30px}.cpe-qid-chip.selected{background:var(--accent)}.cpe-in-actions{display:flex;justify-content:space-between;margin-top:10px}.wizard-inline-error{color:var(--danger);font-size:12px}.wizard-direct-date{max-width:240px;margin-top:18px}
@media(min-width:1800px){body{background:var(--outer);padding:20px}.app{max-width:1800px;margin:auto;border:1px solid #dae0db;border-radius:24px;overflow:clip;background:var(--canvas);min-height:calc(100dvh - 40px)}.sidebar{top:20px;height:calc(100dvh - 40px)}}
@media(max-width:1300px){.app{grid-template-columns:216px minmax(0,1fr)}.sidebar{padding-inline:12px}.page-content{padding:26px 24px}.topbar{padding-inline:24px}.dashboard-layout{grid-template-columns:minmax(0,1fr) 248px;gap:18px}.dashboard-primary,.utility-column{gap:18px}.kpi-card{padding:17px}.panel-head{padding:19px 20px}.balance-toolbar{padding-inline:20px}.balance-toolbar .search-field.compact{max-width:none;margin-left:0;flex-basis:100%}.kpi-top{font-size:11px}.kpi-number{font-size:26px}.kpi-caption{font-size:10px}td,th{padding-inline:12px}.product-glyph{display:none}.panel-head h2{font-size:14px}.attention-list{padding-inline:20px}.quick-actions small{font-size:10px}.wizard-workspace{grid-template-columns:145px minmax(0,1fr) 185px}}
@media(max-width:1100px){.dashboard-layout{grid-template-columns:1fr}.utility-column{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.utility-column .panel-head{padding:18px 16px}.quick-actions{padding:0 6px 12px}.quick-actions button{padding:10px 8px;gap:8px}.quick-actions button>.icon:last-child{display:none}.attention-list{padding:0 16px 16px}.movement-card #movementBreakdown{padding:0 16px 18px}.balance-toolbar .search-field.compact{max-width:200px;margin-left:auto;flex-basis:auto}.wizard-context{display:none}.wizard-workspace{grid-template-columns:150px minmax(0,1fr)}.page-header h1{font-size:27px}.topbar-right #todayDate{display:none}}
@media(max-width:850px){.app{grid-template-columns:180px minmax(0,1fr)}.nav{font-size:11px;padding-inline:8px;gap:7px}.sidebar-brand{padding-inline:4px}.brand b{font-size:17px}.workspace-label{padding:8px}.page-content{padding:24px 18px}.page-header{align-items:flex-start}.page-header .header-actions #globalStockAction{padding:10px;font-size:0;gap:0}.page-header .header-actions #globalStockAction .icon{width:20px}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.utility-column{grid-template-columns:1fr}.transfer-grid{grid-template-columns:1fr}.import-guide>div{grid-template-columns:1fr;gap:20px}.login-story{padding:32px}.login-form-wrap{padding:24px}.balance-toolbar .search-field.compact{max-width:none;flex-basis:100%;margin:0}.wizard-overlay{padding:16px}.wizard-workspace{grid-template-columns:1fr}.wizard-steps{display:flex;gap:5px;padding:10px 18px;border:0;border-bottom:1px solid var(--line);overflow:auto}.wizard-step-label{padding:4px;font-size:10px;white-space:nowrap;margin:0}.wizard-step-number{min-width:18px;height:18px}.wizard-workspace{display:flex;flex-direction:column}.wizard-body{flex:1}.wizard-head{padding:18px}.wizard-head h2{font-size:17px}}
@media(max-width:620px){.app{grid-template-columns:64px minmax(0,1fr)}.sidebar{padding:16px 7px}.sidebar-brand>span:last-child,.workspace-label,.nav span,.nav-section-title,.user-box>div,.user-box>.avatar{display:none}.sidebar-brand{padding:0 6px 20px}.brand-mark{width:34px;height:34px}.nav{justify-content:center;padding:12px 5px}.sidebar-nav .nav:nth-of-type(2),.sidebar-nav .nav:nth-of-type(5),.sidebar-nav .nav:nth-of-type(8){margin-top:16px}.user-box{justify-content:center;padding-top:12px}.topbar{padding:0 18px;height:58px}.page-header{margin-bottom:22px}.page-content{padding:24px 14px}.page-header h1{font-size:24px}.header-actions{gap:3px}.page-header p{font-size:11px;max-width:220px}.panel-head{padding:18px 16px;flex-wrap:wrap}.kpi-grid{gap:10px}.kpi-card{padding:14px}.kpi-icon{width:25px;height:25px}.kpi-icon .icon{width:16px}.kpi-number{font-size:24px}.kpi-top{font-size:10px}.table-toolbar{padding-inline:16px}.table-toolbar .search-field{flex-basis:100%;max-width:none}.panel-foot{padding:12px 16px;font-size:10px}.panel-foot>span{max-width:150px}.balance-toolbar{padding-inline:16px}.pager{padding:12px 16px;gap:12px;flex-wrap:wrap}.transfer-card{padding:24px}.login-view{grid-template-columns:1fr;padding:0;gap:0}.login-story{min-height:220px;border-radius:0;padding:24px}.login-story h1{font-size:32px;margin:20px 0 10px}.login-story .eyebrow,.login-caption,.login-story>div>p:last-child{display:none}.login-form-wrap{padding:36px 24px}.wizard-overlay{padding:6px}.stock-wizard{height:96dvh;border-radius:14px}.wizard-body{padding:20px}.wizard-head{padding:16px}.wizard-head h2{font-size:15px}.wizard-choice-grid,.wizard-card-grid{grid-template-columns:1fr}.wizard-fields,.quantity-inputs{grid-template-columns:1fr}.wizard-actions{padding:16px}.toast{bottom:12px;width:calc(100% - 30px)}.form-dialog{padding:22px}}
.kpi-card:nth-child(1){background:#eeeafa}.kpi-card:nth-child(2){background:#e7effb}.kpi-card:nth-child(3){background:#e5f2eb}.kpi-card:nth-child(4){background:#fff}.kpi-card .kpi-icon{background:#ffffff80}.balance-board #productBalances{max-height:390px}.balance-board th,#recordTable th{position:sticky;top:0;z-index:var(--sticky)}#recordTable{max-height:calc(100dvh - 330px);min-height:160px}#customerTable,#itemTable,#userTable{max-height:calc(100dvh - 315px)}.table-wrap:focus-visible{outline-offset:-3px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}