body{font-family:Arial,sans-serif;background-color:#fff!important}#app{background-color:#fff}:root{--seller-primary: #ee4d2d;--seller-primary-hover: #d73211;--seller-primary-light: #fff5f3;--seller-primary-rgb: 238, 77, 45;--seller-success: #52c41a;--seller-success-light: #f6ffed;--seller-warning: #faad14;--seller-warning-light: #fffbe6;--seller-info: #1890ff;--seller-info-light: #e6f7ff;--seller-danger: #ff4d4f;--seller-danger-light: #fff1f0;--seller-text-primary: #333;--seller-text-secondary: #666;--seller-text-muted: #999;--seller-text-placeholder: #bbb;--seller-border-color: #e5e5e5;--seller-border-light: #f0f0f0;--seller-bg-white: #fff;--seller-bg-gray: #fafafa;--seller-bg-light: #f5f5f5;--seller-spacing-xs: 4px;--seller-spacing-sm: 8px;--seller-spacing-md: 12px;--seller-spacing-lg: 16px;--seller-spacing-xl: 20px;--seller-spacing-xxl: 24px;--seller-spacing-xxxl: 32px;--seller-radius-xs: 2px;--seller-radius-sm: 4px;--seller-radius-md: 8px;--seller-radius-lg: 12px;--seller-radius-xl: 16px;--seller-radius-round: 50%;--seller-radius-pill: 9999px;--seller-gradient-primary: linear-gradient(135deg, #ee4d2d, #f97a5e);--seller-gradient-success: linear-gradient(135deg, #52c41a, #73d13d);--seller-gradient-warning: linear-gradient(135deg, #faad14, #ffc53d);--seller-gradient-info: linear-gradient(135deg, #1890ff, #40a9ff);--seller-gradient-danger: linear-gradient(135deg, #ff4d4f, #ff7875);--seller-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--seller-shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--seller-shadow-lg: 0 4px 12px rgba(0, 0, 0, .1);--seller-shadow-xl: 0 8px 24px rgba(0, 0, 0, .12);--seller-font-xs: 11px;--seller-font-sm: 12px;--seller-font-base: 13px;--seller-font-md: 14px;--seller-font-lg: 16px;--seller-font-xl: 18px;--seller-font-xxl: 20px;--seller-font-xxxl: 24px;--seller-font-title: 28px;--seller-font-normal: 400;--seller-font-medium: 500;--seller-font-semibold: 600;--seller-font-bold: 700;--seller-transition-fast: .15s ease;--seller-transition-base: .2s ease;--seller-transition-slow: .3s ease;--seller-stat-icon-size: 56px;--seller-page-btn-size: 32px;--seller-spinner-size: 40px;--seller-empty-icon-size: 64px}.seller-page-header{display:flex;justify-content:space-between;align-items:center;padding:var(--seller-spacing-xxl) 0;margin:0}.seller-page-header-text{font-size:var(--seller-font-title);font-weight:var(--seller-font-normal);color:var(--seller-text-primary)}.seller-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--seller-spacing-lg);margin-bottom:var(--seller-spacing-xxl)}.seller-stat-card{background:var(--seller-bg-white);border-radius:var(--seller-radius-lg);padding:var(--seller-spacing-xl);display:flex;align-items:center;gap:var(--seller-spacing-lg);box-shadow:var(--seller-shadow-md)}.seller-stat-icon{width:var(--seller-stat-icon-size);height:var(--seller-stat-icon-size);border-radius:var(--seller-radius-lg);display:flex;align-items:center;justify-content:center;font-size:24px;color:#fff;flex-shrink:0}.seller-stat-icon.primary{background:var(--seller-gradient-primary)}.seller-stat-icon.success{background:var(--seller-gradient-success)}.seller-stat-icon.warning{background:var(--seller-gradient-warning)}.seller-stat-icon.info{background:var(--seller-gradient-info)}.seller-stat-icon.danger{background:var(--seller-gradient-danger)}.seller-stat-label{font-size:var(--seller-font-base);color:var(--seller-text-secondary);margin-bottom:var(--seller-spacing-xs)}.seller-stat-value{font-size:var(--seller-font-xxxl);font-weight:var(--seller-font-bold);color:var(--seller-text-primary)}.seller-table{width:100%;border-collapse:collapse}.seller-table th,.seller-table td{padding:var(--seller-spacing-md) var(--seller-spacing-lg);text-align:left;font-size:var(--seller-font-base);border-bottom:1px solid var(--seller-border-light)}.seller-table th{background:var(--seller-bg-gray);font-weight:var(--seller-font-medium);color:var(--seller-text-secondary)}.seller-table td{color:var(--seller-text-primary)}.seller-table tbody tr:hover{background:var(--seller-bg-gray)}.seller-pagination{display:flex;align-items:center;justify-content:center;gap:var(--seller-spacing-sm);margin-top:var(--seller-spacing-xl);padding:var(--seller-spacing-lg)}.seller-page-btn{min-width:var(--seller-page-btn-size);height:var(--seller-page-btn-size);padding:0 var(--seller-spacing-sm);background:var(--seller-bg-white);border:1px solid var(--seller-border-color);border-radius:var(--seller-radius-sm);cursor:pointer;font-size:var(--seller-font-md);color:var(--seller-text-secondary);display:flex;align-items:center;justify-content:center;transition:all var(--seller-transition-base)}.seller-page-btn:hover:not(:disabled){border-color:var(--seller-primary);color:var(--seller-primary)}.seller-page-btn:disabled{opacity:.3;cursor:not-allowed}.seller-page-btn.active{background:var(--seller-primary);color:var(--seller-bg-white);border-color:var(--seller-primary)}.seller-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--seller-spacing-xl);text-align:center;color:var(--seller-text-muted)}.seller-empty-state i{font-size:var(--seller-empty-icon-size);color:#e0e0e0;margin-bottom:var(--seller-spacing-lg)}.seller-empty-state p{margin:0;font-size:var(--seller-font-md)}.seller-loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px var(--seller-spacing-xl);text-align:center;color:var(--seller-text-muted)}.seller-spinner{width:var(--seller-spinner-size);height:var(--seller-spinner-size);margin-bottom:var(--seller-spacing-lg);border:3px solid var(--seller-border-light);border-top-color:var(--seller-primary);border-radius:var(--seller-radius-round);animation:seller-spin 1s linear infinite}@keyframes seller-spin{to{transform:rotate(360deg)}}.seller-loading-state p{margin:0;font-size:var(--seller-font-md)}.seller-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--seller-spacing-sm);padding:var(--seller-spacing-sm) var(--seller-spacing-lg);border-radius:var(--seller-radius-sm);font-size:var(--seller-font-base);font-weight:var(--seller-font-medium);cursor:pointer;transition:all var(--seller-transition-base);border:1px solid transparent}.seller-btn-primary{background:var(--seller-primary);color:var(--seller-bg-white)}.seller-btn-primary:hover{background:var(--seller-primary-hover)}.seller-btn-secondary{background:var(--seller-bg-white);color:var(--seller-text-secondary);border-color:var(--seller-border-color)}.seller-btn-secondary:hover{border-color:var(--seller-primary);color:var(--seller-primary)}.seller-btn:disabled{opacity:.5;cursor:not-allowed}.seller-status-tag{display:inline-block;padding:3px 10px;border-radius:var(--seller-radius-pill);font-size:var(--seller-font-sm);font-weight:var(--seller-font-medium)}.seller-status-tag.active,.seller-status-tag.success,.seller-status-tag.completed{background:var(--seller-success-light);color:var(--seller-success)}.seller-status-tag.pending,.seller-status-tag.warning,.seller-status-tag.processing{background:var(--seller-warning-light);color:var(--seller-warning)}.seller-status-tag.inactive,.seller-status-tag.failed,.seller-status-tag.cancelled{background:var(--seller-bg-light);color:var(--seller-text-muted)}.seller-status-tag.danger,.seller-status-tag.voided{background:var(--seller-danger-light);color:var(--seller-danger)}.seller-card{background:var(--seller-bg-white);border-radius:var(--seller-radius-lg);box-shadow:var(--seller-shadow-md);overflow:hidden}.seller-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--seller-spacing-lg) var(--seller-spacing-xl);border-bottom:1px solid var(--seller-border-light)}.seller-card-header h2{font-size:var(--seller-font-lg);font-weight:var(--seller-font-semibold);color:var(--seller-text-primary);margin:0}@media(max-width:768px){.seller-page-header{display:none!important}.seller-stats-grid{grid-template-columns:1fr 1fr;gap:10px;margin:0 12px 12px}.seller-stat-card{padding:var(--seller-spacing-lg);flex-direction:column;text-align:center;gap:var(--seller-spacing-sm)}.seller-stat-icon{width:48px;height:48px;font-size:20px}.seller-stat-value{font-size:var(--seller-font-xl)}.seller-stat-label{font-size:var(--seller-font-sm)}.seller-pagination{flex-wrap:wrap;gap:6px}.seller-page-btn{width:36px;height:36px}}@media(max-width:480px){.seller-stat-icon{width:40px;height:40px;font-size:18px;border-radius:var(--seller-radius-md)}.seller-stat-value{font-size:var(--seller-font-lg)}.seller-stat-label{font-size:var(--seller-font-xs)}}.seller-main-tabs{display:flex;align-items:center;background:var(--seller-bg-white);border-bottom:1px solid var(--seller-border-light);padding:0 var(--seller-spacing-xl);gap:0}.seller-main-tabs .tabs-left{display:flex;align-items:center;flex:1}.seller-main-tabs .tabs-right{display:flex;align-items:center;gap:var(--seller-spacing-md)}.seller-main-tab{position:relative;padding:var(--seller-spacing-lg) var(--seller-spacing-xxl);background:none;border:none;font-size:var(--seller-font-md);color:var(--seller-text-muted);cursor:pointer;transition:color var(--seller-transition-base);border-bottom:2px solid transparent;margin-bottom:-1px;white-space:nowrap}.seller-main-tab:hover{color:var(--seller-primary)}.seller-main-tab.active{color:var(--seller-primary);border-bottom-color:var(--seller-primary);font-weight:var(--seller-font-medium)}.seller-main-tab .tab-count{margin-left:var(--seller-spacing-xs);padding:2px 6px;background:var(--seller-danger);color:var(--seller-bg-white);border-radius:var(--seller-radius-pill);font-size:var(--seller-font-xs);font-weight:var(--seller-font-medium)}.seller-filter-section{background:var(--seller-bg-white);padding:var(--seller-spacing-lg) var(--seller-spacing-xl);border-bottom:1px solid var(--seller-border-light)}.seller-filter-row{display:flex;align-items:center;gap:var(--seller-spacing-lg);margin-bottom:var(--seller-spacing-md)}.seller-filter-row:last-child{margin-bottom:0}.seller-filter-label{font-size:var(--seller-font-base);color:var(--seller-text-secondary);white-space:nowrap;min-width:80px}.seller-filter-buttons{display:flex;flex-wrap:wrap;gap:var(--seller-spacing-sm)}.seller-filter-btn{padding:6px 14px;background:var(--seller-bg-white);border:1px solid var(--seller-border-color);border-radius:var(--seller-radius-sm);font-size:var(--seller-font-base);color:var(--seller-text-secondary);cursor:pointer;transition:all var(--seller-transition-base)}.seller-filter-btn:hover{border-color:var(--seller-primary);color:var(--seller-primary)}.seller-filter-btn.active{background:var(--seller-primary-light);border-color:var(--seller-primary);color:var(--seller-primary)}.seller-search-row{display:flex;align-items:center;gap:var(--seller-spacing-md);flex-wrap:wrap}.seller-search-input{flex:1;min-width:200px;max-width:400px;padding:8px 12px;border:1px solid var(--seller-border-color);border-radius:var(--seller-radius-sm);font-size:var(--seller-font-base);color:var(--seller-text-primary);transition:border-color var(--seller-transition-base)}.seller-search-input:focus{outline:none;border-color:var(--seller-primary)}.seller-search-input::placeholder{color:var(--seller-text-placeholder)}.seller-native-select{padding:8px 32px 8px 12px;border:1px solid var(--seller-border-color);border-radius:var(--seller-radius-sm);font-size:var(--seller-font-base);color:var(--seller-text-primary);background:var(--seller-bg-white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 8L1 3h10z'/%3E%3C/svg%3E") no-repeat right 10px center;appearance:none;cursor:pointer;min-width:120px}.seller-native-select:focus{outline:none;border-color:var(--seller-primary)}.seller-search-btn{padding:8px 24px;background:var(--seller-primary);color:var(--seller-bg-white);border:none;border-radius:var(--seller-radius-sm);font-size:var(--seller-font-base);font-weight:var(--seller-font-medium);cursor:pointer;transition:background var(--seller-transition-base)}.seller-search-btn:hover{background:var(--seller-primary-hover)}.seller-reset-btn{padding:8px 24px;background:var(--seller-bg-white);color:var(--seller-text-secondary);border:1px solid var(--seller-border-color);border-radius:var(--seller-radius-sm);font-size:var(--seller-font-base);cursor:pointer;transition:all var(--seller-transition-base)}.seller-reset-btn:hover{border-color:var(--seller-primary);color:var(--seller-primary)}.seller-list-container{background:var(--seller-bg-white);padding:var(--seller-spacing-xl) var(--seller-spacing-xxxl)}.seller-list-header-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--seller-spacing-lg);padding-bottom:var(--seller-spacing-md);border-bottom:1px solid var(--seller-border-light)}.seller-list-header-bar .order-count{font-size:var(--seller-font-md);color:var(--seller-text-secondary)}.seller-list-header-bar .header-right{display:flex;align-items:center;gap:var(--seller-spacing-md)}.seller-batch-btn{padding:8px 20px;background:var(--seller-primary);color:var(--seller-bg-white);border:none;border-radius:var(--seller-radius-sm);font-size:var(--seller-font-base);font-weight:var(--seller-font-medium);cursor:pointer;transition:background var(--seller-transition-base)}.seller-batch-btn:hover:not(:disabled){background:var(--seller-primary-hover)}.seller-batch-btn:disabled{opacity:.5;cursor:not-allowed}.seller-table-header{display:grid;padding:14px 24px;background:var(--seller-bg-gray);border-radius:var(--seller-radius-md) var(--seller-radius-md) 0 0;font-size:var(--seller-font-base);font-weight:var(--seller-font-medium);color:var(--seller-text-secondary)}.seller-order-table{background:var(--seller-bg-white);border-radius:var(--seller-radius-md);overflow:hidden}.seller-order-item{border:1px solid var(--seller-border-light);border-radius:var(--seller-radius-md);margin-bottom:var(--seller-spacing-md);overflow:hidden}.seller-order-header{display:flex;align-items:center;gap:var(--seller-spacing-md);padding:var(--seller-spacing-md) var(--seller-spacing-lg);background:var(--seller-bg-gray);font-size:var(--seller-font-sm);color:var(--seller-text-secondary)}.seller-order-body{display:grid;padding:var(--seller-spacing-lg) var(--seller-spacing-xxl);align-items:center}.seller-filter-mobile{display:none;padding:var(--seller-spacing-md);background:var(--seller-bg-white)}.seller-filter-mobile .mobile-top-row{display:flex;gap:var(--seller-spacing-sm)}.seller-filter-mobile .mobile-search-wrapper{flex:1;position:relative}.seller-filter-mobile .mobile-search-wrapper .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--seller-text-muted);font-size:var(--seller-font-md)}.seller-filter-mobile .mobile-search-input{width:100%;padding:10px 12px 10px 36px;border:1px solid var(--seller-border-color);border-radius:var(--seller-radius-sm);font-size:var(--seller-font-md)}.seller-filter-mobile .mobile-filter-toggle{display:flex;align-items:center;gap:var(--seller-spacing-xs);padding:10px 14px;background:var(--seller-bg-white);border:1px solid var(--seller-border-color);border-radius:var(--seller-radius-sm);font-size:var(--seller-font-md);color:var(--seller-text-secondary);cursor:pointer}.seller-filter-mobile .mobile-select{flex:1;padding:8px 10px;border:1px solid var(--seller-border-color);border-radius:var(--seller-radius-sm);font-size:var(--seller-font-sm);color:var(--seller-text-primary)}@media(max-width:768px){.seller-main-tabs{padding:0 var(--seller-spacing-md);overflow-x:auto;-webkit-overflow-scrolling:touch}.seller-main-tab{padding:var(--seller-spacing-md) var(--seller-spacing-lg);font-size:var(--seller-font-base)}.seller-filter-section{display:none}.seller-filter-mobile{display:block}.seller-list-container{padding:var(--seller-spacing-md)}.seller-table-header{display:none}}