*{box-sizing:border-box}body{margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh;color:#1a202c}.SB_dashboard{min-height:100vh;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:24px}.SB_dashboard-header{text-align:center;margin-bottom:40px;color:#1a202c}.SB_dashboard-title{font-size:2.5rem;font-weight:700;margin:0 0 8px;background:linear-gradient(45deg,#1a202c,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.SB_dashboard-subtitle{font-size:1.125rem;opacity:.8;margin:0;font-weight:400;color:#64748b}.SB_stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin-bottom:40px}.SB_stat-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.8);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.SB_stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.SB_stat-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px #0000001f}.SB_stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:16px}.SB_stat-icon.total{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.SB_stat-icon.active{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.SB_stat-icon.inactive{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.SB_stat-icon.stagnant{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.SB_stat-value{font-size:3rem;font-weight:700;margin:0 0 8px;color:#1a202c}.SB_stat-label{font-size:.875rem;font-weight:500;color:#64748b;margin:0 0 4px;text-transform:uppercase;letter-spacing:.5px}.SB_stat-desc{font-size:.75rem;color:#94a3b8;margin:0}.SB_content-grid{display:grid;grid-template-columns:1fr;gap:32px}@media(min-width:1024px){.SB_content-grid{grid-template-columns:1fr 1fr}}.SB_section{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:32px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.8)}.SB_section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f1f5f9}.SB_section-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0}.SB_section-action{display:flex;gap:12px}.SB_table{width:100%;border-collapse:collapse;margin:0}.SB_table th{text-align:left;padding:16px 12px;font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.5px;border-bottom:2px solid #f1f5f9}.SB_table td{padding:16px 12px;border-bottom:1px solid #f1f5f9;vertical-align:middle}.SB_table tbody tr:hover{background:#f8fafc}.SB_status-badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:20px;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.SB_status-badge.active{background:#dcfce7;color:#166534}.SB_status-badge.inactive{background:#fef3c7;color:#92400e}.SB_stagnant-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:#fef2f2;color:#dc2626;border-radius:12px;font-size:.75rem;font-weight:500}.SB_empty-state{text-align:center;padding:64px 32px;background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;box-shadow:0 8px 32px #00000014;border:1px solid rgba(255,255,255,.8)}.SB_empty-icon{font-size:4rem;margin-bottom:24px;opacity:.6}.SB_empty-title{font-size:1.5rem;font-weight:600;color:#1a202c;margin:0 0 8px}.SB_empty-description{font-size:1rem;color:#64748b;max-width:400px;margin:0 auto 32px}.SB_page{padding:24px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}.SB_header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.1)}.SB_headerTitle{font-size:2rem;font-weight:700;color:#1a202c;margin:0;background:linear-gradient(45deg,#1a202c,#64748b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.SB_backButton{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:12px;color:#1a202c;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;transition:all .3s ease}.SB_backButton:hover{background:#ffffffe6;transform:translate(-2px)}.SB_card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.8);border-radius:20px;padding:32px;margin-bottom:24px;box-shadow:0 8px 32px #00000014;transition:all .3s cubic-bezier(.4,0,.2,1)}.SB_card:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000001a}.SB_cardTitle{font-size:1.25rem;font-weight:600;color:#1a202c;margin:0 0 24px;display:flex;align-items:center;gap:12px}.SB_cardTitle:before{content:"";width:4px;height:24px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:2px}.SB_formGroup{margin-bottom:24px}.SB_label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.SB_input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:.875rem;background:#fff;color:#1a202c;transition:all .3s ease;font-family:inherit}.SB_input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.SB_input.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.SB_discountRow{display:flex;gap:16px;align-items:flex-end}.SB_discountType{flex-shrink:0;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#1a202c;font-size:.875rem;font-family:inherit;transition:all .3s ease;cursor:pointer}.SB_discountType:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.SB_discountValue{flex:1}.SB_error{font-size:.75rem;color:#ef4444;margin-top:6px;display:flex;align-items:center;gap:6px}.SB_error:before{content:"⚠️"}.SB_productPicker{margin-bottom:24px}.SB_selectButton{padding:16px 24px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:12px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px #3b82f64d}.SB_selectButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px #3b82f666}.SB_selectButton:before{content:"+";font-size:1.25rem;font-weight:700}.SB_productList{margin-top:20px}.SB_productListHeader{font-size:.875rem;font-weight:600;color:#374151;margin:0 0 16px;display:flex;align-items:center;gap:8px}.SB_productListHeader:before{content:"📦"}.SB_productItem{display:flex;align-items:center;gap:16px;padding:16px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:12px;transition:all .3s ease;position:relative}.SB_productItem:hover{background:#fff;border-color:#3b82f6;transform:translate(4px);box-shadow:0 4px 12px #0000000d}.SB_productImage{width:56px;height:56px;border-radius:10px;object-fit:cover;flex-shrink:0;border:2px solid #e2e8f0}.SB_productInfo{flex:1}.SB_productTitle{font-size:.875rem;font-weight:600;color:#1a202c;margin:0 0 6px;line-height:1.4}.SB_productMeta{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.SB_stagnantBadge{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:12px;font-size:.75rem;font-weight:500}.SB_removeButton{padding:8px 12px;background:#ef4444;color:#fff;border:none;border-radius:8px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.SB_removeButton:hover{background:#dc2626;transform:scale(1.05)}.SB_removeButton:before{content:"×";font-size:1rem;font-weight:700}.SB_actions{display:flex;gap:16px;justify-content:flex-end;padding-top:32px;border-top:1px solid rgba(0,0,0,.1)}.SB_primaryButton{padding:16px 32px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d}.SB_primaryButton:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #10b98166}.SB_primaryButton:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.SB_secondaryButton{padding:16px 32px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1a202c;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:.875rem;font-weight:500;cursor:pointer;text-decoration:none;display:inline-block;text-align:center;transition:all .3s ease}.SB_secondaryButton:hover{background:#ffffffe6;transform:translateY(-1px)}.SB_banner{padding:16px 20px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:12px;margin-bottom:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.SB_banner.error{background:#ef44441a;border-color:#ef444433}.SB_bannerText{color:#ef4444;font-size:.875rem;margin:0;font-weight:500}@media(max-width:768px){.SB_dashboard,.SB_page{padding:16px}.SB_dashboard-title{font-size:2rem}.SB_headerTitle{font-size:1.5rem}.SB_stats-grid{grid-template-columns:1fr;gap:16px}.SB_content-grid{grid-template-columns:1fr}.SB_discountRow{flex-direction:column;gap:12px}.SB_discountType{width:100%}.SB_actions{flex-direction:column}.SB_primaryButton,.SB_secondaryButton{width:100%}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.SB_stat-card,.SB_card,.SB_section{animation:fadeInUp .6s ease-out}.SB_stat-card:nth-child(1){animation-delay:.1s}.SB_stat-card:nth-child(2){animation-delay:.2s}.SB_stat-card:nth-child(3){animation-delay:.3s}.SB_stat-card:nth-child(4){animation-delay:.4s}:root{--primary: #10B981;--primary-hover: #059669;--primary-light: #D1FAE5;--primary-dark: #047857;--secondary: #3B82F6;--secondary-hover: #2563EB;--secondary-light: #DBEAFE;--background: #F9FAFB;--background-section: #F3F4F6;--card: #FFFFFF;--hover-bg: #F1F5F9;--text-primary: #111827;--text-secondary: #6B7280;--text-muted: #9CA3AF;--text-inverted: #FFFFFF;--border: #E5E7EB;--border-strong: #D1D5DB;--divider: #F3F4F6;--accent: #F59E0B;--accent-light: #FEF3C7;--accent-dark: #D97706;--success: #10B981;--error: #EF4444;--error-light: #FEE2E2;--warning: #F59E0B;--info: #3B82F6;--shadow-sm: 0 1px 2px rgba(0,0,0,.05);--shadow-md: 0 4px 6px rgba(0,0,0,.08);--sb-admin-gap-sm: 1rem;--sb-admin-gap-md: 1.5rem;--sb-admin-heading-weight: 600}body,.SB_dashboard,.SB_page{background:var(--p-color-bg, #f6f6f7);color:var(--p-color-text, #303030)}.SB_admin_container{display:flex;flex-direction:column;gap:var(--p-space-6, 1.5rem)}.SB_headerActions{align-items:center;display:flex;gap:var(--sb-admin-gap-sm)}.SB_dashboard-title,.SB_headerTitle{color:var(--p-color-text, #303030);font-weight:var(--sb-admin-heading-weight);-webkit-text-fill-color:var(--p-color-text, #303030);background:none}.SB_dashboard-title{font-size:2rem}.SB_headerTitle{font-size:1.75rem}.SB_cardTitle,.SB_section-title{color:var(--p-color-text, #303030);font-weight:var(--sb-admin-heading-weight)}.SB_section-note{color:var(--p-color-text-subdued, #616161);font-size:.875rem;margin:.5rem 0 0}.SB_bundleTitle{color:var(--p-color-text, #303030);font-size:.875rem;font-weight:600}.SB_bundleMeta{color:var(--p-color-text-subdued, #616161);font-size:.75rem;margin-top:.25rem}.SB_requiredMark{color:var(--p-color-text-critical, #8e1f0b)}.SB_bannerInline{margin-top:.75rem}.SB_productListTitle{color:var(--p-color-text, #303030);font-size:.875rem;font-weight:600;margin:0 0 .75rem}.SB_card{background:var(--p-color-bg-surface, #ffffff);border:.0625rem solid var(--p-color-border, #d9d9d9);border-radius:.75rem;box-shadow:none;margin-bottom:var(--sb-admin-gap-md);padding:var(--sb-admin-gap-md)}.SB_card:hover,.SB_stat-card:hover{box-shadow:none;transform:none}.SB_stat-card,.SB_section,.SB_empty-state{background:var(--p-color-bg-surface, #ffffff);border:.0625rem solid var(--p-color-border, #d9d9d9);border-radius:.75rem;box-shadow:none}.SB_formGroup{margin-bottom:var(--p-space-4, 1rem)}.SB_discountRow{align-items:stretch;gap:var(--sb-admin-gap-sm)}.SB_input,.SB_discountType,.SB_selectButton,.SB_primaryButton,.SB_secondaryButton,.SB_removeButton{border-radius:.5rem}.SB_selectButton{background:var(--p-color-bg-fill-brand, #005bd3);box-shadow:none}.SB_selectButton:hover{background:color-mix(in srgb,var(--p-color-bg-fill-brand, #005bd3) 92%,black);transform:none}.SB_primaryButton{background:var(--p-color-bg-fill-brand, #005bd3);box-shadow:none}.SB_primaryButton:hover:not(:disabled){background:color-mix(in srgb,var(--p-color-bg-fill-brand, #005bd3) 92%,black);transform:none}.SB_secondaryButton{background:var(--p-color-bg-surface, #ffffff);border:.0625rem solid var(--p-color-border, #d9d9d9);color:var(--p-color-text, #303030)}.SB_secondaryButton:hover{background:var(--p-color-bg-surface-hover, #f1f1f1);transform:none}.SB_banner{background:var(--p-color-bg-surface-critical-subdued, #fbeae5);border:.0625rem solid var(--p-color-border-critical, #e4a69a)}.SB_bannerText{color:var(--p-color-text-critical, #8e1f0b)}.SB_actions{border-top:.0625rem solid var(--p-color-border, #d9d9d9);gap:var(--sb-admin-gap-sm);padding-top:var(--sb-admin-gap-md)}.SB_table .SB_actions{border-top:0;padding-top:0}.SB_product_row{align-items:center;display:grid;gap:var(--p-space-4, 1rem);grid-template-columns:3.5rem minmax(0,1fr) auto}.SB_empty_state_wrapper{background:var(--p-color-bg-surface, #ffffff);border:.0625rem solid var(--p-color-border, #d9d9d9);border-radius:.75rem;padding:var(--p-space-6, 1.5rem)}.SB_error_boundary{margin-top:var(--p-space-8, 2rem)}.SB_analytics_section{background:var(--p-color-bg-surface, #ffffff);border:.0625rem solid var(--p-color-border, #d9d9d9);border-radius:.75rem;padding:var(--p-space-5, 1.25rem)}.SB_analytics_header{align-items:baseline;display:flex;justify-content:space-between;gap:var(--p-space-3, .75rem);margin-bottom:var(--p-space-4, 1rem)}.SB_analytics_grid{display:grid;gap:var(--p-space-4, 1rem);grid-template-columns:repeat(3,minmax(0,1fr))}.SB_stat-card--analytics{background:var(--p-color-bg-surface-secondary, #f6f6f7);border:.0625rem solid var(--p-color-border-secondary, #e3e3e3);padding:var(--p-space-4, 1rem)}.SB_stat_value{color:var(--p-color-text-success, #0c5132);font-weight:700}@media(max-width:64rem){.SB_analytics_grid{grid-template-columns:1fr}.SB_analytics_header{align-items:flex-start;flex-direction:column}}.SB_trendChart{border:.0625rem solid var(--p-color-border-secondary, #e3e3e3);border-radius:.75rem;padding:var(--p-space-5, 1.25rem);background:var(--p-color-bg-surface, #ffffff)}.SB_trendChartSvg{width:100%;height:auto;display:block}.SB_trendChartGrid{fill:none;stroke:#181d2724;stroke-width:2;stroke-linecap:round}.SB_trendChartLine{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.SB_trendChartLine--total{stroke:#1f29378c}.SB_trendChartLine--bundle{stroke:#ae5d2d}.SB_trendChartLegend{display:flex;gap:var(--p-space-4, 1rem);margin-top:var(--p-space-4, 1rem);flex-wrap:wrap}.SB_legendItem{display:inline-flex;align-items:center;gap:var(--p-space-2, .5rem);font-size:.85rem;color:#1f2937d9;font-weight:600}.SB_legendSwatch{width:.75rem;height:.75rem;border-radius:999px;display:inline-block}.SB_legendSwatch.total{background:#1f29378c}.SB_legendSwatch.bundle{background:#ae5d2d}.SB_chartEmpty{border:.0625rem dashed rgba(24,29,39,.18);border-radius:.75rem;padding:var(--p-space-5, 1.25rem);background:var(--p-color-bg-surface-secondary, #f6f6f7)}body,.SB_dashboard,.SB_page{background:var(--background);color:var(--text-primary)}.SB_admin_container{gap:1.5rem}.SB_section,.SB_analytics_section,.SB_stat-card,.SB_empty-state,.SB_empty_state_wrapper,.SB_card{background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.SB_section-header{border-bottom:1px solid var(--divider)}.SB_section-title,.SB_dashboard-title,.SB_headerTitle,.SB_empty-title,.SB_bundleTitle{color:var(--text-primary)}.SB_dashboard-subtitle,.SB_section-note,.SB_empty-description,.SB_bundleMeta,.SB_stat-label{color:var(--text-secondary)}.SB_stat-desc{color:var(--text-muted)}.SB_uiButton{align-items:center;border-radius:.5rem;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;line-height:1.2;min-height:2.5rem;padding:.625rem 1rem;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.SB_uiButton--primary{background:var(--primary);border:1px solid var(--primary);color:var(--text-inverted)}.SB_uiButton--primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.SB_uiButton--secondary{background:transparent;border:1px solid var(--border);color:var(--text-primary)}.SB_uiButton--secondary:hover:not(:disabled){background:var(--hover-bg)}.SB_uiButton--ghost{background:transparent;border:1px solid transparent;color:var(--secondary)}.SB_uiButton--ghost:hover:not(:disabled){background:var(--secondary-light);color:var(--secondary-hover)}.SB_uiButton:disabled{color:var(--text-muted);cursor:not-allowed}.SB_uiCard{background:var(--card);border:1px solid var(--border);border-radius:.75rem;box-shadow:var(--shadow-sm)}.SB_uiCard:hover{background:var(--hover-bg)}.SB_uiInput{background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;min-height:2.5rem;padding:.625rem .75rem;width:100%}.SB_uiInput:focus{border-color:var(--secondary);outline:none}.SB_uiInput--error{border-color:var(--error)}.SB_uiBadge{border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1;padding:.375rem .625rem}.SB_uiBadge--success{background:var(--primary-light);color:var(--primary-dark)}.SB_uiBadge--discount{background:var(--accent-light);color:var(--accent-dark)}.SB_uiBadge--inactive{background:var(--divider);color:var(--text-muted)}.SB_uiTable{border-collapse:collapse;width:100%}.SB_uiTable th{background:var(--background-section);border-bottom:1px solid var(--border);color:var(--text-secondary)}.SB_uiTable td{border-bottom:1px solid var(--border);color:var(--text-primary)}.SB_uiTable tbody tr:hover{background:var(--hover-bg)}.SB_uiNotification{border-radius:.75rem;color:var(--text-inverted);padding:.875rem 1rem}.SB_uiNotification .SB_bannerText{color:inherit}.SB_uiNotification--success{background:var(--success)}.SB_uiNotification--error{background:var(--error)}.SB_uiNotification--warning{background:var(--warning)}.SB_uiNotification--info{background:var(--info)}
