*{margin:0;padding:0;box-sizing:border-box}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1117;color:#e1e4e8;line-height:1.5}a{color:#58a6ff;text-decoration:none}a:hover{text-decoration:underline}.topnav{display:flex;align-items:center;justify-content:space-between;background:#161b22;border-bottom:1px solid #30363d;padding:0 24px;height:56px;position:fixed;top:0;left:0;right:0;z-index:100}.topnav-left{display:flex;align-items:center;gap:16px}.topnav-right{display:flex;align-items:center;gap:12px}.logo{font-size:18px;font-weight:700;color:#58a6ff}.logo span{color:#f0883e}.user-badge{background:#238636;color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.menu-toggle{display:none;background:none;border:none;color:#e1e4e8;font-size:20px;cursor:pointer;padding:4px 8px}.sidebar{position:fixed;top:56px;left:0;width:220px;bottom:0;background:#161b22;border-right:1px solid #30363d;padding:16px 0;overflow-y:auto;z-index:50;display:flex;flex-direction:column;transition:width .2s ease}.sidebar.collapsed{width:64px}.sidebar-overlay{display:none}.sidebar-section{padding:0 16px;margin-bottom:20px;flex:1}.sidebar.collapsed .sidebar-section{padding:0 8px}.sidebar-label{font-size:11px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;border-radius:6px;margin:2px 8px;font-size:14px;color:#c9d1d9;transition:all .15s;text-decoration:none;position:relative;white-space:nowrap}.sidebar-item:hover{background:#21262d;text-decoration:none}.sidebar-item.active{background:#1f6feb22;color:#58a6ff;border-left:3px solid #58a6ff}.sidebar-item .icon{font-size:16px;width:20px;text-align:center;flex-shrink:0}.sidebar-item-label{overflow:hidden;text-overflow:ellipsis}.sidebar.collapsed .sidebar-item{justify-content:center;padding:10px 8px;margin:2px 4px}.sidebar.collapsed .sidebar-item-label{display:none}.sidebar.collapsed .sidebar-item.active{border-left-width:0;border-right:3px solid #58a6ff}.sidebar-collapse-toggle{display:flex;align-items:center;gap:8px;margin:8px 12px 4px;padding:8px 12px;background:transparent;border:1px solid #30363d;border-radius:6px;color:#8b949e;font-size:12px;cursor:pointer;transition:all .15s}.sidebar-collapse-toggle:hover{background:#21262d;color:#c9d1d9}.sidebar.collapsed .sidebar-collapse-toggle{justify-content:center;margin:8px 8px 4px;padding:8px 0}.sidebar-collapse-icon{font-size:16px;font-weight:700;line-height:1}.sidebar-badge{background:#da3633;color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;padding:0 5px;margin-left:auto}.main{margin-left:220px;margin-top:56px;padding:24px;min-height:calc(100vh - 56px);transition:margin-left .2s ease}.main.main-collapsed{margin-left:64px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;flex-wrap:wrap;gap:12px}.page-title{font-size:24px;font-weight:700}.page-subtitle{color:#8b949e;font-size:14px;margin-top:4px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:8px 16px;border-radius:6px;border:1px solid #30363d;background:#21262d;color:#c9d1d9;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font-weight:500;transition:all .15s;text-decoration:none;white-space:nowrap}.btn:hover{background:#30363d;text-decoration:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:#238636;border-color:#238636;color:#fff}.btn-primary:hover{background:#2ea043}.btn-blue{background:#1f6feb;border-color:#1f6feb;color:#fff}.btn-blue:hover{background:#388bfd}.btn-danger{background:#da3633;border-color:#da3633;color:#fff}.btn-danger:hover{background:#f85149}.btn-sm{padding:4px 10px;font-size:12px}.btn-ghost{background:transparent;border:none;color:#8b949e}.btn-ghost:hover{color:#58a6ff}.card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px}.card+.card{margin-top:16px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.card-title{font-size:16px;font-weight:600}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:24px}.stat-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:16px}.stat-value{font-size:24px;font-weight:700;color:#e1e4e8}.stat-label{font-size:12px;color:#8b949e;margin-top:4px}.stat-icon{font-size:20px;margin-bottom:8px}.table-container{overflow-x:auto}table{width:100%;border-collapse:collapse}th{text-align:left;padding:10px 12px;font-size:12px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #30363d;background:#0d1117}td{padding:12px;border-bottom:1px solid #21262d;font-size:13px}tr:hover{background:#1c2128}.clickable-row{cursor:pointer}.tag{display:inline-block;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:600}.tag-green{background:#23863622;color:#3fb950}.tag-yellow{background:#9e6a0322;color:#d29922}.tag-red{background:#da363322;color:#f85149}.tag-blue{background:#1f6feb22;color:#58a6ff}.tag-purple{background:#8957e522;color:#bc8cff}.tag-gray{background:#30363d;color:#8b949e}.filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.filter-chip{padding:4px 12px;border-radius:16px;border:1px solid #30363d;background:#21262d;font-size:12px;color:#c9d1d9;cursor:pointer}.filter-chip.active{background:#1f6feb22;border-color:#58a6ff;color:#58a6ff}.search-box{background:#21262d;border:1px solid #30363d;border-radius:6px;padding:6px 12px;color:#e1e4e8;width:280px;font-size:13px}.search-box:focus{outline:none;border-color:#58a6ff}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:600;color:#c9d1d9;margin-bottom:6px}.form-input{width:100%;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:8px 12px;color:#e1e4e8;font-size:14px;font-family:inherit}.form-input:focus{outline:none;border-color:#58a6ff}.form-input::placeholder{color:#484f58}textarea.form-input{resize:vertical;min-height:60px}select.form-input{cursor:pointer}.form-hint{display:block;font-size:12px;color:#8b949e;margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-actions{display:flex;gap:8px;margin-top:16px;padding-top:16px;border-top:1px solid #30363d}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.slide-panel{position:fixed;top:56px;right:-500px;width:500px;bottom:0;background:#161b22;border-left:1px solid #30363d;z-index:80;transition:right .3s ease;overflow-y:auto;padding:24px}.slide-panel.open{right:0}.slide-panel-overlay{display:none;position:fixed;inset:56px 0 0 220px;background:#00000080;z-index:79}.slide-panel-overlay.open{display:block}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-close{background:none;border:none;color:#8b949e;font-size:20px;cursor:pointer}.panel-close:hover{color:#fff}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px}.detail-label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-value{font-size:14px;color:#e1e4e8}.modal-overlay{position:fixed;inset:0;background:#0009;z-index:200}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#161b22;border:1px solid #30363d;border-radius:12px;padding:24px;width:90%;max-width:560px;max-height:85vh;overflow-y:auto;z-index:201}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.po-builder{background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:16px}.po-line{display:grid;grid-template-columns:2fr 1fr 80px 100px 120px 40px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #21262d}.po-line-header{font-size:11px;color:#8b949e;text-transform:uppercase;font-weight:600;border-bottom:1px solid #30363d}.po-line-new{display:grid;grid-template-columns:40px 85px 1fr 1fr 90px 55px 42px 36px 36px 80px 80px 75px 78px 82px 95px 32px;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid #21262d}.po-line-header-new{font-size:11px;color:#8b949e;text-transform:uppercase;font-weight:600;border-bottom:1px solid #30363d}.po-thumb{width:36px;height:36px;border-radius:4px;border:1px solid #30363d;overflow:hidden;cursor:pointer;display:flex;align-items:center;justify-content:center;background:#21262d;transition:border-color .15s}.po-thumb:hover{border-color:#58a6ff}.po-thumb-empty{border-style:dashed}.po-thumb-img{width:100%;height:100%;object-fit:cover}.po-thumb-plus{color:#484f58;font-size:18px;line-height:1}.image-popover{position:absolute;top:100%;left:0;min-width:260px;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:8px;z-index:60;box-shadow:0 8px 24px #0006}.upc-input{font-family:Courier New,monospace;font-size:12px;color:#f0883e}.po-input{background:#21262d;border:1px solid #30363d;border-radius:4px;padding:6px 10px;color:#e1e4e8;font-size:13px;width:100%;font-family:inherit}.po-input:focus{outline:none;border-color:#58a6ff}.po-total{text-align:right;font-size:18px;font-weight:700;color:#f0883e;margin-top:16px;padding-top:12px;border-top:1px solid #30363d}.product-dropdown{position:absolute;top:100%;left:0;right:0;background:#21262d;border:1px solid #30363d;border-radius:6px;max-height:200px;overflow-y:auto;z-index:50;box-shadow:0 8px 24px #0006}.product-dropdown-item{padding:8px 12px;font-size:13px;cursor:pointer;display:flex;gap:8px;align-items:center;border-bottom:1px solid #30363d}.product-dropdown-item:hover{background:#30363d}.product-dropdown-item:last-child{border-bottom:none}.wechat-preview{background:#1b4332;border:1px solid #2d6a4f;border-radius:12px;padding:16px}.wechat-header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.wechat-icon{width:28px;height:28px;background:#07c160;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px}.wechat-label{font-size:12px;color:#52b788;font-weight:600}.wechat-body{font-size:13px;color:#d8f3dc;line-height:1.6;white-space:pre-line}.wechat-copy{margin-top:12px}.pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid #21262d}.pagination-info{font-size:13px;color:#8b949e}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:40px;width:100%;max-width:400px}.login-logo{font-size:28px;font-weight:700;color:#58a6ff;text-align:center;margin-bottom:8px}.login-logo span{color:#f0883e}.login-subtitle{text-align:center;color:#8b949e;font-size:14px;margin-bottom:32px}.login-error{background:#da363322;border:1px solid #da3633;border-radius:6px;padding:8px 12px;color:#f85149;font-size:13px;margin-bottom:16px}.login-btn{width:100%;justify-content:center;padding:10px;font-size:14px}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#8b949e}.loading-spinner{width:32px;height:32px;border:3px solid #30363d;border-top-color:#58a6ff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.page-loading{text-align:center;padding:60px 20px;color:#8b949e;font-size:14px}.empty-text{color:#8b949e;font-size:14px;padding:20px 0}.empty-text a{color:#58a6ff}.alert-banner{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#9e6a0322;border:1px solid #d29922;border-radius:8px;font-size:13px;color:#d29922}.alert-banner strong{color:#f0883e}.upload-zone{border:2px dashed #30363d;border-radius:12px;padding:48px 24px;text-align:center;cursor:pointer;transition:all .2s;background:#161b22;margin-bottom:16px}.upload-zone:hover{border-color:#58a6ff;background:#1f6feb11}.upload-zone.drag-over{border-color:#3fb950;background:#23863611}.editable-table{width:100%;border-collapse:collapse}.editable-table th{text-align:left;padding:8px 10px;font-size:11px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #30363d;background:#0d1117}.editable-table td{padding:4px;border-bottom:1px solid #21262d}.editable-table input{background:#21262d;border:1px solid #30363d;border-radius:4px;padding:6px 8px;color:#e1e4e8;font-size:13px;width:100%;font-family:inherit}.editable-table input:focus{outline:none;border-color:#58a6ff}.editable-table .calc-cell{background:transparent;border:1px solid transparent;color:#8b949e;font-size:12px;text-align:right;padding:6px 8px}.chart-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px;min-height:320px}.recharts-cartesian-grid-horizontal line,.recharts-cartesian-grid-vertical line{stroke:#21262d}.recharts-tooltip-wrapper{outline:none}.recharts-default-tooltip{background:#21262d!important;border:1px solid #30363d!important;border-radius:6px!important}.recharts-legend-item-text{color:#8b949e!important;font-size:12px!important}.timeline{position:relative;padding-left:28px}.timeline:before{content:"";position:absolute;left:8px;top:4px;bottom:4px;width:2px;background:#30363d}.timeline-event{position:relative;padding-bottom:20px}.timeline-event:last-child{padding-bottom:0}.timeline-dot{position:absolute;left:-24px;top:4px;width:12px;height:12px;border-radius:50%;background:#30363d;border:2px solid #161b22}.timeline-dot.active{background:#58a6ff}.timeline-dot.green{background:#3fb950}.timeline-dot.yellow{background:#d29922}.timeline-dot.red{background:#f85149}.timeline-content{padding:8px 12px;background:#21262d;border:1px solid #30363d;border-radius:6px}.timeline-date{font-size:11px;color:#8b949e;margin-bottom:4px}.timeline-status{font-size:13px;font-weight:600;color:#e1e4e8}.timeline-location{font-size:12px;color:#8b949e;margin-top:2px}.timeline-desc{font-size:12px;color:#c9d1d9;margin-top:4px}.image-gallery{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.gallery-thumb{position:relative;width:80px;height:80px;border-radius:6px;border:1px solid #30363d;overflow:hidden;cursor:pointer;background:#21262d}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-thumb-delete{position:absolute;top:2px;right:2px;width:20px;height:20px;border-radius:50%;background:#da3633d9;color:#fff;border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.gallery-thumb:hover .gallery-thumb-delete{opacity:1}.gallery-thumb-index{position:absolute;bottom:2px;left:2px;background:#000000a6;color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px}.gallery-add{width:80px;height:80px;border-radius:6px;border:2px dashed #30363d;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#484f58;font-size:24px;transition:all .15s;background:transparent}.gallery-add:hover{border-color:#58a6ff;color:#58a6ff}.chip-group{display:flex;flex-wrap:wrap;gap:8px}.chip{padding:4px 12px;border-radius:16px;border:1px solid #30363d;background:#21262d;font-size:12px;color:#c9d1d9;cursor:pointer;transition:all .15s;-webkit-user-select:none;user-select:none}.chip:hover{border-color:#58a6ff}.chip.chip-active{background:#1f6feb22;border-color:#58a6ff;color:#58a6ff}.char-counter{font-size:11px;color:#484f58;text-align:right;margin-top:4px}.char-counter.warn{color:#d29922}.char-counter.over{color:#f85149}.feature-list{display:flex;flex-direction:column;gap:6px}.feature-item{display:flex;align-items:center;gap:6px}.feature-item input{flex:1}.feature-remove{background:none;border:none;color:#484f58;cursor:pointer;font-size:16px;padding:2px 4px;border-radius:4px}.feature-remove:hover{color:#f85149;background:#da363322}.totals-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:16px;background:#0d1117;border:1px solid #30363d;border-radius:8px;margin:16px 0}.total-item{text-align:center}.total-item .total-value{font-size:20px;font-weight:700;color:#f0883e}.total-item .total-label{font-size:11px;color:#8b949e;margin-top:2px}.inline-add-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;padding:12px;background:#0d1117;border:1px solid #30363d;border-radius:8px;margin-top:12px;align-items:end}.inline-add-form .form-group{margin-bottom:0}.inline-add-form label{font-size:11px;color:#8b949e;margin-bottom:4px}.text-red{color:#f85149}.text-yellow{color:#d29922}.text-green{color:#3fb950}.row-alert{background:#da363308}.row-alert:hover{background:#da363315}.editable-cell:hover{border-color:#30363d!important;background:#21262d}.reorder-card{background:#161b22;border:1px solid #da3633;border-radius:8px;padding:16px;margin-bottom:16px}.reorder-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.reorder-card-title{font-size:14px;font-weight:600;color:#f85149}.reorder-list{display:flex;flex-direction:column;gap:8px}.reorder-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#21262d;border-radius:6px;font-size:13px}.reorder-item-info{display:flex;flex-direction:column;gap:2px}.reorder-item-model{font-family:monospace;font-size:11px;color:#8b949e}.inventory-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.inventory-stat-card{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px;transition:border-color .2s}.inventory-stat-card:hover{border-color:#58a6ff}.inventory-stat-value{font-size:2rem;font-weight:700;color:#e6edf3}.inventory-stat-label{color:#8b949e;font-size:.85rem;margin-top:4px}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.category-tile{background:#161b22;border:1px solid #30363d;border-radius:8px;padding:20px;cursor:pointer;transition:border-color .2s;text-decoration:none;display:block;color:inherit}.category-tile:hover{border-color:#58a6ff;text-decoration:none}.category-name{font-size:1.1rem;font-weight:600;color:#e6edf3}.category-count{color:#8b949e;font-size:.85rem;margin-top:4px}.stock-health-bar{height:6px;border-radius:3px;background:#30363d;margin-top:12px;overflow:hidden;display:flex}.stock-health-ok{background:#3fb950}.stock-health-low{background:#d29922}.stock-health-out{background:#f85149}.category-details{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.cat-stat{font-size:11px;padding:1px 6px;border-radius:4px}.cat-stat-ok{color:#3fb950;background:#23863611}.cat-stat-low{color:#d29922;background:#9e6a0311}.cat-stat-out{color:#f85149;background:#da363311}.cat-stat-dead{color:#8b949e;background:#6e768111}.ai-badge{background:#1f6feb33;color:#58a6ff;padding:2px 8px;border-radius:4px;font-size:.75rem;font-weight:600}.ai-suggestion-row{background:#1f6feb0d}.btn-accept{background:#238636;color:#fff;border:none;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.btn-accept:hover{background:#2ea043}.btn-reject{background:transparent;color:#f85149;border:1px solid #f85149;padding:4px 12px;border-radius:4px;cursor:pointer;font-size:12px}.btn-reject:hover{background:#da363322}.dead-stock-row{opacity:.6}.dead-stock-badge{background:#6e768133;color:#8b949e;padding:2px 8px;border-radius:4px;font-size:.75rem}@media(max-width:768px){.menu-toggle{display:block}.sidebar{left:-220px;transition:left .3s ease;z-index:90}.sidebar.open{left:0}.sidebar.collapsed{width:220px}.sidebar.collapsed .sidebar-item{justify-content:flex-start;padding:8px 16px}.sidebar.collapsed .sidebar-item-label{display:inline}.sidebar.collapsed .sidebar-section{padding:0 16px}.sidebar.collapsed .sidebar-collapse-toggle{display:none}.main.main-collapsed{margin-left:0}.sidebar-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:89}.sidebar.open~.sidebar-overlay,.sidebar-overlay{display:block}.main{margin-left:0;padding:16px}.stats-grid{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-3,.form-row{grid-template-columns:1fr}.po-line{grid-template-columns:1fr 1fr;gap:6px}.po-line-new{grid-template-columns:44px 1fr 1fr;gap:6px}.po-line-header,.po-line-header-new{display:none}.slide-panel{width:100%;right:-100%}.slide-panel-overlay.open{left:0}.search-box{width:100%}.page-header{flex-direction:column}table{font-size:12px}th,td{padding:8px 6px}.modal{width:95%;padding:16px}.inventory-stats{grid-template-columns:repeat(2,1fr)}.category-grid,.detail-grid{grid-template-columns:1fr}.totals-bar{grid-template-columns:repeat(2,1fr)}.inline-add-form{grid-template-columns:1fr 1fr}.chart-card{min-height:240px}.upload-zone{padding:32px 16px}.image-gallery{gap:8px}.gallery-thumb,.gallery-add{width:64px;height:64px}.timeline{padding-left:24px}.alert-banner{flex-direction:column;gap:8px;text-align:center}}@media(max-width:480px){.stats-grid,.inventory-stats{grid-template-columns:1fr}.topnav{padding:0 12px}.page-actions{width:100%}.page-actions .btn{flex:1;justify-content:center}.totals-bar,.inline-add-form{grid-template-columns:1fr}}@media(max-width:1280px){.topnav{height:48px;padding:0 16px}.topnav-left{gap:12px}.topnav-right{gap:8px}.logo{font-size:16px}.sidebar{top:48px}.main{margin-top:48px;padding:16px 20px}.sidebar:not(.collapsed){width:200px}.main:not(.main-collapsed){margin-left:200px}.header-search-trigger{min-width:140px;padding:5px 10px}.header-search-trigger .search-text{display:none}.header-new-po{padding:5px 10px;font-size:13px}.header-new-po-label{display:none}.user-badge{padding:3px 8px;font-size:11px}.notification-bell{width:32px;height:28px}}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-bar{display:block;border-radius:4px;background:linear-gradient(90deg,#1e2530 25%,#2d333b,#1e2530 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite linear}.skeleton-card{background:linear-gradient(90deg,#12161e 25%,#1c2128,#12161e 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s infinite linear;border:1px solid #1e2530}.header-search-trigger{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#0d1117;border:1px solid #1e2530;border-radius:8px;cursor:pointer;transition:all .15s;min-width:220px;color:#6e7681;font-size:12px}.header-search-trigger:hover{border-color:#4d9eff;background:#0a0e14}.header-search-trigger .search-icon{font-size:14px}.header-search-trigger .search-text{flex:1;text-align:left}.header-search-trigger .search-kbd{display:flex;gap:2px}.header-search-trigger .search-kbd span{padding:2px 6px;background:#1e2530;border-radius:4px;font-size:10px;font-weight:600;color:#8b949e;font-family:monospace}.header-new-po{white-space:nowrap}@media(max-width:768px){.header-search-trigger{min-width:auto}.header-search-trigger .search-text,.header-search-trigger .search-kbd{display:none}}.incoming-popover{position:absolute;top:calc(100% + 4px);right:0;min-width:280px;max-width:360px;background:#12161e;border:1px solid #2d333b;border-radius:10px;box-shadow:0 12px 32px #00000080;z-index:100;padding:4px 0 8px;animation:paletteFadeIn .15s ease-out}.incoming-popover-item{display:flex;align-items:center;gap:10px;padding:8px 14px;cursor:pointer;text-decoration:none;transition:background .1s}.incoming-popover-item:hover{background:#e8924a0f}.qty-pending-warning{font-size:9px;color:#e8924a;margin-top:2px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:90px;cursor:help}.v2-table td:has(.v2-qty-input){max-width:100px;width:100px}.notification-bell{position:relative;width:36px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid #1e2530;border-radius:8px;cursor:pointer;color:#c9d1d9;transition:all .15s}.notification-bell:hover{border-color:#2d333b;background:#1c2128}.notification-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 5px;background:#f85149;color:#fff;font-size:10px;font-weight:700;border-radius:9px;display:flex;align-items:center;justify-content:center;border:2px solid #12161e;line-height:1}.notification-dot{position:absolute;top:4px;right:4px;width:8px;height:8px;background:#4d9eff;border-radius:50%;border:2px solid #12161e}.notification-panel{position:absolute;top:calc(100% + 8px);right:0;width:380px;max-width:calc(100vw - 32px);max-height:540px;overflow-y:auto;background:#12161e;border:1px solid #2d333b;border-radius:12px;box-shadow:0 12px 32px #00000080;z-index:9996;animation:paletteFadeIn .15s ease-out}.notification-header{padding:12px 16px;border-bottom:1px solid #1e2530;display:flex;align-items:center;justify-content:space-between}.notification-section+.notification-section{border-top:1px solid #1e2530}.notification-section-header{padding:8px 16px 6px 13px;display:flex;align-items:center;gap:8px;border-left:3px solid}.notification-item{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .1s}.notification-item:hover{background:#4d9eff0f}.notification-more{padding:6px 16px 10px;font-size:11px;color:#4d9eff;cursor:pointer;text-align:center}.notification-more:hover{text-decoration:underline}.v2-page{padding:0}.v2-page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.v2-title{font-size:20px;font-weight:700;color:#e6edf3}.v2-btn{padding:6px 14px;border-radius:8px;font-size:12px;font-weight:500;border:1px solid #1e2530;background:#12161e;color:#c9d1d9;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.v2-btn:hover{border-color:#2d333b;background:#1c2128}.v2-btn:disabled{opacity:.5;cursor:default}.v2-btn-primary{background:linear-gradient(135deg,#238636,#2ea043);border-color:#238636;color:#fff}.v2-btn-primary:hover{background:linear-gradient(135deg,#2ea043,#3fb950)}.v2-summary-row{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.v2-summary-card{padding:10px 16px;border-radius:10px;background:#12161e;border:1px solid #1e2530;cursor:pointer;transition:all .15s;min-width:80px}.v2-summary-card:hover{border-color:#2d333b}.v2-summary-card.active{border-color:#4d9eff;background:#4d9eff0f}.v2-summary-card.primary{border-color:#4d9eff66;background:#4d9eff0a}.v2-summary-card.primary.active{border-color:#4d9eff;background:#4d9eff1f}.v2-summary-num{font-size:20px;font-weight:700}.v2-summary-label{font-size:11px;color:#6e7681;margin-top:2px}.v2-filter-bar{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.v2-filter-input{padding:6px 12px;border-radius:8px;font-size:12px;border:1px solid #1e2530;background:#0d1117;color:#c9d1d9;outline:none;transition:border-color .15s}.v2-filter-input:focus{border-color:#4d9eff}.v2-filter-input::placeholder{color:#484f58}.v2-filter-select{padding:6px 10px;border-radius:8px;font-size:12px;border:1px solid #1e2530;background:#0d1117;color:#c9d1d9;outline:none;cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.v2-filter-select.active{border-color:#4d9eff;color:#4d9eff;background:#4d9eff0f}.v2-filter-divider{width:1px;height:24px;background:#1e2530;flex-shrink:0}.v2-dropdown{position:absolute;top:100%;left:0;right:0;margin-top:2px;z-index:200;background:#12161e;border:1px solid #1e2530;border-radius:10px;box-shadow:0 8px 24px #0006;max-height:280;display:flex;flex-direction:column;overflow:hidden}.v2-dropdown-search{font-size:12px;padding:8px 10px;background:#0d1117;color:#e1e4e8;border:none;border-bottom:1px solid #1e2530;outline:none}.v2-dropdown-item{padding:6px 10px;font-size:12px;cursor:pointer;transition:background .1s}.v2-dropdown-item:hover{background:#ffffff08}.v2-card{background:#12161e;border:1px solid #1e2530;border-radius:12px;padding:20px}.v2-paste-banner{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:8px 16px;border-radius:10px;background:#4d9eff0d;border:1px solid rgba(77,158,255,.15);margin-bottom:14px;font-size:12px;color:#6e7681}.v2-po-banner{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;border-radius:12px;background:linear-gradient(135deg,#2386360f,#4d9eff0f);border:1px solid rgba(77,158,255,.2);margin-bottom:14px;gap:16px}.v2-po-banner-info{display:flex;align-items:center;gap:16px;flex:1;flex-wrap:wrap}.v2-po-banner-sep{width:1px;height:36px;background:#2d333b;flex-shrink:0}.v2-po-banner-stat{text-align:center}.v2-po-banner-stat .val{font-size:18px;font-weight:700;color:#e6edf3}.v2-po-banner-stat .lbl{font-size:11px;color:#6e7681}.v2-auto-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:500;background:#4d9eff1a;color:#4d9eff}.v2-create-btn{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:600;border:none;background:linear-gradient(135deg,#238636,#2ea043);color:#fff;cursor:pointer;transition:all .2s;box-shadow:0 2px 8px #2386364d;white-space:nowrap}.v2-create-btn:hover{background:linear-gradient(135deg,#2ea043,#3fb950);transform:translateY(-1px);box-shadow:0 4px 12px #23863666}.v2-create-btn:disabled{opacity:.6;cursor:default;transform:none}.v2-btn-draft{background:#4d9eff14;border-color:#4d9eff40;color:#4d9eff;justify-content:center}.v2-btn-draft:hover{background:#4d9eff24}.v2-table-wrap{border-radius:12px;border:1px solid #1e2530;background:#12161e;overflow:auto;position:relative;max-height:calc(100vh - 320px)}.v2-table{width:100%;border-collapse:collapse;table-layout:auto}.v2-table th{background:#0a0e14;border-bottom:1px solid #1e2530;white-space:nowrap}.v2-table td{border-bottom:1px solid #141920}.v2-table tr:hover{background:#ffffff05}.v2-table tr:last-child td{border-bottom:none}.v2-table th,.v2-table td{min-width:48px}.v2-table thead th{position:sticky;top:0;z-index:10;background:#0a0e14}.v2-table th.sku-sticky,.v2-table td.sku-sticky{position:sticky;left:0;z-index:5;background:#12161e;box-shadow:1px 0 #1e2530}.v2-table thead th.sku-sticky{z-index:15;background:#0a0e14}.v2-table tr:hover td.sku-sticky{background:#181d27}.density-compact .v2-table th{padding:6px 8px;font-size:10px}.density-compact .v2-table td{padding:4px 8px;font-size:12px}.density-compact .v2-table td>div{font-size:12px}.density-compact .v2-table td img{width:24px!important;height:24px!important}.density-compact .v2-qty-input{width:60px;padding:3px 6px;font-size:12px}.density-compact .qty-pending-warning{font-size:8px;max-width:80px}.density-compact .v2-table td{line-height:1.3}.v2-qty-input{width:72px;padding:6px 8px;border-radius:8px;font-size:13px;font-weight:600;border:1px solid #2d333b;background:#0d1117;color:#e6edf3;text-align:right;outline:none;transition:all .15s}.v2-qty-input:focus{box-shadow:0 0 0 2px #4d9eff26}.v2-qty-input::placeholder{color:#393e46;font-weight:400}.v2-qty-air:focus{border-color:#e8924a;box-shadow:0 0 0 2px #e8924a26}.v2-qty-air.has-value{border-color:#e8924a;background:#e8924a0f;color:#e8924a}.v2-qty-sea:focus{border-color:#4d9eff;box-shadow:0 0 0 2px #4d9eff26}.v2-qty-sea.has-value{border-color:#4d9eff;background:#4d9eff0f;color:#4d9eff}.v2-group-row td{padding:0!important;background:#161b22;border-top:1px solid #232a35;border-bottom:1px solid #232a35}.v2-group-head{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:pointer}.v2-group-head:hover{background:#ffffff05}.v2-group-caret{width:14px;color:#6e7681;font-size:11px;flex-shrink:0}.v2-group-name{font-size:14px;font-weight:700;color:#e6edf3}.v2-group-chip{font-size:11px;padding:2px 9px;border-radius:20px;font-weight:600;white-space:nowrap}.v2-group-chip.skus{background:#8b949e24;color:#adbac7}.v2-group-chip.oos{background:#f8514924;color:#ff7b72}.v2-group-chip.sug{background:#4d9eff24;color:#79c0ff}.v2-group-btn{font-size:11px;color:#6e7681;padding:4px 10px;border:1px solid #2d333b;border-radius:7px;background:transparent;cursor:pointer}.v2-group-btn:hover{color:#c9d1d9;border-color:#444c56}.v2-fam-tag{font-size:10px;color:#b392f0;background:#8b62ea24;padding:1px 6px;border-radius:5px;margin-left:6px;vertical-align:middle;font-weight:600}.density-compact .v2-group-head{padding:5px 10px}.density-compact .v2-group-name{font-size:12px}.v2-more-row td{padding:8px 14px 8px 46px;font-size:12.5px;color:#6e7681;background:#0f141b;cursor:pointer}.v2-more-row:hover td{color:#9bc4ff}.v2-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:12px;font-size:12px;color:#6e7681}.v2-action-bar{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#12161e;border:1px solid #4d9eff;border-radius:12px;padding:10px 20px;display:flex;align-items:center;gap:12px;z-index:1000;box-shadow:0 8px 24px #0006}@keyframes po-upload-pulse{0%,to{box-shadow:0 0 0 3px #3fb95040}50%{box-shadow:0 0 0 6px #3fb9501a}}.orders-supplier-group{margin-bottom:4px}.orders-supplier-header{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#161b22;border-bottom:1px solid #1e2530;cursor:pointer;-webkit-user-select:none;user-select:none;position:sticky;top:0;z-index:5}.orders-supplier-header:hover{background:#1c2128}.orders-supplier-toggle{color:#6e7681;font-size:11px;width:12px}.orders-supplier-name{color:#e6edf3;font-weight:600;font-size:14px}.orders-supplier-meta{color:#8b949e;font-size:12px}.orders-supplier-badge{margin-left:auto;padding:2px 8px;border-radius:6px;font-size:11px;font-weight:600;color:#d29922;background:#d299221f}.orders-overdue-badge{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:4px;font-size:9px;font-weight:700;color:#f85149;background:#f8514926;letter-spacing:.5px;vertical-align:middle}.v2-filter-select.active{border-color:#4d9eff;color:#4d9eff}.ow,.ow[data-theme=sheet]{--bg:#f1f3f4;--panel:#ffffff;--head:#d9e5f7;--grid:#dadce0;--txt:#202124;--mut:#5f6368;--faint:#bdc1c6;--accent:#1a73e8;--accent-ink:#fff;--good:#188038;--bad:#d93025;--warn:#b06000;--orange:#e8710a;--purple:#7b45d3;--field:#fff;--bar:#fff;--shadow:rgba(60,64,67,.28);--band:#cddffb;--star:#f4b400;--head-txt:#1b3a6b;--zebra:#f3f7fd;--in:#fff6c8;--calc:#e2eefc;--tot:#ffe6a0}.ow[data-theme=soft]{--bg:#efe9dc;--panel:#fffdf8;--head:#ebdec1;--grid:#e3dac6;--txt:#2d2a24;--mut:#7a7263;--faint:#c9bfa8;--accent:#2f7d6a;--accent-ink:#fff;--good:#2f7d3a;--bad:#c4402f;--warn:#a8680c;--orange:#c9611a;--purple:#7a4fb0;--field:#fffdf8;--bar:#fffdf8;--shadow:rgba(90,70,30,.28);--band:#d8e7dc;--star:#d99a00;--head-txt:#4a3d1f;--zebra:#faf5e8;--in:#fff1ba;--calc:#e3ede7;--tot:#f6de98}.ow[data-theme=slate]{--bg:#1c212b;--panel:#252b38;--head:#39445c;--grid:#3a4256;--txt:#e8ebf2;--mut:#9aa3b7;--faint:#586178;--accent:#7aa2ff;--accent-ink:#0b1530;--good:#5fd07a;--bad:#ff7b72;--warn:#e3b341;--orange:#ffa657;--purple:#b392f0;--field:#1c212b;--bar:#2d3445;--shadow:rgba(0,0,0,.5);--band:#2f3d5c;--star:#e3b341;--head-txt:#dbe3f5;--zebra:#2a3141;--in:#3d3a20;--calc:#26364e;--tot:#4b4220}.ow[data-theme=midnight]{--bg:#0a0e14;--panel:#12161e;--head:#18202c;--grid:#1e2530;--txt:#e6edf3;--mut:#8b949e;--faint:#484f58;--accent:#4d9eff;--accent-ink:#04101f;--good:#3fb950;--bad:#f85149;--warn:#d29922;--orange:#f0883e;--purple:#b392f0;--field:#0a0e14;--bar:#12161e;--shadow:rgba(0,0,0,.6);--band:#16243a;--star:#e3b341;--head-txt:#c9d6ea;--zebra:#0f141c;--in:#232110;--calc:#0f2238;--tot:#36300f}.ow{--chrome:104px;height:calc(100vh - var(--chrome));display:flex;flex-direction:column;background:var(--bg);color:var(--txt);border-radius:10px;padding:10px 12px 0;font-size:14px;min-height:420px}@media(max-width:1280px){.ow{--chrome:80px}}.ow *{box-sizing:border-box}.ow{--rowh:44px}.ow.roomy{--rowh:56px}.ow-tb,.ow-tb2{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:8px}.ow-sp{flex:1}.ow input[type=text],.ow input[type=search],.ow input[type=number],.ow input[type=date],.ow select,.ow textarea{font-family:inherit}.ow-in,.ow-sel{background:var(--field);border:1px solid var(--grid);color:var(--txt);border-radius:6px;padding:0 10px;font-size:14px;height:34px}.ow-in{width:190px}.ow-in:focus,.ow-sel:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.ow-sel.active,.ow-btn.active{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--field))}.ow-btn{height:34px;padding:0 12px;border-radius:6px;border:1px solid var(--grid);background:var(--field);color:var(--txt);font-size:13.5px;font-weight:600;cursor:pointer;white-space:nowrap;font-family:inherit}.ow-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 8%,var(--field))}.ow-btn:disabled{opacity:.45;cursor:not-allowed}.ow-btn.p{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);height:38px;font-size:14px}.ow-btn.p:hover:not(:disabled){filter:brightness(1.08);background:var(--accent)}.ow-btn.g{color:var(--good);border-color:color-mix(in srgb,var(--good) 50%,var(--grid))}.ow-btn.danger{color:var(--bad)}.ow-btn.sm{height:28px;padding:0 9px;font-size:12.5px}.ow-seg{display:inline-flex;border:1px solid var(--grid);border-radius:6px;overflow:hidden;background:var(--field)}.ow-seg button{background:transparent;color:var(--mut);border:none;padding:0 10px;height:32px;font-size:13.5px;font-weight:600;cursor:pointer;border-right:1px solid var(--grid);font-family:inherit}.ow-seg button:last-child{border:none}.ow-seg button.on{background:color-mix(in srgb,var(--accent) 16%,var(--field));color:var(--accent)}.ow-themes{display:flex;gap:5px;align-items:center}.ow-themes i{width:20px;height:20px;border-radius:50%;cursor:pointer;border:2px solid var(--grid);display:block;position:relative;overflow:hidden;background:var(--c1)}.ow-themes i:after{content:"";position:absolute;right:0;top:0;bottom:0;width:50%;background:var(--c2)}.ow-themes i.on{outline:2px solid var(--accent);outline-offset:1px}.ow-chips{display:flex;gap:6px;flex-wrap:wrap}.ow-chip{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:1px solid var(--grid);border-radius:15px;background:var(--field);color:var(--mut);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}.ow-chip b{color:var(--txt);font-weight:700}.ow-chip.on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 13%,var(--field));color:var(--accent)}.ow-chip.on b{color:var(--accent)}.ow-count{color:var(--mut);font-size:13px;white-space:nowrap}.ow-check{display:flex;align-items:center;gap:5px;color:var(--mut);font-size:13px;cursor:pointer;white-space:nowrap}.ow-rel{position:relative}.ow-pop{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:var(--panel);border:1px solid var(--grid);border-radius:8px;box-shadow:0 8px 24px var(--shadow);z-index:60;overflow:hidden}.ow-pop.right{left:auto;right:0}.ow-pop-search{width:100%;border:none;border-bottom:1px solid var(--grid);padding:8px 10px;font-size:14px;background:var(--field);color:var(--txt);outline:none}.ow-pop-list{max-height:280px;overflow-y:auto}.ow-pop-item{padding:7px 11px;font-size:13.5px;cursor:pointer;color:var(--txt);white-space:normal;word-break:break-word;display:flex;align-items:center;gap:7px}.ow-pop-item:hover{background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.ow-pop-item.on{color:var(--accent);font-weight:600}.ow-pop-item.mut{color:var(--mut)}.ow-pop-title{padding:8px 11px 4px;font-size:11px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.5px}.ow-strip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;margin-bottom:8px;border-radius:8px;background:color-mix(in srgb,var(--accent) 10%,var(--panel));border:1px solid color-mix(in srgb,var(--accent) 35%,var(--grid));font-size:13px}.ow-strip b{color:var(--accent)}.ow-strip.warn{background:color-mix(in srgb,var(--warn) 10%,var(--panel));border-color:color-mix(in srgb,var(--warn) 40%,var(--grid))}.ow-wrap{flex:1;border:1px solid var(--grid);background:var(--panel);overflow:auto;min-height:0;border-radius:6px 6px 0 0}.ow-tbl{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.ow-tbl th,.ow-tbl td{border-right:1px solid var(--grid);border-bottom:1px solid var(--grid)}.ow-tbl th{position:sticky;top:0;z-index:6;background:var(--head);color:var(--head-txt, var(--mut));font-size:13px;font-weight:700;text-transform:none;letter-spacing:0;height:32px;padding:0 8px;text-align:right;white-space:nowrap;overflow:visible;-webkit-user-select:none;user-select:none}.ow-tbl th .tx{display:block;overflow:hidden;text-overflow:ellipsis}.ow-tbl th.l{text-align:left}.ow-tbl th.srt{cursor:pointer}.ow-tbl th.srt:hover{color:var(--txt)}.ow-tbl th.on{color:var(--accent)}.ow-tbl td{height:var(--rowh);font-size:14px;padding:0 8px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;background:var(--row-bg, var(--panel))}.ow-tbl td.l{text-align:left}.ow-tbl td.ctr{text-align:center}.ow-rn{text-align:center!important;color:var(--mut);background:var(--head)!important;font-size:12px;padding:0!important;position:sticky;left:0;z-index:4}.ow-rn label{display:flex;align-items:center;justify-content:center;gap:5px;height:100%;cursor:pointer}.ow-tbl th.ow-rn{z-index:9}.ow-tbl tr:focus-within td.ow-rn{background:var(--accent)!important;color:var(--accent-ink);font-weight:700}.ow-pc{position:sticky;left:64px;z-index:4;box-shadow:2px 0 0 var(--grid)}.ow-tbl th.ow-pc{z-index:8}.ow-sr{position:sticky;right:0;z-index:4;box-shadow:-2px 0 0 var(--grid)}.ow-tbl th.ow-sr{z-index:8}.ow-tbl tr.ow-group td{height:32px;background:var(--band);color:var(--accent);font-size:14px;font-weight:700;text-align:left;position:sticky;top:32px;z-index:3;cursor:pointer}.ow-tbl tr.ow-group td.ow-rn{background:var(--band)!important;left:0;z-index:5;color:var(--accent)}.ow-gh{display:flex;align-items:center;gap:9px}.ow-gchip{font-size:11.5px;font-weight:700;padding:1px 8px;border-radius:9px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.ow-gchip.oos{background:color-mix(in srgb,var(--bad) 15%,transparent);color:var(--bad)}.ow-gchip.sug{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good)}.ow-more td{height:30px;color:var(--mut);font-size:13px;text-align:left;cursor:pointer}.ow-tbl tbody tr:nth-child(2n){--row-bg:var(--zebra)}.ow-tbl tbody tr:not(.ow-group):hover{--row-bg:color-mix(in srgb,var(--accent) 9%,var(--panel))}.ow-tbl tbody tr.has-qty{--row-bg:color-mix(in srgb,var(--accent) 13%,var(--panel))}.ow-tbl tbody tr.has-qty:hover{--row-bg:color-mix(in srgb,var(--accent) 17%,var(--panel))}.ow-tbl tr.hidden-p td{opacity:.5}.ow-tbl tr.blocked td:not(.ow-rn){opacity:.38}.ow-tbl tr.fam td.ow-pc{box-shadow:inset 3px 0 0 var(--purple),2px 0 0 var(--grid)}.ow-rz{position:absolute;top:0;right:-4px;width:9px;height:100%;cursor:col-resize;z-index:12}.ow-rz:hover,.ow-rz.drag{background:color-mix(in srgb,var(--accent) 55%,transparent);width:5px;right:-2px}body.ow-resizing{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.ow-prod{display:flex;align-items:center;gap:8px;min-width:0}.ow-star{cursor:pointer;font-size:15px;line-height:1;color:var(--faint);-webkit-user-select:none;user-select:none;flex-shrink:0}.ow-star.on{color:var(--star)}.ow-img{width:26px;height:26px;border-radius:4px;object-fit:cover;background:var(--grid);flex-shrink:0;border:1px solid var(--grid)}.ow.roomy .ow-img{width:36px;height:36px}.ow-pn{min-width:0}.ow-pn b{display:block;font-weight:600;overflow:hidden;text-overflow:ellipsis}.ow-pn b a{color:var(--txt);text-decoration:none}.ow-pn b a:hover{color:var(--accent);text-decoration:underline}.ow-sub{display:block;font-size:12.5px;line-height:1.25;color:var(--mut);overflow:hidden;text-overflow:ellipsis}.ow-fam{font-size:10.5px;font-weight:700;color:var(--purple);background:color-mix(in srgb,var(--purple) 14%,transparent);padding:1px 6px;border-radius:5px;margin-left:6px;vertical-align:middle}.ow-st{font-size:12px;font-weight:700;padding:2px 8px;border-radius:10px}.ow-z{color:var(--faint)}.ow-red{color:var(--bad);font-weight:700}.ow-amb{color:var(--warn);font-weight:700}.ow-ora{color:var(--orange);font-weight:700}.ow-mut{color:var(--mut)}.ow-up{color:var(--good);font-size:11px}.ow-dn{color:var(--bad);font-size:11px}.ow-inc{background:color-mix(in srgb,var(--orange) 15%,transparent);color:var(--orange);padding:1px 8px;border-radius:5px;font-size:12.5px;font-weight:700;cursor:pointer}.ow-sug{color:var(--accent);font-weight:700;cursor:pointer;text-decoration:underline dotted}.ow-link{color:var(--mut);cursor:pointer}.ow-link:hover{color:var(--accent)}.ow-note{cursor:pointer;color:var(--warn)}.ow-note.empty{color:var(--faint)}.ow-cell-in{width:100%;height:calc(var(--rowh) - 6px);background:var(--field);border:2px solid var(--accent);border-radius:4px;color:var(--txt);font-size:13px;padding:0 6px;outline:none}.ow-tbl td.q{padding:0;background:var(--in)}.ow-qwrap{display:flex;align-items:center;justify-content:flex-end;height:calc(var(--rowh) - 1px)}.ow-qin{flex:1 1 0;width:0;min-width:52px;height:100%;background:transparent;border:none;color:var(--txt);text-align:right;padding:0 9px;font-size:15px;font-weight:700;font-family:inherit}.ow-qin:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--field)}.ow-qin:disabled{opacity:.4;cursor:not-allowed}.ow-qin::placeholder{color:var(--faint);font-weight:400}.ow-qin::-webkit-inner-spin-button,.ow-qin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ow-qin.air{color:var(--orange)}.ow-qin.sea{color:var(--accent)}.ow-pw{font-size:11px;font-weight:700;color:var(--orange);background:color-mix(in srgb,var(--orange) 14%,transparent);border-radius:5px;padding:0 5px;margin-left:4px;white-space:nowrap;flex:0 0 auto;overflow:hidden;text-overflow:ellipsis;cursor:help}.ow-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;border:1px solid var(--grid);border-top:none;background:var(--head);font-size:13px;color:var(--mut);border-radius:0 0 6px 6px}.ow-foot .grp{display:flex;gap:6px;align-items:center}.ow-bar{display:flex;align-items:center;gap:14px;padding:9px 12px;margin:8px 0 10px;border:1px solid var(--accent);background:var(--bar);border-radius:10px;box-shadow:0 4px 16px var(--shadow)}.ow-bar .tot{font-size:18px;font-weight:700}.ow-bar .sup{font-weight:700}.ow-bar .sup.need{color:var(--warn);cursor:pointer;text-decoration:underline dotted}.ow-drawer{position:fixed;top:0;right:0;bottom:0;width:410px;max-width:100vw;background:var(--panel);color:var(--txt);border-left:1px solid var(--grid);z-index:1200;transform:translate(105%);transition:transform .18s;display:flex;flex-direction:column;box-shadow:-10px 0 30px var(--shadow)}.ow-drawer.open{transform:none}.ow-dh{padding:14px 16px;border-bottom:1px solid var(--grid);display:flex;justify-content:space-between;align-items:center;background:var(--head)}.ow-dh b{font-size:16px}.ow-dh button{background:none;border:none;color:var(--mut);font-size:20px;cursor:pointer}.ow-dform{padding:10px 16px;border-bottom:1px solid var(--grid);display:grid;grid-template-columns:1fr 1fr;gap:8px}.ow-dform label{font-size:11px;font-weight:700;color:var(--mut);text-transform:uppercase;letter-spacing:.4px;display:block;margin-bottom:3px}.ow-dform .full{grid-column:1 / -1}.ow-dform .ow-in,.ow-dform .ow-sel,.ow-dform textarea{width:100%;height:32px}.ow-dform textarea{height:52px;padding:6px 10px;resize:none;background:var(--field);border:1px solid var(--grid);color:var(--txt);border-radius:6px;font-size:14px}.ow-lines{flex:1;overflow:auto;padding:2px 16px}.ow-line{display:flex;gap:8px;align-items:center;padding:8px 0;border-bottom:1px solid var(--grid)}.ow-line .t{flex:1;min-width:0}.ow-line .t b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ow-line .t span{font-size:12.5px;color:var(--mut)}.ow-line .amt{font-weight:600;min-width:70px;text-align:right}.ow-line .x{background:none;border:none;color:var(--mut);cursor:pointer;font-size:16px}.ow-mini{width:62px;height:28px;background:var(--field);border:1px solid var(--grid);color:var(--txt);border-radius:5px;text-align:right;padding:0 6px;font-size:13px;font-weight:600}.ow-mini:focus{outline:2px solid var(--accent);outline-offset:-1px}.ow-mini.air{color:var(--orange)}.ow-mini.sea{color:var(--accent)}.ow-newtag{background:var(--good);color:#fff;font-size:10px;font-weight:800;padding:1px 5px;border-radius:4px;margin-left:5px}.ow-addf{padding:10px 16px;border-top:1px solid var(--grid);background:var(--head);display:grid;grid-template-columns:1fr 1fr;gap:6px}.ow-addf .full{grid-column:1 / -1}.ow-addf input{width:100%;background:var(--field);border:1px solid var(--grid);color:var(--txt);border-radius:6px;padding:0 9px;height:32px;font-size:13.5px}.ow-df{padding:12px 16px;border-top:1px solid var(--grid);display:flex;flex-direction:column;gap:8px}.ow-df .row{display:flex;justify-content:space-between;align-items:baseline}.ow-modal-bg{position:fixed;inset:0;background:#0000008c;z-index:1300;display:flex;align-items:center;justify-content:center}.ow-modal{background:var(--panel);color:var(--txt);border:1px solid var(--grid);border-radius:12px;padding:18px;width:420px;max-width:92vw;box-shadow:0 20px 50px var(--shadow)}.ow-modal h3{font-size:16px;margin-bottom:10px}.ow-modal textarea{width:100%;background:var(--field);border:1px solid var(--grid);color:var(--txt);border-radius:6px;padding:8px 10px;font-family:ui-monospace,Menlo,monospace;font-size:13px;resize:vertical}.ow-empty{padding:36px 10px;text-align:center;color:var(--mut)}.ow-skel td{background:linear-gradient(90deg,var(--panel),var(--head),var(--panel));background-size:200% 100%;animation:ow-sk 1.2s infinite}@keyframes ow-sk{0%{background-position:200% 0}to{background-position:-200% 0}}.ow-swatch{width:18px;height:18px;border-radius:50%;border:2px solid var(--grid);position:relative;overflow:hidden;background:var(--c1);flex-shrink:0}.ow-swatch:after{content:"";position:absolute;right:0;top:0;bottom:0;width:50%;background:var(--c2)}.ow-fits{margin-left:6px;font-size:11.5px;font-weight:700;color:var(--purple);background:color-mix(in srgb,var(--purple) 14%,transparent);padding:1px 7px;border-radius:9px;cursor:pointer;vertical-align:middle}.ow-chip.warn{border-color:color-mix(in srgb,var(--warn) 55%,var(--grid));color:var(--warn)}.ow-chip.warn b{color:var(--warn)}.ow-chip.warn.on{background:color-mix(in srgb,var(--warn) 14%,var(--field));border-color:var(--warn)}.ow-gh .ow-star{color:var(--mut);font-size:16px}.ow-gh .ow-star.on{color:var(--star)}.ow-tbl tr.ow-group.flash td{animation:ow-flash 1.7s}@keyframes ow-flash{0%,40%{background:#ffe49c}to{background:var(--band)}}.ow.ow-page{height:auto;min-height:calc(100vh - var(--chrome));padding-bottom:24px}.ow.ow-page .ow-wrap{border-radius:6px}.ow-pill{font-size:12px;font-weight:700;padding:2px 9px;border-radius:10px;white-space:nowrap;display:inline-block}.ow-link-a{color:var(--accent);text-decoration:none;font-weight:700}.ow-link-a:hover{text-decoration:underline}.ow-tbl tr.ow-clickrow{cursor:pointer}.ow-tbl tfoot td{background:var(--tot);font-weight:700;border-top:2px solid var(--grid);color:var(--txt)}.ow-title{font-size:20px;font-weight:700;margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ow-subtle{color:var(--mut);font-size:13.5px}.ow-kv{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));border-top:1px solid var(--grid);border-left:1px solid var(--grid);background:var(--zebra);border-radius:4px;overflow:hidden}.ow-kv>div{border-right:1px solid var(--grid);border-bottom:1px solid var(--grid);padding:8px 12px;min-height:56px}.ow-kv .k{font-size:12px;color:var(--head-txt, var(--mut));font-weight:700;margin-bottom:2px}.ow-kv .v{font-size:14.5px;word-break:break-word}.ow-kv .wide{grid-column:1 / -1}.ow-sec{margin-top:14px}.ow-sec-h{display:flex;align-items:center;gap:10px;padding:8px 12px;background:var(--head);color:var(--head-txt, var(--txt));border:1px solid var(--grid);border-radius:6px 6px 0 0;font-weight:700;cursor:default}.ow-sec-h.click{cursor:pointer}.ow-sec-b{border:1px solid var(--grid);border-top:none;background:var(--panel);border-radius:0 0 6px 6px;padding:12px 14px}.ow-sec-b.flush{padding:0;overflow:auto}.ow-prog{height:8px;background:var(--grid);border-radius:4px;overflow:hidden;margin-top:6px}.ow-prog i{display:block;height:100%;border-radius:4px;transition:width .3s}.ow-img-s{width:34px;height:34px;border-radius:4px;object-fit:cover;border:1px solid var(--grid);background:var(--grid)}.ow-rin{width:70px;height:28px;text-align:right;background:var(--field);color:var(--txt);border:2px solid var(--good);border-radius:4px;padding:0 6px;font-weight:700;font-size:14px}.ow-rcell{cursor:pointer;font-weight:700;display:inline-block;min-width:40px;text-align:right}.ow-mono{font-family:ui-monospace,Menlo,monospace;font-size:12.5px}.ow .card{background:var(--panel);border:1px solid var(--grid);border-radius:8px;color:var(--txt);padding:14px 16px;margin-top:14px;box-shadow:none}.ow .card+.card{margin-top:14px}.ow .card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.ow .card-title{color:var(--txt);font-size:15px;font-weight:700;margin:0}.ow .form-input{background:var(--field);border:1px solid var(--grid);color:var(--txt);border-radius:6px;padding:7px 10px;font-size:14px}.ow .form-input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.ow .form-input::placeholder{color:var(--faint)}.ow .form-group label,.ow .detail-label{color:var(--mut);font-size:12px;font-weight:600;text-transform:none;letter-spacing:0}.ow .detail-value{color:var(--txt)}.ow .btn{background:var(--field);border:1px solid var(--grid);color:var(--txt);border-radius:6px;padding:7px 12px;font-size:13.5px;font-weight:600}.ow .btn:hover{background:color-mix(in srgb,var(--accent) 8%,var(--field))}.ow .btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.ow .btn-primary:hover{background:var(--accent);filter:brightness(1.08)}.ow .btn-ghost{background:transparent;border-color:transparent;color:var(--mut)}.ow .btn-sm{padding:4px 10px;font-size:12.5px}.ow .empty-text{color:var(--mut)}.ow .empty-text a{color:var(--accent)}.ow-img-s{width:30px;height:30px;border-radius:4px;object-fit:cover;border:1px solid var(--grid);background:var(--grid);vertical-align:middle}.ow-tbl td.in{background:var(--in);padding:0}.ow-tbl td.calc{background:var(--calc);font-weight:700}.ow-tbl td.tot{background:var(--tot);font-weight:700}.ow-tbl td.in .ow-cin{width:100%}.ow-cin{height:calc(var(--rowh) - 1px);width:100%;background:transparent;border:none;color:var(--txt);padding:0 8px;font-size:14px;font-family:inherit;text-align:left}.ow-cin.r{text-align:right;font-weight:600}.ow-cin:focus{outline:2px solid var(--accent);outline-offset:-2px;background:var(--field)}.ow-cin::placeholder{color:var(--faint)}.ow-cin::-webkit-inner-spin-button,.ow-cin::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.ow-kv .in-ctl,.ow-kv input.in-ctl,.ow-kv select.in-ctl,.ow-kv textarea.in-ctl{width:100%;background:var(--field);border:1px solid var(--grid);color:var(--txt);border-radius:6px;padding:5px 8px;font-size:14px;font-family:inherit}.ow-kv .in-ctl:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.ow-kv textarea.in-ctl{resize:vertical;min-height:54px}.ow-tbl tbody tr.dup{--row-bg:color-mix(in srgb,var(--bad) 13%,var(--panel));box-shadow:inset 3px 0 0 var(--bad)}.ow-legend{display:flex;gap:14px;flex-wrap:wrap;align-items:center;font-size:12.5px;color:var(--mut)}.ow-legend i{display:inline-block;width:14px;height:14px;border-radius:3px;border:1px solid var(--grid);vertical-align:-2px;margin-right:5px}.ow-thumbbtn{background:transparent;border:none;width:100%;height:calc(var(--rowh) - 1px);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.ow-img-add{display:inline-flex;align-items:center;justify-content:center;color:var(--mut);font-size:18px;background:var(--in);border:1px dashed var(--faint)}.ow-psearch .ow-pop-item{border-bottom:1px solid var(--grid)}.ow-kv>div.in .k{color:var(--head-txt, var(--mut))}.ow-drop{display:flex;align-items:center;gap:14px;padding:14px 18px;border:2px dashed var(--faint);border-radius:8px;background:var(--in);cursor:pointer;color:var(--txt)}.ow-drop.over,.ow-drop:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--in))}.ow-kv>div{background:var(--panel)}.ow-kv>div:nth-child(2n){background:var(--zebra)}.ow-kv>div.in{background:var(--in)}.ow-kv>div.calc{background:var(--calc)}.ow-kv>div.tot{background:var(--tot)}