body{-moz-osx-font-smoothing:grayscale;margin:0}code{font-family:ui-monospace,Consolas,monospace;font-family:var(--font-mono,ui-monospace,Consolas,monospace)}*{box-sizing:border-box;margin:0;padding:0}:root{--primary:#14213d;--primary-light:#24365e;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-soft:#eaf1ff;--success:#15803d;--success-bg:#e7f6ec;--danger:#c81e1e;--danger-bg:#fdecec;--warning:#b45309;--warning-bg:#fdf3e1;--info-bg:#eaf1ff;--border:#e3e6eb;--border-strong:#cdd3dc;--text:#111827;--text-muted:#5b6475;--bg:#f5f6f8;--card:#fff;--bg-card:#f9fafb;--bg-input:#fff;--bg-hover:#f1f3f6;--card-bg:var(--card);--bg-subtle:var(--bg-card);--bg-secondary:var(--bg-card);--sidebar-w:260px;--radius:8px;--radius-sm:6px;--shadow-sm:0 1px 2px #1018280f,0 1px 1px #1018280a;--shadow-md:0 4px 12px #1018281a;--focus-ring:0 0 0 3px #2563eb47;--font-mono:ui-monospace,"SF Mono","Cascadia Mono",Consolas,monospace;--t-fast:0.12s ease}[data-theme=dark]{--primary:#0d1424;--primary-light:#1a2440;--accent:#5b8cff;--accent-hover:#7aa2ff;--accent-soft:#5b8cff24;--success:#4ade80;--success-bg:#4ade801f;--danger:#f87171;--danger-bg:#f8717121;--warning:#fbbf24;--warning-bg:#fbbf2421;--info-bg:#5b8cff24;--border:#262f40;--border-strong:#354055;--text:#e8ebf1;--text-muted:#9aa4b5;--bg:#0b0f17;--card:#121826;--bg-card:#161d2c;--bg-input:#0f1522;--bg-hover:#1b2335;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000080;--focus-ring:0 0 0 3px #5b8cff59}body{-webkit-font-smoothing:antialiased;font-feature-settings:"tnum" 1;background:#f5f6f8;background:var(--bg);color:#111827;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.45}button,input,select,textarea{font-family:inherit}:focus-visible{border-radius:4px;box-shadow:0 0 0 3px #2563eb47;box-shadow:var(--focus-ring);outline:none}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-thumb{background:#cdd3dc;background:var(--border-strong);border:2px solid #f5f6f8;border:2px solid var(--bg);border-radius:8px}::-webkit-scrollbar-track{background:#0000}@keyframes ui-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes ui-spin{to{transform:rotate(1turn)}}@keyframes ui-indeterminate{0%{left:-35%;width:35%}to{left:100%;width:35%}}@keyframes ui-pulse{0%,to{opacity:1}50%{opacity:.35}}.app-layout{flex-direction:column;height:100vh}.app-body,.app-layout{display:flex;overflow:hidden}.app-body{flex:1 1;min-height:0}.header{background:#fff;background:var(--card);border-bottom:1px solid #e3e6eb;border-bottom:1px solid var(--border);color:#111827;color:var(--text);flex-shrink:0;gap:12px;justify-content:space-between;min-height:54px;padding:0 20px;position:relative;z-index:50}.header,.header-title{align-items:center;display:flex}.header-title{font-size:15px;font-weight:650;gap:10px;min-width:0}.oh-logo{align-items:center;background:none;border:none;border-radius:8px;color:#111827;color:var(--text);cursor:pointer;display:inline-flex;gap:9px;margin-left:-2px;padding:2px}.oh-brand{font-size:15px;font-weight:700;letter-spacing:-.01em}.oh-sep{color:#cdd3dc;color:var(--border-strong);font-size:18px;font-weight:400}.oh-title{color:#111827;color:var(--text);display:inline-flex;font-weight:600;line-height:1.2}.oh-right,.oh-title{align-items:center;gap:8px;min-width:0}.oh-right{display:flex;flex-wrap:wrap;justify-content:flex-end}.oh-ico{flex-shrink:0;height:16px;width:16px}.oh-show-sm-only{display:none}.oh-btn,.oh-user{align-items:center;background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;height:32px;padding:0 10px;transition:background .12s ease,border-color .12s ease;transition:background var(--t-fast),border-color var(--t-fast);white-space:nowrap}.oh-btn:hover,.oh-user:hover{background:#f1f3f6;background:var(--bg-hover);border-color:#cdd3dc;border-color:var(--border-strong)}.oh-user{padding:0 8px 0 4px}.oh-user-name{max-width:160px;overflow:hidden;text-overflow:ellipsis}.oh-avatar{align-items:center;background:#eaf1ff;background:var(--accent-soft);border-radius:50%;color:#2563eb;color:var(--accent);font-size:11px;font-weight:700;height:24px;justify-content:center;width:24px}.oh-avatar,.oh-theme{display:inline-flex;flex-shrink:0}.oh-theme{background:#f1f3f6;background:var(--bg-hover);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);gap:2px;height:32px;padding:2px}.oh-theme button{align-items:center;background:#0000;border:none;border-radius:4px;color:#5b6475;color:var(--text-muted);cursor:pointer;display:inline-flex;justify-content:center;transition:background .12s ease,color .12s ease;transition:background var(--t-fast),color var(--t-fast);width:30px}.oh-theme button.on,.oh-theme button:hover{color:#111827;color:var(--text)}.oh-theme button.on{box-shadow:0 1px 2px #1018280f,0 1px 1px #1018280a;box-shadow:var(--shadow-sm)}.oh-menu,.oh-theme button.on{background:#fff;background:var(--card)}.oh-menu{animation:fadeIn .12s ease;border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 4px 12px #1018281a;box-shadow:var(--shadow-md);padding:4px;position:absolute;right:0;top:calc(100% + 6px);z-index:9000}.oh-menu-item{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px 10px;text-align:left;transition:background .12s ease;transition:background var(--t-fast);width:100%}.oh-menu-item.on{font-weight:650}.oh-menu-item:focus-visible,.oh-menu-item:hover{background:#f1f3f6;background:var(--bg-hover);box-shadow:none}.oh-menu-item.danger{color:#c81e1e;color:var(--danger)}.oh-menu-item.danger:hover{background:#fdecec;background:var(--danger-bg)}.header-po-badge{align-items:center;background:#f9fafb;background:var(--bg-card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:999px;color:#111827;color:var(--text);display:flex;font-size:12px;gap:7px;height:30px;max-width:460px;min-width:0;padding:0 4px 0 11px}.header-po-badge .po-file{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.po-dot{background:#15803d;background:var(--success);border-radius:50%;box-shadow:0 0 0 3px #e7f6ec;box-shadow:0 0 0 3px var(--success-bg);flex-shrink:0;height:7px;width:7px}.po-dot.offline{background:#c81e1e;background:var(--danger);box-shadow:0 0 0 3px #fdecec;box-shadow:0 0 0 3px var(--danger-bg)}.header-po-badge>.po-dot.offline+span{padding-right:8px}.btn-dark-toggle{align-items:center;background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:32px;justify-content:center;line-height:1;transition:background .12s ease;transition:background var(--t-fast);width:32px}.btn-dark-toggle:hover{background:#f1f3f6;background:var(--bg-hover)}.btn-refresh{align-items:center;background:#0000;border:none;border-radius:50%;color:#5b6475;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:13px;height:22px;justify-content:center;line-height:1;transition:background .12s ease,color .12s ease;transition:background var(--t-fast),color var(--t-fast);width:22px}.btn-refresh:hover:not(:disabled){background:#f1f3f6;background:var(--bg-hover);color:#2563eb;color:var(--accent)}.btn-refresh:disabled{cursor:default;opacity:.5}@media (max-width:640px){.header{flex-wrap:nowrap;gap:6px;min-height:48px;padding:6px 10px}.header-title{flex:1 1 auto;font-size:13.5px;gap:6px;overflow:hidden}.header-title .oh-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.oh-right{flex:0 0 auto;flex-wrap:nowrap;gap:5px}.oh-btn{padding:0 7px}.oh-hide-sm{display:none!important}.oh-show-sm-only{display:inline}.oh-theme button{width:26px}.header .header-po-badge{font-size:11px;max-width:120px;padding:0 2px 0 8px}}.sidebar{background:#fff;background:var(--card);border-right:1px solid #e3e6eb;border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;width:260px;width:var(--sidebar-w)}.sidebar-header{align-items:center;border-bottom:1px solid #e3e6eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;min-height:48px;padding:10px 12px 10px 14px}.sidebar-header h3{color:#5b6475;color:var(--text-muted);font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase}.btn-new{background:#2563eb;background:var(--accent);border:1px solid #0000;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:12px;font-weight:600;padding:5px 10px;transition:background .12s ease;transition:background var(--t-fast);white-space:nowrap}.btn-new:hover{background:#1d4ed8;background:var(--accent-hover)}.sidebar-scroll{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-bottom:6px}.sidebar-list{padding:4px 0 8px}.sidebar-empty{color:#5b6475;color:var(--text-muted);font-size:12.5px;line-height:1.5;padding:20px 16px;text-align:center}.overall-item{align-items:center;background:#f9fafb;background:var(--bg-card);border-left:3px solid #0000;cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:background .12s ease;transition:background var(--t-fast)}.overall-item:hover{background:#f1f3f6;background:var(--bg-hover)}.overall-item.active{background:#eaf1ff;background:var(--accent-soft);border-left-color:#2563eb;border-left-color:var(--accent)}.overall-icon{flex-shrink:0;font-size:18px}.overall-label{color:#111827;color:var(--text);font-size:13px;font-weight:650}.overall-sub{color:#5b6475;color:var(--text-muted);font-size:11px;margin-top:1px}.sidebar-divider{align-items:center;border-top:1px solid #e3e6eb;border-top:1px solid var(--border);display:flex;gap:8px;margin-top:4px;padding:14px 14px 6px}.sidebar-divider span{color:#5b6475;color:var(--text-muted);font-size:11px;font-weight:650;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.sidebar-collapsed{border-right:1px solid #e3e6eb;border-right:1px solid var(--border);flex-direction:column;gap:4px;overflow-x:hidden;overflow-y:auto;padding:8px 0;transition:width .2s;width:52px}.collapse-btn,.collapse-btn-inline,.sidebar-collapsed{align-items:center;background:#fff;background:var(--card);display:flex;flex-shrink:0}.collapse-btn,.collapse-btn-inline{border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#5b6475;color:var(--text-muted);cursor:pointer;font-size:17px;height:32px;justify-content:center;line-height:1;transition:background .12s ease,color .12s ease,border-color .12s ease;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);width:32px}.collapse-btn-inline{height:28px;width:28px}.collapse-btn-inline:hover,.collapse-btn:hover{background:#f1f3f6;background:var(--bg-hover);border-color:#cdd3dc;border-color:var(--border-strong);color:#111827;color:var(--text)}.btn-new-icon{align-items:center;background:#2563eb;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:32px;justify-content:center;line-height:1;transition:background .12s ease;transition:background var(--t-fast);width:32px}.btn-new-icon:hover{background:#1d4ed8;background:var(--accent-hover)}.session-dot{align-items:center;background:#0000;border:none;border-radius:6px;border-radius:var(--radius-sm);color:#5b6475;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:15px;height:34px;justify-content:center;transition:background .12s ease,color .12s ease;transition:background var(--t-fast),color var(--t-fast);width:34px}.session-dot:hover{background:#f1f3f6;background:var(--bg-hover);color:#111827;color:var(--text)}.session-dot.active{background:#eaf1ff;background:var(--accent-soft);color:#2563eb;color:var(--accent)}.session-item{border-left:3px solid #0000;border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;margin:1px 6px;padding:9px 12px 9px 11px;position:relative;transition:background .12s ease;transition:background var(--t-fast)}.session-item:hover{background:#f1f3f6;background:var(--bg-hover)}.session-item.active{background:#eaf1ff;background:var(--accent-soft);border-left-color:#2563eb;border-left-color:var(--accent)}.session-item-top{align-items:center;display:flex;gap:6px;justify-content:space-between}.session-date{color:#111827;color:var(--text);font-size:13px;font-weight:600}.session-badge{background:#f1f3f6;background:var(--bg-hover);border-radius:999px;color:#5b6475;color:var(--text-muted);font-size:11px;font-weight:600;padding:1px 7px;white-space:nowrap}.session-item.active .session-badge{background:#fff;background:var(--card);color:#2563eb;color:var(--accent)}.session-meta{font-size:11.5px;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-btn,.session-meta{color:#5b6475;color:var(--text-muted)}.delete-btn{align-items:center;background:none;border:none;border-radius:4px;cursor:pointer;display:inline-flex;font-size:13px;justify-content:center;padding:3px;transition:background .12s ease,color .12s ease;transition:background var(--t-fast),color var(--t-fast)}.delete-btn:hover{background:#fdecec;background:var(--danger-bg);color:#c81e1e;color:var(--danger)}.main-content{flex:1 1;min-width:0;overflow-y:auto;padding:20px 24px}@media (max-width:640px){.main-content{padding:12px}}.upload-card{background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280f,0 1px 1px #1018280a;box-shadow:var(--shadow-sm);margin:24px auto;max-width:560px;padding:24px}.upload-card h2{font-size:18px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.upload-card>p{color:#5b6475;color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:20px}@media (max-width:640px){.upload-card{margin:8px auto;padding:16px}}.drop-zone{background:#f9fafb;background:var(--bg-card);border:1.5px dashed #cdd3dc;border:1.5px dashed var(--border-strong);border-radius:8px;border-radius:var(--radius);cursor:pointer;padding:32px 20px;text-align:center;transition:border-color .12s ease,background .12s ease;transition:border-color var(--t-fast),background var(--t-fast)}.drop-zone.dragging,.drop-zone:hover{background:#eaf1ff;background:var(--accent-soft);border-color:#2563eb;border-color:var(--accent)}.drop-zone-icon{color:#5b6475;color:var(--text-muted);display:flex;font-size:30px;justify-content:center;margin-bottom:8px}.drop-zone h4{color:#111827;color:var(--text);font-size:14px;font-weight:600;margin-bottom:4px;overflow-wrap:anywhere}.drop-zone p{color:#5b6475;color:var(--text-muted);font-size:12px;margin:0}.selected-file{background:#eaf1ff;background:var(--accent-soft);border-color:#2563eb;border-color:var(--accent);border-style:solid}.selected-file .drop-zone-icon{color:#2563eb;color:var(--accent)}.form-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.form-row label{font-weight:600;min-width:130px;white-space:nowrap}.form-row input[type=date],.form-row label{color:#111827;color:var(--text);font-size:13px}.form-row input[type=date]{background:#fff;background:var(--bg-input);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);flex:1 1;min-width:160px;outline:none;padding:7px 10px;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--t-fast),box-shadow var(--t-fast)}[data-theme=dark] .form-row input[type=date]{color-scheme:dark}.form-row input[type=date]:focus{border-color:#2563eb;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb47;box-shadow:var(--focus-ring)}.btn-upload{background:#2563eb;background:var(--accent);border:none;border-radius:6px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:14px;font-weight:600;margin-top:20px;padding:10px;transition:background .12s ease,opacity .12s ease;transition:background var(--t-fast),opacity var(--t-fast);width:100%}.btn-upload:hover:not(:disabled){background:#1d4ed8;background:var(--accent-hover)}.btn-upload:disabled{cursor:not-allowed;opacity:.5}.stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:20px}@media (max-width:640px){.stats-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280f,0 1px 1px #1018280a;box-shadow:var(--shadow-sm);min-width:0;padding:14px 16px}.stat-label{color:#5b6475;color:var(--text-muted);font-size:11.5px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.stat-value{font-feature-settings:"tnum";color:#111827;color:var(--text);font-size:26px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.01em;line-height:1.1;margin-bottom:4px;overflow-wrap:anywhere}.stat-value.success{color:#15803d;color:var(--success)}.stat-value.danger{color:#c81e1e;color:var(--danger)}.stat-value.warning{color:#b45309;color:var(--warning)}.stat-value.primary{color:#111827;color:var(--text)}.stat-sub{color:#5b6475;color:var(--text-muted);font-size:12px;line-height:1.45}.stat-sub .pct{font-size:12.5px;font-weight:650}.pct.green{color:#15803d;color:var(--success)}.pct.red{color:#c81e1e;color:var(--danger)}.pct.orange{color:#b45309;color:var(--warning)}@media (max-width:640px){.stat-card{padding:10px 12px}.stat-value{font-size:20px}}.section-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:12px}.section-header h3{color:#111827;color:var(--text);font-size:14px;font-weight:650}.session-info-line{color:#5b6475;color:var(--text-muted);font-size:12px;font-weight:500;margin-top:2px;overflow-wrap:anywhere}.session-info-line strong{color:#111827;color:var(--text);font-weight:600}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.filters-bar input,.filters-bar select{background:#fff;background:var(--bg-input);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);font-size:13px;outline:none;padding:7px 10px;transition:border-color .12s ease,box-shadow .12s ease;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.filters-bar input:focus,.filters-bar select:focus{border-color:#2563eb;border-color:var(--accent);box-shadow:0 0 0 3px #2563eb47;box-shadow:var(--focus-ring)}.filters-bar input{min-width:200px}@media (max-width:640px){.filters-bar input{flex:1 1 100%;min-width:0}}.table-wrap{background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280f,0 1px 1px #1018280a;box-shadow:var(--shadow-sm);overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap thead th{background:#f9fafb;background:var(--bg-card);border-bottom:1px solid #e3e6eb;border-bottom:1px solid var(--border);color:#5b6475;color:var(--text-muted);cursor:pointer;font-size:11.5px;font-weight:600;letter-spacing:.04em;padding:9px 12px;text-align:left;text-transform:uppercase;transition:color .12s ease,background .12s ease;transition:color var(--t-fast),background var(--t-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.table-wrap thead th:hover{background:#f1f3f6;background:var(--bg-hover);color:#111827;color:var(--text)}.table-wrap tbody tr{border-bottom:1px solid #e3e6eb;border-bottom:1px solid var(--border);transition:background .12s ease;transition:background var(--t-fast)}.table-wrap tbody tr:last-child{border-bottom:none}.table-wrap tbody tr:hover{background:#f1f3f6;background:var(--bg-hover)}.table-wrap tbody td{color:#111827;color:var(--text);font-size:13px;padding:8px 12px;vertical-align:middle}.sort-asc,.sort-desc{color:#111827!important;color:var(--text)!important}.sort-asc:after{content:" ▲";font-size:9px;opacity:.8}.sort-desc:after{content:" ▼";font-size:9px;opacity:.8}.main-content table thead th{padding:8px 12px}.main-content table tbody td{padding:6px 12px;vertical-align:middle}.style-cell{color:#111827;color:var(--text);font-family:ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace;font-family:var(--font-mono);font-size:13px;font-weight:600}.qty-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.img-thumb{background:#fff;background:var(--card);cursor:zoom-in;height:36px;object-fit:contain;width:36px}.img-placeholder,.img-thumb{border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm)}.img-placeholder{align-items:center;background:#f9fafb;background:var(--bg-card);display:flex;font-size:15px;height:34px;justify-content:center;width:34px}.img-placeholder,.po-numbers{color:#5b6475;color:var(--text-muted)}.po-numbers{font-size:11.5px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.days-badge{font-feature-settings:"tnum";background:#f1f3f6;background:var(--bg-hover);border:1px solid #0000;border-radius:999px;font-size:11.5px;font-variant-numeric:tabular-nums;font-weight:600;padding:2px 7px}.days-badge.days-fast{background:#e7f6ec;background:var(--success-bg);color:#15803d;color:var(--success)}.days-badge.days-medium{background:#fdf3e1;background:var(--warning-bg);color:#b45309;color:var(--warning)}.days-badge.days-slow{background:#fdecec;background:var(--danger-bg);color:#c81e1e;color:var(--danger)}.days-cell{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:center}.style-card-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);padding-bottom:24px}@media (max-width:1200px){.style-card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.style-card-grid{grid-template-columns:1fr}}.style-card{background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280f,0 1px 1px #1018280a;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow .12s ease,border-color .12s ease;transition:box-shadow var(--t-fast),border-color var(--t-fast)}.style-card:hover{border-color:#cdd3dc;border-color:var(--border-strong);box-shadow:0 4px 12px #1018281a;box-shadow:var(--shadow-md)}.sc-img-area{align-items:center;background:#f9fafb;background:var(--bg-card);border-bottom:1px solid #e3e6eb;border-bottom:1px solid var(--border);display:flex;height:180px;justify-content:center;position:relative}.sc-badge-wrap{align-items:flex-end;display:flex;flex-direction:column;gap:4px;position:absolute;right:10px;top:10px}.sc-days{background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:999px;font-size:11.5px;font-weight:600;padding:2px 7px}.sc-img{cursor:zoom-in;max-height:160px;max-width:100%;object-fit:contain;transition:opacity .12s ease;transition:opacity var(--t-fast)}.sc-img:hover{opacity:.85}.sc-img-placeholder{align-items:center;background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);color:#5b6475;color:var(--text-muted);display:flex;font-size:30px;height:72px;justify-content:center;width:72px}.sc-img-placeholder-clickable{cursor:zoom-in;transition:background .12s ease;transition:background var(--t-fast)}.sc-img-placeholder-clickable:hover{background:#eaf1ff;background:var(--accent-soft)}.sc-body{flex:1 1;padding:12px 14px}.sc-style-no{color:#111827;color:var(--text);font-family:ui-monospace,SF Mono,Cascadia Mono,Consolas,monospace;font-family:var(--font-mono);font-size:15px;font-weight:700}.sc-dept{color:#5b6475;color:var(--text-muted);font-size:12px;margin-top:1px}.sc-details{border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);margin-top:10px;overflow:hidden}.sc-row{align-items:baseline;border-bottom:1px solid #e3e6eb;border-bottom:1px solid var(--border);display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:5px 10px}.sc-row:last-child{border-bottom:none}.sc-row:nth-child(2n){background:#f9fafb;background:var(--bg-card)}.sc-label{color:#5b6475;color:var(--text-muted)}.sc-value{font-feature-settings:"tnum";color:#111827;color:var(--text);font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.sc-po-nos{color:#5b6475;color:var(--text-muted);font-size:11px;font-weight:400;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sc-action-area{background:#f9fafb;background:var(--bg-card);border-top:1px solid #e3e6eb;border-top:1px solid var(--border);padding:10px 14px}.badge{align-items:center;background:#f1f3f6;background:var(--bg-hover);border-radius:999px;color:#5b6475;color:var(--text-muted);display:inline-flex;font-size:11.5px;font-weight:600;gap:4px;line-height:1.5;padding:2px 8px;white-space:nowrap}.badge.green{background:#e7f6ec;background:var(--success-bg);color:#15803d;color:var(--success)}.badge.red{background:#fdecec;background:var(--danger-bg);color:#c81e1e;color:var(--danger)}.badge.amber,.badge.orange{background:#fdf3e1;background:var(--warning-bg);color:#b45309;color:var(--warning)}.days-fast{border-color:#e7f6ec!important;border-color:var(--success-bg)!important;color:#15803d;color:var(--success)}.days-medium{border-color:#fdf3e1!important;border-color:var(--warning-bg)!important;color:#b45309;color:var(--warning)}.days-slow{border-color:#fdecec!important;border-color:var(--danger-bg)!important;color:#c81e1e;color:var(--danger)}.state-center{align-items:center;color:#5b6475;color:var(--text-muted);display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:280px;padding:16px;text-align:center}.state-center .icon{font-size:30px;opacity:.7}.state-center p{font-size:13.5px}.spinner{animation:spin .7s linear infinite;border:2.5px solid #e3e6eb;border-top-color:#2563eb;border:2.5px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:28px;width:28px}@keyframes spin{to{transform:rotate(1turn)}}.toast{animation:fadeInUp .2s ease;border-radius:8px;border-radius:var(--radius);bottom:20px;box-shadow:0 4px 12px #1018281a;box-shadow:var(--shadow-md);color:#fff;font-size:13px;line-height:1.4;max-width:min(440px,calc(100vw - 32px));overflow-wrap:anywhere;padding:11px 16px;position:fixed;right:20px;z-index:9999}.toast.error{background:#c81e1e}.toast.success{background:#15803d}.toast.info{background:#1f2937}[data-theme=dark] .toast.info{background:#2b3446}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.toast{bottom:12px;left:12px;max-width:none;right:12px}}.table-count{color:#5b6475;color:var(--text-muted);font-size:12px}.btn-download{background:#fff;background:var(--card);border:1px solid #cdd3dc;border:1px solid var(--border-strong);border-radius:6px;border-radius:var(--radius-sm);color:#111827;color:var(--text);cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:background .12s ease,border-color .12s ease,color .12s ease;transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);white-space:nowrap}.btn-download:hover{background:#e7f6ec;background:var(--success-bg);border-color:#15803d;border-color:var(--success);color:#15803d;color:var(--success)}.buyer-tabs{background:#f5f6f8;background:var(--bg);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px;margin-top:-8px;padding:8px 0 10px;position:-webkit-sticky;position:sticky;top:0;z-index:20}.buyer-tab{align-items:center;background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:999px;color:#5b6475;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:6px;padding:5px 12px;transition:border-color .12s ease,color .12s ease,background .12s ease;transition:border-color var(--t-fast),color var(--t-fast),background var(--t-fast);white-space:nowrap}.buyer-tab:hover{border-color:#cdd3dc;border-color:var(--border-strong);color:#111827;color:var(--text)}.buyer-tab.active{border-color:currentColor;color:#111827;color:var(--text);font-weight:650}.buyer-tab-count{font-feature-settings:"tnum";background:#f1f3f6;background:var(--bg-hover);border-radius:999px;font-size:11px;font-variant-numeric:tabular-nums;padding:0 6px}.buyer-tab.active .buyer-tab-count{background:#00000014}.buyer-tab-send{border-radius:4px;cursor:pointer;font-size:13px;line-height:1;margin-left:2px;opacity:.6;padding:1px 5px;transition:opacity .12s ease,background .12s ease;transition:opacity var(--t-fast),background var(--t-fast)}.buyer-tab-send:hover{background:#0000001a;opacity:1}.buyer-tab-send.sending{cursor:default;opacity:1}.buyer-tab-send.sent{opacity:1}.sidebar-settings{border-top:1px solid #e3e6eb;border-top:1px solid var(--border);flex-shrink:0;padding:10px 14px 12px}.settings-row{align-items:center;display:flex;justify-content:space-between}.settings-label{font-size:12.5px}.settings-label,.sidebar-logout{color:#5b6475;color:var(--text-muted);font-weight:600}.sidebar-logout{align-items:center;background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;gap:8px;height:32px;justify-content:center;margin-top:10px;transition:background .12s ease,color .12s ease,border-color .12s ease;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);width:100%}.sidebar-logout:hover{background:#fdecec;background:var(--danger-bg);border-color:#fdecec;border-color:var(--danger-bg);color:#c81e1e;color:var(--danger)}.toggle-btn{background:#cdd3dc;background:var(--border-strong);border:none;border-radius:10px;cursor:pointer;flex-shrink:0;height:20px;padding:0;position:relative;transition:background .2s;width:34px}.toggle-btn.on{background:#2563eb;background:var(--accent)}.toggle-knob{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0003;display:block;height:16px;left:2px;position:absolute;top:2px;transition:transform .2s;width:16px}.toggle-btn.on .toggle-knob{transform:translateX(14px)}.img-placeholder-clickable{cursor:zoom-in;transition:background .12s ease;transition:background var(--t-fast)}.img-placeholder-clickable:hover{background:#eaf1ff;background:var(--accent-soft)}.img-modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#00000073;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.img-modal-box{align-items:center;animation:popIn .15s ease;background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 12px #1018281a;box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:10px;max-height:90vh;max-width:90vw;padding:16px;position:relative}@keyframes popIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.img-modal-img{border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);max-height:70vh;max-width:min(600px,80vw);object-fit:contain}.img-modal-label{color:#111827;color:var(--text);font-size:13px;font-weight:650}.img-modal-close{align-items:center;background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:6px;border-radius:var(--radius-sm);color:#5b6475;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;height:28px;justify-content:center;position:absolute;right:10px;top:10px;transition:background .12s ease,color .12s ease,border-color .12s ease;transition:background var(--t-fast),color var(--t-fast),border-color var(--t-fast);width:28px}.img-modal-close:hover{background:#fdecec;background:var(--danger-bg);border-color:#c81e1e;border-color:var(--danger);color:#c81e1e;color:var(--danger)}.ui-modal-overlay{align-items:center;animation:fadeIn .12s ease;background:#00000073;display:flex;inset:0;justify-content:center;padding:12px;position:fixed;z-index:10000}.ui-modal{animation:popIn .15s ease;background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:10px;box-shadow:0 4px 12px #1018281a;box-shadow:var(--shadow-md);color:#111827;color:var(--text);display:flex;flex-direction:column;max-height:calc(100vh - 24px);overflow:hidden;width:min(400px,calc(100vw - 24px))}.ui-modal-head{padding:16px 20px 0}.ui-modal-body{font-size:13px;line-height:1.55;overflow-y:auto;padding:12px 20px 16px}.ui-modal-foot{background:#f9fafb;background:var(--bg-card);border-top:1px solid #e3e6eb;border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.buyer-breakdown-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-bottom:20px}@media (max-width:640px){.buyer-breakdown-grid{gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}}.buyer-breakdown-card{background:#fff;background:var(--card);border:1px solid #e3e6eb;border:1px solid var(--border);border-radius:8px;border-radius:var(--radius);box-shadow:0 1px 2px #1018280f,0 1px 1px #1018280a;box-shadow:var(--shadow-sm);min-width:0;padding:12px 14px;transition:opacity .2s,border-color .12s ease,box-shadow .12s ease;transition:opacity .2s,border-color var(--t-fast),box-shadow var(--t-fast)}.buyer-breakdown-card:hover{border-color:#cdd3dc;border-color:var(--border-strong)}.buyer-breakdown-name{font-size:14px;font-weight:700;margin-bottom:8px;overflow-wrap:anywhere}.buyer-breakdown-row{align-items:center;display:flex;gap:8px;justify-content:space-between;margin-bottom:4px}.buyer-breakdown-label{color:#5b6475;color:var(--text-muted);font-size:12px}.buyer-breakdown-val{font-feature-settings:"tnum";color:#111827;color:var(--text);font-size:13px;font-variant-numeric:tabular-nums;font-weight:600}.score-stars{display:inline-flex;font-size:14px;gap:1px}.star-full{color:inherit}.star-empty{color:#cdd3dc;color:var(--border-strong)}[data-theme=dark]{--bc-saleem-bg:#f9a8d429;--bc-saleem-text:#f9a8d4;--bc-nanik-bg:#93c5fd29;--bc-nanik-text:#93c5fd;--bc-salman-bg:#86efac29;--bc-salman-text:#86efac;--bc-dvc-bg:#fde04729;--bc-dvc-text:#fde047;--bc-shailendra-bg:#d8b4fe29;--bc-shailendra-text:#d8b4fe;--bc-p0-bg:#fdba7429;--bc-p0-text:#fdba74;--bc-p1-bg:#67e8f929;--bc-p1-text:#67e8f9;--bc-p2-bg:#fca5a529;--bc-p2-text:#fca5a5;--bc-p3-bg:#a5b4fc29;--bc-p3-text:#a5b4fc;--bc-p4-bg:#6ee7b729;--bc-p4-text:#6ee7b7;--bc-p5-bg:#f0abfc29;--bc-p5-text:#f0abfc;--bc-p6-bg:#bef26429;--bc-p6-text:#bef264;--bc-p7-bg:#cbd5e129;--bc-p7-text:#cbd5e1}
/*# sourceMappingURL=main.90b87b40.css.map*/