@charset "UTF-8";:root{--erp-font-scale: 107.142857%;--sidebar-w: 160px;--font-ui: "ERP Digits", "Noto Sans TC", Arial, sans-serif;--font-mono: var(--font-ui);--bs-font-monospace: var(--font-mono);--bs-body-font-family: var(--font-ui);--steel-950: #0a0f1a;--steel-900: #111827;--steel-800: #1e293b;--steel-700: #334155;--steel-600: #475569;--steel-500: #64748b;--steel-400: #94a3b8;--steel-300: #cbd5e1;--steel-200: #e2e8f0;--steel-100: #f1f5f9;--steel-50: #f8fafc;--accent: #0e9f98;--accent-hover: #16749c;--accent-subtle: #effafa;--success: #059669;--success-subtle: #d1fae5;--warning: #d97706;--warning-subtle: #fef3c7;--danger: #dc2626;--danger-subtle: #fee2e2;--material-type-finished-bg: #dbeafe;--material-type-finished-text: #1e40af;--material-type-semi-bg: #ede9fe;--material-type-semi-text: #6d28d9;--material-type-raw-bg: #dcfce7;--material-type-raw-text: #15803d;--material-type-component-bg: #cffafe;--material-type-component-text: #0e7490;--material-type-packaging-bg: #fef3c7;--material-type-packaging-text: #92400e;--material-type-carton-bg: #fed7aa;--material-type-carton-text: #9a3412;--material-type-consumable-bg: #f3f4f6;--material-type-consumable-text: #374151}html{font-size:var(--erp-font-scale)}*{font-family:var(--font-ui)!important;font-feature-settings:"zero" 0!important;font-variant-numeric:lining-nums tabular-nums!important}code,.font-mono{font-family:var(--font-mono);font-feature-settings:"zero" 0;font-variant-numeric:tabular-nums;font-size:.85em}body{background:var(--steel-100);color:var(--steel-900);font-size:.875rem;line-height:1.6;margin:0}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.login-page{align-items:center;background:var(--steel-100);display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000014;max-width:400px;padding:2.5rem 2rem;width:100%}.login-card h4{color:var(--steel-900);font-weight:700;margin-bottom:.25rem}.login-card .subtitle{color:var(--steel-500);font-size:.85rem;margin-bottom:1.5rem}.brand-accent{color:var(--accent)}.sidebar{background:#fff;border-right:0;display:flex;flex-direction:column;height:100vh;left:0;min-height:0;position:fixed;top:0;width:var(--sidebar-w);z-index:100}.sidebar:after{background:linear-gradient(180deg,var(--accent) 0%,rgba(234,88,12,.15) 100%);content:"";height:100%;position:absolute;right:0;top:0;width:2px}.sidebar-nav{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:.5rem 0}.sidebar-nav .nav-section{color:var(--steel-400);font-size:.65rem;font-weight:600;letter-spacing:.1em;padding:.75rem 1rem .35rem;text-transform:uppercase}.sidebar-nav .nav-link{align-items:center;border-radius:5px;color:var(--steel-600);display:flex;font-size:.8rem;font-weight:400;gap:.5rem;margin:1px .5rem;padding:.4rem 1rem;text-decoration:none;transition:all .15s ease}.sidebar-nav .nav-link.nav-sub{font-size:.76rem;padding-bottom:.3rem;padding-left:1.6rem;white-space:nowrap;padding-top:.3rem}.sidebar-nav .nav-link i{font-size:.9rem;text-align:center;width:1.1rem}.sidebar-nav .nav-link:hover{background:var(--steel-100);color:var(--steel-900)}.sidebar-nav .nav-link.active{background:var(--accent-subtle);color:var(--accent);font-weight:500}.sidebar-footer{border-top:1px solid var(--steel-200);color:var(--steel-400);font-size:.7rem;padding:.75rem 1rem}.hamburger-btn{align-items:center;background:transparent;border:1px solid var(--steel-300);border-radius:6px;color:var(--steel-600);cursor:pointer;display:none;font-size:1.2rem;justify-content:center;line-height:1;padding:.25rem .5rem}.hamburger-btn:hover{background:var(--steel-100);color:var(--steel-900)}.sidebar-backdrop{background:#0f172a80;inset:0;position:fixed;z-index:1044}body.menu-open{overflow:hidden}.sidebar-resizer{background:transparent;cursor:col-resize;display:none;height:100vh;position:fixed;top:0;touch-action:none;width:8px;z-index:201}.sidebar-resizer:after{background:var(--steel-300);border-radius:2px;content:"";height:40px;left:2px;position:absolute;top:50%;transform:translateY(-50%);transition:background .15s;width:4px}.sidebar-resizer:hover:after,.sidebar-resizer:active:after{background:var(--accent)}.main-content{box-shadow:inset 3px 0 6px #00000008;margin-left:var(--sidebar-w);min-height:100vh;transition:margin-left .2s}.page-container{padding:1.5rem 2rem}.topbar{background:#fff;border-bottom:1px solid var(--steel-200);font-size:.82rem}.page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.25rem}.page-header h4{color:var(--steel-900);font-size:1.2rem;font-weight:600;margin:0}.card{background:#fff;border:1px solid var(--steel-200);border-radius:8px;box-shadow:0 1px 2px #0000000a}.card-header{background:var(--steel-50);border-bottom:1px solid var(--steel-200);color:var(--steel-700);font-size:.8rem;font-weight:600;padding:.65rem 1rem}.card-body{padding:1rem}.stat-card{background:#fff;border:1px solid var(--steel-200);border-radius:8px;box-shadow:0 1px 2px #0000000a;padding:1rem 1.15rem;transition:box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000012}.stat-card .stat-label{color:var(--steel-500);font-size:.72rem;font-weight:500;letter-spacing:.06em;margin-bottom:.25rem;text-transform:uppercase}.stat-card .stat-value{font-size:1.75rem;font-weight:700;line-height:1.2}.stat-card .stat-icon{align-items:center;border-radius:8px;display:flex;font-size:1rem;height:36px;justify-content:center;width:36px}.table{font-size:.82rem;margin:0}table.erp-sticky-table>thead,table.erp-sticky-table>tbody>tr.erp-sticky-header{position:relative!important;top:auto!important;z-index:5;transform:translateY(var(--erp-header-shift, 0px));background-color:var(--bs-body-bg, #fff)}table.erp-sticky-table>thead>tr>:is(th,td),table.erp-sticky-table>tbody>tr.erp-sticky-header>:is(th,td){top:auto!important}@media print{table.erp-sticky-table>thead,table.erp-sticky-table>tbody>tr.erp-sticky-header{position:static!important;transform:none!important}table.erp-sticky-table>thead{display:table-header-group}table.erp-sticky-table>thead>tr>:is(th,td),table.erp-sticky-table>tbody>tr.erp-sticky-header>:is(th,td){position:static!important}}.table thead th{background:var(--steel-50);border-bottom:2px solid var(--steel-200);color:var(--steel-500);font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.6rem .75rem;text-transform:uppercase;white-space:nowrap}.table tbody td{border-bottom:1px solid var(--steel-100);color:var(--steel-800);padding:.55rem .75rem;vertical-align:middle}.table-hover tbody tr:hover td{background:var(--steel-50)}.table tbody tr:last-child td{border-bottom:0}.table a{font-weight:500}.badge{border-radius:4px;font-size:.7rem;font-weight:500;letter-spacing:.02em;padding:.25em .6em}.badge-draft{background:var(--steel-200);color:var(--steel-700)}.badge-confirmed{background:var(--accent-subtle);color:var(--accent)}.badge-production{background:var(--warning-subtle);color:var(--warning)}.badge-type-finished{background:var(--material-type-finished-bg);color:var(--material-type-finished-text)}.badge-type-semi{background:var(--material-type-semi-bg);color:var(--material-type-semi-text)}.badge-type-raw{background:var(--material-type-raw-bg);color:var(--material-type-raw-text)}.badge-type-component{background:var(--material-type-component-bg);color:var(--material-type-component-text)}.badge-type-packaging{background:var(--material-type-packaging-bg);color:var(--material-type-packaging-text)}.badge-type-carton{background:var(--material-type-carton-bg);color:var(--material-type-carton-text)}.badge-type-consumable,.badge-type-outsource{background:var(--material-type-consumable-bg);color:var(--material-type-consumable-text)}.badge-type-daily{background:#e0f2fe;color:#075985}.badge-receiving{background:#e3f2fd;color:#1565c0}.badge-outsourcing{background:#fff3e0;color:#e65100}.badge-inspecting{background:#fce4ec;color:#c62828}.po-badge-draft,.po-badge-partial{background:#fff3cd;border:1px solid #ffc107;color:#856404}.po-badge-confirmed{background:#cfe2ff;border:1px solid #6ea8fe;color:#084298}.po-badge-received{background:#d1e7dd;border:1px solid #479f76;color:#0f5132}.po-badge-cancelled{background:#e2e3e5;color:#41464b}.po-badge-closed{background:var(--steel-100);color:var(--steel-600)}.badge-shipped,.badge-success{background:var(--success-subtle);color:var(--success)}.badge-closed{background:var(--steel-200);color:var(--steel-600)}.badge-cancelled,.badge-danger{background:var(--danger-subtle);color:var(--danger)}.btn{border-radius:6px;font-size:.82rem;font-weight:500}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-outline-primary{border-color:var(--accent);color:var(--accent)}.btn-outline-primary:hover{background:var(--accent);border-color:var(--accent);color:#fff}.btn-login{background:var(--accent);border:0;border-radius:6px;color:#fff;font-size:.9rem;font-weight:600;padding:.6rem;width:100%}.btn-login:hover{background:var(--accent-hover);color:#fff}.order-drop-active{background:var(--accent-subtle);border-color:var(--accent)!important;color:var(--accent)!important}.flow-steps{display:flex;gap:0;margin-bottom:1.5rem}.flow-step{background:var(--steel-50);border:1px solid var(--steel-200);color:var(--steel-400);flex:1;font-size:.75rem;padding:.5rem .2rem;position:relative;text-align:center;text-decoration:none}.flow-step:not(:first-child){border-left:0}.flow-step:first-child{border-radius:6px 0 0 6px}.flow-step:last-child{border-radius:0 6px 6px 0}.flow-step .step-num{display:block;font-size:.6rem}.flow-step .step-label{font-weight:500}.flow-step.done{background:#e8f5e9;border-color:#a5d6a7;color:#2e7d32}.flow-step.skipped{background:var(--steel-100);border-color:var(--steel-200);color:var(--steel-500)}.flow-step.current{background:var(--accent);border-color:var(--accent);color:#fff}.flow-step.current .step-num{color:#ffffffb3}.stage-card{border-left:3px solid var(--steel-200);margin-bottom:1rem}.stage-card.active{border-left-color:var(--accent)}.stage-card.done{border-left-color:#66bb6a}.stage-card.rejected{border-left-color:var(--steel-500)}.stage-header{align-items:center;display:flex;justify-content:space-between}.stage-badge{font-size:.7rem}.order-wo-materials{max-width:320px}.order-wo-materials .material-line+.material-line{margin-top:.15rem}.order-wo-stage{min-width:110px}.lot-stage-sm{border-radius:3px;font-size:.7rem;font-weight:600;padding:2px 6px}.lot-stage-incoming{background:#cfe2ff;color:#084298}.lot-stage-process{background:#fff3cd;color:#856404}.lot-stage-ready{background:#d4edda;color:#155724}.lot-stage-stocked{background:#d1e7dd;color:#0f5132}.lot-stage-rejected{background:#f8d7da;color:#842029}.btn-sm{font-size:.75rem;padding:.3rem .65rem}.form-label{color:var(--steel-700);font-size:.78rem;font-weight:500;margin-bottom:.3rem}.form-control,.form-select{border-color:var(--steel-300);border-radius:6px;font-size:.82rem;padding:.45rem .7rem}.login-card .form-label{font-size:.8rem}.login-card .form-control{font-size:.9rem;padding:.55rem .75rem}.form-control:focus,.form-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ea580c1a}.form-control-sm,.form-select-sm{font-size:.78rem;padding:.3rem .55rem}.breadcrumb{background:none;font-size:.78rem;margin-bottom:.75rem;padding:0}.breadcrumb-item a{color:var(--accent);text-decoration:none}.breadcrumb-item a:hover{text-decoration:underline}.breadcrumb-item.active{color:var(--steel-500)}.filter-bar{background:#fff;border:1px solid var(--steel-200);border-radius:8px;box-shadow:0 1px 2px #0000000a;margin-bottom:.75rem;padding:.5rem .75rem}.module-tabs{border-bottom:1px solid var(--steel-200);display:flex;gap:6px;margin:-.35rem 0 1rem}.module-tabs a,.module-tabs button{align-items:center;background:transparent;border-bottom:2px solid transparent;border-left:0;border-right:0;border-top:0;color:var(--steel-500);display:inline-flex;font-size:.82rem;font-weight:500;gap:5px;line-height:1.6;padding:.45rem .85rem;text-decoration:none}.module-tabs a:hover,.module-tabs button:hover{color:var(--steel-900)}.module-tabs a.active,.module-tabs button.active{border-bottom-color:var(--accent);color:var(--accent)}.mat-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:.75rem}.mat-filter{align-items:center;background:var(--steel-50);border:1px solid var(--steel-200);border-radius:3px;color:var(--steel-500);display:inline-flex;font-size:.8rem;font-weight:500;gap:5px;letter-spacing:.01em;padding:5px 12px;text-decoration:none;transition:all .12s ease}.mat-filter:hover{background:var(--steel-100);border-color:var(--steel-300);color:var(--steel-700)}.mat-filter.active{background:var(--steel-800);border-color:var(--steel-800);color:#fff}.mat-filter .ct{background:var(--steel-200);border-radius:2px;color:var(--steel-500);font-family:var(--font-mono);font-size:.68rem;padding:1px 5px}.mat-filter.active .ct{background:#ffffff26;color:#ffffffb3}.module-tabs{flex-wrap:wrap}.module-tabs .tab-ct,.nav-tabs .tab-ct{background:var(--steel-100);border-radius:8px;color:var(--steel-500);font-family:var(--font-mono);font-size:.7rem;font-weight:500;padding:1px 6px}.module-tabs .active .tab-ct,.module-tabs a.active .tab-ct,.module-tabs button.active .tab-ct,.nav-tabs .nav-link.active .tab-ct{background:var(--accent-subtle);color:var(--accent)}.module-tabs .tab-ct.urgent,.nav-tabs .tab-ct.urgent{background:#fef2f2;color:#dc2626}.nav-tabs{border-bottom:1px solid var(--steel-200);flex-wrap:wrap;gap:2px;margin-bottom:0!important;padding:0 .25rem}.nav-tabs .nav-link{align-items:center;background:transparent;border:1px solid transparent;border-bottom:0;border-radius:8px 8px 0 0;color:var(--steel-500);cursor:pointer;display:inline-flex;font-size:.84rem;font-weight:500;gap:6px;line-height:1.5;margin-bottom:-1px;padding:.45rem 1rem;text-decoration:none}.nav-tabs .nav-link:hover{background:var(--steel-50);color:var(--steel-800)}.nav-tabs .nav-link.active{background:#fff;border-color:var(--steel-200);box-shadow:inset 0 2px 0 var(--accent);color:var(--steel-900);font-weight:600;position:relative}.nav-tabs .nav-link.active:after{background:#fff;bottom:-1px;content:"";height:1px;left:0;position:absolute;right:0}:is(.nav-tabs,:has(>.nav-tabs:last-child),:has(>nav:last-child>.nav-tabs))+.card,:is(.nav-tabs,:has(>.nav-tabs:last-child),:has(>nav:last-child>.nav-tabs))+*>.card:first-child{border-top:0;border-top-left-radius:0;border-top-right-radius:0}:is(.nav-tabs,:has(>.nav-tabs:last-child),:has(>nav:last-child>.nav-tabs))+:not(.card,:has(>.card:first-child)){margin-top:.75rem}button.mat-filter{cursor:pointer;font-family:inherit;line-height:1.5}.modal-backdrop-panel{align-items:center;background:#0f172a80;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:1050}.modal-panel{max-width:32rem;width:100%}.modal-panel.modal-panel-lg{max-height:calc(100vh - 2rem);max-width:min(72rem,100vw - 2rem)}.modal-panel.modal-panel-xl{max-height:calc(100vh - 2rem);max-width:min(96rem,100vw - 2rem)}.modal-panel.modal-panel-lg>.card-body,.modal-panel.modal-panel-xl>.card-body{overflow:auto}.empty-state{color:var(--steel-400);padding:3rem 1rem;text-align:center}.empty-state i{display:block;font-size:2rem;margin-bottom:.5rem}.product-plan-list{display:grid}.product-plan-row{align-items:center;border-bottom:1px solid rgba(148,163,184,.2);display:grid;gap:.8rem;grid-template-columns:minmax(10rem,1.2fr) minmax(12rem,1.5fr) minmax(8rem,.8fr) max-content;padding:.85rem 1rem}.product-plan-row:last-child{border-bottom:0}.product-plan-row:hover{background:#f8fafc}.purchase-product-plan-row{grid-template-columns:minmax(0,1.1fr) minmax(0,1.4fr) minmax(0,.9fr) minmax(0,.8fr) max-content}.product-plan-meta-label{color:var(--steel-500);font-size:.7rem;line-height:1.1;margin-bottom:.1rem}.product-plan-material,.product-plan-name{min-width:0;overflow-wrap:anywhere}.product-plan-small-grid{display:grid;gap:.35rem .75rem;grid-template-columns:repeat(2,minmax(0,1fr))}.product-plan-action{justify-self:end;white-space:nowrap}.bom-level-marker{color:var(--steel-700);display:inline-block;font-size:.95rem;font-weight:800;line-height:1;text-align:center;width:1rem}app-material-type-badge{display:inline-flex;vertical-align:middle}.material-type-badge{align-items:center;background:var(--steel-100);border-radius:999px;color:var(--steel-600);display:inline-flex;font-size:.66rem;font-weight:700;padding:.05rem .45rem;white-space:nowrap}.material-type-badge-finished{background:var(--material-type-finished-bg);color:var(--material-type-finished-text)}.material-type-badge-semi{background:var(--material-type-semi-bg);color:var(--material-type-semi-text)}.material-type-badge-raw{background:var(--material-type-raw-bg);color:var(--material-type-raw-text)}.material-type-badge-component{background:var(--material-type-component-bg);color:var(--material-type-component-text)}.material-type-badge-packaging{background:var(--material-type-packaging-bg);color:var(--material-type-packaging-text)}.material-type-badge-carton{background:var(--material-type-carton-bg);color:var(--material-type-carton-text)}.material-type-badge-consumable,.material-type-badge-mold,.material-type-badge-processing_fee,.material-type-badge-site_fee,.material-type-badge-outsource,.material-type-badge-other{background:var(--material-type-consumable-bg);color:var(--material-type-consumable-text)}.b2-compact .material-type-badge{font-size:.45rem;padding:.12rem .28rem}.product-bom-modal{inset:0;padding:0!important;z-index:2000}.product-bom-modal .modal-dialog{height:calc(100vh - 80px);margin:40px auto;max-width:none;width:min(1280px,100vw - 80px)}.product-bom-modal .modal-content{border:0;height:100%;overflow:hidden}.product-bom-modal .modal-body{background:#f8fafc;overflow:auto}.purchase-bom-modal .modal-body{display:flex;flex-direction:column;min-height:0;overflow:hidden}.purchase-bom-modal .bom-desktop-table{flex:1 1 auto;min-height:0;overflow:auto}.purchase-bom-modal .bom-sticky-header th{position:sticky;top:0;z-index:2;background:var(--bs-tertiary-bg, #f8f9fa);box-shadow:inset 0 -1px #94a3b873}.bom-mobile-list{display:none}.bom-mobile-node{background:#fff;border:1px solid rgba(148,163,184,.28);border-radius:8px;overflow:hidden}.bom-mobile-node-header{align-items:flex-start;background:#f8fafc;display:flex;gap:.75rem;justify-content:space-between;padding:.75rem}.bom-mobile-node-grid{border-top:1px solid rgba(148,163,184,.2);display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bom-mobile-node-grid>div{border-bottom:1px solid rgba(148,163,184,.16);min-width:0;padding:.55rem .75rem}.bom-mobile-node-grid>div:nth-child(odd){border-right:1px solid rgba(148,163,184,.16)}.bom-mobile-node-grid small,.bom-mobile-action small{color:var(--steel-500);display:block;font-size:.7rem;margin-bottom:.15rem}.bom-mobile-action{align-items:end;display:grid;gap:.75rem;grid-template-columns:minmax(0,1fr) minmax(112px,.8fr);padding:.75rem}.card,.stat-card{animation:fadeUp .3s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.row>[class*=col-]:nth-child(2) .stat-card{animation-delay:.05s}.row>[class*=col-]:nth-child(3) .stat-card{animation-delay:.1s}.row>[class*=col-]:nth-child(4) .stat-card{animation-delay:.15s}.packaging-detail-table{overflow:hidden;border:1px solid var(--bs-border-color);border-radius:.375rem}.packaging-detail-row{display:grid;border-bottom:1px solid var(--bs-border-color)}.packaging-detail-row:last-child{border-bottom:0}.packaging-detail-row.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}.packaging-detail-row.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}.packaging-detail-row.columns-4{grid-template-columns:repeat(4,minmax(0,1fr))}.packaging-detail-cell{min-width:0;min-height:4.25rem;padding:.65rem .75rem;border-right:1px solid var(--bs-border-color);overflow-wrap:anywhere}.packaging-detail-cell:last-child{border-right:0}.packaging-detail-cell>.small{min-height:1.35rem;margin-bottom:.2rem;font-weight:600}.packaging-detail-hint{margin-top:.15rem;font-size:.7rem}@media(max-width:900px){.packaging-detail-row.columns-2,.packaging-detail-row.columns-3,.packaging-detail-row.columns-4{grid-template-columns:1fr;border-bottom:0}.packaging-detail-cell{min-height:0;border-right:0;border-bottom:1px solid var(--bs-border-color)}.packaging-detail-row:last-child .packaging-detail-cell:last-child{border-bottom:0}}@media(max-width:991.98px){.hamburger-btn{display:flex}.sidebar{transform:translate(-100%);transition:transform .25s ease;width:var(--sidebar-w);z-index:1045}.sidebar.sidebar-open{transform:translate(0)}.main-content{margin-left:0;transition:none}.sidebar-resizer{display:none!important}}@media(max-width:768px){.page-container{padding:1rem .75rem}.product-plan-row{grid-template-columns:1fr}.product-plan-action{justify-self:start}.product-plan-small-grid{grid-template-columns:1fr}.product-bom-modal .modal-dialog{height:100vh;margin:0;width:100vw}.product-bom-modal .modal-content{border-radius:0}.product-bom-modal .modal-header,.product-bom-modal .modal-body,.product-bom-modal .modal-footer{padding-left:1rem;padding-right:1rem}.purchase-bom-modal .modal-body{display:block;overflow:auto}.bom-desktop-table{display:none}.bom-mobile-list{display:grid;gap:.75rem}}select.input-select-native{display:none!important}@media print{html{font-size:100%}.sidebar,.sidebar-backdrop,.sidebar-resizer,.topbar,.hamburger-btn,.no-print{display:none!important}.main-content{margin:0!important;padding:0!important;width:100%!important}}.role-preview-banner{position:sticky;top:0;z-index:1030;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding:.4rem 1rem;background:#b45309;color:#fff;font-size:.85rem}.role-preview-banner .role-preview-notice{background:#00000040;border-radius:4px;padding:.1rem .5rem}.role-preview-bar .btn{font-size:.75rem}.bom-edit-scroll{overflow-x:auto}.bom-edit-inputs{min-width:1060px}.bom-edit-table .bom-no-wrap{overflow-wrap:normal;white-space:nowrap}input.app-date-input{padding-right:2rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='%2364748b'%3E%3Cpath d='M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:1rem 1rem;min-width:8.5rem}.permission-denied{display:none!important}.permission-segments{display:flex;gap:.35rem;flex-wrap:wrap}.permission-segment,.permission-level{--permission-color:#566273;--permission-tint:#edf0f4;--permission-border:#c3cad4}.permission-segment.general,.permission-level.general{--permission-color:#235da7;--permission-tint:#edf5ff;--permission-border:#a5c5ec}.permission-segment.manager,.permission-level.manager{--permission-color:#a94b09;--permission-tint:#fff3e6;--permission-border:#ebbf96}.permission-segment.allowed,.permission-level.allowed{--permission-color:#26703c;--permission-tint:#eef9f0;--permission-border:#a7cfb0}.permission-segment{min-width:5rem;min-height:44px;padding:.55rem .9rem;border:1px solid var(--permission-border);border-radius:.4rem;background:var(--permission-tint);color:var(--permission-color);font-weight:600}.permission-segment.selected{background:var(--permission-color);border-color:var(--permission-color);color:#fff}.permission-segment:focus-visible{outline:2px solid var(--permission-color);outline-offset:3px}.permission-level{background:var(--permission-tint)!important;color:var(--permission-color);border-color:var(--permission-border)!important}.permission-level input{accent-color:var(--permission-color)!important}.permission-editor-row{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem;padding:.5rem 0}.permission-editor-row strong{min-width:7rem}.unsaved{color:#875219;font-weight:600}.login-page{position:relative}.login-lang{position:absolute;right:1.25rem;top:1.25rem}.login-logo{height:56px;max-width:220px;object-fit:contain}html[lang=en]{--sidebar-w: 200px}html[lang=vi],html[lang=id]{--sidebar-w: 250px}:root{--font-ui: "Inter", "Noto Sans TC", system-ui, -apple-system, "Segoe UI", sans-serif;--steel-100: #f3f6f8;--brand-ink: #0b2e3a}*{font-feature-settings:"cv11" 1,"ss01" 0!important}body{-webkit-font-smoothing:antialiased;color:#1c2733;letter-spacing:-.005em}h1,h2,h3,h4,h5,.page-title,.page-header h4{letter-spacing:-.015em}.badge{border:1px solid transparent;border-radius:999px;font-size:.7rem;font-weight:600;letter-spacing:0;padding:.28em .7em}.badge.bg-warning,.badge.text-bg-warning{background:#fff4dc!important;border-color:#fbe3a8;color:#8a5300!important}.badge.bg-info,.badge.text-bg-info{background:#e3f4fb!important;border-color:#bfe3f2;color:#0b5f80!important}.badge.bg-primary,.badge.text-bg-primary{background:#e6eefc!important;border-color:#c7d7f6;color:#1d4ed8!important}.badge.bg-success,.badge.text-bg-success{background:#e3f6ec!important;border-color:#bde6cf;color:#0f6b3e!important}.badge.bg-danger,.badge.text-bg-danger{background:#fdecec!important;border-color:#f7c9c9;color:#b42318!important}.badge.bg-secondary,.badge.text-bg-secondary,.badge.bg-light{background:#eef2f5!important;border-color:#dde4ea;color:#475569!important}.badge.bg-dark,.badge.text-bg-dark{background:#1f2d3a!important;color:#fff!important}.po-badge-draft,.po-badge-partial,.po-badge-confirmed,.po-badge-received{border-color:transparent}.table{--bs-table-hover-bg: #f5fafa}.table>thead th{background:#f8fafb;color:#5b6b7a;font-size:.68rem;font-weight:600;letter-spacing:.04em;white-space:nowrap}.table td.text-end,.table th.text-end,.table td.text-nowrap{white-space:nowrap}.table>tbody>tr:hover>*{box-shadow:inset 0 0 0 9999px var(--bs-table-hover-bg)}.card{border-color:#e3e9ee;border-radius:10px;box-shadow:0 1px 2px #1028380a,0 1px 1px #10283805}.card-header{background:#fff;color:var(--brand-ink);font-size:.85rem}.btn{border-radius:7px}.btn-primary{box-shadow:0 1px 2px #0e9f9840}.sidebar-brand{align-items:center;border-bottom:1px solid var(--steel-200);display:flex;gap:.6rem;min-height:56px;padding:.6rem 1rem;text-decoration:none}.sidebar-brand img{flex:none;height:30px;width:30px}.sidebar-brand .brand-name{color:var(--brand-ink);display:block;font-size:.92rem;font-weight:700;letter-spacing:-.01em;line-height:1.15}.sidebar-brand .brand-sub{color:var(--steel-500);display:block;font-size:.68rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar:after{background:var(--steel-200);width:1px}.sidebar-nav .nav-link.active{box-shadow:inset 3px 0 0 var(--accent);font-weight:600}.topbar{min-height:56px}.topbar-context{align-items:center;color:var(--steel-600);display:flex;font-size:.78rem;gap:.5rem;min-width:0}.topbar-context .ctx-chip{align-items:center;background:var(--steel-100);border:1px solid var(--steel-200);border-radius:999px;color:var(--brand-ink);display:inline-flex;font-weight:500;gap:.35rem;padding:.2rem .65rem;white-space:nowrap}.topbar-context .env-chip{background:#fff4dc;border-color:#fbe3a8;color:#8a5300}.topbar-user{align-items:center;color:var(--steel-700);display:inline-flex;gap:.45rem;text-decoration:none}.topbar-user .avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:inline-flex;font-size:.72rem;font-weight:700;height:28px;justify-content:center;width:28px}