:root{--color-primary: #D4708C;--color-primary-light: #E89DAD;--color-primary-lighter:#F5C6D1;--color-primary-lightest:#FDE8ED;--color-primary-dark: #B85A74;--color-primary-darker: #9A4560;--color-primary-rgb: 212, 112, 140;--color-accent: #7BA68A;--color-accent-light: #A8C9AE;--color-accent-lighter: #D3E6D6;--color-accent-rgb: 123, 166, 138;--color-secondary: #C9956B;--color-secondary-light:#DEB88F;--color-secondary-lighter:#F0DCC0;--color-secondary-rgb: 201, 149, 107;--color-bg: #FFFAF5;--color-bg-alt: #FFF5ED;--color-surface: #FFFFFF;--color-surface-hover: rgba(212, 112, 140, .04);--color-surface-active: rgba(212, 112, 140, .08);--color-border: #E8DDE2;--color-border-strong: rgba(212, 112, 140, .22);--color-text: #2D1F2B;--color-text-secondary: #6B5A6E;--color-text-muted: #9E8DA0;--color-success: #5BAA7A;--color-success-light: #D4EDDF;--color-success-rgb: 91, 170, 122;--color-warning: #E8A838;--color-warning-light: #FDF0D5;--color-warning-rgb: 232, 168, 56;--color-danger: #D45555;--color-danger-light: #FCE0E0;--color-danger-rgb: 212, 85, 85;--color-info: #5B8EC9;--color-info-light: #DAE8F7;--color-info-rgb: 91, 142, 201;--sidebar-bg: linear-gradient(180deg, #2D1F2B 0%, #3A2538 50%, #2D1F2B 100%);--sidebar-bg-solid: #2D1F2B;--sidebar-text: #A89AA5;--sidebar-active-text: #FFFFFF;--sidebar-active-bg: rgba(212, 112, 140, .2);--sidebar-active-border:#D4708C;--sidebar-hover-bg: rgba(255, 255, 255, .06);--sidebar-width: 240px;--sidebar-collapsed-width: 64px;--glass-bg: rgba(255, 255, 255, .72);--glass-bg-strong: rgba(255, 255, 255, .88);--glass-bg-dark: rgba(45, 31, 43, .78);--glass-blur: blur(16px) saturate(180%);--glass-blur-light: blur(8px) saturate(150%);--glass-border: 1px solid rgba(212, 112, 140, .15);--glass-border-dark: 1px solid rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(45, 31, 43, .06), 0 2px 8px rgba(45, 31, 43, .03);--glass-shadow-hover: 0 16px 48px rgba(45, 31, 43, .1), 0 4px 12px rgba(45, 31, 43, .05);--glass-shadow-lg: 0 24px 64px rgba(45, 31, 43, .12), 0 6px 16px rgba(45, 31, 43, .05);--color-urgency-normal: #9E8DA0;--color-urgency-urgent: #E8A838;--color-damage: #D45555;--color-delivery-pending: #9E8DA0;--color-delivery-shipped: #5B8EC9;--color-delivery-arrived: #5BAA7A;--color-transfer-pending: #E8A838;--color-transfer-approved: #5BAA7A;--color-transfer-executing: #5B8EC9;--color-split-source: #D4708C;--color-deduction-shortage: #D45555;--radius-xs: 4px;--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full:9999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10:40px;--space-12:48px;--shadow-xs: 0 1px 2px rgba(45, 31, 43, .03);--shadow-sm: 0 1px 3px rgba(45, 31, 43, .04);--shadow: 0 4px 12px rgba(45, 31, 43, .06), 0 1px 3px rgba(45, 31, 43, .03);--shadow-lg: 0 12px 40px rgba(45, 31, 43, .08), 0 4px 12px rgba(45, 31, 43, .03);--shadow-xl: 0 24px 64px rgba(45, 31, 43, .12), 0 6px 16px rgba(45, 31, 43, .05);--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: 80ms;--duration: .15s;--duration-slow: .25s;--mobile-status-bar: 44px;--mobile-nav-bar: 44px;--mobile-tab-bar: 56px;--mobile-content-padding: 16px;--mobile-card-padding: 16px;--mobile-section-gap: 12px;--touch-target: 44px;--mobile-text-xs: 11px;--mobile-text-sm: 12px;--mobile-text-base: 14px;--mobile-text-md: 15px;--mobile-text-lg: 17px;--mobile-text-xl: 20px;--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-top: env(safe-area-inset-top, 0px);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-family-mono: "SF Mono", "Fira Code", "JetBrains Mono", monospace;--font-size-xs: 12px;--font-size-sm: 13px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 17px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-display:30px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold:600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed:1.75;--header-height: 60px;--header-bg: #FFFFFF;--header-border: var(--color-border);--el-color-primary: var(--color-primary);--el-color-primary-light-3: var(--color-primary-light);--el-color-primary-light-5: var(--color-primary-lighter);--el-color-primary-light-7: var(--color-primary-lightest);--el-color-primary-light-8: var(--color-primary-lightest);--el-color-primary-light-9: var(--color-primary-lightest);--el-color-primary-dark-2: var(--color-primary-dark);--el-color-success: var(--color-success);--el-color-warning: var(--color-warning);--el-color-danger: var(--color-danger);--el-color-info: var(--color-info)}html.dark{--color-primary: #E89DAD;--color-primary-light: #F5C6D1;--color-primary-lighter:#FDE8ED;--color-primary-lightest:#FFF0F3;--color-primary-dark: #D4708C;--color-primary-darker: #B85A74;--color-primary-rgb: 232, 157, 173;--color-accent: #A8C9AE;--color-accent-light: #D3E6D6;--color-accent-rgb: 168, 201, 174;--color-secondary: #DEB88F;--color-secondary-light:#F0DCC0;--color-secondary-rgb: 222, 184, 143;--color-bg: #1A1218;--color-bg-alt: #231A22;--color-surface: #2D2228;--color-surface-hover: rgba(212, 112, 140, .06);--color-surface-active: rgba(212, 112, 140, .12);--color-border: rgba(168, 154, 165, .18);--color-border-strong: rgba(212, 112, 140, .28);--color-text: #F0E8EC;--color-text-secondary: #B8A5B5;--color-text-muted: #8A7A88;--color-success: #6BC08B;--color-success-light: #1A2E22;--color-warning: #F0B84A;--color-warning-light: #2E2818;--color-danger: #E06868;--color-danger-light: #2E1A1A;--color-info: #7AA4D6;--color-info-light: #1A2230;--sidebar-bg: linear-gradient(180deg, #130D12 0%, #1E1520 50%, #130D12 100%);--sidebar-bg-solid: #130D12;--sidebar-text: #6B5A6E;--sidebar-active-bg: rgba(232, 157, 173, .15);--sidebar-active-border:#E89DAD;--sidebar-hover-bg: rgba(255, 255, 255, .04);--glass-bg: rgba(45, 34, 40, .72);--glass-bg-strong: rgba(45, 34, 40, .88);--glass-bg-dark: rgba(13, 10, 12, .85);--glass-border: 1px solid rgba(212, 112, 140, .12);--glass-border-dark: 1px solid rgba(255, 255, 255, .06);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .2), 0 2px 8px rgba(0, 0, 0, .1);--glass-shadow-hover: 0 16px 48px rgba(0, 0, 0, .25), 0 4px 12px rgba(0, 0, 0, .12);--glass-shadow-lg: 0 24px 64px rgba(0, 0, 0, .3), 0 6px 16px rgba(0, 0, 0, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow: 0 4px 12px rgba(0, 0, 0, .15), 0 1px 3px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .2), 0 4px 12px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 64px rgba(0, 0, 0, .25), 0 6px 16px rgba(0, 0, 0, .12);--header-bg: #2D2228;--header-border: var(--color-border);--color-urgency-normal: #8A7A88;--color-urgency-urgent: #F0B84A;--color-damage: #E06868;--color-delivery-pending: #8A7A88;--color-delivery-shipped: #7AA4D6;--color-delivery-arrived: #6BC08B;--color-transfer-pending: #F0B84A;--color-transfer-approved: #6BC08B;--color-transfer-executing: #7AA4D6;--color-split-source: #E89DAD;--color-deduction-shortage: #E06868;--el-color-primary: var(--color-primary);--el-color-primary-light-3: var(--color-primary-light);--el-color-primary-dark-2: var(--color-primary-dark);--el-color-success: var(--color-success);--el-color-warning: var(--color-warning);--el-color-danger: var(--color-danger);--el-color-info: var(--color-info)}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:var(--line-height-normal)}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}.el-button{border-radius:var(--radius-sm);font-weight:var(--font-weight-medium);transition:all var(--duration) var(--ease-out)}.el-button--primary:not(.is-plain):not(.is-text):not(.is-link){background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.25)}.el-button--primary:not(.is-plain):not(.is-text):not(.is-link):hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 4px 16px rgba(var(--color-primary-rgb),.35)}.el-button--primary:not(.is-plain):not(.is-text):not(.is-link):active{transform:translateY(0)}.el-button--success:not(.is-plain):not(.is-text):not(.is-link){background:var(--color-success);border-color:var(--color-success)}.el-button--warning:not(.is-plain):not(.is-text):not(.is-link){background:var(--color-warning);border-color:var(--color-warning)}.el-button--danger:not(.is-plain):not(.is-text):not(.is-link){background:var(--color-danger);border-color:var(--color-danger)}.el-button--info:not(.is-plain):not(.is-text):not(.is-link){background:var(--color-info);border-color:var(--color-info)}.el-button.is-text{background:transparent;border-color:transparent;box-shadow:none}.el-button.is-text:hover{background:rgba(var(--color-primary-rgb),.08);border-color:transparent;box-shadow:none;transform:none}.el-button.is-text.el-button--primary:hover{color:var(--color-primary-dark)}.el-button.is-text.el-button--danger:hover{color:var(--color-danger-dark, #d03050)}.el-button.is-text.el-button--warning:hover{color:var(--color-warning-dark, #d28b1f)}.el-button.is-text.el-button--success:hover{color:var(--color-success-dark, #4c9a6e)}.el-button.is-text.el-button--info:hover{color:var(--color-info-dark, #4d7c9e)}.el-button.is-link{background:transparent;border-color:transparent;box-shadow:none}.el-button.is-link:hover{background:rgba(var(--color-primary-rgb),.08);border-color:transparent;box-shadow:none;transform:none}.el-button.is-link.el-button--primary:hover{color:var(--color-primary-dark)}.el-button.is-link.el-button--danger:hover{color:var(--color-danger-dark, #d03050)}.el-button.is-link.el-button--warning:hover{color:var(--color-warning-dark, #d28b1f)}.el-button.is-link.el-button--success:hover{color:var(--color-success-dark, #4c9a6e)}.el-button.is-link.el-button--info:hover{color:var(--color-info-dark, #4d7c9e)}.el-input__wrapper{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);transition:all var(--duration) var(--ease-out)}.el-input__wrapper:hover{border-color:var(--color-primary-light)}.el-input__wrapper.is-focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.el-textarea__inner{border-radius:var(--radius-sm);border-color:var(--color-border-strong)}.el-textarea__inner:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.el-select .el-input__wrapper,.el-date-editor .el-input__wrapper,.el-input-number .el-input__wrapper{border-radius:var(--radius-sm)}.el-select-dropdown__item.is-selected{color:var(--color-primary)}.el-card{border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow);transition:all var(--duration) var(--ease-out);background:var(--color-surface)}.el-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-1px)}.el-card__header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.el-table{border-radius:var(--radius);overflow:hidden}.el-table th.el-table__cell{background:var(--color-bg-alt);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);border-bottom:2px solid var(--color-border-strong);color:var(--color-text-secondary)}.el-table .el-table__row:hover>td{background:rgba(var(--color-primary-rgb),.04)}.el-table td,.el-table th{border-bottom-color:var(--color-border)}.el-table--border .el-table__cell{border-right:1px solid var(--color-border)}.el-table--border{border:1px solid var(--color-border)}.el-tag{border-radius:var(--radius-full);font-weight:var(--font-weight-medium);font-size:var(--font-size-xs);padding:2px 10px}.el-dialog{border-radius:var(--radius-xl);overflow:hidden}.el-dialog__header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border)}.el-dialog__title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.el-menu{border-right:none!important}.el-menu-item{border-radius:var(--radius);margin:2px var(--space-2);transition:all var(--duration) var(--ease-out)}.el-menu-item.is-active{background:var(--sidebar-active-bg);border-left:3px solid var(--sidebar-active-border);color:var(--sidebar-active-text)}.el-menu-item:hover:not(.is-active){background:var(--sidebar-hover-bg)}.el-sub-menu__title{border-radius:var(--radius);margin:2px var(--space-2)}.el-sub-menu__title:hover:not(.is-active){background:var(--sidebar-hover-bg)}.el-tabs__item.is-active{color:var(--color-primary)}.el-tabs__active-bar{background-color:var(--color-primary)}.el-switch.is-checked .el-switch__core,.el-checkbox__input.is-checked .el-checkbox__inner,.el-radio__input.is-checked .el-radio__inner{background-color:var(--color-primary);border-color:var(--color-primary)}.el-checkbox__input.is-checked+.el-checkbox__label,.el-radio__input.is-checked+.el-radio__label{color:var(--color-primary)}.el-progress-bar__outer{border-radius:var(--radius-full);background:var(--color-bg-alt)}.el-progress-bar__inner{border-radius:var(--radius-full);background:var(--color-primary)}.el-pagination .btn-prev,.el-pagination .btn-next,.el-pagination .el-pager li{border-radius:var(--radius-sm)}.el-pagination .el-pager li.is-active{background:var(--color-primary);color:#fff}.el-pagination{margin-top:var(--space-4);justify-content:flex-end}.el-breadcrumb__inner:hover,.el-breadcrumb__inner a:hover{color:var(--color-primary)}.el-empty__description p{color:var(--color-text-muted)}.el-loading-mask{border-radius:var(--radius);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.el-divider__text{color:var(--color-text-muted)}.el-dropdown-menu__item:hover{background:var(--color-surface-hover);color:var(--color-primary)}.el-tree-node__content:hover{background:var(--color-surface-hover)}.el-tree-node.is-current>.el-tree-node__content{background:rgba(var(--color-primary-rgb),.08);color:var(--color-primary)}.el-cascader-node.in-active-path,.el-cascader-node.is-active{color:var(--color-primary)}.el-step__head.is-process .el-step__icon,.el-step__head.is-finish .el-step__icon{background:var(--color-primary);border-color:var(--color-primary)}.el-message{border-radius:var(--radius)}.page{padding:var(--space-4);animation:pageIn var(--duration-slow) var(--ease-out)}.page-wrapper{padding:var(--space-8);max-width:1440px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.filter-bar{display:flex;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4);flex-wrap:wrap}.glass-card{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow);transition:all var(--duration) var(--ease-out)}.glass-card:hover{box-shadow:var(--glass-shadow-hover);transform:translateY(-1px)}.glass-card-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-6);position:relative;overflow:hidden;transition:all var(--duration) var(--ease-out)}.stat-card:after{content:"";position:absolute;top:-20px;right:-20px;width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(var(--color-primary-rgb),.08) 0%,transparent 70%);pointer-events:none}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.stat-card .stat-border{position:absolute;top:0;left:0;right:0;height:3px;border-radius:3px 3px 0 0}.stat-card .stat-value{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text)}.stat-card .stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-info{color:var(--color-info)}.font-mono{font-family:var(--font-family-mono)}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.gap-sm{gap:var(--space-2)}.gap{gap:var(--space-4)}.gap-lg{gap:var(--space-6)}.mt{margin-top:var(--space-4)}.mb{margin-bottom:var(--space-4)}.mt-lg{margin-top:var(--space-6)}.mb-lg{margin-bottom:var(--space-6)}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.page-wrapper{animation:pageIn var(--duration-slow) var(--ease-out)}.pwa-install-banner{display:none;position:fixed;bottom:72px;left:16px;right:16px;z-index:300;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;border-radius:14px;padding:14px 18px;box-shadow:0 8px 32px rgba(var(--color-primary-rgb),.3);align-items:center;gap:12px;font-size:14px}.pwa-install-banner button{background:#fff;color:var(--color-primary);border:none;border-radius:10px;padding:8px 16px;font-weight:600;cursor:pointer}.pwa-install-banner .close-btn{background:transparent;color:#ffffffb3;font-size:18px}@media (min-width: 2001px){:root{--font-size-base: 16px}.page-wrapper{max-width:1800px}}@media (min-width: 1401px){.el-main{max-width:1440px;margin:0 auto}}@media (max-width: 1200px){.page-wrapper{padding:var(--space-6)}}@media (max-width: 1024px){.el-aside{width:var(--sidebar-collapsed-width)!important}.el-aside .el-menu-item span,.el-aside .el-sub-menu__title span{display:none}}@media (max-width: 768px){html{font-size:14px}body{-webkit-tap-highlight-color:transparent}.el-aside{position:fixed!important;z-index:300;height:100vh;transform:translate(-100%);transition:transform var(--duration-slow) var(--ease-out)}.el-aside:not(.is-collapsed){transform:translate(0)}.el-main{padding:var(--space-2)!important;padding-bottom:72px!important}.page{padding:var(--space-2)!important}.mobile-tab-bar{display:flex!important}.el-table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.el-dialog{width:95%!important;max-width:95%!important;border-radius:var(--radius-lg) var(--radius-lg) 0 0!important;margin-top:auto!important;position:fixed;bottom:0}.el-button{min-height:40px;min-width:40px}.el-input__inner{min-height:40px;font-size:16px!important}.el-pagination button{min-width:36px;min-height:36px}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar .el-input,.filter-bar .el-select{max-width:100%}}@media (max-width: 640px){.page-wrapper{padding:var(--space-4)}.stat-card .stat-value{font-size:var(--font-size-2xl)}}@media (max-width: 480px){.page-wrapper{padding:var(--space-3)}.stat-card{padding:var(--space-4)}}.mobile-tab-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:300;height:64px;background:var(--color-surface);border-top:1px solid var(--color-border);box-shadow:0 -2px 12px #2d1f2b0f;align-items:center;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom)}.mobile-tab-item{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;color:var(--color-text-muted);text-decoration:none;cursor:pointer;padding:6px 12px;transition:color var(--duration) var(--ease-out)}.mobile-tab-item.active{color:var(--color-primary)}.mobile-tab-item .tab-icon{font-size:20px}@media print{.el-aside,.el-header,.mobile-tab-bar,.el-pagination,.filter-bar .el-button--primary{display:none!important}.page-wrapper{padding:0;max-width:100%}body{background:#fff!important;color:#000!important}}.mobile-card-list{display:flex;flex-direction:column;gap:var(--mobile-section-gap)}.mobile-card{background:var(--color-surface);border-radius:var(--radius);padding:var(--mobile-card-padding);border:1px solid var(--color-border);box-shadow:var(--shadow-xs);transition:all .2s var(--ease-out)}.mobile-card:active{transform:scale(.98);background:var(--color-surface-active)}.mobile-card-h{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.mobile-card-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text)}.mobile-card-sub{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono)}.mobile-card-body{margin-bottom:8px}.mobile-card-footer{display:flex;gap:8px;justify-content:flex-end}.mobile-card-footer .mc-btn{min-height:36px;min-width:36px;padding:0 12px;border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:500;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.mobile-card-footer .mc-btn.pri{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.mobile-search-bar{position:sticky;top:0;z-index:10;background:var(--color-surface);padding:8px 16px;border-bottom:1px solid var(--color-border);display:flex;gap:8px;align-items:center}.mobile-search-bar input{flex:1;height:36px;padding:0 12px;border-radius:var(--radius);border:none;background:var(--color-bg-alt);font-size:var(--font-size-base)}.mobile-search-bar input:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.mobile-search-bar .mlp-search-btn{font-size:18px;cursor:pointer;padding:2px 6px;border-radius:8px;-webkit-user-select:none;user-select:none}.mobile-search-bar .mlp-search-btn:active{background:var(--color-primary-lightest)}.mobile-bottom-actions{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:8px 16px;padding-bottom:calc(8px + env(safe-area-inset-bottom,0px));background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;gap:8px}.mobile-loading-more{text-align:center;padding:16px;color:var(--color-text-muted);font-size:var(--font-size-sm)}.el-card,.el-card__body,.el-main{overflow:visible}.pg-bar{position:sticky;bottom:0;z-index:20;display:flex;justify-content:flex-end;margin-top:16px;padding:10px 4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 -2px 10px #0000000d}.pg-bar.center{justify-content:center}.pg-bar .el-pagination{flex-shrink:0}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.hdr-act-btn[data-v-553b91a5]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--color-text-secondary, #6B5A6E);cursor:pointer;transition:background var(--duration, .15s),color var(--duration, .15s)}.hdr-act-btn[data-v-553b91a5]:hover{background:var(--color-surface-hover, rgba(212,112,140,.04));color:var(--color-text, #2D1F2B)}.hdr-badge[data-v-553b91a5]{position:absolute;top:4px;right:4px;min-width:16px;height:16px;line-height:16px;font-size:10px;font-weight:700;border-radius:8px;padding:0 4px;text-align:center;color:#fff;pointer-events:none}.hdr-badge.pop[data-v-553b91a5]{animation:hdr-badge-pop-553b91a5 .22s ease-out}.hdr-badge-danger[data-v-553b91a5]{background:var(--color-danger, #D45555)}@keyframes hdr-badge-pop-553b91a5{0%{transform:scale(.8);opacity:.6}40%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}.msg-panel[data-v-553b91a5]{font-family:inherit}.mp-hdr[data-v-553b91a5]{display:flex;justify-content:space-between;align-items:center;padding:0 4px 8px;border-bottom:1px solid var(--color-border, #E8DDE2)}.mp-title[data-v-553b91a5]{font-weight:600;font-size:14px;color:var(--color-text, #2D1F2B)}.mp-link[data-v-553b91a5]{font-size:12px;color:var(--color-primary, #D4708C);cursor:pointer}.mp-link[data-v-553b91a5]:hover{text-decoration:underline}.mp-tabs[data-v-553b91a5] .el-tabs__nav-wrap:after{background:transparent}.mp-tabs[data-v-553b91a5] .el-tabs__item{font-size:12px;padding:0 8px;height:32px;line-height:32px}.mp-tabs[data-v-553b91a5] .el-tabs__active-bar{background:var(--color-primary, #D4708C)}.mp-list[data-v-553b91a5]{max-height:320px;overflow-y:auto;padding:8px 0}.mp-item[data-v-553b91a5]{display:flex;align-items:flex-start;gap:10px;padding:10px 4px;border-radius:8px;cursor:pointer;transition:background var(--duration, .15s)}.mp-item[data-v-553b91a5]:hover{background:var(--color-surface-hover, rgba(212,112,140,.04))}.mp-item.unread .mp-t[data-v-553b91a5]{font-weight:600;color:var(--color-text, #2D1F2B)}.mp-item:not(.unread) .mp-t[data-v-553b91a5]{color:var(--color-text-secondary, #6B5A6E)}.mp-icon[data-v-553b91a5]{font-size:18px;line-height:1;flex-shrink:0;margin-top:2px}.mp-body[data-v-553b91a5]{flex:1;min-width:0}.mp-t[data-v-553b91a5]{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:4px}.mp-time[data-v-553b91a5]{font-size:11px;color:var(--color-text-muted, #9E8DA0)}.mp-empty[data-v-553b91a5]{text-align:center;padding:32px 0;color:var(--color-text-muted, #9E8DA0);font-size:13px}.mp-foot[data-v-553b91a5]{border-top:1px solid var(--color-border, #E8DDE2);padding:8px 0 0;text-align:center}.hdr-act-btn[data-v-6e9e6028]{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;color:var(--color-text-secondary, #6B5A6E);cursor:pointer;transition:background var(--duration, .15s) var(--ease-out, ease),color var(--duration, .15s) var(--ease-out, ease)}.hdr-act-btn[data-v-6e9e6028]:hover{background:var(--color-surface-hover, rgba(212,112,140,.04));color:var(--color-text, #2D1F2B)}.hdr-badge[data-v-6e9e6028]{position:absolute;top:4px;right:4px;min-width:16px;height:16px;line-height:16px;font-size:10px;font-weight:700;border-radius:8px;padding:0 4px;text-align:center;color:#fff;pointer-events:none}.hdr-badge.pop[data-v-6e9e6028]{animation:hdr-badge-pop-6e9e6028 .22s var(--ease-out, ease)}.hdr-badge-primary[data-v-6e9e6028]{background:var(--color-primary, #D4708C)}@keyframes hdr-badge-pop-6e9e6028{0%{transform:scale(.8);opacity:.6}40%{transform:scale(1.25)}to{transform:scale(1);opacity:1}}.hap-pop{display:flex;flex-direction:column}.hap-pop-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--color-border);margin-bottom:8px}.hap-pop-title{font-size:14px;font-weight:600;color:var(--color-text)}.hap-pop-count{font-size:12px;color:var(--color-primary);font-weight:600;background:var(--color-primary-lightest);padding:2px 8px;border-radius:var(--radius-full)}.hap-pop-loading,.hap-pop-empty{text-align:center;padding:24px 0;color:var(--color-text-muted);font-size:13px}.hap-pop-list{display:flex;flex-direction:column;gap:2px}.hap-pop-item{display:flex;flex-direction:column;gap:3px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration, .15s)}.hap-pop-item:hover{background:var(--color-surface-hover)}.hap-item-row1{display:flex;align-items:center;gap:8px}.hap-item-row2{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--color-text-muted);min-width:0}.hap-item-who{color:var(--color-text-secondary);white-space:nowrap;flex-shrink:0}.hap-item-summary{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.hap-item-type{font-size:10px;padding:1px 6px;border-radius:8px;font-weight:500;white-space:nowrap}.hap-type-purchase{background:#c9956b1f;color:var(--color-secondary, #C9956B)}.hap-type-transfer{background:var(--color-info-light, #DAE8F7);color:var(--color-info, #5B8EC9)}.hap-type-loss{background:var(--color-danger-light, #FCE0E0);color:var(--color-danger, #D45555)}.hap-type-outbound{background:#9b6db61f;color:#9b6db6}.hap-item-no{flex:1;font-size:12px;font-family:var(--font-family-mono);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.hap-item-amount{font-size:12px;font-weight:600;color:var(--color-text);white-space:nowrap}.hap-item-time{font-size:11px;color:var(--color-text-muted);white-space:nowrap}.hap-pop-footer{padding-top:10px;border-top:1px solid var(--color-border);margin-top:4px;text-align:center}.hap-pop-link{font-size:13px;color:var(--color-primary);text-decoration:none;font-weight:500}.hap-pop-link:hover{text-decoration:underline}.mobile-navbar[data-v-0bd3cee7]{display:flex;align-items:center;justify-content:space-between;height:44px;min-height:44px;padding:0 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.mn-left[data-v-0bd3cee7]{min-width:60px;display:flex;align-items:center;gap:2px;cursor:pointer;color:var(--color-primary);font-size:14px}.mn-back-arrow[data-v-0bd3cee7]{font-size:24px;line-height:1}.mn-title[data-v-0bd3cee7]{font-size:17px;font-weight:600;color:var(--color-text);text-align:center;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mn-right[data-v-0bd3cee7]{min-width:60px;display:flex;align-items:center;justify-content:flex-end;gap:8px}.mobile-tabbar[data-v-49d2f9fc]{height:56px;min-height:56px;flex-shrink:0;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--color-surface);border-top:1px solid var(--color-border)}.mtb-inner[data-v-49d2f9fc]{display:flex;align-items:center;justify-content:space-around;height:56px}.mtb-item[data-v-49d2f9fc]{display:flex;flex-direction:column;align-items:center;gap:1px;cursor:pointer;padding:4px 12px;position:relative;color:var(--color-text-muted);transition:color .15s ease}.mtb-item.active[data-v-49d2f9fc]{color:var(--color-primary)}.mtb-icon[data-v-49d2f9fc]{font-size:22px;transition:transform .15s ease}.mtb-item.active .mtb-icon[data-v-49d2f9fc]{transform:scale(1.1)}.mtb-label[data-v-49d2f9fc]{font-size:10px;font-weight:500}.mtb-badge[data-v-49d2f9fc]{position:absolute;top:0;right:4px;min-width:16px;height:16px;line-height:16px;background:var(--color-danger);color:#fff;font-size:10px;border-radius:8px;text-align:center;padding:0 4px}.mobile-layout[data-v-7ec690c3]{display:flex;flex-direction:column;height:100vh;height:100dvh;background:var(--color-bg);padding-top:var(--safe-area-top,0px)}.mobile-content[data-v-7ec690c3]{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--mobile-content-padding,16px)}.mobile-layout.no-tabbar .mobile-content[data-v-7ec690c3]{padding-bottom:var(--mobile-content-padding,16px)}.mobile-view[data-v-fd491c70]{display:flex;flex-direction:column;gap:10px;padding:4px 0}.rt-pagination[data-v-fd491c70]{position:sticky;bottom:0;z-index:20;display:flex;justify-content:flex-end;align-items:center;margin-top:12px;padding:10px 4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 -2px 10px #0000000d}.rt-pagination[data-v-fd491c70] .el-pagination{margin:0;flex-wrap:wrap;row-gap:6px}.mobile-empty[data-v-fd491c70]{text-align:center;padding:40px 16px;color:var(--color-text-muted)}.mobile-card[data-v-fd491c70]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:14px 16px;cursor:pointer;transition:all .15s ease}.mobile-card[data-v-fd491c70]:active{background:rgba(var(--color-primary-rgb,212,112,140),.05);transform:scale(.98)}.mobile-card-head[data-v-fd491c70]{display:flex;justify-content:space-between;align-items:flex-start}.mobile-card-title[data-v-fd491c70]{font-size:15px;font-weight:600;color:var(--color-text)}.mobile-card-sub[data-v-fd491c70]{font-size:12px;color:var(--color-text-muted);font-family:var(--font-family-mono,monospace);margin-top:2px}.mobile-card-meta[data-v-fd491c70]{display:flex;gap:14px;flex-wrap:wrap;margin-top:8px}.meta-item[data-v-fd491c70]{display:flex;flex-direction:column;gap:1px;min-width:55px}.meta-label[data-v-fd491c70]{font-size:10px;color:var(--color-text-muted)}.meta-value[data-v-fd491c70]{font-size:15px;font-weight:600}.mobile-card-tags[data-v-fd491c70]{display:flex;gap:5px;margin-top:8px;flex-wrap:wrap}.tag[data-v-fd491c70]{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.tag--success[data-v-fd491c70]{background:var(--color-success-light,#D4EDDF);color:var(--color-success,#5BAA7A)}.tag--warning[data-v-fd491c70]{background:var(--color-warning-light,#FDF0D5);color:var(--color-warning,#E8A838)}.tag--danger[data-v-fd491c70]{background:var(--color-danger-light,#FCE0E0);color:var(--color-danger,#D45555)}.tag--info[data-v-fd491c70]{background:var(--color-info-light,#DAE8F7);color:var(--color-info,#5B8EC9)}.mobile-card-actions[data-v-fd491c70]{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.mobile-card-actions[data-v-fd491c70] .el-button{min-height:36px;font-size:12px}.mobile-status[data-v-fd491c70]{text-align:center;padding:14px;font-size:13px;color:var(--color-text-muted)}.load-more[data-v-fd491c70]{color:var(--color-primary);cursor:pointer;font-weight:500;border:1px dashed var(--color-border);border-radius:10px}.load-more[data-v-fd491c70]:active{background:rgba(var(--color-primary-rgb,212,112,140),.06)}.not-more[data-v-fd491c70]{color:var(--color-text-muted)}.back-to-top[data-v-fd491c70]{position:fixed;bottom:80px;right:16px;width:40px;height:40px;background:var(--color-primary,#D4708C);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;cursor:pointer;z-index:50;box-shadow:0 4px 12px #d4708c4d}.card-header[data-v-be715dd7]{display:flex;justify-content:space-between;align-items:center}.ratio-text[data-v-be715dd7]{font-size:12px;color:#606266;font-family:monospace;white-space:nowrap}.grade-tag[data-v-be715dd7]{display:inline-block;font-size:11px;color:#d4708c;background:#d4708c14;border-radius:4px;padding:2px 6px;font-family:monospace}.bom-ref-list[data-v-be715dd7]{display:flex;flex-direction:column;gap:6px}.bom-ref-item[data-v-be715dd7]{display:flex;align-items:center;gap:8px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .15s;font-size:13px}.bom-ref-item[data-v-be715dd7]:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.05)}.bom-ref-name[data-v-be715dd7]{flex:1;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bom-ref-qty[data-v-be715dd7]{color:var(--color-text-muted);font-size:12px;white-space:nowrap}.bom-ref-go[data-v-be715dd7]{color:var(--color-primary);font-weight:600}.products-page[data-v-598436d1]{display:flex;flex-direction:column;height:calc(100vh - 96px);overflow:hidden}.pr-topbar[data-v-598436d1]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.pr-row-ops[data-v-598436d1]{display:flex;align-items:center;gap:2px;white-space:nowrap}.pr-row-ops .el-button[data-v-598436d1]{margin:0}.pr-arrow[data-v-598436d1]{font-size:11px;color:var(--color-text-muted)}.pr-top-left[data-v-598436d1],.pr-top-right[data-v-598436d1]{display:flex;align-items:center;gap:8px}.pr-batch-bar[data-v-598436d1]{background:rgba(var(--color-primary-rgb),.06);padding:4px 12px;border-radius:8px;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-primary)}.pr-link-tip[data-v-598436d1]{background:rgba(var(--color-warning-rgb),.1);border:1px solid rgba(var(--color-warning-rgb),.3);color:var(--color-warning);padding:3px 10px;border-radius:8px;font-size:12px;display:inline-flex;align-items:center;gap:6px;max-width:340px;overflow:hidden}.pr-link-tip .el-button[data-v-598436d1]{font-size:12px}.pr-layout[data-v-598436d1]{display:flex;flex:1;overflow:hidden}.pr-sidebar[data-v-598436d1]{width:200px;flex-shrink:0;overflow-y:auto;padding:16px 12px;background:var(--color-surface);border-right:1px solid var(--color-border)}.pr-side-title[data-v-598436d1]{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:12px}.pr-cat-node[data-v-598436d1]{display:flex;justify-content:space-between;align-items:center;width:100%;padding-right:4px;font-size:13px}.pr-cat-node.is-group[data-v-598436d1]{font-weight:600}.pr-cat-count[data-v-598436d1]{font-size:11px;color:var(--color-text-muted);background:var(--color-bg-alt);border-radius:8px;padding:0 6px;flex-shrink:0}.pr-uncat-row[data-v-598436d1]{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;margin-top:8px;border:1px dashed var(--color-border);border-radius:8px;font-size:13px;color:var(--color-text-muted);cursor:pointer;transition:all .2s}.pr-uncat-row[data-v-598436d1]:hover{background:var(--color-bg-alt)}.pr-uncat-row.active[data-v-598436d1]{border-color:var(--color-danger);color:var(--color-danger);background:rgba(var(--color-danger-rgb),.06)}.pr-hl[data-v-598436d1]{background:#ffe58f;color:#d4380d;padding:0 2px;border-radius:3px;font-weight:600}.pr-img-wall[data-v-598436d1]{display:flex;flex-wrap:wrap;gap:10px;width:100%}.pr-img-cell[data-v-598436d1]{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;border:1px solid var(--color-border)}.pr-img-cell:hover .pr-img-del[data-v-598436d1]{display:flex}.pr-img-del[data-v-598436d1]{position:absolute;top:4px;right:4px;display:none;width:22px;height:22px;min-width:0;padding:0;font-size:11px}.pr-img-main[data-v-598436d1]{position:absolute;left:4px;bottom:4px;background:#0000008c;color:#fff;font-size:10px;padding:1px 6px;border-radius:6px}.pr-img-add[data-v-598436d1]{width:120px;height:120px;border:2px dashed var(--color-border);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-muted);background:var(--color-bg-alt);text-align:center;line-height:1.3;transition:all .2s}.pr-img-add[data-v-598436d1]:hover{border-color:var(--color-primary);color:var(--color-primary)}.pr-img-err[data-v-598436d1]{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:32px;background:var(--color-bg-alt)}.pr-detail-img-err[data-v-598436d1]{width:300px;height:300px;display:flex;align-items:center;justify-content:center;font-size:80px;background:var(--color-bg-alt);border-radius:12px}.pr-main[data-v-598436d1]{flex:1;overflow-y:auto;padding:16px}.pr-card-grid[data-v-598436d1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.pr-card[data-v-598436d1]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.pr-card[data-v-598436d1]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pr-card.selected[data-v-598436d1]{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.pr-card-img[data-v-598436d1]{position:relative;height:140px;overflow:hidden;background:var(--color-bg-alt)}.pr-card-actions[data-v-598436d1]{position:absolute;top:8px;right:8px;display:none;gap:4px}.pr-card:hover .pr-card-actions[data-v-598436d1]{display:flex}.pr-card-body[data-v-598436d1]{padding:12px}.pr-card-name[data-v-598436d1]{font-size:14px;font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-card-cat[data-v-598436d1]{font-size:12px;color:var(--color-text-muted);margin:4px 0 8px}.pr-card-recipe[data-v-598436d1]{font-size:12px;color:var(--color-warning);font-weight:600;margin-bottom:6px}.pr-recipe-panel[data-v-598436d1]{margin-top:16px;border:1px solid var(--color-border);border-radius:10px;padding:12px}.pr-recipe-hdr[data-v-598436d1]{display:flex;justify-content:space-between;align-items:center;font-weight:600;margin-bottom:10px}.pr-recipe-cards[data-v-598436d1]{display:flex;flex-direction:column;gap:8px}.pr-recipe-card[data-v-598436d1]{display:flex;flex-direction:column;gap:4px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:8px;padding:8px 12px;cursor:pointer;transition:all .15s}.pr-recipe-card[data-v-598436d1]:hover{border-color:var(--color-primary);background:rgba(var(--color-primary-rgb),.04)}.pr-recipe-card-main[data-v-598436d1]{display:flex;align-items:center;gap:6px}.pr-recipe-card-name[data-v-598436d1]{font-weight:600;font-size:13px;color:var(--color-text)}.pr-recipe-card-meta[data-v-598436d1]{font-size:12px;color:var(--color-text-muted)}.pr-card-footer[data-v-598436d1]{display:flex;justify-content:space-between;align-items:center}.pr-card-price[data-v-598436d1]{font-size:16px;font-weight:700;color:var(--color-primary)}.pr-empty[data-v-598436d1]{text-align:center;padding:48px;color:var(--color-text-muted);grid-column:1/-1}.pg-bar[data-v-598436d1]{position:sticky;bottom:0;z-index:20;display:flex;justify-content:flex-end;margin-top:16px;padding:10px 4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;box-shadow:0 -2px 10px #0000000d}.pg-bar .el-pagination[data-v-598436d1]{flex-wrap:wrap;row-gap:6px}@media (max-width:768px){.pr-sidebar[data-v-598436d1]{display:none}.pr-card-grid[data-v-598436d1]{grid-template-columns:repeat(2,1fr)}.pr-topbar[data-v-598436d1]{flex-direction:column;gap:8px}}.page[data-v-02cfd17c]{padding:var(--space-8);max-width:1440px;margin:0 auto}.page-hdr[data-v-02cfd17c]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.page-title[data-v-02cfd17c]{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.page-sub[data-v-02cfd17c]{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:2px}.hdr-btns[data-v-02cfd17c]{display:flex;gap:8px}.pa-card[data-v-02cfd17c]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:var(--space-6)}.filter-row[data-v-02cfd17c]{display:flex;gap:12px;align-items:center;margin-bottom:16px;flex-wrap:wrap}.total-hint[data-v-02cfd17c]{margin-left:auto;font-size:var(--font-size-sm);color:var(--color-text-muted)}.view-tabs[data-v-02cfd17c]{display:flex;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:10px;padding:3px;gap:2px}.view-tabs button[data-v-02cfd17c]{border:none;background:transparent;border-radius:8px;padding:6px 14px;font-size:13px;color:var(--color-text-secondary);cursor:pointer;font-family:inherit;transition:all .15s}.view-tabs button.on[data-v-02cfd17c]{background:var(--color-surface);color:var(--color-primary);font-weight:600;box-shadow:0 1px 4px #0000000f}.bom-card-grid[data-v-02cfd17c]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.empty[data-v-02cfd17c]{text-align:center;color:var(--color-text-muted);padding:48px;grid-column:1/-1}.recipe-card[data-v-02cfd17c]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:transform .18s,box-shadow .18s;display:flex;flex-direction:column}.recipe-card[data-v-02cfd17c]:hover{transform:translateY(-3px);box-shadow:0 10px 26px #2d1f2b1a}.recipe-card-thumb[data-v-02cfd17c]{position:relative;height:120px;background:var(--color-bg-alt)}.thumb-img[data-v-02cfd17c]{width:100%;height:100%}.thumb-fallback[data-v-02cfd17c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.thumb-fallback svg[data-v-02cfd17c]{opacity:.92}.stock-badge[data-v-02cfd17c]{position:absolute;top:10px;right:10px;font-size:12px;padding:3px 10px;border-radius:999px;font-weight:600;color:#fff}.stock-ok[data-v-02cfd17c]{background:#5baa7aeb}.stock-warn[data-v-02cfd17c]{background:#e8a838f0}.stock-danger[data-v-02cfd17c]{background:#c94f4ff0}.recipe-card-body[data-v-02cfd17c]{padding:14px 16px 12px;flex:1}.recipe-card-name[data-v-02cfd17c]{font-size:15px;font-weight:600;color:var(--color-text);display:flex;justify-content:space-between;align-items:baseline;gap:8px}.recipe-card-sku[data-v-02cfd17c]{font-size:11px;color:var(--color-text-muted);font-family:ui-monospace,monospace;font-weight:400;white-space:nowrap}.recipe-card-tags[data-v-02cfd17c]{display:flex;gap:6px;margin-top:8px}.recipe-card-cost[data-v-02cfd17c]{display:flex;align-items:baseline;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--color-border)}.cost-num[data-v-02cfd17c]{font-size:19px;font-weight:700;font-family:ui-monospace,monospace;color:var(--color-primary)}.cost-label[data-v-02cfd17c]{font-size:11px;color:var(--color-text-muted)}.profit[data-v-02cfd17c]{font-size:12px;font-weight:600;margin-left:auto}.profit-up[data-v-02cfd17c]{color:var(--color-success)}.profit-down[data-v-02cfd17c]{color:var(--color-danger)}.recipe-card-footer[data-v-02cfd17c]{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-top:1px solid var(--color-border);background:var(--color-bg-alt)}.go-link[data-v-02cfd17c]{font-size:13px;color:var(--color-primary);font-weight:600}.mat-hint[data-v-02cfd17c]{font-size:12px;color:var(--color-text-muted)}.table-wrap[data-v-02cfd17c]{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.list-row-click[data-v-02cfd17c]{cursor:pointer}.cell-prod[data-v-02cfd17c]{display:flex;align-items:center;gap:10px}.cell-thumb[data-v-02cfd17c]{width:40px;height:40px;border-radius:8px;overflow:hidden;flex-shrink:0;background:var(--color-bg-alt)}.cell-thumb-fb[data-v-02cfd17c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cell-name[data-v-02cfd17c]{font-weight:600;color:var(--color-text)}.cell-sku[data-v-02cfd17c]{font-size:11px;color:var(--color-text-muted);font-family:ui-monospace,monospace}.num[data-v-02cfd17c]{font-family:ui-monospace,monospace;font-weight:600}.money[data-v-02cfd17c]{color:var(--color-primary)}.pill[data-v-02cfd17c]{font-size:12px;padding:2px 10px;border-radius:999px;font-weight:600}.pill-ok[data-v-02cfd17c]{background:var(--color-success-light);color:var(--color-success)}.pill-warn[data-v-02cfd17c]{background:var(--color-warning-light);color:var(--color-warning)}.pill-danger[data-v-02cfd17c]{background:var(--color-danger-light);color:var(--color-danger)}.detail-hdr[data-v-02cfd17c]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.detail-bread[data-v-02cfd17c]{font-size:13px;color:var(--color-text-muted)}.detail-product-card[data-v-02cfd17c]{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:20px;margin-bottom:16px}.detail-product-left[data-v-02cfd17c]{display:flex;align-items:center;gap:16px}.detail-thumb[data-v-02cfd17c]{width:56px;height:56px;border-radius:12px;overflow:hidden;flex-shrink:0;background:var(--color-bg-alt);display:flex;align-items:center;justify-content:center}.detail-thumb-fb[data-v-02cfd17c]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.detail-product-sku[data-v-02cfd17c]{font-size:13px;color:var(--color-text-muted);margin-top:4px}.detail-product-right[data-v-02cfd17c]{display:flex;gap:8px}.card-tabs[data-v-02cfd17c]{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.card-tab[data-v-02cfd17c]{display:flex;align-items:center;gap:6px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:8px 12px;cursor:pointer;transition:all .15s}.card-tab[data-v-02cfd17c]:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #d4708c24}.card-tab.on[data-v-02cfd17c]{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.card-tab.off[data-v-02cfd17c]{opacity:.55}.card-tab-main[data-v-02cfd17c]{display:flex;align-items:baseline;gap:6px}.card-tab-name[data-v-02cfd17c]{font-weight:600;font-size:13px}.card-tab-meta[data-v-02cfd17c]{font-size:11px;color:var(--color-text-muted)}.card-tab.on .card-tab-meta[data-v-02cfd17c]{color:#ffffffd1}.card-tab-flag[data-v-02cfd17c]{flex-shrink:0}.card-tab-more[data-v-02cfd17c]{cursor:pointer;font-size:14px;padding:0 2px;opacity:.7;transition:opacity .15s}.card-tab-more[data-v-02cfd17c]:hover{opacity:1}.card-tab-add[data-v-02cfd17c]{flex-shrink:0}.detail-kpi-row[data-v-02cfd17c]{display:flex;gap:12px;margin-bottom:16px}.kpi[data-v-02cfd17c]{flex:1;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:14px;text-align:center}.kpi span[data-v-02cfd17c]{display:block;font-size:12px;color:var(--color-text-muted);margin-bottom:4px}.kpi strong[data-v-02cfd17c]{font-size:20px;font-weight:700;color:var(--color-text)}.detail-two-col[data-v-02cfd17c]{display:grid;grid-template-columns:1.6fr 1fr;gap:16px;align-items:start}.section-hdr[data-v-02cfd17c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600}.row-shortage[data-v-02cfd17c]{background:#fdf0f0!important}.pct-cell[data-v-02cfd17c]{display:flex;align-items:center;gap:8px}.pct-track[data-v-02cfd17c]{flex:1;height:6px;background:var(--color-bg-alt);border-radius:3px;overflow:hidden}.pct-fill[data-v-02cfd17c]{height:100%;border-radius:3px;min-width:2px;transition:width .3s}.pct-val[data-v-02cfd17c]{width:38px;font-size:11px;font-family:ui-monospace,monospace;text-align:right;color:var(--color-text-secondary)}.cost-donut-box[data-v-02cfd17c]{display:flex;align-items:center;gap:20px;padding:8px 4px}.donut[data-v-02cfd17c]{width:130px;height:130px;border-radius:50%;flex-shrink:0;position:relative}.donut[data-v-02cfd17c]:after{content:"";position:absolute;top:22px;right:22px;bottom:22px;left:22px;background:var(--color-surface);border-radius:50%}.donut-center[data-v-02cfd17c]{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1}.donut-center strong[data-v-02cfd17c]{font-size:15px;font-family:ui-monospace,monospace;color:var(--color-text)}.donut-center small[data-v-02cfd17c]{font-size:11px;color:var(--color-text-muted)}.donut-legend[data-v-02cfd17c]{flex:1;display:flex;flex-direction:column;gap:8px;max-height:220px;overflow-y:auto}.legend-row[data-v-02cfd17c]{display:flex;align-items:center;gap:8px;font-size:12px}.legend-dot[data-v-02cfd17c]{width:10px;height:10px;border-radius:3px;flex-shrink:0}.legend-name[data-v-02cfd17c]{flex:1;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.legend-val[data-v-02cfd17c]{font-family:ui-monospace,monospace;font-weight:600;color:var(--color-text)}.drawer-body[data-v-02cfd17c]{padding:0 4px}.drawer-form[data-v-02cfd17c]{padding:0 8px}.fg[data-v-02cfd17c]{margin-bottom:16px}.fl[data-v-02cfd17c]{display:block;font-size:13px;font-weight:600;color:var(--color-text-secondary);margin-bottom:6px}.drawer-material-row[data-v-02cfd17c]{display:flex;gap:8px;align-items:center;margin-bottom:8px}.selected-prod-hint[data-v-02cfd17c]{display:flex;align-items:center;gap:12px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:10px;padding:10px 12px}.confirm-card[data-v-02cfd17c]{border:1px solid var(--color-border);border-radius:12px;padding:6px 16px}.confirm-row[data-v-02cfd17c]{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px dashed var(--color-border);font-size:14px}.confirm-row[data-v-02cfd17c]:last-child{border-bottom:none}.confirm-row span[data-v-02cfd17c]{color:var(--color-text-muted)}.confirm-row strong[data-v-02cfd17c]{color:var(--color-text);font-family:ui-monospace,monospace}@media (max-width:768px){.page[data-v-02cfd17c]{padding:var(--space-4)}.bom-card-grid[data-v-02cfd17c]{grid-template-columns:1fr}.detail-kpi-row[data-v-02cfd17c]{flex-wrap:wrap}.detail-product-card[data-v-02cfd17c]{flex-direction:column;gap:12px}.detail-two-col[data-v-02cfd17c]{grid-template-columns:1fr}}.ip-item[data-v-8baca79e]{display:flex;align-items:center;gap:6px;padding:2px 0;font-size:13px}.ip-code[data-v-8baca79e]{font-family:var(--font-family-mono);font-size:12px;color:var(--color-text-muted);min-width:80px}.ip-sep[data-v-8baca79e]{color:var(--color-border)}.ip-name[data-v-8baca79e]{flex:1;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ip-tag[data-v-8baca79e]{flex-shrink:0;font-size:10px}.page[data-v-3776fffb]{padding:16px}.hdr[data-v-3776fffb]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.tools[data-v-3776fffb]{display:flex;gap:8px;flex-wrap:wrap}.batch-bar[data-v-3776fffb]{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;background:#f5f7fa;border-radius:4px;font-size:13px}.dup-hint[data-v-3776fffb]{margin-top:4px;color:#e6a23c;font-size:12px}.sub-hdr[data-v-3776fffb]{display:flex;justify-content:space-between;align-items:center;margin:14px 0 8px;font-weight:600}.stat-row[data-v-3776fffb]{display:flex;gap:10px;margin:12px 0}.stat-card[data-v-3776fffb]{flex:1;text-align:center}.stat-num[data-v-3776fffb]{font-size:18px;font-weight:700}.stat-label[data-v-3776fffb]{color:#999;font-size:12px;margin-top:2px}.page[data-v-24fbf05d]{padding:16px}.hdr[data-v-24fbf05d]{display:flex;justify-content:space-between;align-items:center}