:root{color-scheme:only light;--ink-950: #e3e4e7;--ink-900: #f0f1f3;--ink-800: #f8f9fa;--ink-700: #e9eaed;--ink-600: #d7d9de;--ink-500: #c3c5ca;--ink-400: #7d818a;--ink-300: #5c6066;--ink-200: #40444a;--ink-100: #26292e;--ink-50: #17191c;--accent-900: #17191c;--accent-800: #222427;--accent-700: #2a2d32;--accent-600: #33363b;--accent-500: #4a4e55;--accent-400: #6d727a;--accent-300: #33363b;--accent-200: #dedfe3;--accent-100: #e7e9ec;--accent-50: #eef0f2;--success: #2e7d4f;--success-soft: rgb(46 125 79 / 10%);--success-border: rgb(46 125 79 / 24%);--warning: #9a6b1c;--warning-soft: rgb(154 107 28 / 12%);--warning-border: rgb(154 107 28 / 26%);--danger: #b3403c;--danger-soft: rgb(179 64 60 / 10%);--danger-border: rgb(179 64 60 / 24%);--info: #5c6066;--info-soft: rgb(92 96 102 / 10%);--info-border: rgb(92 96 102 / 24%);--primary: var(--accent-600);--primary-hover: var(--accent-500);--primary-soft: var(--accent-400);--text: var(--ink-100);--text-secondary: var(--ink-300);--text-muted: var(--ink-400);--border: var(--ink-600);--border-strong: var(--ink-500);--page-bg: var(--ink-900);--panel-bg: var(--ink-800);--panel-muted: var(--ink-700);--nav: var(--ink-950);--nav-soft: var(--chrome-soft);--focus: var(--accent-400);--focus-ring: rgb(51 54 59 / 22%);--chrome: #e3e4e7;--chrome-soft: #eceeef;--chrome-line: rgb(23 25 28 / 8%);--chrome-hairline: rgb(23 25 28 / 8%);--nav-hover: rgb(23 25 28 / 5%);--nav-active-bg: rgb(23 25 28 / 8%);--nav-active-ring: rgb(23 25 28 / 15%);--brand-chip: #33363b;--brand-chip-ring: rgb(23 25 28 / 20%);--table-head: #e9eaed;--table-head-text: var(--ink-300);--table-line: rgb(23 25 28 / 7%);--table-row-alt: rgb(23 25 28 / 2.5%);--table-row-hover: rgb(23 25 28 / 5%);--table-row-bar: var(--ink-200);--table-cell-x: 14px;--table-cell-y: 11px;--field-bg: #fdfdfe;--field-bg-hover: #f4f5f7;--field-bg-disabled: rgb(23 25 28 / 4%);--field-border: var(--ink-500);--field-border-hover: var(--ink-400);--field-placeholder: var(--ink-400);--field-radius: 6px;--control-h: 36px;--filter-select-w: 156px;--filter-select-wide: 210px;--filter-select-sm: 104px;--btn-h: 36px;--btn-px: 14px;--btn-radius: 6px;--btn-font: var(--text-body);--btn-weight: 600;--btn-bg: var(--ink-800);--btn-bg-hover: #eef0f1;--btn-bg-active: #e3e5e8;--btn-text: var(--ink-200);--btn-text-hover: var(--ink-50);--btn-border: var(--border-strong);--btn-border-hover: var(--ink-500);--btn-primary-text: #ffffff;--btn-primary-hover: #46494f;--btn-danger-bg: var(--danger-soft);--btn-danger-bg-hover: rgb(179 64 60 / 16%);--btn-danger-text: var(--danger);--btn-danger-border: var(--danger-border);--btn-ghost-hover: rgb(23 25 28 / 6%);--btn-shadow-hover: var(--shadow-md);--badge-radius: 999px;--badge-px: 10px;--badge-py: 3px;--badge-font: var(--text-sm);--badge-weight: 600;--badge-neutral-bg: rgb(23 25 28 / 5%);--badge-neutral-text: var(--text-secondary);--badge-neutral-border: var(--border);--tab-bg: var(--ink-800);--tab-bg-hover: rgb(23 25 28 / 5%);--tab-text: var(--text-secondary);--tab-text-hover: var(--text);--tab-border: var(--border-strong);--tab-active-bg: var(--primary);--tab-active-text: #ffffff;--tab-active-border: var(--primary);--datacard-bg: var(--ink-800);--datacard-bg-hover: var(--ink-700);--datacard-border: var(--border);--datacard-radius: var(--radius);--datacard-py: 14px;--datacard-px: 16px;--datacard-bar: 1px;--datacard-shadow: var(--shadow-panel);--metric-size: 24px;--metric-weight: 700;--metric-color: var(--ink-50);--metric-tracking: -.02em;--metric-label: var(--text-secondary);--metric-note: var(--text-muted);--num-color: var(--ink-50);--num-weight: 700;--num-positive: var(--success);--num-negative: var(--danger);--chart-grid: rgb(23 25 28 / 7%);--chart-axis: var(--text-muted);--chart-track: rgb(23 25 28 / 8%);--chart-track-inset: inset 0 1px 2px rgb(23 25 28 / 10%);--chart-bar-h: 8px;--chart-bar-h-lg: 10px;--chart-bar-radius: 999px;--chart-line-1: var(--ink-100);--chart-line-2: var(--success);--chart-line-3: var(--warning);--chart-area-1: rgb(38 41 46 / 7%);--chart-area-3: rgb(154 107 28 / 10%);--chart-dot-stroke: var(--ink-800);--chart-dot-ring: 2px;--empty-bg: rgb(23 25 28 / 2%);--empty-border: var(--border);--empty-text: var(--text-muted);--empty-min-h: 140px;--empty-radius: var(--radius);--pager-h: 30px;--pager-min-w: 30px;--pager-px: 10px;--pager-gap: 6px;--pager-radius: var(--radius-sm);--pager-bg: var(--ink-800);--pager-bg-hover: var(--ink-700);--pager-text: var(--text-secondary);--pager-text-hover: var(--ink-50);--pager-border: var(--border);--pager-border-hover: var(--border-strong);--pager-active-bg: var(--primary);--pager-active-text: var(--btn-primary-text);--pager-active-border: var(--primary);--callout-radius: 6px;--callout-py: 9px;--callout-px: 12px;--callout-font: var(--text-sm);--callout-weight: 600;--callout-line: 1.6;--callout-bar: 3px;--callout-gap: 8px;--callout-danger-bg: var(--danger-soft);--callout-danger-border: var(--danger-border);--callout-danger-text: var(--danger);--callout-warning-bg: var(--warning-soft);--callout-warning-border: var(--warning-border);--callout-warning-text: var(--warning);--callout-info-bg: var(--info-soft);--callout-info-border: var(--info-border);--callout-info-text: var(--info);--callout-success-bg: var(--success-soft);--callout-success-border: var(--success-border);--callout-success-text: var(--success);--callout-neutral-bg: rgb(23 25 28 / 3%);--callout-neutral-border: var(--border);--callout-neutral-text: var(--text-secondary);--hint-text: var(--text-muted);--hint-font: var(--text-sm);--hint-line: 1.6;--toast-bg: var(--ink-800);--toast-border: var(--border-strong);--toast-text: var(--ink-100);--toast-radius: 10px;--toast-py: 10px;--toast-px: 14px;--toast-gap: 10px;--toast-icon-size: 18px;--toast-shadow: var(--shadow-float);--toast-offset: 18px;--shadow-xs: 0 1px 2px rgb(23 25 28 / 6%);--shadow-sm: 0 1px 3px rgb(23 25 28 / 8%), 0 1px 2px rgb(23 25 28 / 5%);--shadow-md: 0 4px 10px -2px rgb(23 25 28 / 12%), 0 2px 4px -2px rgb(23 25 28 / 8%);--shadow-lg: 0 10px 24px -6px rgb(23 25 28 / 16%), 0 4px 8px -4px rgb(23 25 28 / 10%);--shadow-xl: 0 20px 40px -12px rgb(23 25 28 / 22%), 0 8px 16px -8px rgb(23 25 28 / 12%);--shadow-panel: 0 1px 2px rgb(23 25 28 / 5%);--shadow-float: 0 16px 40px -12px rgb(23 25 28 / 24%);--shadow-inset: inset 0 1px 0 rgb(255 255 255 / 60%);--ring-focus: 0 0 0 3px var(--focus-ring);--scroll-thumb: rgb(23 25 28 / 16%);--scroll-thumb-hover: rgb(23 25 28 / 26%);--hairline: rgb(23 25 28 / 8%);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .12s;--dur-base: .18s;--dur-slow: .28s;--transition-hover: background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out), opacity var(--dur-fast) var(--ease-out);--radius-sm: 4px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--font-ui: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", system-ui, sans-serif;--font-title: "Inter", "SF Pro Display", -apple-system, "Microsoft YaHei", "PingFang SC", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", "SF Mono", Consolas, monospace;--text-xs: 11px;--text-xs-trim: -.01em;--text-sm: 13px;--text-sm-trim: 0em;--text-body: 14px;--text-body-trim: 0em;--text-md: 15px;--text-md-trim: 0em;--text-lg: 16px;--text-lg-trim: -.01em;--text-xl: 20px;--text-xl-trim: -.02em;--text-2xl: 24px;--text-2xl-trim: -.02em;--text-3xl: 30px;--text-3xl-trim: -.03em;--el-bg-color: var(--panel-bg);--el-bg-color-page: var(--page-bg);--el-bg-color-overlay: var(--panel-bg);--el-fill-color-blank: var(--panel-bg);--el-color-primary: var(--accent-600);--el-color-primary-light-3: var(--accent-500);--el-color-primary-light-5: var(--accent-400);--el-color-primary-light-7: var(--accent-200);--el-color-primary-light-8: var(--accent-100);--el-color-primary-light-9: var(--accent-50);--el-color-primary-dark-2: var(--accent-700);--el-border-radius-base: var(--radius);--el-font-size-base: var(--text-body);--el-border-color: var(--border);--el-border-color-hover: var(--accent-400);--el-text-color-primary: var(--text);--el-text-color-regular: var(--text-secondary);--teal-50: var(--accent-50);--teal-400: var(--accent-400);--teal-500: var(--accent-500);--jade-600: var(--success);--jade-700: var(--success);--paper-100: var(--ink-800);--paper-50: var(--ink-700);--red-600: var(--danger);--secondary: var(--text-secondary);--muted: var(--text-muted);--primary-deep: #222427;--scan-glow: var(--focus-ring)}:root.dark,body.dark{--page-bg: var(--ink-900);--panel-bg: var(--ink-800);--panel-muted: var(--ink-700);--text: var(--ink-100);--text-secondary: var(--ink-300);--text-muted: var(--ink-400);--border: var(--ink-600);--border-strong: var(--ink-500);--nav: var(--chrome);--nav-soft: var(--chrome-soft);--focus: var(--accent-400);--focus-ring: rgb(51 54 59 / 22%)}*{box-sizing:border-box}html,body,#app{width:100%;min-width:360px;min-height:100%;margin:0}body,#app{overflow-x:hidden}html{height:100%;color-scheme:only light}body,#app{min-height:100vh}body.modal-open{overflow:hidden}body{color:var(--text);background:var(--page-bg);font:normal var(--text-body)/1.6 var(--font-ui);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 70% 45% at 12% 0%,rgb(23 25 28 / 2%),transparent 60%),radial-gradient(ellipse 50% 40% at 92% 100%,rgb(23 25 28 / 1.5%),transparent 55%)}button,input,select,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--font-title);text-wrap:balance}h1{font-size:var(--text-2xl);font-weight:700}h2{font-size:var(--text-xl);font-weight:650}h3{font-size:var(--text-lg);font-weight:600}a{color:var(--accent-400);text-underline-offset:3px;text-decoration:none;transition:color var(--dur-fast) var(--ease-out)}a:hover{color:var(--accent-300)}:focus-visible{outline:2px solid var(--accent-500);outline-offset:2px;border-radius:2px}.panel{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.page-header,.erp-home-title{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px;padding:12px 20px;background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.page-header h1,.erp-home-title b{margin:0;color:var(--text);font-size:20px;line-height:1.3;font-weight:700}.page-header p{display:block;margin:3px 0 0;color:var(--text-muted);font-size:12px}.page-header>div:first-child,.erp-home-title>div{display:flex;align-items:baseline;gap:12px}.screen-state{min-height:220px;display:grid;place-items:center;padding:32px;color:var(--text-muted);text-align:center}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--success)}.mono{font-family:var(--font-mono);letter-spacing:.015em}.money{text-align:right;font-weight:700;font-variant-numeric:tabular-nums}.muted{color:var(--text-muted)}.desktop-shell{min-height:100vh;display:flex;flex-direction:column;background:transparent;color:var(--text)}.title-bar{min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,3vw,42px);color:var(--ink-200);background:var(--chrome);border-bottom:1px solid var(--chrome-hairline);box-shadow:0 1px 0 var(--chrome-line)}.app-logo{width:26px;height:26px;flex-shrink:0;object-fit:contain;padding:3px;box-sizing:content-box;border-radius:8px;background:var(--brand-chip);box-shadow:inset 0 0 0 1px var(--brand-chip-ring)}.app-title,.account{display:flex;align-items:center}.app-title{gap:12px;white-space:nowrap}.app-title strong{color:var(--ink-50);font:700 16px/1 var(--font-title);letter-spacing:.02em}.app-subtitle{margin-left:2px;padding-left:14px;border-left:1px solid rgb(23 25 28 / 12%);color:var(--ink-400);font-size:12px;letter-spacing:.06em}.account{gap:12px;color:var(--ink-400);font-size:12px}.account>a{color:var(--ink-200);text-decoration:none;font-weight:500}.account>a:hover{color:var(--ink-50)}.mode-label{color:var(--ink-400)}.account button,.sync-cloud{height:30px;padding:0 12px;color:var(--ink-200);background:#ffffffa6;border:1px solid rgb(23 25 28 / 12%);border-radius:7px;font-size:12px;transition:var(--transition-hover)}.account button:hover,.sync-cloud:hover{background:var(--field-bg);border-color:var(--nav-active-ring);color:var(--ink-50)}.menu-bar{min-height:42px;display:flex;align-items:stretch;gap:2px;padding:4px clamp(10px,1.8vw,24px);overflow-x:auto;flex-wrap:nowrap;flex-shrink:0;background:var(--chrome-soft);border-bottom:1px solid var(--border);box-shadow:inset 0 -1px 0 var(--chrome-line);scrollbar-width:none}.menu-bar::-webkit-scrollbar{display:none}.menu-bar a{min-height:32px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 10px;color:var(--ink-300);text-decoration:none;border-radius:6px;font-size:13px;letter-spacing:.02em;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.menu-bar a:hover{color:var(--ink-50);background:var(--nav-hover)}.menu-bar a.active{color:var(--ink-50);font-weight:600;background:var(--nav-active-bg);box-shadow:inset 0 0 0 1px var(--nav-active-ring)}.menu-bar .group-start{margin-left:6px;position:relative}.menu-bar .group-start:before{content:"";position:absolute;left:-4px;top:13px;width:1px;height:16px;background:var(--border)}.workspace{width:100%;max-width:none;flex:1;min-width:0;margin:0;padding:20px clamp(16px,2vw,28px) 34px;outline:none}.workspace:focus-visible{outline:2px solid var(--accent-500);outline-offset:-4px}.status-bar{min-height:30px;display:flex;align-items:center;gap:20px;padding:6px clamp(18px,3vw,42px);background:var(--chrome);border-top:1px solid var(--border);box-shadow:inset 0 1px 0 var(--chrome-line);color:var(--ink-400);font-size:12px;letter-spacing:.04em}.status-bar>span{display:flex;align-items:center;gap:7px}.status-date{margin-left:auto}.connection-dot{width:6px;height:6px;border-radius:50%;background:var(--success)}.connection-dot.offline{background:var(--warning)}.offline{color:var(--warning)}.skip-link{position:fixed;left:14px;top:-80px;z-index:3000;padding:10px 14px;color:#fff;background:var(--primary);border-radius:6px}.skip-link:focus{top:10px}.desktop-shell .workspace :is(input:not([type=checkbox]):not([type=radio]),select,textarea){min-height:var(--control-h);padding-block:7px;padding-inline:11px var(--field-pad-end, 11px);color:var(--text);background-color:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--field-radius);box-shadow:inset 0 1px 1px #17191c08;transition:border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out)}.desktop-shell .workspace :is(input,select,textarea):hover:not(:disabled):not(:focus){background-color:var(--field-bg-hover);border-color:var(--field-border-hover)}.desktop-shell .workspace :is(input,select,textarea):focus{outline:none;border-color:var(--accent-400);box-shadow:var(--ring-focus);background-color:var(--field-bg-hover)}.desktop-shell .workspace :is(input,select,textarea)::placeholder{color:var(--field-placeholder);opacity:1}.desktop-shell .workspace :is(input,select,textarea):disabled{color:var(--text-muted);background-color:var(--field-bg-disabled);border-color:var(--border);cursor:not-allowed}.desktop-shell .workspace :is(input[type=checkbox],input[type=radio]){accent-color:var(--accent-500);cursor:pointer}.desktop-shell .workspace :is(input:not([type=checkbox]):not([type=radio]),select,textarea):is(.invalid,.field-error){border-color:var(--danger);box-shadow:inset 0 0 0 1px var(--danger)}.desktop-shell .workspace label{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.35;font-weight:600}.desktop-shell .workspace :is(input,select,textarea){font-size:var(--text-body);line-height:1.4}.desktop-shell .workspace select,body .erp-modal-mask select{background-color:var(--field-bg);color:var(--text)}.desktop-shell .workspace select:not([multiple]),body .erp-modal-mask select:not([multiple]){appearance:none;--field-pad-end: 30px;padding-right:30px;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M2.75 4.5 6 7.75 9.25 4.5' fill='none' stroke='%235c6066' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.desktop-shell .workspace :is(input[type=date],input[type=datetime-local],input[type=month],input[type=time])::-webkit-calendar-picker-indicator{opacity:.6;cursor:pointer;transition:opacity var(--dur-fast) var(--ease-out)}.desktop-shell .workspace :is(input[type=date],input[type=datetime-local],input[type=month],input[type=time])::-webkit-calendar-picker-indicator:hover{opacity:1}.desktop-shell .workspace :is(button,a){font-size:var(--text-body)}.desktop-shell .workspace h1{font-size:var(--text-xl);line-height:1.3}.desktop-shell .workspace h2{font-size:var(--text-lg);line-height:1.35}.desktop-shell .workspace h3{font-size:var(--text-md);line-height:1.4}.desktop-shell .workspace table{font-size:var(--text-body)}.desktop-shell .workspace button,.erp-modal-mask button{border-radius:var(--btn-radius);font-weight:var(--btn-weight);letter-spacing:.01em;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out)}.desktop-shell .workspace :is(.toolbar,.filters,.document-bar,.supplier-bar,.query,.page-header,.erp-home-title,footer,.actions,.form-actions) button,.desktop-shell .workspace :is(.primary,.primary-action,.secondary,.refresh,.clear,.danger,.add,.bulk-btn,.confirm-stockin,.delivery-btn,.link-button,.remark-action,.reverse-action),.erp-modal-mask :is(.modal-primary,.danger){min-height:var(--btn-h);padding:0 var(--btn-px)}.desktop-shell .workspace :is(.primary,.primary-action,button.primary){color:var(--btn-primary-text);background:var(--primary);border:1px solid var(--primary);border-radius:var(--btn-radius);box-shadow:0 1px 3px #17191c29;font-weight:var(--btn-weight);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.desktop-shell .workspace :is(.primary,.primary-action,button.primary):hover:not(:disabled){background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);box-shadow:0 1px 3px #17191c38,inset 0 1px #ffffff1f}.desktop-shell .workspace :is(.primary,.primary-action,button.primary):active:not(:disabled){background:var(--accent-700);box-shadow:inset 0 1px 3px #17191c52}.desktop-shell .workspace :is(.primary,.primary-action,button.primary):disabled{opacity:1;color:var(--text-muted);background:var(--ink-600);border-color:var(--ink-600);box-shadow:none}.desktop-shell .workspace :is(.secondary,.refresh,.edit-action,.clear,.bulk-btn,.link-button,.remark-action,.reverse-action,footer button){color:var(--btn-text);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--shadow-xs);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.desktop-shell .workspace :is(.secondary,.refresh,.edit-action,.clear,.bulk-btn,.link-button,.remark-action,.reverse-action,footer button):hover:not(:disabled){color:var(--btn-text-hover);background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}.desktop-shell .workspace :is(.secondary,.refresh,.edit-action,.clear,.bulk-btn,.link-button,.remark-action,.reverse-action,footer button):active:not(:disabled){background:var(--btn-bg-active);box-shadow:inset 0 1px 2px #17191c1a}.desktop-shell .workspace .reverse-action:hover:not(:disabled){color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.desktop-shell .workspace :is(.danger,.delete-record){color:var(--btn-danger-text);background:var(--btn-danger-bg);border:1px solid var(--btn-danger-border)}.desktop-shell .workspace :is(.danger,.delete-record):hover:not(:disabled){background:var(--btn-danger-bg-hover);border-color:var(--danger)}.desktop-shell .workspace .restore{color:var(--accent-300);background:var(--accent-50);border:1px solid var(--accent-200)}.desktop-shell .workspace .restore:hover:not(:disabled){color:var(--ink-50);background:var(--accent-100);border-color:var(--accent-400)}.desktop-shell .workspace :is(.link,.copy,.more-item){color:var(--accent-300);background:transparent;border-color:transparent}.desktop-shell .workspace :is(.link,.copy,.more-item):hover:not(:disabled){color:var(--ink-50);background:var(--btn-ghost-hover);border-color:transparent}.desktop-shell .workspace :is(.badge,.status-tag,.status,.tag,.ledger-tag,.customer-payment){display:inline-flex;align-items:center;gap:4px;padding:var(--badge-py) var(--badge-px);border:1px solid transparent;border-radius:var(--badge-radius);font-size:var(--badge-font);font-weight:var(--badge-weight);line-height:1.4;white-space:nowrap}.desktop-shell .workspace :is(.badge,.status-tag,.status,.tag,.ledger-tag,.customer-payment){color:var(--badge-neutral-text);background:var(--badge-neutral-bg);border-color:var(--badge-neutral-border)}.desktop-shell .workspace :is(.badge,.status-tag,.status,.tag,.ledger-tag,.customer-payment):is(.success,.SETTLED,.settled,.confirmed,.in_stock,.income,.ACTIVE){color:var(--success);background:var(--success-soft);border-color:var(--success-border)}.desktop-shell .workspace :is(.badge,.status-tag,.status,.tag,.ledger-tag,.customer-payment):is(.warning,.UNSETTLED,.wait_settlement,.draft,.pending,.expense){color:var(--warning);background:var(--warning-soft);border-color:var(--warning-border)}.desktop-shell .workspace :is(.badge,.status-tag,.status,.tag,.ledger-tag,.customer-payment):is(.danger,.cancelled,.overdue){color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.desktop-shell .workspace :is(.badge,.status-tag,.status,.tag,.ledger-tag):is(.info,.return_inspection){color:var(--accent-300);background:var(--accent-50);border-color:var(--accent-200)}.desktop-shell .workspace :is(.tabs,.stock-tabs,.ledger-tabs,.detail-tabs) button{color:var(--tab-text);background:var(--tab-bg);border-color:var(--tab-border)}.desktop-shell .workspace :is(.tabs,.stock-tabs,.ledger-tabs,.detail-tabs) button:hover:not(.active){color:var(--tab-text-hover);background:var(--tab-bg-hover)}.desktop-shell .workspace :is(.tabs,.stock-tabs,.ledger-tabs,.detail-tabs) button.active{color:var(--tab-active-text);background:var(--tab-active-bg);border-color:var(--tab-active-border)}.desktop-shell .workspace :is(.filters,.toolbar,.document-bar,.supplier-bar,.sheet-header,.query){border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-muted)}.desktop-shell .workspace table{color:var(--text);border-collapse:separate;border-spacing:0}.desktop-shell .workspace table th{padding:var(--table-cell-y) var(--table-cell-x);color:var(--table-head-text);background:var(--table-head);border-color:var(--border);border-bottom:1px solid var(--border-strong);box-shadow:inset 0 1px #ffffff8c;font-size:var(--text-sm);font-weight:600;letter-spacing:.03em}.desktop-shell .workspace table td{padding:var(--table-cell-y) var(--table-cell-x);color:var(--text);border-color:var(--border);border-bottom:1px solid var(--table-line)}.desktop-shell .workspace table tbody tr{background:transparent;transition:background-color var(--dur-fast) var(--ease-out)}.desktop-shell .workspace table tbody tr:nth-child(2n){background:var(--table-row-alt)}.desktop-shell .workspace table tbody tr:hover td{background:var(--table-row-hover)}.desktop-shell .workspace table tbody tr:last-child td{border-bottom:0}.desktop-shell .workspace .badge,.desktop-shell .workspace .status-tag,.desktop-shell .workspace .status{border-radius:999px;font-weight:600}.desktop-shell .workspace :is(.error-banner,.alert,.error,.notice,.warning){border-radius:var(--radius-sm)}.desktop-shell .workspace .filters{flex-wrap:wrap}.desktop-shell .workspace .filters .search{min-width:220px}.desktop-shell .workspace .table-wrap,.desktop-shell .workspace .table-panel,.desktop-shell .workspace .data-table,.desktop-shell .workspace .supplier-table,.desktop-shell .workspace .account-table{border-radius:var(--radius);box-shadow:var(--shadow-panel);border:1px solid var(--border);background:var(--panel-bg)}.desktop-shell .workspace :is(.data-table>header,.supplier-table>header,.account-table>header,.table-panel>header,.detail-sheet>header,.inventory>header){background:var(--panel-muted);border-color:var(--border)}.dash-kpi{gap:14px!important}.dash .kpi,.dash .insight,.dash .chart-card,.dash .dash-table,.dash .dash-state{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.dash .kpi{transition:box-shadow var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.dash .kpi:hover,.dash .insight:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.dash .bar-track{background:var(--ink-700)}.dash .kpi-blue b{color:var(--accent-300)}.dash .kpi-green b{color:var(--success)}.dash .kpi-ink b{color:var(--primary)}.dash .kpi-amber b{color:var(--warning)}.dash .kpi-red b{color:var(--danger)}.dash .bar-blue{background:var(--accent-600)}.dash .bar-green{background:var(--success)}.dash .bar-ink{background:var(--primary)}.dash .bar-amber{background:var(--warning)}.dash .bar-red{background:var(--danger)}.desktop-shell .workspace .editor,.desktop-shell .workspace .profile,.desktop-shell .workspace .return-lookup,.desktop-shell .workspace .summary,.desktop-shell .workspace .data-table,.desktop-shell .workspace .supplier-table,.desktop-shell .workspace .account-table{overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-bg);box-shadow:var(--shadow-panel)}.desktop-shell .workspace .table-panel{overflow:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-bg);box-shadow:var(--shadow-panel)}.desktop-shell .workspace footer.summary{overflow:visible;flex-wrap:wrap}.desktop-shell .workspace .editor>header,.desktop-shell .workspace .profile>header,.desktop-shell .workspace .data-table>header,.desktop-shell .workspace .supplier-table>header,.desktop-shell .workspace .account-table>header{padding:14px 18px;background:var(--panel-muted);border-color:var(--border)}.desktop-shell .workspace .editor>div{padding:18px}.desktop-shell .workspace .summary{background:var(--panel-bg)}.desktop-shell .workspace .summary span{color:var(--text-secondary)}.desktop-shell .workspace .summary b{color:var(--text)}.desktop-shell .workspace .filters{padding:14px}::selection{background:#facc1573;text-shadow:none}button,input,td,th{user-select:text;-webkit-user-select:text}button{cursor:pointer}.desktop-shell .workspace section.summary>div{background:transparent;background-image:none;border:0;border-right:1px solid var(--table-line);border-radius:0;box-shadow:none;transition:background-color var(--dur-fast) var(--ease-out)}.desktop-shell .workspace section.summary>div:last-child{border-right:0}.desktop-shell .workspace :is(.m-card,.actual-profit>div){background:var(--datacard-bg);background-image:none;border:1px solid var(--datacard-border);border-radius:var(--datacard-radius);box-shadow:var(--datacard-shadow)}.desktop-shell .workspace :is(.summary,.actual-profit) :is(span,small){color:var(--metric-label)}.desktop-shell .workspace :is(.summary,.actual-profit) small{color:var(--metric-note)}.desktop-shell .workspace :is(.summary,.actual-profit) :is(b,strong){color:var(--metric-color);font-weight:var(--metric-weight);font-variant-numeric:tabular-nums;letter-spacing:var(--metric-tracking)}.desktop-shell .workspace .m-card :is(span,small){color:var(--metric-label)}.desktop-shell .workspace .m-card small{color:var(--metric-note)}.desktop-shell .workspace .m-card :is(b,strong){color:var(--metric-color);font-variant-numeric:tabular-nums;letter-spacing:var(--metric-tracking)}.desktop-shell .workspace .m-card b.neg,.desktop-shell .workspace .m-card b.negative{color:var(--num-negative)}.desktop-shell .workspace :is(td.money,.money,.profit,.money-sm){color:var(--num-color);font-weight:var(--num-weight);font-variant-numeric:tabular-nums;letter-spacing:0}.desktop-shell .workspace :is(.pos,.positive){color:var(--num-positive)!important}.desktop-shell .workspace :is(.neg,.negative){color:var(--num-negative)!important}.desktop-shell .workspace :is(td,th).money{text-align:right}.desktop-shell .workspace :is(td,th).mono{overflow-wrap:break-word;word-break:normal}:is(.desktop-shell .workspace,.erp-modal-mask) th{white-space:nowrap}:is(.desktop-shell .workspace,.erp-modal-mask) :is(th,td).col-seq{white-space:nowrap;min-width:46px}.desktop-shell .workspace table{transition:opacity var(--dur-fast) var(--ease-out)}.desktop-shell .workspace .refreshing :is(table,.table-wrap>table){opacity:.45;pointer-events:none}.desktop-shell .workspace tbody td small{font-size:12px;font-weight:400}.desktop-shell .workspace small{font-size:12px}.desktop-shell .workspace .spark-label{font-size:11px}.desktop-shell .workspace td.money{font-size:13px}.desktop-shell .workspace thead th,.desktop-shell .workspace thead th.money{font-weight:600}.desktop-shell .workspace :is(.filters,.query,.toolbar,.entry-grid,.document-bar)>label,.desktop-shell .workspace :is(.filters,.query,.toolbar) label{font-size:12px;font-weight:600}.desktop-shell .workspace .head-actions{display:flex;align-items:center;gap:8px}.desktop-shell .workspace a.head-link{height:var(--control-h);display:inline-flex;align-items:center;padding:0 12px;color:var(--text-secondary);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);font-size:12.5px;font-weight:600;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.desktop-shell .workspace a.head-link:hover{background:var(--btn-bg-hover);border-color:var(--btn-border-hover);color:var(--text)}.desktop-shell .workspace :is(.filters,.toolbar,.query) select{width:var(--filter-select-w)}.desktop-shell .workspace :is(.filters,.toolbar,.query) .pick select{width:var(--filter-select-wide)}.desktop-shell .workspace .page-size select{width:var(--filter-select-sm)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.desktop-shell .workspace .bar-track{height:var(--chart-bar-h);background:var(--chart-track);border-radius:var(--chart-bar-radius);box-shadow:var(--chart-track-inset);overflow:hidden}.desktop-shell .workspace .debt-row .bar-track{height:var(--chart-bar-h-lg)}.desktop-shell .workspace .bar{height:100%;border-radius:var(--chart-bar-radius);transition:width var(--dur-slow) var(--ease-out)}.desktop-shell .workspace :is(.bar-ink,.bar-blue,.bar-accent){background:var(--accent-500)}.desktop-shell .workspace :is(.bar-success,.bar-green){background:var(--chart-line-2)}.desktop-shell .workspace :is(.bar-warning,.bar-amber){background:var(--chart-line-3)}.desktop-shell .workspace :is(.bar-danger,.bar-red){background:var(--danger)}.desktop-shell .workspace :is(.dot-accent,.dot-blue){background:var(--chart-line-1)}.desktop-shell .workspace :is(.dot-success,.dot-green){background:var(--chart-line-2)}.desktop-shell .workspace :is(.dot-warning,.dot-amber){background:var(--chart-line-3)}.desktop-shell .workspace .spark-label{fill:var(--chart-axis);font-size:11px}.desktop-shell .workspace .spark .pt{stroke:var(--chart-dot-stroke);stroke-width:var(--chart-dot-ring)}.desktop-shell .workspace :is(.empty,.screen-state,.table-empty,.chart-empty,.dash-state):not(td):not(th):not(.scan-error){min-height:var(--empty-min-h);display:grid;place-items:center;padding:28px 20px;background:var(--empty-bg);border:1px dashed var(--empty-border);border-radius:var(--empty-radius);color:var(--empty-text);text-align:center}.desktop-shell .workspace :is(.pagination,.pages,.trade-pages,.pager) :is(button,a):not(.primary){min-width:var(--pager-min-w);min-height:var(--pager-h);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--pager-px);color:var(--pager-text);background:var(--pager-bg);border:1px solid var(--pager-border);border-radius:var(--pager-radius);font-size:var(--text-sm);font-weight:600;font-variant-numeric:tabular-nums;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.desktop-shell .workspace :is(.pagination,.pages,.trade-pages,.pager) :is(button,a):not(.primary):not(:disabled):hover{color:var(--pager-text-hover);background:var(--pager-bg-hover);border-color:var(--pager-border-hover)}.desktop-shell .workspace :is(.pagination,.pages,.trade-pages,.pager) :is(button,a):not(.primary)[aria-current=page]{color:var(--pager-active-text);background:var(--pager-active-bg);border-color:var(--pager-active-border)}.desktop-shell .workspace :is(.pagination,.pages,.trade-pages,.pager) :is(button,a):not(.primary):disabled{opacity:.45;cursor:not-allowed}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body,.login-page .login-card) :is(.error-banner,.offline-banner,.alert,.error,.warning,.confirm-warning,.clear-warning,.confirm-note,.confirm-hint,.sc-warning,.exception-note,.inline-exception,.cloud-warn,.reverse-warning,.modal-error,.category-first-hint,.auto-close-hint,.template-prompt){position:relative;padding:var(--callout-py) var(--callout-px);border:1px solid transparent;border-radius:var(--callout-radius);font-size:var(--callout-font);font-weight:var(--callout-weight);line-height:var(--callout-line)}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body,.login-page .login-card) :is(.error-banner,.alert,.error,.confirm-warning,.clear-warning,.sc-warning,.reverse-warning,.modal-error){color:var(--callout-danger-text);background:var(--callout-danger-bg);border-color:var(--callout-danger-border);box-shadow:inset var(--callout-bar) 0 0 0 currentColor}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body,.login-page .login-card) :is(.offline-banner,.warning,.confirm-note,.confirm-hint,.cloud-warn,.exception-note,.inline-exception){color:var(--callout-warning-text);background:var(--callout-warning-bg);border-color:var(--callout-warning-border);box-shadow:inset var(--callout-bar) 0 0 0 currentColor}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body,.login-page .login-card) :is(.category-first-hint,.auto-close-hint,.template-prompt){color:var(--callout-info-text);background:var(--callout-info-bg);border-color:var(--callout-info-border);box-shadow:inset var(--callout-bar) 0 0 0 currentColor}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body) :is(.notice,.no-access){color:var(--callout-neutral-text);background:var(--callout-neutral-bg);border:1px solid var(--callout-neutral-border);border-radius:var(--callout-radius);font-size:var(--callout-font);line-height:var(--callout-line)}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body) .no-access{padding:30px;text-align:center}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body) :is(.template-prompt,.exception-note,.inline-exception) button{min-height:28px;padding:0 10px;color:var(--btn-text);background:#ffffffb3;border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body) :is(.template-prompt,.exception-note,.inline-exception) button:hover{background:var(--field-bg);border-color:var(--ink-500)}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body,.login-page .login-card) :is(.hint,.field-hint,.remark-hint,.cloud-hint,.sc-tracking-hint,.sc-note,.supplier-change-note,.locked-note,.mode-note,.permission-note,.dialog-desc,.mute){color:var(--hint-text);font-size:var(--hint-font);line-height:var(--hint-line)}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body) .q-hint{color:var(--success)}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body,.login-page .login-card) :is(.field-error,.negative,.sc-blocked,.issue-note,.confirm-amount,.remark-cell,.remark.remark-set){color:var(--danger)}.desktop-shell .workspace section.summary>div.due b{color:var(--danger)}.desktop-shell .workspace section.summary>div.got b{color:var(--success)}.desktop-shell .workspace section.summary>div.due{box-shadow:inset 0 2px 0 var(--danger-border)}.desktop-shell .workspace .state-panel{min-height:var(--empty-min-h);padding:24px;background:var(--empty-bg);border:1px dashed var(--empty-border);border-radius:var(--empty-radius);color:var(--empty-text)}.desktop-shell .workspace .state-panel b{color:var(--text);font-size:var(--text-md)}.desktop-shell .workspace .state-panel p{margin:5px 0 0}.lite-toast-container{position:fixed;top:calc(58px + var(--toast-offset));right:var(--toast-offset);z-index:9999;display:flex;flex-direction:column;align-items:flex-end;gap:var(--toast-gap);pointer-events:none}.lite-toast{display:flex;align-items:center;gap:var(--toast-gap);min-width:220px;max-width:380px;padding:var(--toast-py) var(--toast-px);color:var(--toast-text);background:var(--toast-bg);border:1px solid var(--toast-border);border-radius:var(--toast-radius);box-shadow:var(--toast-shadow),inset var(--callout-bar) 0 0 0 currentColor;font-size:var(--text-body);font-weight:600;line-height:1.5;pointer-events:auto;cursor:pointer;opacity:0;transform:translateY(-10px) scale(.98);transition:opacity var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out)}.lite-toast--visible{opacity:1;transform:translateY(0) scale(1)}.lite-toast--leaving{opacity:0;transform:translateY(-6px) scale(.98)}.lite-toast__icon{flex:0 0 var(--toast-icon-size);width:var(--toast-icon-size);height:var(--toast-icon-size);display:grid;place-items:center;border-radius:999px;background:var(--info);color:var(--btn-primary-text);font-size:12px;font-weight:700;line-height:1}.lite-toast__text{min-width:0}.lite-toast--success{border-color:var(--success-border);color:var(--success)}.lite-toast--success .lite-toast__icon{background:var(--success)}.lite-toast--error{border-color:var(--danger-border);color:var(--danger)}.lite-toast--error .lite-toast__icon{background:var(--danger)}.lite-toast--warning{border-color:var(--warning-border);color:var(--warning)}.lite-toast--warning .lite-toast__icon{background:var(--warning)}.lite-toast--info{border-color:var(--info-border);color:var(--info)}.lite-toast--info .lite-toast__icon{background:var(--info)}.panel,.data-table,.supplier-table,.account-table,.table-panel,.trade-table,.grid-panel,.inventory,.erp-home-table,.detail-sheet{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}table thead th{color:var(--table-head-text);background:var(--table-head);border-bottom:1px solid var(--border-strong);letter-spacing:.03em}table tbody tr{transition:background-color var(--dur-fast) var(--ease-out)}table tbody tr+tr td{border-top-color:var(--table-line)}table tbody tr:hover td{background:var(--table-row-hover)}table tbody tr:hover td:first-child{box-shadow:inset 2px 0 0 var(--table-row-bar)}.page-header,.erp-home-title,.outbound-title{background:var(--panel-bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-panel)}.page-header h1,.erp-home-title b{color:var(--text);font-size:20px;line-height:1.3;font-weight:700}.toolbar,.trade-toolbar,.query,.filters,.document-bar{background:var(--panel-muted);border:1px solid var(--border);border-radius:var(--radius)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent-400);box-shadow:var(--ring-focus)}.erp-modal-mask :is(input,select,textarea):not([type=checkbox]):not([type=radio]){min-height:var(--control-h);color:var(--text);background-color:var(--field-bg);border:1px solid var(--field-border);border-radius:var(--field-radius)}.erp-modal-mask :is(input,select,textarea):hover:not(:disabled):not(:focus){background-color:var(--field-bg-hover);border-color:var(--field-border-hover)}.erp-modal-mask :is(input,select,textarea)::placeholder{color:var(--field-placeholder);opacity:1}.erp-modal-mask :is(input,select,textarea):disabled{color:var(--text-muted);background-color:var(--field-bg-disabled);border-color:var(--border)}.erp-modal-mask :is(input[type=checkbox],input[type=radio]){accent-color:var(--accent-500)}.erp-modal-mask table th{color:var(--table-head-text);background:var(--table-head)}.erp-modal-mask table td{border-bottom:1px solid var(--table-line)}button.primary,.primary-action,.modal-primary{position:relative;overflow:hidden;color:#fff;background:var(--primary);border-color:var(--primary);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out);--ripple-x: 50%;--ripple-y: 50%}button.primary:after,.primary-action:after,.modal-primary:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at var(--ripple-x) var(--ripple-y),rgba(255,255,255,.28) 0%,transparent 58%);opacity:0;transform:scale(.45);transition:opacity .26s ease,transform .48s var(--ease-out);pointer-events:none}button.primary:active:after,.primary-action:active:after,.modal-primary:active:after{opacity:1;transform:scale(2.4);transition:0ms}button.primary:not(:disabled):hover,.primary-action:not(:disabled):hover,.modal-primary:not(:disabled):hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);box-shadow:0 1px 3px #17191c38,inset 0 1px #ffffff1f}button.primary:not(:disabled):active,.primary-action:not(:disabled):active,.modal-primary:not(:disabled):active{background:var(--accent-700)}button.secondary,.secondary{color:var(--btn-text);background:var(--btn-bg);border-color:var(--btn-border);border-radius:var(--btn-radius);font-weight:var(--btn-weight);box-shadow:var(--shadow-xs);transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}button.secondary:hover:not(:disabled),.secondary:hover:not(:disabled){color:var(--btn-text-hover);background:var(--btn-bg-hover);border-color:var(--btn-border-hover)}button.secondary:active:not(:disabled),.secondary:active:not(:disabled){background:var(--btn-bg-active);box-shadow:inset 0 1px 2px #17191c1a}.danger{color:var(--btn-danger-text);background:var(--btn-danger-bg);border-color:var(--btn-danger-border)}.danger:hover:not(:disabled){background:var(--btn-danger-bg-hover);border-color:var(--danger)}.restore{color:var(--accent-300);background:var(--accent-50);border-color:var(--accent-200)}.restore:hover:not(:disabled){color:var(--ink-50);background:var(--accent-100);border-color:var(--accent-400)}.erp-modal-mask :is(.modal-primary,.primary){min-height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--btn-radius);font-weight:var(--btn-weight)}.status-tag,.badge,.status,.customer-payment{border-radius:var(--badge-radius);font-weight:var(--badge-weight);letter-spacing:.01em;padding:var(--badge-py) var(--badge-px);font-size:var(--badge-font);line-height:1.4;border:1px solid transparent}.status.in_stock,.status.settled,.status.confirmed,.badge.SETTLED,.badge.in_stock,.badge.settled,.badge.confirmed,.customer-payment.SETTLED{color:var(--success);background:var(--success-soft);border-color:var(--success-border)}.status.wait_settlement,.status.draft,.badge.UNSETTLED,.badge.wait_settlement,.badge.draft,.customer-payment.UNSETTLED{color:var(--warning);background:var(--warning-soft);border-color:var(--warning-border)}.status.sold,.status.sold_consignment,.badge.sold,.badge.sold_consignment{color:var(--badge-neutral-text);background:var(--badge-neutral-bg);border-color:var(--badge-neutral-border)}.status.return_inspection,.badge.return_inspection{color:var(--accent-300);background:var(--accent-50);border-color:var(--accent-200)}.status.overdue,.badge.overdue,.status.failed,.badge.failed{color:var(--danger);background:var(--danger-soft);border-color:var(--danger-border)}.status.cancelled,.status-tag.disabled,.badge.cancelled{color:var(--badge-neutral-text);background:var(--badge-neutral-bg);border-color:var(--badge-neutral-border)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{min-height:24px;background:var(--scroll-thumb);background-clip:padding-box;border:2px solid transparent;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:padding-box}::-webkit-scrollbar-corner{background:transparent}.empty,.screen-state,.table-empty,.chart-empty,.dash-state{background:var(--empty-bg);border:1px dashed var(--empty-border);border-radius:var(--empty-radius);color:var(--empty-text)}.money,td.money,.money-sm,.kpi b,.insight b,.todo b,.payable b,.erp-home-summary strong{font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--num-color)}.bar-track{height:var(--chart-bar-h);background:var(--chart-track);border-radius:var(--chart-bar-radius);box-shadow:var(--chart-track-inset);overflow:hidden}.bar{height:100%;border-radius:var(--chart-bar-radius);transition:width var(--dur-slow) var(--ease-out)}.erp-modal-mask .bar-track{height:var(--chart-bar-h)}.pagination :is(button,a),.pages :is(button,a),.trade-pages :is(button,a){min-height:var(--pager-h);border-radius:var(--pager-radius);font-weight:600;font-variant-numeric:tabular-nums;transition:background-color var(--dur-fast) var(--ease-out),border-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.pagination :is(button,a)[aria-current=page],.pages :is(button,a)[aria-current=page],.trade-pages :is(button,a)[aria-current=page]{background:var(--pager-active-bg);border-color:var(--pager-active-border);color:var(--pager-active-text)}.pagination :is(button,a):not(:disabled):hover,.pages :is(button,a):not(:disabled):hover,.trade-pages :is(button,a):not(:disabled):hover{background:var(--pager-bg-hover);border-color:var(--pager-border-hover);color:var(--pager-text-hover)}.state-panel{min-height:var(--empty-min-h);padding:24px;background:var(--empty-bg);border:1px dashed var(--empty-border);border-radius:var(--empty-radius);color:var(--empty-text);text-align:center}.state-panel b{color:var(--text);font-size:var(--text-md)}.state-panel p{margin:5px 0 0}.hint,.field-hint,.remark-hint,.cloud-hint,.sc-tracking-hint,.sc-note,.supplier-change-note,.locked-note,.mode-note,.permission-note,.dialog-desc,.mute{color:var(--hint-text);font-size:var(--hint-font);line-height:var(--hint-line)}.error-banner,.offline-banner,.alert,.error,.warning,.confirm-warning,.clear-warning,.confirm-note,.confirm-hint,.sc-warning,.exception-note,.cloud-warn,.reverse-warning,.modal-error,.category-first-hint,.auto-close-hint{border-radius:var(--callout-radius);font-size:var(--callout-font);font-weight:var(--callout-weight);line-height:var(--callout-line)}.notice,.no-access{border-radius:var(--callout-radius);color:var(--callout-neutral-text);background:var(--callout-neutral-bg)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.count-up{font-variant-numeric:tabular-nums}.draw-line{stroke-dasharray:1200;stroke-dashoffset:1200;animation:draw-line 1.2s var(--ease-out) forwards}@keyframes draw-line{to{stroke-dashoffset:0}}.draw-area{opacity:0;animation:fade-area .8s var(--ease-out) .4s forwards}@keyframes fade-area{to{opacity:1}}.dot-pop{transform-box:fill-box;transform-origin:center;transform:scale(0);animation:dot-pop .35s var(--ease-spring) forwards}@keyframes dot-pop{to{transform:scale(1)}}.menu-bar .nav-item{position:relative}.menu-bar .nav-item:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;border-radius:2px 2px 0 0;background:var(--accent-500);opacity:.75;transition:width .18s var(--ease-out),left .18s var(--ease-out),opacity .18s var(--ease-out)}.menu-bar .nav-item:hover:after,.menu-bar .nav-item.active:after{left:13px;width:calc(100% - 26px)}.menu-bar .nav-item.active:after{background:var(--accent-400);opacity:1}@keyframes bar-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.desktop-shell .workspace .bar{transform-origin:left center;animation:bar-grow .65s var(--ease-out) both}.desktop-shell .workspace .bar-row:nth-of-type(2) .bar{animation-delay:.06s}.desktop-shell .workspace .bar-row:nth-of-type(3) .bar{animation-delay:.12s}.desktop-shell .workspace .bar-row:nth-of-type(4) .bar{animation-delay:.18s}.desktop-shell .workspace .debt-row:nth-of-type(n+3) .bar{animation-delay:.14s}@keyframes grid-fade{0%{opacity:0}to{opacity:1}}.desktop-shell .workspace .spark line{animation:grid-fade .5s var(--ease-out) both}@keyframes data-fade{0%{opacity:0}to{opacity:1}}.desktop-shell .workspace :is(.m-card,.actual-profit>div,.chart-card){animation:data-fade .4s var(--ease-out) both}@media(prefers-reduced-motion:reduce){.desktop-shell .workspace .bar,.desktop-shell .workspace .spark line,.desktop-shell .workspace :is(.m-card,.actual-profit>div,.chart-card),.desktop-shell .workspace .draw-line,.desktop-shell .workspace .draw-area,.desktop-shell .workspace .dot-pop{animation:none}}@keyframes callout-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}:is(.desktop-shell .workspace,.erp-modal .erp-modal-body) :is(.error-banner,.offline-banner,.alert,.error,.warning,.confirm-warning,.clear-warning,.confirm-note,.confirm-hint,.sc-warning,.exception-note,.cloud-warn,.reverse-warning,.modal-error,.category-first-hint,.auto-close-hint){animation:callout-in .26s var(--ease-out) both}@media(prefers-reduced-motion:reduce){:is(.desktop-shell .workspace,.erp-modal .erp-modal-body) :is(.error-banner,.offline-banner,.alert,.error,.warning,.confirm-warning,.clear-warning,.confirm-note,.confirm-hint,.sc-warning,.exception-note,.cloud-warn,.reverse-warning,.modal-error,.category-first-hint,.auto-close-hint){animation:none}.lite-toast{transition:none;transform:none}.lite-toast--leaving{transform:none}}