*{margin:0;padding:0;box-sizing:border-box}html,body{overflow-x:hidden;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.app{max-width:1200px;margin:0 auto;padding:20px}.app h1{font-size:20px;margin-bottom:16px}.tabs{display:flex;gap:0;border-bottom:2px solid #ddd;margin-bottom:20px}.tabs button{padding:10px 24px;border:none;background:none;cursor:pointer;font-size:14px;color:#666;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .2s}.tabs button:hover{color:#333}.tabs button.active{color:#1976d2;border-bottom-color:#1976d2;font-weight:600}.mp-selector{display:flex;gap:8px;margin-bottom:16px}.mp-selector button{padding:6px 16px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:13px}.mp-selector button.active{background:#1976d2;color:#fff;border-color:#1976d2}table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #00000014}th,td{padding:10px 14px;text-align:left;border-bottom:1px solid #eee;font-size:13px}th{background:#fafafa;font-weight:600;color:#555}td.num{text-align:right;font-variant-numeric:tabular-nums}.progress-bar{width:100%;height:6px;background:#eee;border-radius:3px;overflow:hidden}.progress-bar .fill{height:100%;border-radius:3px;transition:width .3s}.batch-card{background:#fff;border-radius:8px;padding:16px;margin-bottom:12px;box-shadow:0 1px 3px #00000014}.batch-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.batch-header .batch-id{font-weight:600;font-size:14px}.batch-header .batch-meta{font-size:12px;color:#888}.status-badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.status-badge.pending{background:#e0e0e0;color:#666}.status-badge.running{background:#bbdefb;color:#1565c0}.status-badge.completed{background:#c8e6c9;color:#2e7d32}.status-badge.failed{background:#ffcdd2;color:#c62828}.status-badge.awaiting_confirm{background:#ffe0b2;color:#e65100}.status-badge.polling{background:#e1bee7;color:#7b1fa2}.steps-timeline{display:flex;gap:4px;flex-wrap:wrap}.step-item{display:flex;align-items:center;gap:4px;padding:4px 8px;border-radius:4px;font-size:11px;background:#f5f5f5}.step-dot{width:8px;height:8px;border-radius:50%}.step-dot.pending{background:#bdbdbd}.step-dot.running{background:#1976d2}.step-dot.completed{background:#4caf50}.step-dot.failed{background:#e53935}.step-dot.awaiting_confirm{background:#ff9800}.step-dot.polling{background:#9c27b0}.step-name{color:#555}.loading{text-align:center;padding:40px;color:#888}.filter-bar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff;padding:12px 16px;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:16px}.filter-bar label{font-size:13px;color:#888;white-space:nowrap}.filter-bar select{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;background:#fff;cursor:pointer}.filter-bar .divider{width:1px;height:24px;background:#ddd}.filter-bar .btn{padding:6px 16px;border:1px solid #1976d2;background:#1976d2;color:#fff;border-radius:4px;cursor:pointer;font-size:13px}.filter-bar .btn:disabled{opacity:.5;cursor:not-allowed}.filter-bar .count-badge{font-size:12px;color:#888;padding:4px 8px;border:1px solid #ddd;border-radius:10px}.order-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 16px;border-bottom:1px solid #eee}.order-filters label{font-size:13px;color:#888;white-space:nowrap}.order-filter-group{display:flex;gap:0}.order-filter-group button{padding:5px 12px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:12px;color:#666}.order-filter-group button:first-child{border-radius:4px 0 0 4px}.order-filter-group button:last-child{border-radius:0 4px 4px 0}.order-filter-group button:not(:first-child){border-left:none}.order-filter-group button.active{background:#1976d2;color:#fff;border-color:#1976d2}.order-filter-group button.delayed-active{background:#e53935;color:#fff;border-color:#e53935}.search-box{display:flex;align-items:center;gap:6px}.search-box input{padding:5px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px;width:180px}.search-box .btn-search{padding:5px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px}.search-chip{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border:1px solid #1976d2;border-radius:10px;font-size:12px;color:#1976d2}.search-chip button{background:none;border:none;cursor:pointer;color:#1976d2;font-size:14px;line-height:1;padding:0}.market-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.market-badge.naver{background:#03c75a}.market-badge.coupang{background:#e42130}.market-badge.elevenst{background:#f57c00}.market-badge.lotteon{background:#d32f2f}.market-badge.toss{background:#0064ff}.supplier-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.supplier-badge.W{background:#1976d2}.supplier-badge.DMM{background:#7b1fa2}.supplier-badge.ZEN{background:#ff6f00}tr.matched-top td{border-bottom:none}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:#333}.sort-arrow{font-size:10px;margin-left:2px;color:#bbb}.sort-arrow.active{color:#1976d2}.alert{padding:10px 16px;border-radius:4px;font-size:13px;margin-bottom:16px}.alert.warning{background:#fff3e0;color:#e65100;border:1px solid #ffe0b2}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;padding:10px 16px;font-size:13px;color:#666}.pagination button{padding:4px 10px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination select{padding:4px 6px;border:1px solid #ddd;border-radius:4px;font-size:12px}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;overflow:hidden;overscroll-behavior:contain}.modal-content{background:#fff;border-radius:8px;width:90%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;overscroll-behavior:contain;box-shadow:0 4px 20px #0003}.modal-header{padding:16px 20px;border-bottom:1px solid #eee;font-weight:600;font-size:15px;display:flex;justify-content:space-between;align-items:center}.modal-header button{background:none;border:none;font-size:20px;cursor:pointer;color:#888}.modal-body{padding:16px 20px;overflow:auto;flex:1}.modal-body pre{background:#f5f5f5;padding:12px;border-radius:4px;font-size:12px;font-family:SF Mono,Menlo,Consolas,monospace;white-space:pre-wrap;word-break:break-all}.btn-action{padding:3px 10px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;color:#fff}.btn-action.order{background:#1976d2}.btn-action.tracking{background:#4caf50}.product-info{cursor:pointer;padding:4px;border-radius:4px}.product-info:hover{background:#f5f5f5}.product-info .product-code{font-size:11px;color:#888}.product-info .product-name{font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.oc-link{cursor:pointer;padding:4px;border-radius:4px;background:#1976d214;font-size:11px;color:#1976d2;margin-top:4px}.oc-link:hover{background:#1976d229}.orders-table input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:#1976d2}.listing-view{display:flex;flex-direction:column;gap:16px}.listing-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.refresh-btn{padding:6px 14px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:13px}.refresh-btn:hover{background:#f5f5f5}.refresh-btn:disabled{opacity:.5;cursor:not-allowed}.section-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:600;margin:0 0 12px;color:#333}.section-title .count-badge{background:#1976d2;color:#fff;font-size:12px;padding:2px 8px;border-radius:10px}.batches-summary{display:flex;gap:16px;padding:12px 16px;background:#f8f9fa;border-radius:8px;font-size:13px}.batches-summary .summary-item{display:flex;align-items:center;gap:6px;color:#666}.batches-summary .summary-item strong{font-weight:600}.batches-summary .summary-item.completed strong{color:#4caf50}.batches-summary .summary-item.running strong{color:#1976d2}.batches-summary .summary-item.pending strong{color:#ff9800}.batches-summary .summary-item.failed strong{color:#e53935}.running-batch{border-left:4px solid #1976d2}.pending-batch{border-left:4px solid #ff9800}.batch-status-label{font-size:11px;font-weight:600;padding:2px 8px;border-radius:4px;margin-left:4px}.batch-status-label.running{background:#e3f2fd;color:#1976d2}.batch-title{display:flex;align-items:center;gap:8px}.mp-badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;color:#fff}.mp-badge.coupang{background:#e42130}.mp-badge.naver{background:#03c75a}.mp-badge.small{font-size:10px;padding:1px 6px}.batch-meta .sep{color:#ccc;margin:0 4px}.active-step-box{background:#e3f2fd;border-radius:8px;padding:12px 16px;margin-bottom:12px}.active-step-box.polling{background:#f3e5f5}.active-step-box.awaiting_confirm{background:#fff3e0}.active-step-header{display:flex;align-items:center;gap:8px}.active-step-name{font-weight:600;font-size:14px}.step-status-label{font-size:12px;padding:2px 8px;border-radius:10px;font-weight:500}.step-status-label.running{background:#bbdefb;color:#1565c0}.step-status-label.polling{background:#e1bee7;color:#7b1fa2}.step-status-label.awaiting_confirm{background:#ffe0b2;color:#e65100}.active-step-meta{font-size:12px;color:#666;margin-top:6px;padding-left:22px}.steps-grid{display:flex;flex-direction:column;gap:4px}.step-row{display:flex;align-items:center;gap:8px;padding:6px 10px;border-radius:4px;background:#fafafa;font-size:13px}.step-row.active{background:#e3f2fd;border:1px solid #90caf9}.step-row.completed{background:#f1f8e9}.step-row.failed{background:#ffebee}.step-num{width:20px;height:20px;border-radius:50%;background:#e0e0e0;color:#666;font-size:11px;display:flex;align-items:center;justify-content:center}.step-row.completed .step-num{background:#c8e6c9;color:#2e7d32}.step-row.running .step-num,.step-row.polling .step-num{background:#bbdefb;color:#1565c0}.step-icon{display:flex;align-items:center;justify-content:center;width:18px;height:18px}.step-icon.completed{color:#4caf50}.step-icon.failed{color:#e53935}.step-icon.running{color:#1976d2}.step-icon.polling{color:#9c27b0}.step-icon.awaiting{color:#ff9800}.step-icon.pending{color:#bdbdbd}.step-row .step-name{flex:1;color:#333}.step-row.pending .step-name{color:#999}.step-status-text{font-size:11px;padding:2px 6px;border-radius:4px;min-width:50px;text-align:center}.step-status-text.pending{background:#f5f5f5;color:#999}.step-status-text.running{background:#e3f2fd;color:#1976d2}.step-status-text.polling{background:#f3e5f5;color:#7b1fa2}.step-status-text.awaiting_confirm{background:#fff3e0;color:#e65100}.step-status-text.completed{background:#e8f5e9;color:#388e3c}.step-status-text.failed{background:#ffebee;color:#d32f2f}.step-counts{display:flex;align-items:center;gap:8px}.step-counts .count{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:500}.step-counts .count.success{color:#4caf50}.step-counts .count.failure{color:#e53935}.step-counts .error-msg{color:#e53935;cursor:help}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.step-icon.running svg{animation:spin 1.5s linear infinite}.no-running{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;background:#fafafa;border-radius:8px;color:#888}.no-running-icon{font-size:40px;margin-bottom:12px;color:#ccc}.no-running p{margin:0;font-size:14px}.summary-section{display:flex;gap:12px}.summary-card{flex:1;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;overflow:hidden}.summary-card.green{border-left:4px solid #4caf50}.summary-card.red{border-left:4px solid #e53935}.summary-header{display:flex;align-items:center;padding:12px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.summary-header:hover{background:#fafafa}.summary-title{font-weight:600;font-size:14px;color:#333}.summary-count{margin-left:8px;font-size:18px;font-weight:700}.summary-card.green .summary-count{color:#4caf50}.summary-card.red .summary-count{color:#e53935}.expand-icon{margin-left:auto;font-size:10px;color:#999}.summary-list{border-top:1px solid #eee;max-height:200px;overflow-y:auto}.summary-item{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:12px;border-bottom:1px solid #f5f5f5}.summary-item:last-child{border-bottom:none}.batch-id-small{flex:1;color:#555}.keys-count{color:#888}.table-container{overflow-x:auto;max-height:calc(100vh - 280px);overflow-y:auto}.orders-table{min-width:1200px}.orders-table th{position:sticky;top:0;z-index:1;background:#fafafa}.orders-table tbody tr:nth-child(odd){background:#fff}.orders-table tbody tr:nth-child(2n){background:#e8eef4}.orders-table tbody tr.group-even{background:#fff}.orders-table tbody tr.group-odd{background:#e8eef4}.orders-table tbody tr:hover{background:#d0e4f7}.vendor-form{display:flex;gap:8px;margin-bottom:16px;align-items:flex-end}.vendor-form .field{display:flex;flex-direction:column;gap:4px}.vendor-form label{font-size:12px;color:#888}.vendor-form input{padding:6px 10px;border:1px solid #ddd;border-radius:4px;font-size:13px}.vendor-form button{padding:6px 16px;border:1px solid #1976d2;background:#1976d2;color:#fff;border-radius:4px;cursor:pointer;font-size:13px;white-space:nowrap}.vendor-msg{font-size:13px;margin-bottom:12px}.vendor-msg.success{color:#2e7d32}.vendor-msg.error{color:#c62828}.batch-actions-section{background:#fff;border-radius:8px;padding:12px 16px;box-shadow:0 1px 3px #00000014;margin-bottom:16px}.batch-actions-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.action-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:13px;font-weight:500;transition:all .2s}.action-btn:disabled{opacity:.5;cursor:not-allowed}.action-btn.primary{border-color:#1976d2;background:#1976d2;color:#fff}.action-btn.primary:hover:not(:disabled){background:#1565c0}.action-btn.danger{border-color:#c62828;background:#c62828;color:#fff}.action-btn.danger:hover:not(:disabled){background:#b71c1c}.action-btn.danger-outline{border-color:#c62828;color:#c62828;background:#fff}.action-btn.danger-outline:hover:not(:disabled){background:#ffebee}.action-btn.warning{border-color:#f57c00;background:#f57c00;color:#fff}.action-btn.warning:hover:not(:disabled){background:#e65100}.action-btn.success{border-color:#2e7d32;background:#2e7d32;color:#fff}.action-btn.success:hover:not(:disabled){background:#1b5e20}.action-btn.info{border-color:#0288d1;background:#0288d1;color:#fff}.action-btn.info:hover:not(:disabled){background:#0277bd}.action-message{margin-top:8px;padding:8px 12px;border-radius:4px;font-size:13px;display:flex;align-items:center}.action-message.success{background:#e8f5e9;color:#2e7d32}.action-message.error{background:#ffebee;color:#c62828}.workflow-status-bar{display:flex;gap:16px;padding:12px 16px;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-bottom:16px}.workflow-status-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f5f5f5;border-radius:6px;font-size:13px}.workflow-status-item.running{background:#e8f5e9}.workflow-status-item .status-dot{width:8px;height:8px;border-radius:50%}.workflow-status-item .status-label{font-weight:500;color:#333}.workflow-status-item .running-batch{font-size:11px;color:#666;background:#fff;padding:2px 6px;border-radius:4px}.workflow-status-item .paused-count{font-size:11px;color:#f57c00;background:#fff;padding:2px 6px;border-radius:4px;font-weight:500}.workflow-status-item .pending-count{font-size:11px;color:#f57c00;background:#fff;padding:2px 6px;border-radius:4px}.paused-section{margin-top:24px}.paused-batch-card{margin-bottom:12px}.paused-batch-card .paused-reason{margin-top:8px;padding:10px 16px;background:#fff3e0;border-radius:6px;border-left:3px solid #ff9800;font-size:13px}.paused-batch-card .paused-reason-label{font-weight:600;color:#e65100;margin-right:8px}.paused-batch-card .paused-reason-text{color:#bf360c}.batch-card.selected{box-shadow:0 0 0 2px #1976d2}.upload-result{display:flex;align-items:center;gap:8px;margin-top:10px;padding:10px 14px;border-radius:6px;font-size:13px}.upload-result.success{background:#e8f5e9;color:#2e7d32}.upload-result.error{background:#ffebee;color:#c62828}.upload-result .result-icon{display:flex;align-items:center}.upload-result .result-close{margin-left:auto;background:none;border:none;cursor:pointer;padding:2px;color:inherit;opacity:.6}.upload-result .result-close:hover{opacity:1}.header-actions{display:flex;gap:8px}.batches-summary .summary-item.completed,.batches-summary .summary-item.running,.batches-summary .summary-item.pending,.batches-summary .summary-item.failed{cursor:pointer;padding:4px 10px;border-radius:4px;transition:background .2s}.batches-summary .summary-item.completed:hover,.batches-summary .summary-item.running:hover,.batches-summary .summary-item.pending:hover,.batches-summary .summary-item.failed:hover{background:#0000000d}.batches-summary .summary-item.completed.active{background:#e8f5e9;border:1px solid #4caf50}.batches-summary .summary-item.running.active{background:#e3f2fd;border:1px solid #1976d2}.batches-summary .summary-item.pending.active{background:#fff3e0;border:1px solid #ff9800}.batches-summary .summary-item.failed.active{background:#ffebee;border:1px solid #e53935}.batches-summary .summary-item.paused strong{color:#f57c00}.batches-summary .summary-item.paused:hover{background:#fff3e0}.batches-summary .summary-item.paused.active{background:#ffe0b2;border:1px solid #f57c00}.batch-card.collapsible{padding:0}.batch-card.collapsible .batch-header{padding:14px 16px;margin-bottom:0}.batch-card.collapsible .batch-header.clickable{cursor:pointer;-webkit-user-select:none;user-select:none}.batch-card.collapsible .batch-header.clickable:hover{background:#fafafa}.batch-card.collapsible .expand-icon{display:flex;align-items:center;color:#999;margin-right:4px}.batch-card.collapsible .steps-grid{border-top:1px solid #eee;padding:12px 16px}.batch-card.collapsible.completed{border-left:4px solid #4caf50}.batch-card.collapsible.failed{border-left:4px solid #e53935}.batch-status-label.completed{background:#e8f5e9;color:#388e3c}.batch-status-label.pending{background:#fff3e0;color:#e65100}.batch-status-label.failed{background:#ffebee;color:#d32f2f}.batch-meta .count{display:inline-flex;align-items:center;gap:3px;font-size:12px;font-weight:500}.batch-meta .count.success{color:#4caf50}.batch-meta .count.failure{color:#e53935}.batch-meta .duration{color:#1976d2;font-weight:500}.completed-section,.pending-section,.failed-section{margin-top:8px}.completed-section .section-title{color:#388e3c}.completed-section .section-title .count-badge{background:#4caf50}.pending-section .section-title{color:#e65100}.pending-section .section-title .count-badge{background:#ff9800}.failed-section .section-title{color:#d32f2f}.failed-section .section-title .count-badge{background:#e53935}.batch-card.collapsible.pending{border-left:4px solid #ff9800}.sales-view{display:flex;flex-direction:column;gap:20px}.sales-summary{display:flex;gap:16px}.sales-summary .summary-card{flex:1;background:#fff;border-radius:8px;padding:16px 20px;box-shadow:0 1px 3px #00000014}.sales-summary .summary-label{font-size:13px;color:#888;margin-bottom:4px}.sales-summary .summary-value{font-size:22px;font-weight:700;color:#333}.sales-summary .summary-breakdown{display:flex;gap:12px;margin-top:8px;font-size:12px}.sales-summary .summary-breakdown .naver{color:#03c75a}.sales-summary .summary-breakdown .coupang{color:#e42130}.sales-summary .summary-card.pie-card{flex:1.5}.pie-chart-container{display:flex;align-items:center;gap:20px;margin-top:12px}.pie-chart{width:100px;height:100px;border-radius:50%;flex-shrink:0}.pie-legend{display:flex;flex-direction:column;gap:8px}.pie-legend-item{display:flex;align-items:center;gap:8px;font-size:12px}.pie-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}.pie-dot.naver{background:#2db400}.pie-dot.coupang{background:#e53935}.pie-dot.elevenst{background:#f57c00}.pie-dot.lotteon{background:#d32f2f}.pie-dot.toss{background:#0064ff}.pie-label{color:#666;min-width:50px}.pie-value{font-weight:600;color:#333;min-width:100px}.pie-percent{color:#999;font-size:11px}.sales-summary .summary-card.today-card{flex:1;min-width:200px}.today-stats{margin-top:12px;display:flex;flex-direction:column;gap:8px}.today-row{display:flex;align-items:center;gap:12px;font-size:13px}.today-row.today-total{border-top:1px solid #eee;padding-top:8px;margin-top:4px;font-weight:600}.today-market{display:flex;align-items:center;gap:6px;min-width:80px;color:#666}.today-count{min-width:40px;text-align:right;color:#333;font-weight:500}.today-amount{flex:1;text-align:right;color:#333;font-weight:500}.chart-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014;position:relative}.chart-title{font-size:15px;font-weight:600;margin:0 0 12px;color:#333}.chart-legend{display:flex;gap:16px;margin-bottom:16px;font-size:12px}.legend-item{display:flex;align-items:center;gap:6px;color:#666}.legend-item .dot{width:10px;height:10px;border-radius:2px}.legend-item.naver .dot{background:#03c75a}.legend-item.coupang .dot{background:#e42130}.legend-item.elevenst .dot{background:#f57c00}.legend-item.lotteon .dot{background:#d32f2f}.legend-item.toss .dot{background:#0064ff}.chart-area{display:flex;gap:8px}.y-axis-labels{position:relative;width:40px;height:196px;flex-shrink:0}.y-label{position:absolute;right:0;transform:translateY(50%);font-size:12px;color:#666;white-space:nowrap}.chart-body{flex:1;position:relative;height:220px}.grid-lines{position:absolute;inset:0 0 24px;pointer-events:none}.grid-line{position:absolute;left:0;right:0;height:1px;background:#eee}.grid-line:first-child{background:#ccc}.bar-chart{display:flex;align-items:flex-end;height:calc(100% - 24px);gap:2px}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;height:100%}.stacked-bar{display:flex;flex-direction:column-reverse;align-items:stretch;width:100%;height:100%}.bar-segment{width:100%;min-height:0;transition:opacity .2s}.bar-segment.naver{background:#03c75a;border-radius:0 0 2px 2px}.bar-segment.coupang{background:#e42130}.bar-segment.elevenst{background:#f57c00;border-radius:2px 2px 0 0}.bar-segment.lotteon{background:#d32f2f}.bar-segment.toss{background:#0064ff;border-radius:2px 2px 0 0}.bar-group:hover .bar-segment{opacity:.85}.bar-group .bar-label{font-size:11px;color:#666;margin-top:6px;white-space:nowrap}.bar-group:not(:nth-child(5n+1)) .bar-label{visibility:hidden}.bar-group:hover .bar-label{visibility:visible;color:#333}.bar-group.hovered{z-index:10}.bar-tooltip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background:#333;color:#fff;padding:10px 14px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:100;box-shadow:0 2px 8px #0003}.bar-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:6px solid transparent;border-top-color:#333}.tooltip-date{font-weight:600;margin-bottom:6px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.2)}.tooltip-row{display:flex;justify-content:space-between;gap:16px;padding:2px 0}.tooltip-row.naver span:first-child:before{content:"";display:inline-block;width:8px;height:8px;background:#03c75a;border-radius:2px;margin-right:6px}.tooltip-row.coupang span:first-child:before{content:"";display:inline-block;width:8px;height:8px;background:#e42130;border-radius:2px;margin-right:6px}.tooltip-row.elevenst span:first-child:before{content:"";display:inline-block;width:8px;height:8px;background:#f57c00;border-radius:2px;margin-right:6px}.tooltip-row.lotteon span:first-child:before{content:"";display:inline-block;width:8px;height:8px;background:#d32f2f;border-radius:2px;margin-right:6px}.tooltip-row.toss span:first-child:before{content:"";display:inline-block;width:8px;height:8px;background:#0064ff;border-radius:2px;margin-right:6px}.tooltip-row.total{margin-top:4px;padding-top:4px;border-top:1px solid rgba(255,255,255,.2);font-weight:600}.sub-tabs{display:flex;gap:0;margin-bottom:16px}.sub-tabs button{padding:8px 16px;border:1px solid #ddd;background:#fff;cursor:pointer;font-size:13px;color:#666;transition:all .2s}.sub-tabs button:first-child{border-radius:4px 0 0 4px}.sub-tabs button:last-child{border-radius:0 4px 4px 0}.sub-tabs button:not(:first-child){border-left:none}.sub-tabs button:hover{background:#f5f5f5}.sub-tabs button.active{background:#1976d2;color:#fff;border-color:#1976d2}.best-products-container{padding:0}.bp-loading{text-align:center;padding:40px;font-size:16px;color:#666}.bp-no-result{text-align:center;padding:40px;color:#7f8c8d;background:#fff;border-radius:8px;margin-top:20px}.bp-category-filter{background:#fff;border-radius:8px;padding:20px;margin-bottom:24px;box-shadow:0 2px 4px #0000001a}.bp-filter-row{display:flex;gap:16px;flex-wrap:wrap}.bp-filter-row label{display:flex;flex-direction:column;gap:8px;flex:1;min-width:200px}.bp-filter-row label span{font-size:14px;font-weight:500;color:#555}.bp-filter-row select{padding:10px 12px;border:1px solid #ddd;border-radius:6px;font-size:14px;background:#fff;cursor:pointer}.bp-filter-row select:disabled{background:#f5f5f5;cursor:not-allowed;color:#999}.bp-filter-row select:focus{outline:none;border-color:#1976d2;box-shadow:0 0 0 2px #1976d233}.bp-search-result{margin-top:20px}.bp-result-header{margin-bottom:16px}.bp-result-header h3{display:flex;align-items:center;gap:12px;margin:0}.bp-result-count{font-size:14px;font-weight:400;color:#7f8c8d}.bp-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.bp-stat-card{background:#fff;border-radius:8px;padding:20px;text-align:center;box-shadow:0 2px 4px #0000001a}.bp-stat-value{font-size:28px;font-weight:700;color:#2c3e50}.bp-stat-label{font-size:14px;color:#7f8c8d;margin-top:8px}.bp-products-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.bp-products-table th,.bp-products-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #eee}.bp-products-table th{background:#34495e;color:#fff;font-weight:600}.bp-products-table tr:hover{background:#f8f9fa}.bp-product-image{width:50px;height:50px;object-fit:cover;border-radius:4px}.bp-no-image{width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#f0f0f0;border-radius:4px;color:#999;font-size:12px}.bp-product-name{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bp-product-name a{color:#2c3e50;text-decoration:none}.bp-product-name a:hover{color:#1976d2;text-decoration:underline}.bp-price{font-weight:600;color:#e74c3c}.bp-category{font-size:12px;color:#7f8c8d}.bp-pagination{display:flex;justify-content:center;align-items:center;gap:8px;padding:16px;margin-top:16px}.bp-pagination button{padding:6px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;min-width:36px}.bp-pagination button:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.bp-pagination button:disabled{opacity:.4;cursor:not-allowed}.bp-page-info{padding:0 12px;font-size:14px;color:#666}@media(max-width:768px){.bp-stats-grid{grid-template-columns:repeat(2,1fr)}.bp-products-table{font-size:14px}.bp-product-name{max-width:150px}.bp-filter-row{flex-direction:column}.bp-filter-row label{min-width:100%}}.marketplace-header{display:flex;align-items:center;gap:24px;padding:12px 16px;background:#f8f9fa;border-radius:8px;margin-bottom:16px}.marketplace-header .mp-selector{margin-bottom:0}.workflow-status-inline{display:flex;align-items:center;gap:8px;font-size:13px}.workflow-status-inline .status-dot{width:8px;height:8px;border-radius:50%}.workflow-status-inline .status-label{font-weight:500}.workflow-status-inline .running-batch{color:#666;font-size:12px;background:#e8f5e9;padding:2px 8px;border-radius:4px}.workflow-status-inline .pending-count{color:#666;font-size:12px}.sellers-summary-section{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:16px;overflow:hidden}.sellers-summary-section .section-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#fafafa;border-bottom:1px solid #e0e0e0}.sellers-summary-section .section-header.clickable{cursor:pointer}.sellers-summary-section .section-header.clickable:hover{background:#f0f0f0}.sellers-summary-section .expand-icon{color:#666;display:flex;align-items:center}.sellers-summary-section .section-title-text{font-weight:600;font-size:14px}.sellers-summary-section .section-meta{margin-left:auto;font-size:13px;color:#666}.sellers-summary-section .section-meta .sep{margin:0 8px;color:#ccc}.sellers-summary-section .sellers-table{margin:0;border-radius:0;box-shadow:none}.sellers-summary-section .sellers-table th,.sellers-summary-section .sellers-table td{padding:8px 12px}.sellers-summary-section .sellers-table tfoot .totals-row{background:#f8fafc;border-top:2px solid #e2e8f0}.sellers-summary-section .sellers-table tfoot .totals-row td{padding-top:10px;padding-bottom:10px}.workflow-control{margin-left:auto}.workflow-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s}.workflow-btn.stop{background:#fee2e2;color:#dc2626}.workflow-btn.stop:hover:not(:disabled){background:#fecaca}.workflow-btn.start{background:#dcfce7;color:#16a34a}.workflow-btn.start:hover:not(:disabled){background:#bbf7d0}.workflow-btn:disabled{opacity:.5;cursor:not-allowed}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.inquiry-answer-row td{padding:0!important}.inquiry-answer-content{background:#f8f9fa;padding:16px 24px;border-top:1px solid #e9ecef;animation:slideDown .2s ease-out}.inquiry-answer-item{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid #dee2e6}.inquiry-answer-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.inquiry-answer-date{font-size:12px;color:#666;margin-bottom:8px}.inquiry-answer-text{font-size:14px;line-height:1.6;white-space:pre-wrap}tr.expandable-row{cursor:pointer}tr.expandable-row:hover{background:#e8f4fc!important}.expand-indicator{color:#666;font-size:12px;margin-left:8px}.dashboard-section{display:flex;flex-direction:column;gap:20px}.dashboard-cards{display:flex;gap:16px}.dashboard-card{flex:1;background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #00000014}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dashboard-progress-text{font-size:24px;font-weight:700;color:#333}.dashboard-progress-bar{width:100%;height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden;margin-bottom:20px}.dashboard-progress-fill{height:100%;border-radius:6px;transition:width .5s ease}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.dashboard-stat{text-align:center;padding:8px;background:#f8fafc;border-radius:8px}.dashboard-stat .stat-label{display:block;font-size:11px;color:#64748b;margin-bottom:4px}.dashboard-stat .stat-value{display:block;font-size:18px;font-weight:600}.dashboard-stat .stat-value.staged{color:#3b82f6}.dashboard-stat .stat-value.pending{color:#f59e0b}.dashboard-stat .stat-value.success{color:#22c55e}.dashboard-stat .stat-value.error{color:#ef4444}.dashboard-today{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#f0fdf4;border-radius:8px;font-size:13px;margin-bottom:12px}.dashboard-today .today-label{color:#64748b}.dashboard-today .today-success{color:#16a34a;font-weight:600}.dashboard-today .today-error{color:#dc2626;font-weight:600}.dashboard-running{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#eff6ff;border-radius:8px;font-size:13px}.dashboard-running .running-label{display:flex;align-items:center;gap:4px;color:#1d4ed8;font-weight:500}.dashboard-running .running-label svg{animation:spin 1.5s linear infinite}.dashboard-running .running-batch-id{color:#333;font-weight:500}.dashboard-running .running-step{color:#64748b;font-size:12px;background:#fff;padding:2px 8px;border-radius:4px}.dashboard-running .running-eta{margin-left:auto;color:#059669;font-size:12px;font-weight:500;background:#d1fae5;padding:3px 10px;border-radius:4px}.dashboard-running-batches{background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 2px 8px #00000014}.running-batches-title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#333;margin:0 0 12px}.running-batches-title svg{color:#22c55e}.running-batches-list{display:flex;flex-direction:column;gap:8px}.running-batch-item{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#f8fafc;border-radius:8px;font-size:13px}.running-batch-item .batch-id{font-weight:500;color:#333}.running-batch-item .batch-keys{color:#64748b}.running-batch-item .active-step{display:flex;align-items:center;gap:4px;margin-left:auto;font-size:12px;padding:4px 10px;border-radius:4px}.running-batch-item .active-step.running{background:#dbeafe;color:#1d4ed8}.running-batch-item .active-step.running svg{animation:spin 1.5s linear infinite}.running-batch-item .active-step.polling{background:#f3e8ff;color:#7c3aed}.batches-summary .summary-item.dashboard{cursor:pointer;padding:4px 10px;border-radius:4px;transition:background .2s;font-weight:500}.batches-summary .summary-item.dashboard:hover{background:#0000000d}.batches-summary .summary-item.dashboard.active{background:#e0f2fe;border:1px solid #0284c7;color:#0369a1}.integrated-sellers{margin-bottom:16px}.integrated-sellers-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.integrated-sellers-title{font-size:15px;font-weight:600;color:#333}.integrated-sellers-cards{display:flex;gap:16px;flex-wrap:wrap}.integrated-seller-card{flex:1;min-width:320px;background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #00000014;border-left:4px solid #e0e0e0}.integrated-seller-card.coupang{border-left-color:#e42130}.integrated-seller-card.naver{border-left-color:#03c75a}.seller-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.seller-card-title{display:flex;align-items:center;gap:8px}.workflow-status-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.workflow-status-badge.running{background:#dcfce7;color:#16a34a}.workflow-status-badge.paused{background:#fef3c7;color:#d97706}.workflow-status-badge.idle{background:#f3f4f6;color:#6b7280}.seller-card-actions{display:flex;gap:4px}.workflow-btn-sm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.workflow-btn-sm.stop{background:#fee2e2;color:#dc2626}.workflow-btn-sm.stop:hover:not(:disabled){background:#fecaca}.workflow-btn-sm.start{background:#dcfce7;color:#16a34a}.workflow-btn-sm.start:hover:not(:disabled){background:#bbf7d0}.workflow-btn-sm:disabled{opacity:.5;cursor:not-allowed}.seller-card-capacity{margin-bottom:12px}.capacity-text{display:flex;align-items:baseline;gap:4px;margin-bottom:6px}.capacity-current{font-size:20px;font-weight:700;color:#333}.capacity-divider{color:#9ca3af}.capacity-max{font-size:14px;color:#6b7280}.capacity-pct{font-size:14px;font-weight:600;margin-left:4px}.capacity-bar{width:100%;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.capacity-fill{height:100%;border-radius:4px;transition:width .3s ease}.seller-card-staging{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px;padding:10px 12px;background:#f8fafc;border-radius:8px}.staging-item{display:flex;flex-direction:column;align-items:center;gap:2px}.staging-item .staging-label{font-size:10px;color:#64748b;text-transform:uppercase}.staging-item .staging-value{font-size:14px;font-weight:600;color:#333}.staging-item.error .staging-value{color:#ef4444}.staging-item.today .staging-value{color:#16a34a}.seller-card-toggle{display:flex;align-items:center;gap:4px;width:100%;padding:8px;border:1px solid #e5e7eb;border-radius:6px;background:#fff;color:#64748b;font-size:12px;cursor:pointer;transition:all .2s}.seller-card-toggle:hover{background:#f8fafc;border-color:#cbd5e1}.seller-card-detail{margin-top:12px;border-top:1px solid #e5e7eb;padding-top:12px}.seller-detail-table{width:100%;border-collapse:collapse;font-size:12px}.seller-detail-table th,.seller-detail-table td{padding:6px 8px;text-align:left;border-bottom:1px solid #f1f5f9}.seller-detail-table th{font-weight:600;color:#64748b;background:#f8fafc}.seller-detail-table td.num{text-align:right;font-variant-numeric:tabular-nums}.mini-progress-bar{width:40px;height:4px;background:#e5e7eb;border-radius:2px;overflow:hidden}.mini-progress-bar .fill{height:100%;border-radius:2px}.mp-filter{display:flex;align-items:center;gap:8px}.mp-filter-label{font-size:13px;color:#64748b}.mp-filter-buttons{display:flex;gap:0}.mp-filter-buttons button{padding:6px 12px;border:1px solid #e5e7eb;background:#fff;font-size:12px;color:#64748b;cursor:pointer;transition:all .2s}.mp-filter-buttons button:first-child{border-radius:6px 0 0 6px}.mp-filter-buttons button:last-child{border-radius:0 6px 6px 0}.mp-filter-buttons button:not(:first-child){border-left:none}.mp-filter-buttons button:hover{background:#f8fafc}.mp-filter-buttons button.active{background:#1976d2;color:#fff;border-color:#1976d2}.batch-actions-divider{width:1px;height:28px;background:#e5e7eb;margin:0 8px}.seller-sales-container{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014}.seller-bar-chart{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.seller-bar-row{display:flex;align-items:center;gap:12px}.seller-bar-label{display:flex;align-items:center;gap:8px;min-width:140px;flex-shrink:0}.seller-mp-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.seller-name{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seller-bar-track{flex:1;height:22px;background:#f0f0f0;border-radius:4px;overflow:hidden}.seller-bar-fill{height:100%;border-radius:4px;transition:width .3s ease}.seller-bar-value{display:flex;align-items:center;gap:6px;min-width:150px;text-align:right;flex-shrink:0}.seller-amount{font-size:13px;font-weight:600;color:#333}.seller-count{font-size:12px;color:#888}.seller-summary-table{margin-top:16px}.seller-summary-table table{width:100%;border-collapse:collapse}.seller-summary-table th,.seller-summary-table td{padding:10px 14px;text-align:left;border-bottom:1px solid #eee;font-size:13px}.seller-summary-table th{background:#fafafa;font-weight:600;color:#555}.seller-summary-table td:nth-child(2),.seller-summary-table td:nth-child(3),.seller-summary-table td:nth-child(4){text-align:right}.seller-summary-table th:nth-child(2),.seller-summary-table th:nth-child(3),.seller-summary-table th:nth-child(4){text-align:right}.summary-total-row{background:#f8f9fa;border-top:2px solid #e0e0e0}.seller-sales-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.seller-mp-section{background:#fafafa;border-radius:8px;padding:16px}.seller-mp-section.naver{border-top:3px solid #03c75a}.seller-mp-section.coupang{border-top:3px solid #e31837}.seller-mp-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e0e0e0}.seller-mp-title{font-size:15px;font-weight:600;color:#333}.seller-mp-total{margin-left:auto;font-size:16px;font-weight:700;color:#333}.seller-mp-count{font-size:13px;color:#888}.seller-empty{text-align:center;padding:20px;color:#999;font-size:13px}@media(max-width:900px){.seller-sales-grid{grid-template-columns:1fr}}.login-page{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#f5f5f5}.login-card{background:#fff;border-radius:12px;padding:40px;width:360px;box-shadow:0 4px 20px #0000001a}.login-title{text-align:center;font-size:20px;font-weight:700;color:#333;margin:0 0 28px}.login-field{margin-bottom:14px}.login-field input{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box;transition:border-color .2s}.login-field input:focus{outline:none;border-color:#1976d2}.login-btn{width:100%;padding:11px;background:#1976d2;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;margin-top:4px;transition:background .2s}.login-btn:hover:not(:disabled){background:#1565c0}.login-btn:disabled{opacity:.5;cursor:not-allowed}.login-error{margin-top:14px;padding:10px;background:#ffebee;color:#c62828;border-radius:6px;font-size:13px;text-align:center}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.app-header h1{font-size:20px;margin:0}.header-user{display:flex;align-items:center;gap:10px;font-size:13px;color:#666}.logout-btn{padding:5px 12px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;color:#666;transition:all .2s}.logout-btn:hover{background:#f5f5f5;color:#333}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-height, 56px);background:#fff;border-top:1px solid #e0e0e0;display:none;justify-content:space-around;align-items:center;z-index:9999;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;border:none;background:none;cursor:pointer;padding:6px 12px;color:#888;font-size:10px;min-height:44px;justify-content:center}.mobile-nav-item.active{color:#1976d2}.mobile-nav-icon{font-size:20px;line-height:1}.mobile-nav-label{font-size:10px;line-height:1}.mobile-more-menu{position:fixed;inset:0;z-index:999}.mobile-more-backdrop{position:absolute;inset:0;background:#0000004d}.mobile-more-panel{position:absolute;bottom:var(--mobile-nav-height, 56px);left:0;right:0;background:#fff;border-top:1px solid #e0e0e0;padding:8px 0;padding-bottom:env(safe-area-inset-bottom)}.mobile-more-item{display:block;width:100%;padding:14px 20px;border:none;background:none;text-align:left;font-size:15px;color:#333;cursor:pointer}.mobile-more-item.active{color:#1976d2;font-weight:600}.mobile-more-item:hover{background:#f5f5f5}.order-card{padding:12px;border-bottom:1px solid #eee;cursor:pointer;background:#fff}.order-card:active{background:#f5f5f5}.order-card-row1{display:flex;align-items:center;gap:6px;margin-bottom:4px}.order-card-recipient{font-weight:600;font-size:14px}.order-card-status{margin-left:auto;font-size:12px;color:#666;font-weight:500}.order-card-row2{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.order-card-row3{display:flex;justify-content:space-between;font-size:12px;color:#555}.order-card-date{color:#999}.order-card-row4{font-size:11px;color:#999;margin-top:2px}.inquiry-card{padding:12px;border-bottom:1px solid #eee;cursor:pointer;background:#fff}.inquiry-card:active{background:#f5f5f5}.inquiry-card-row1{display:flex;align-items:center;gap:6px;margin-bottom:4px}.inquiry-card-type{font-weight:500;font-size:13px}.inquiry-card-status{margin-left:auto;font-size:12px}.inquiry-card-row2{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.inquiry-card-row3{font-size:12px;color:#666;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px}.inquiry-card-row4{display:flex;justify-content:space-between;font-size:11px;color:#999}.supplier-order-card{padding:12px;border-bottom:1px solid #eee;cursor:pointer;background:#fff}.supplier-order-card:active{background:#f5f5f5}.supplier-order-card-row1{display:flex;align-items:center;gap:6px;margin-bottom:4px}.supplier-order-card-recipient{font-weight:600;font-size:14px}.supplier-order-card-status{margin-left:auto;font-size:12px;color:#666;font-weight:500}.supplier-order-card-row2{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:4px}.supplier-order-card-row3{display:flex;justify-content:space-between;font-size:12px;color:#555}:root{--mobile-padding: 8px;--tablet-padding: 12px;--desktop-padding: 20px;--touch-target: 44px;--mobile-nav-height: 56px}@media(max-width:1024px){.app{padding:var(--tablet-padding)}.dashboard-grid{grid-template-columns:repeat(3,1fr)!important}}@media(max-width:640px){.tabs{display:none!important}.mobile-nav{display:flex!important}.app{max-width:100%;padding:var(--mobile-padding);padding-bottom:calc(var(--mobile-nav-height) + 24px);padding-bottom:calc(var(--mobile-nav-height) + env(safe-area-inset-bottom,0px) + 24px);overflow-x:hidden}.app-header{justify-content:center}.app-header h1{font-size:16px;text-align:center}.table-desktop{display:none!important}.card-mobile{display:block!important}.modal-overlay{align-items:flex-start!important;height:calc(100vh - var(--mobile-nav-height))!important;height:calc(100vh - var(--mobile-nav-height) - env(safe-area-inset-bottom,0px))!important}.modal-overlay .modal-detail,.modal-overlay .modal-content-large,.modal-overlay .modal-content{width:100%!important;max-width:none!important;max-height:none!important;border-radius:0!important;margin:0!important;height:calc(100vh - var(--mobile-nav-height))!important}.modal-sidebar{display:none!important}.modal-top-tabs{display:flex!important}.modal-tabs-swipe{-ms-overflow-style:none;scrollbar-width:none}.modal-tabs-swipe::-webkit-scrollbar{display:none}.filter-bar{gap:6px}.status-tabs{overflow-x:auto;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch}.status-tabs::-webkit-scrollbar{display:none}.app input,.app select,.app textarea{min-height:40px}.app button{min-height:var(--touch-target)}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}.login-card{width:min(360px,calc(100vw - 32px))!important;padding:28px 20px!important}.sales-summary{flex-direction:column!important}.sales-summary .summary-card{min-width:unset!important}.chart-area{overflow-x:auto;-webkit-overflow-scrolling:touch}.bar-chart{min-width:600px}.seller-sales-grid{grid-template-columns:1fr!important}.seller-bar-value{font-size:11px!important}.product-card{padding:12px;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:8px;background:#fff;cursor:pointer}.product-card:active{background:#f5f8ff}.product-card-row1{display:flex;align-items:center;gap:8px;margin-bottom:6px}.product-card-name{font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-card-row2{display:flex;justify-content:space-between;font-size:12px;color:#888}}.mobile-nav,.card-mobile,.modal-top-tabs{display:none}