@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";.lang-switcher{position:relative}.lang-switcher-trigger{display:flex;align-items:center;gap:.375rem;padding:.375rem .625rem;border:1px solid var(--border, #e2e8f0);border-radius:var(--radius, .5rem);background:transparent;color:inherit;font-size:.8125rem;cursor:pointer;transition:all .15s;white-space:nowrap}.lang-switcher-trigger:hover{background:var(--gray-50, #f8fafc);border-color:var(--gray-300, #cbd5e1)}.lang-current{font-weight:500}.lang-chevron{opacity:.5}.lang-backdrop{position:fixed;inset:0;z-index:999}.lang-menu{position:absolute;right:0;top:calc(100% + 4px);z-index:1000;min-width:180px;background:var(--surface, #fff);border:1px solid var(--border, #e2e8f0);border-radius:var(--radius, .5rem);box-shadow:0 8px 24px #0000001f;list-style:none;padding:.25rem;margin:0}.lang-option{display:flex;align-items:center;gap:.5rem;width:100%;padding:.5rem .75rem;border:none;border-radius:calc(var(--radius, .5rem) - 2px);background:transparent;font-size:.8125rem;cursor:pointer;transition:background .15s;color:inherit;text-align:left}.lang-option:hover{background:var(--gray-50, #f8fafc)}.lang-option.active{background:var(--primary-50, #eff6ff);color:var(--primary, #3b82f6);font-weight:500}.lang-option-native{font-weight:500}.lang-option-name{font-size:.75rem;opacity:.6}.lang-inline{display:flex;gap:.25rem;padding:.125rem;background:var(--gray-100, #f1f5f9);border-radius:var(--radius, .5rem)}.lang-inline-btn{padding:.25rem .5rem;border:none;border-radius:calc(var(--radius, .5rem) - 2px);background:transparent;font-size:.75rem;font-weight:600;cursor:pointer;color:var(--gray-500, #64748b);transition:all .15s}.lang-inline-btn:hover{color:var(--gray-700, #334155)}.lang-inline-btn.active{background:#fff;color:var(--primary, #3b82f6);box-shadow:0 1px 3px #00000014}.trans-tabs{border:1px solid var(--border, #e2e8f0);border-radius:var(--radius, .5rem);overflow:hidden;margin-top:1rem}.trans-header{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--gray-50, #f8fafc);border-bottom:1px solid var(--border, #e2e8f0);font-size:.875rem;font-weight:600;color:var(--gray-700, #334155)}.trans-tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border, #e2e8f0);background:var(--gray-50, #f8fafc)}.trans-tab{padding:.5rem 1rem;border:none;border-bottom:2px solid transparent;background:transparent;font-size:.8125rem;font-weight:500;cursor:pointer;color:var(--gray-500, #64748b);transition:all .15s}.trans-tab:hover{color:var(--gray-700, #334155);background:var(--gray-100, #f1f5f9)}.trans-tab.active{color:var(--primary, #3b82f6);border-bottom-color:var(--primary, #3b82f6);background:#fff}.trans-fields{padding:1rem;display:flex;flex-direction:column;gap:.75rem}.trans-field{display:flex;flex-direction:column;gap:.25rem}.trans-label{font-size:.75rem;font-weight:600;color:var(--gray-600, #475569);text-transform:uppercase;letter-spacing:.025em}.trans-input{padding:.5rem .75rem;border:1px solid var(--border, #e2e8f0);border-radius:calc(var(--radius, .5rem) - 2px);font-size:.875rem;transition:border-color .15s;font-family:inherit;resize:vertical}.trans-input:focus{outline:none;border-color:var(--primary, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.trans-actions{padding:.75rem 1rem;border-top:1px solid var(--border, #e2e8f0);display:flex;justify-content:flex-end}.trans-loading{padding:1rem;text-align:center;color:var(--gray-400, #94a3b8);font-size:.875rem}:root{--sjz-primary: #2463EB;--sjz-primary-hover: #1D4ED8;--sjz-primary-light: rgba(36, 99, 235, .1);--sjz-primary-border: rgba(36, 99, 235, .2);--sjz-success: #16A34A;--sjz-success-light: rgba(22, 163, 74, .1);--sjz-warning: #D97706;--sjz-warning-light: rgba(217, 119, 6, .1);--sjz-danger: #DC2626;--sjz-danger-light: rgba(220, 38, 38, .1);--sjz-slate-50: #F8FAFC;--sjz-slate-100: #F1F5F9;--sjz-slate-200: #E2E8F0;--sjz-slate-300: #CBD5E1;--sjz-slate-400: #94A3B8;--sjz-slate-500: #64748B;--sjz-slate-600: #475569;--sjz-slate-700: #334155;--sjz-slate-800: #1E293B;--sjz-slate-900: #0F172A;--sjz-bg-app: var(--sjz-slate-50);--sjz-bg-surface: #FFFFFF;--sjz-bg-sidebar: var(--sjz-slate-900);--sjz-border: var(--sjz-slate-200);--sjz-border-subtle: var(--sjz-slate-100);--sjz-text-primary: var(--sjz-slate-900);--sjz-text-secondary: var(--sjz-slate-500);--sjz-text-muted: var(--sjz-slate-400);--sjz-text-on-dark: #FFFFFF;--sjz-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--sjz-text-display: 1.875rem;--sjz-text-h1: 1.5rem;--sjz-text-h2: 1.25rem;--sjz-text-h3: 1.125rem;--sjz-text-body: 1rem;--sjz-text-body-sm: .875rem;--sjz-text-caption: .75rem;--sjz-text-label: .75rem;--sjz-space-1: .25rem;--sjz-space-2: .5rem;--sjz-space-3: .75rem;--sjz-space-4: 1rem;--sjz-space-5: 1.25rem;--sjz-space-6: 1.5rem;--sjz-space-8: 2rem;--sjz-space-10: 2.5rem;--sjz-space-12: 3rem;--sjz-radius-sm: .375rem;--sjz-radius-md: .5rem;--sjz-radius-lg: .75rem;--sjz-radius-xl: 1rem;--sjz-radius-2xl: 1.5rem;--sjz-radius-full: 9999px;--sjz-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--sjz-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--sjz-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--sjz-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--sjz-shadow-blue: 0 0 24px rgba(36, 99, 235, .25);--sjz-sidebar-width: 260px;--sjz-topbar-height: 64px;--sjz-content-max-width: 1400px;--sjz-trans-fast: .15s ease;--sjz-trans-base: .2s ease;--sjz-trans-slow: .3s ease;--sjz-z-sidebar: 40;--sjz-z-topbar: 50;--sjz-z-dropdown: 100;--sjz-z-modal: 200;--sjz-z-toast: 300;--sjz-status-pending-bg: #FFF7ED;--sjz-status-pending-text: #9A3412;--sjz-status-pending-border: rgba(234, 88, 12, .1);--sjz-status-confirmed-bg: #EFF6FF;--sjz-status-confirmed-text: #1D4ED8;--sjz-status-confirmed-border: rgba(37, 99, 235, .1);--sjz-status-shipping-bg: #EEF2FF;--sjz-status-shipping-text: #4338CA;--sjz-status-shipping-border: rgba(99, 102, 241, .1);--sjz-status-completed-bg: #F0FDF4;--sjz-status-completed-text: #15803D;--sjz-status-completed-border: rgba(22, 163, 74, .2);--sjz-status-cancelled-bg: #FEF2F2;--sjz-status-cancelled-text: #B91C1C;--sjz-status-cancelled-border: rgba(220, 38, 38, .1);--sjz-status-trial-bg: #FAF5FF;--sjz-status-trial-text: #7E22CE;--sjz-status-trial-border: rgba(147, 51, 234, .1)}:root{--color-bg: var(--sjz-slate-50);--color-bg-card: #ffffff;--color-bg-elevated: #ffffff;--color-bg-hover: var(--sjz-slate-100);--color-border: var(--sjz-slate-200);--color-border-subtle: var(--sjz-slate-100);--color-accent: var(--sjz-primary);--color-accent-light: rgba(36, 99, 235, .08);--color-accent-hover: var(--sjz-primary-hover);--color-accent-50: rgba(36, 99, 235, .05);--color-accent-100: rgba(36, 99, 235, .1);--color-text-primary: var(--sjz-slate-900);--color-text-secondary: var(--sjz-slate-600);--color-text-muted: var(--sjz-slate-400);--color-text-inverse: #ffffff;--color-success: var(--sjz-success);--color-success-50: var(--sjz-success-light);--color-warning: var(--sjz-warning);--color-warning-50: var(--sjz-warning-light);--color-error: var(--sjz-danger);--color-error-50: var(--sjz-danger-light);--color-info: #3b82f6;--color-info-50: rgba(59, 130, 246, .1);--color-sf-accent: #f97316;--color-sf-accent-hover: #ea6c0a;--font-sans: var(--sjz-font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace;--space-1: var(--sjz-space-1);--space-2: var(--sjz-space-2);--space-3: var(--sjz-space-3);--space-4: var(--sjz-space-4);--space-5: var(--sjz-space-5);--space-6: var(--sjz-space-6);--space-8: var(--sjz-space-8);--space-10: var(--sjz-space-10);--space-12: var(--sjz-space-12);--space-16: 4rem;--radius-sm: var(--sjz-radius-sm);--radius-md: var(--sjz-radius-md);--radius-lg: var(--sjz-radius-lg);--radius-xl: var(--sjz-radius-xl);--radius-full: var(--sjz-radius-full);--shadow-sm: var(--sjz-shadow-sm);--shadow-md: var(--sjz-shadow-md);--shadow-lg: var(--sjz-shadow-lg);--shadow-glow: var(--sjz-shadow-blue);--trans-fast: var(--sjz-trans-fast);--trans-base: var(--sjz-trans-base);--trans-slow: var(--sjz-trans-slow);--z-dropdown: var(--sjz-z-dropdown);--z-modal: var(--sjz-z-modal);--z-toast: var(--sjz-z-toast)}[data-admin-theme=dark]{--color-bg: #0d0d0f;--color-bg-card: #161618;--color-bg-elevated: #1e1e21;--color-bg-hover: #252528;--color-border: #2a2a2e;--color-border-subtle: #1f1f23;--color-accent: #5b8def;--color-accent-light: rgba(91, 141, 239, .12);--color-accent-hover: #4a7de0;--color-accent-50: rgba(91, 141, 239, .08);--color-accent-100: rgba(91, 141, 239, .15);--color-text-primary: #f1f1f3;--color-text-secondary: #a0a0aa;--color-text-muted: #6b6b75;--color-text-inverse: #0d0d0f;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .35);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .45);--shadow-glow: 0 0 24px rgba(91, 141, 239, .25)}[data-admin-theme=dark] .admin-main{background:#0d0d0f}[data-admin-theme=dark] .admin-header{background:#161618;border-bottom-color:#2a2a2e}[data-admin-theme=dark] .card,[data-admin-theme=dark] .kpi-card{background:#161618;border-color:#2a2a2e}[data-admin-theme=dark] table thead,[data-admin-theme=dark] table tbody tr:hover{background:#1e1e21}[data-admin-theme=dark] table tbody tr{border-color:#2a2a2e}[data-admin-theme=dark] .dashboard-welcome{background:#161618;border-color:#2a2a2e}[data-admin-theme=dark] .dashboard-action-btn{background:#1e1e21;border-color:#2a2a2e;color:#a0a0aa}[data-admin-theme=dark] .dashboard-action-btn:hover{background:#252528}[data-admin-theme=dark] .dashboard-action-btn--primary{background:#5b8def;color:#fff;border-color:#5b8def}[data-admin-theme=dark] .dashboard-action-btn--primary:hover{background:#4a7de0;color:#fff}[data-admin-theme=dark] .recharts-cartesian-axis-tick text{fill:#6b6b75!important}[data-admin-theme=dark] .recharts-cartesian-grid line{stroke:#2a2a2e!important}[data-admin-theme=dark] .recharts-tooltip-wrapper .recharts-default-tooltip{background:#1e1e21!important;border-color:#2a2a2e!important;color:#f1f1f3!important}[data-admin-theme=dark] .chart-tab-switcher{background:#1e1e21}[data-admin-theme=dark] .chart-tab--active{background:#252528;color:#5b8def;box-shadow:0 1px 3px #0000004d}[data-admin-theme=dark] .activity-feed__item{border-bottom-color:#2a2a2e}[data-admin-theme=dark] input,[data-admin-theme=dark] select,[data-admin-theme=dark] textarea{background:#1e1e21;border-color:#2a2a2e;color:#f1f1f3}[data-admin-theme=dark] input:focus,[data-admin-theme=dark] select:focus,[data-admin-theme=dark] textarea:focus{border-color:#5b8def;box-shadow:0 0 0 3px #5b8def26}.admin-header__theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-hover);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--trans-fast)}.admin-header__theme-toggle:hover{background:var(--color-accent-50);color:var(--color-accent);border-color:var(--color-accent)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}button{cursor:pointer;border:none;background:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.container-sm{max-width:860px;margin:0 auto;padding:0 var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.grid{display:grid}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.25;color:var(--color-text-primary);letter-spacing:-.025em}h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.375rem}h4{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:2rem}.text-muted{color:var(--color-text-secondary)}.text-accent{color:var(--color-accent-light)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;letter-spacing:.01em;transition:all var(--trans-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-elevated);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.btn-danger{background:var(--color-error-50);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:var(--color-error);color:#fff}.btn-sf{background:var(--color-sf-accent);color:#fff}.btn-sf:hover{background:var(--color-sf-accent-hover);transform:translateY(-1px);box-shadow:0 0 24px #f973164d}.btn-sm{padding:var(--space-1) var(--space-3);font-size:.8125rem}.btn-lg{padding:var(--space-3) var(--space-8);font-size:1rem}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm);aspect-ratio:1}.btn:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6)}.card-hover{transition:border-color var(--trans-base),transform var(--trans-base),box-shadow var(--trans-base)}.card-hover:hover{border-color:var(--color-border);transform:translateY(-2px);box-shadow:var(--shadow-md)}.input,input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],textarea,select{width:100%;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;padding:var(--space-2) var(--space-4);transition:border-color var(--trans-fast),box-shadow var(--trans-fast);outline:none;height:2.625rem}.input::placeholder,input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.input:focus,input:focus,textarea:focus,select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-100)}textarea{height:auto;min-height:6rem;resize:vertical}select{appearance:none;cursor:pointer}.input-wrapper{position:relative}.input-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--color-text-muted)}.input-with-icon{padding-left:var(--space-10)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.03em}.badge-accent{background:var(--color-accent-100);color:var(--color-accent-light)}.badge-success{background:var(--color-success-50);color:var(--color-success)}.badge-warning{background:var(--color-warning-50);color:var(--color-warning)}.badge-error{background:var(--color-error-50);color:var(--color-error)}.badge-muted{background:var(--color-bg-elevated);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-active{background:var(--color-success-50);color:var(--color-success)}.badge-info{background:var(--color-info-50);color:var(--color-info)}.badge-hidden{background:var(--color-bg-elevated);color:var(--color-text-muted)}.alert-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.alert-warning{background:var(--color-warning-50);color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.alert-error{background:var(--color-error-50);color:var(--color-error);border:1px solid rgba(239,68,68,.2)}.alert-info{background:var(--color-info-50);color:var(--color-info);border:1px solid rgba(59,130,246,.2)}.card-section-title{font-size:.9375rem;font-weight:600;margin-bottom:var(--space-4);color:var(--color-text-primary);letter-spacing:-.01em}.row-selected{background:var(--color-accent-50)!important}.row-muted{opacity:.55}.btn-full{width:100%}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.pt-0{padding-top:0}.pt-4{padding-top:var(--space-4)}.pt-6{padding-top:var(--space-6)}.pt-8{padding-top:var(--space-8)}.pt-10{padding-top:var(--space-10)}.pb-4{padding-bottom:var(--space-4)}.pb-6{padding-bottom:var(--space-6)}.pb-8{padding-bottom:var(--space-8)}.pb-12{padding-bottom:var(--space-12)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.min-h-60vh{min-height:60vh}.opacity-30{opacity:.3}.opacity-40{opacity:.4}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.sf-page{background:#f9fafb;min-height:100vh}.sf-page-content{padding-top:2.5rem;padding-bottom:3rem}.sf-empty-state{text-align:center;padding:4rem 0}.sf-empty-state__icon{font-size:4rem;margin-bottom:1rem;opacity:.3}.sf-highlight{background:#fef3c7;color:#92400e;padding:0 2px;border-radius:2px}.page-loader{display:flex;align-items:center;justify-content:center;height:60vh}.spinner-sm{width:14px;height:14px;border-width:2px}.page-title{font-size:1.5rem;font-weight:700;line-height:1.3}.page-subtitle{font-size:.875rem;color:var(--color-text-secondary);margin-top:var(--space-1)}.pagination{display:flex;align-items:center;justify-content:flex-end;gap:.25rem;padding:var(--space-4)}.pagination button{min-width:32px;height:32px;padding:0 .5rem;border-radius:var(--radius-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:.875rem;font-weight:500;transition:all var(--trans-fast);cursor:pointer;display:flex;align-items:center;justify-content:center}.pagination button:hover:not(:disabled):not(.active){background:var(--color-bg-hover);border-color:var(--color-accent)}.pagination button.active{background:var(--sjz-primary, var(--color-accent));border-color:var(--sjz-primary, var(--color-accent));color:#fff;font-weight:600}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination-info{font-size:.8125rem;color:var(--color-text-secondary);white-space:nowrap}.stock-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;line-height:1}.stock-badge-low{background:var(--color-warning-50);color:var(--color-warning)}.stock-badge-out{background:var(--color-error-50);color:var(--color-error)}tbody tr:nth-child(2n){background:var(--color-bg-hover, rgba(0, 0, 0, .015))}.form-group{margin-bottom:var(--space-3)}.form-label{display:block;font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);margin-bottom:var(--space-1)}.form-input{width:100%;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.9375rem;padding:var(--space-2) var(--space-4);transition:border-color var(--trans-fast),box-shadow var(--trans-fast);outline:none;height:2.625rem}.form-input:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-100)}.search-bar{position:relative;display:flex;align-items:center}.search-bar .search-bar-icon{position:absolute;left:var(--space-3);color:var(--color-text-muted);font-size:1.125rem;pointer-events:none}.search-bar input{padding-left:var(--space-10);width:100%;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;padding-top:.5rem;padding-bottom:.5rem;padding-right:.75rem;transition:border-color .15s}.search-bar input:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 2px var(--color-accent-100)}.form-group{margin-bottom:1rem}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:.8125rem;font-weight:500;color:#b0b0ba;margin-bottom:.375rem}.form-label.required:after{content:" *";color:#ef4444;font-weight:600}.form-input,input.form-input,textarea.form-input,select.form-input{font-family:inherit}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-group.error .form-input,.form-input.error{border-color:#ef4444;box-shadow:0 0 0 2px #ef444426;animation:formShake .3s ease}.form-group.error .form-label{color:#ef4444}.form-error{display:block;font-size:.75rem;color:#ef4444;margin-top:.25rem;animation:fadeIn .15s ease}@keyframes formShake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.mb-4{margin-bottom:var(--space-4)}.table-wrapper{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.9rem}thead tr{border-bottom:1px solid var(--color-border)}tbody tr{border-bottom:1px solid var(--color-border-subtle);transition:background var(--trans-fast)}tbody tr:hover{background:var(--color-bg-elevated)}th{padding:var(--space-3) var(--space-4);text-align:left;font-size:.75rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}td{padding:var(--space-3) var(--space-4);color:var(--color-text-primary)}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,var(--color-bg-card) 25%,var(--color-bg-elevated) 50%,var(--color-bg-card) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% center}to{background-position:-200% center}}.dropdown{position:absolute;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);min-width:200px;overflow:hidden}.dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--color-text-primary);font-size:.9rem;transition:background var(--trans-fast);cursor:pointer}.dropdown-item:hover{background:var(--color-bg-hover)}.dropdown-divider{border-top:1px solid var(--color-border-subtle);margin:var(--space-1) 0}.modal-overlay{position:fixed;inset:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn .15s ease}.modal{background:var(--color-bg-card, #fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:640px;width:100%;max-height:calc(100vh - 4rem);display:flex;flex-direction:column;box-shadow:0 4px 24px #0000001f,0 1px 3px #00000014;animation:slideUp .2s ease}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--color-border);flex-shrink:0}.modal-title{font-size:1.125rem;font-weight:700;color:var(--color-text-primary)}.modal-body{padding:1.5rem;overflow-y:auto;flex:1}.modal-body .form-group{margin-bottom:1rem}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;margin-bottom:.375rem;display:block}.modal-body .form-input,.modal-body input,.modal-body textarea,.modal-body select{background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-md);padding:.5rem .75rem;width:100%;font-size:.875rem;transition:border-color .15s}.modal-body .form-input:focus,.modal-body input:focus,.modal-body textarea:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px var(--color-accent-100)}.modal-footer{display:flex;justify-content:flex-end;gap:.75rem;padding:1rem 1.5rem;border-top:1px solid var(--color-border);flex-shrink:0}.modal-content{background:var(--color-bg-card, #fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:560px;width:90%;max-height:calc(100vh - 4rem);overflow-y:auto;padding:1.5rem;box-shadow:0 4px 24px #0000001f,0 1px 3px #00000014;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.confirm-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;justify-content:center;padding:var(--space-6);animation:fadeIn .15s ease}.confirm-dialog{background:var(--color-bg-card, #fff);border:1px solid var(--color-border);border-radius:var(--radius-xl);max-width:420px;width:100%;box-shadow:0 20px 60px #0003,0 4px 16px #0000001f,0 0 0 1px #0000000a;animation:confirmPop .25s cubic-bezier(.34,1.56,.64,1);text-align:center;padding:2rem 1.75rem 1.5rem}@keyframes confirmPop{0%{transform:scale(.9) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.confirm-icon{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;animation:iconBounce .4s ease .1s both}@keyframes iconBounce{0%{transform:scale(0)}50%{transform:scale(1.2)}to{transform:scale(1)}}.confirm-content{margin-bottom:1.5rem}.confirm-title{font-size:1.125rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.confirm-message{font-size:.9rem;color:var(--color-text-secondary);line-height:1.5;margin:0 0 .625rem}.confirm-highlight{display:inline;color:var(--color-text-primary);background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:4px;padding:.125rem .5rem;font-weight:600;font-size:.875rem}.confirm-warning{font-size:.8rem;color:var(--color-text-muted);margin:0;font-style:italic}.confirm-actions{display:flex;gap:.75rem}.confirm-cancel-btn{flex:1;background:var(--color-bg-elevated);border:1px solid var(--color-border);color:var(--color-text-primary);border-radius:var(--radius-md);padding:.625rem 1rem;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.confirm-cancel-btn:hover{background:var(--color-bg-hover);border-color:var(--color-border)}.confirm-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.375rem;border:none;border-radius:var(--radius-md);padding:.625rem 1rem;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .15s ease;color:#fff}.confirm-action-btn--danger{background:var(--color-error, #ef4444);box-shadow:0 2px 8px #ef444459}.confirm-action-btn--danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444473;transform:translateY(-1px)}.confirm-action-btn--danger:active{transform:translateY(0);box-shadow:0 1px 4px #ef44444d}.confirm-action-btn--warning{background:var(--color-warning, #f59e0b);box-shadow:0 2px 8px #f59e0b59}.confirm-action-btn--warning:hover{background:#d97706;box-shadow:0 4px 12px #f59e0b73;transform:translateY(-1px)}.confirm-action-btn--info{background:var(--color-accent, #6366f1);box-shadow:0 2px 8px #6366f159}.confirm-action-btn--info:hover{background:#4f46e5;box-shadow:0 4px 12px #6366f173;transform:translateY(-1px)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.divider{border:none;border-top:1px solid var(--color-border-subtle)}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);flex-wrap:wrap;gap:var(--space-3)}.empty-state{text-align:center;padding:var(--space-16) var(--space-4);color:var(--color-text-muted)}.empty-state-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.4}.kpi-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--trans-base),transform var(--trans-base)}.kpi-card:hover{border-color:var(--color-border);transform:translateY(-2px)}.kpi-label{font-size:.8125rem;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:2rem;font-weight:800;letter-spacing:-.03em}.kpi-change{font-size:.8125rem;display:flex;align-items:center;gap:var(--space-1)}.kpi-change.up{color:var(--color-success)}.kpi-change.down{color:var(--color-error)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:.2rem var(--space-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;letter-spacing:.02em;white-space:nowrap}.status-badge--sm{font-size:.6875rem;padding:.125rem var(--space-2)}.status-badge__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.status-badge--pending{background:var(--sjz-status-pending-bg);color:var(--sjz-status-pending-text)}.status-badge--pending .status-badge__dot{background:var(--sjz-status-pending-text)}.status-badge--confirmed{background:var(--sjz-status-confirmed-bg);color:var(--sjz-status-confirmed-text)}.status-badge--confirmed .status-badge__dot{background:var(--sjz-status-confirmed-text)}.status-badge--shipping{background:var(--sjz-status-shipping-bg);color:var(--sjz-status-shipping-text)}.status-badge--shipping .status-badge__dot{background:var(--sjz-status-shipping-text)}.status-badge--completed{background:var(--sjz-status-completed-bg);color:var(--sjz-status-completed-text)}.status-badge--completed .status-badge__dot{background:var(--sjz-status-completed-text)}.status-badge--cancelled{background:var(--sjz-status-cancelled-bg);color:var(--sjz-status-cancelled-text)}.status-badge--cancelled .status-badge__dot{background:var(--sjz-status-cancelled-text)}.status-badge--trial{background:var(--sjz-status-trial-bg);color:var(--sjz-status-trial-text)}.status-badge--trial .status-badge__dot{background:var(--sjz-status-trial-text)}.kpi-card__header{display:flex;align-items:center;justify-content:space-between}.kpi-card__icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent-50);color:var(--color-accent-light);display:flex;align-items:center;justify-content:center;font-size:1.125rem}.sf-bg{background:#fff;color:#1a1a1a}.sf-nav{background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #e5e7eb}.sf-category-pill{display:inline-block;padding:8px 20px;border-radius:9999px;background:#f3f4f6;color:#374151;font-size:.875rem;font-weight:500;transition:all .12s ease;text-decoration:none}.sf-category-pill:hover{background:var(--color-sf-accent);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-6)}.product-card{background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-lg);overflow:hidden;transition:box-shadow var(--trans-base),transform var(--trans-base);cursor:pointer}.product-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-3px)}.product-card-img{aspect-ratio:4/3;background:#f5f5f5;overflow:hidden}.product-card-img img{width:100%;height:100%;object-fit:cover;transition:transform var(--trans-slow)}.product-card:hover .product-card-img img{transform:scale(1.05)}.product-card-body{padding:var(--space-4)}.product-price{font-size:1.1rem;font-weight:700;color:var(--color-sf-accent)}.admin-sidebar{width:260px;min-height:100vh;background:var(--sjz-slate-900);display:flex;flex-direction:column;flex-shrink:0;color:#fffc}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--space-3)}.sidebar-logo__icon{width:36px;height:36px;background:var(--sjz-primary);border-radius:var(--sjz-radius-md);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;font-size:1rem}.sidebar-logo__text{font-weight:800;font-size:1.25rem;letter-spacing:-.04em;color:#fff}.sidebar-logo__text--accent{color:var(--sjz-primary)}.sidebar-section-label{padding:var(--space-4) var(--space-6) var(--space-2);font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff59;border-top:1px solid rgba(255,255,255,.06);margin-top:var(--space-2)}.sidebar-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-6);color:#fff9;font-size:.875rem;font-weight:500;transition:all var(--trans-fast);border-left:3px solid transparent;cursor:pointer}.sidebar-nav-item:hover{color:#fff;background:#ffffff0f}.sidebar-nav-item.active{color:#fff;background:#2463eb26;border-left-color:var(--sjz-primary)}.sidebar-nav-item--disabled{opacity:.4;cursor:default;pointer-events:none}.sidebar-soon-badge{margin-left:auto;font-size:.625rem;font-weight:600;padding:1px 6px;border-radius:var(--radius-full);background:#ffffff1a;color:#ffffff80}.sidebar-footer{padding:var(--space-3) var(--space-4);border-top:1px solid rgba(255,255,255,.08)}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2);margin-bottom:var(--space-1)}.sidebar-user__avatar{width:32px;height:32px;border-radius:50%;background:var(--sjz-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8125rem;flex-shrink:0}.sidebar-user__info{min-width:0}.sidebar-user__name{font-size:.8125rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user__email{font-size:.6875rem;color:#fff6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-header{height:64px;background:var(--color-bg-card);border-bottom:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-8);gap:var(--space-4);flex-shrink:0}.admin-breadcrumb{display:flex;align-items:center;gap:var(--space-1);font-size:.875rem}.admin-breadcrumb__item{color:var(--color-text-secondary)}.admin-breadcrumb__sep{color:var(--color-text-muted);margin:0 var(--space-1)}.admin-breadcrumb__current{color:var(--color-text-primary);font-weight:600}.admin-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.admin-content{flex:1;overflow-y:auto;padding:var(--space-8)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-hint{font-size:.8rem;color:var(--color-text-muted)}.form-error{font-size:.8rem;color:var(--color-error)}.dashboard-welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding:var(--space-6);background:linear-gradient(135deg,var(--color-accent-50),var(--color-bg-card));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);flex-wrap:wrap;gap:var(--space-4)}.dashboard-welcome__title{font-size:1.5rem;font-weight:700;margin-bottom:var(--space-1)}.dashboard-welcome__sub{color:var(--color-text-secondary);font-size:.9rem}.dashboard-welcome__badge{display:flex;align-items:center;gap:var(--space-3)}.dashboard-upgrade-link{font-size:.8125rem;font-weight:600;color:var(--color-accent-light);transition:color var(--trans-fast)}.dashboard-upgrade-link:hover{color:var(--color-accent)}.dashboard-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.dashboard-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.dashboard-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;font-weight:500;transition:all var(--trans-fast)}.dashboard-action-btn:hover{background:var(--color-bg-hover);transform:translateY(-1px)}.dashboard-charts-grid{display:grid;grid-template-columns:1fr minmax(280px,360px);gap:1.5rem;align-items:start}.dashboard-chart-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.dashboard-chart-total{font-size:.8rem;color:var(--color-text-muted);display:flex;align-items:center;gap:4px}@media(max-width:768px){.dashboard-charts-grid{grid-template-columns:1fr}}.chart-tab-switcher{display:flex;gap:0;background:var(--color-bg-hover);border-radius:var(--radius-md);padding:2px}.chart-tab{padding:.375rem .875rem;font-size:.8125rem;font-weight:500;border-radius:calc(var(--radius-md) - 2px);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;transition:all var(--trans-fast)}.chart-tab:hover{color:var(--color-text-primary)}.chart-tab--active{background:var(--color-bg-card);color:var(--color-accent);font-weight:600;box-shadow:0 1px 3px #00000026}.activity-feed{display:flex;flex-direction:column;gap:0}.activity-feed__item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) 0;border-bottom:1px solid var(--color-border-subtle);position:relative}.activity-feed__item:last-child{border-bottom:none}.activity-feed__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0;margin-top:5px}.activity-feed__dot--success{background:#10b981}.activity-feed__dot--info{background:#3b82f6}.activity-feed__dot--warning{background:#f59e0b}.activity-feed__dot--muted{background:var(--color-text-muted);opacity:.5}.activity-feed__content{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:.875rem}.activity-feed__content strong{font-weight:600;color:var(--color-text-primary)}.activity-feed__ref{color:var(--color-accent);font-weight:700}.activity-feed__time{font-size:.8rem;color:var(--color-text-muted)}.admin-header__right{display:flex;align-items:center;gap:var(--space-3)}.admin-header__avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--sjz-primary),#4f83df);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;cursor:pointer;transition:box-shadow var(--trans-fast);border:2px solid var(--color-border-subtle)}.admin-header__avatar:hover{box-shadow:0 0 0 3px #2463eb33}.dashboard-action-btn--primary{background:var(--sjz-primary);color:#fff;border-color:var(--sjz-primary)}.dashboard-action-btn--primary:hover{background:var(--sjz-primary-dark, #1d4ed8);color:#fff}.recharts-tooltip-wrapper .recharts-default-tooltip{background:var(--color-bg-elevated)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;color:var(--color-text-primary)!important}.recharts-cartesian-axis-tick text{fill:var(--color-text-muted)!important;font-size:.78rem}.recharts-cartesian-grid line{stroke:var(--color-border-subtle)!important}.page-enter{animation:pageEnter .25s ease}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.storefront-page{max-width:800px;margin:0 auto;padding:2rem 1rem}.storefront-page.narrow{max-width:640px}.storefront-page h1{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.back-link{display:inline-flex;align-items:center;gap:4px;color:var(--color-text-muted);font-size:.875rem;margin-bottom:1rem;cursor:pointer;background:none;border:none;font-family:inherit;transition:color .15s}.back-link:hover{color:var(--color-text-primary)}.cart-item{display:flex;gap:1rem;padding:1rem;align-items:center;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);transition:border-color .15s}.cart-item:hover{border-color:var(--color-border)}.cart-item__thumb{width:72px;height:72px;border-radius:8px;background:var(--color-surface-elevated);flex-shrink:0;overflow:hidden}.cart-item__thumb img{width:100%;height:100%;object-fit:cover}.cart-item__info{flex:1;min-width:0}.cart-item__name{font-weight:600;margin-bottom:4px}.cart-item__price{color:var(--color-primary);font-weight:600}.cart-item__subtotal{font-weight:700;min-width:100px;text-align:right}.qty-controls{display:flex;align-items:center;gap:4px;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:2px}.qty-controls button{width:28px;height:28px;display:grid;place-items:center;border:none;background:transparent;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s}.qty-controls button:hover{background:var(--color-surface-elevated)}.qty-controls span{min-width:28px;text-align:center;font-weight:600;font-size:.875rem}.checkout-steps{display:flex;gap:.375rem;margin-bottom:2rem}.checkout-step{flex:1;text-align:center;padding:.5rem .25rem;border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;background:var(--color-surface-elevated);color:var(--color-text-muted);transition:all .2s}.checkout-step.active{background:#7c5cfc26;color:var(--color-accent);font-weight:700}.checkout-step.completed{background:var(--color-accent);color:#fff;font-weight:600}.timer-banner{display:flex;align-items:center;gap:8px;padding:.75rem 1rem;border-radius:var(--radius-md);background:var(--color-surface-elevated);margin-bottom:1rem;font-size:.875rem;border:1px solid var(--color-border-subtle)}.timer-banner.warning{background:#f59e0b1a;border-color:#f59e0b4d;color:#f59e0b}.order-summary{display:flex;flex-direction:column;gap:6px;padding-top:1rem;margin-top:.75rem}.order-summary__row{display:flex;justify-content:space-between;font-size:.9rem}.order-summary__row.discount{color:var(--color-success)}.order-summary__total{display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem;padding-top:.5rem;margin-top:.25rem;border-top:2px solid var(--color-border)}.order-summary__total span:last-child{color:var(--color-primary)}.payment-option{display:flex;align-items:center;gap:12px;padding:1rem;border:2px solid var(--color-border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s}.payment-option.selected{border-color:var(--color-accent);background:#7c5cfc0d}.payment-option__label{font-weight:600}.payment-option__desc{font-size:.85rem;color:var(--color-text-muted);margin:0}.confirmation-header{text-align:center;margin-bottom:2rem}.confirmation-header__icon{color:var(--color-success);margin-bottom:.5rem}.confirmation-header h1{margin-bottom:.25rem}.confirmation-header p{color:var(--color-text-muted);margin:0}.section-card{background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:1.5rem;margin-bottom:1rem}.section-card__title{font-size:1.1rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:6px}.btn-full{width:100%;margin-top:1rem;padding:.75rem;font-size:1rem}.searchable-select{position:relative;min-width:160px}.searchable-select__trigger{display:flex;align-items:center;justify-content:space-between;gap:.5rem;width:100%;padding:.5rem .75rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:.875rem;cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left;font-family:inherit}.searchable-select__trigger:hover{border-color:var(--color-accent)}.searchable-select__trigger.open{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-100)}.searchable-select__trigger.disabled{opacity:.5;cursor:not-allowed}.searchable-select__placeholder{color:var(--color-text-muted)}.searchable-select__arrow{flex-shrink:0;color:var(--color-text-muted);transition:transform .2s;font-size:18px}.searchable-select__arrow.rotated{transform:rotate(180deg)}.searchable-select__dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:100;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:ss-fadeIn .15s ease;overflow:hidden}.searchable-select__search{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.searchable-select__search-icon{flex-shrink:0;color:var(--color-text-muted)}.searchable-select__search-input{flex:1;border:none;outline:none;background:transparent;color:var(--color-text-primary);font-size:.8125rem;font-family:inherit}.searchable-select__search-input::placeholder{color:var(--color-text-muted)}.searchable-select__clear{display:grid;place-items:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px;border-radius:4px}.searchable-select__clear:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.searchable-select__options{list-style:none;margin:0;padding:4px 0;max-height:200px;overflow-y:auto}.searchable-select__options::-webkit-scrollbar{width:4px}.searchable-select__options::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.searchable-select__option{padding:.5rem .75rem;font-size:.8125rem;cursor:pointer;transition:background .1s;color:var(--color-text-primary)}.searchable-select__option:hover{background:var(--color-bg-hover)}.searchable-select__option.selected{color:var(--color-accent);font-weight:600;background:var(--color-accent-100)}.searchable-select__empty{padding:.75rem;text-align:center;font-size:.8125rem;color:var(--color-text-muted)}@keyframes ss-fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.admin-sidebar{width:72px;overflow:hidden}.sidebar-logo__text,.sidebar-section-label,.sidebar-user__info,.sidebar-soon-badge,.sidebar-nav-item span:not(:first-child){display:none}.sidebar-nav-item{justify-content:center;padding:var(--space-3)}.sidebar-logo{justify-content:center;padding:var(--space-4)}.sidebar-user{justify-content:center}.sidebar-user__avatar{margin:0}.sidebar-footer{padding:var(--space-2)}.sidebar-footer .sidebar-nav-item{justify-content:center}}@media(max-width:768px){.admin-sidebar{display:none}.admin-main{margin-left:0!important}.admin-content{padding:var(--space-4)!important}.admin-header{padding:var(--space-3) var(--space-4)!important}.page-header{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrapper table{min-width:600px}[style*="gridTemplateColumns: repeat(4"],[style*="gridTemplateColumns: repeat(3"]{grid-template-columns:repeat(2,1fr)!important}[style*="gridTemplateColumns: 1fr 1fr 1fr"],[style*="gridTemplateColumns: 1fr 1fr"]{grid-template-columns:1fr!important}.product-grid{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.card{padding:var(--space-4)}.storefront-page{padding:var(--space-4)!important}.container{padding-left:var(--space-4)!important;padding-right:var(--space-4)!important}.checkout-steps{overflow-x:auto;-webkit-overflow-scrolling:touch;flex-wrap:nowrap!important;gap:.25rem!important}.checkout-step{white-space:nowrap;flex-shrink:0;font-size:.8rem;padding:.4rem .75rem}.section-card{padding:var(--space-4)!important}.pagination{flex-wrap:wrap;justify-content:center}[style*="gridTemplateColumns: 1fr 380px"]{grid-template-columns:1fr!important}[style*="borderBottom: '1px solid"]{overflow-x:auto;-webkit-overflow-scrolling:touch}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.125rem}section[style*="padding: '5rem"]{padding:2.5rem 0 2rem!important}.storefront-page h1{font-size:1.75rem!important}.modal-overlay .card,[style*="maxWidth: 480px"],[style*="max-width: 480px"]{width:calc(100vw - 2rem)!important;max-width:none!important;margin:1rem}.admin-breadcrumb{display:none}}@media(max-width:480px){.product-grid{grid-template-columns:1fr!important}.btn-lg{width:100%;justify-content:center}.card{padding:var(--space-3)}.admin-content{padding:var(--space-3)!important}[style*="gridTemplateColumns: repeat(4"],[style*="gridTemplateColumns: repeat(3"],[style*="gridTemplateColumns: repeat(2"]{grid-template-columns:1fr!important}.badge{font-size:.625rem;padding:.15rem var(--space-2)}[style*="gridTemplateColumns: repeat(3, 1fr)"]{grid-template-columns:1fr!important}.product-card-img{height:160px!important}.text-2xl{font-size:1.25rem}.text-3xl{font-size:1.5rem}h1{font-size:1.25rem}}.sf-mobile-overlay{position:fixed;inset:0;z-index:9999;background:#00000080;animation:fadeIn .2s ease}.sf-mobile-menu{position:absolute;top:0;left:0;bottom:0;width:min(300px,80vw);background:#fff;animation:slideInLeft .25s ease;display:flex;flex-direction:column;overflow-y:auto}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.admin-hamburger{display:none;background:none;border:none;cursor:pointer;padding:.5rem;color:var(--color-text-primary, #374151);min-width:44px;min-height:44px;align-items:center;justify-content:center}.admin-sidebar-backdrop{display:none}@media(max-width:768px){.sf-hamburger{display:flex!important;min-width:44px;min-height:44px;align-items:center;justify-content:center}.sf-desktop-nav,.sf-desktop-search{display:none!important}.admin-hamburger{display:flex!important}.sidebar{position:fixed!important;z-index:9998!important;transform:translate(-100%);transition:transform .25s ease}.sidebar.sidebar-open{transform:translate(0)}.admin-sidebar-backdrop{display:block;position:fixed;inset:0;z-index:9997;background:#00000080;animation:fadeIn .2s ease}.btn,.btn-sm,a.btn,button,.sidebar-link{min-height:44px}[data-sonner-toast],div[role=status]{touch-action:pan-x}}@media(max-width:480px){.sf-nav .container{gap:.5rem!important}.btn-sm{padding:.5rem .75rem}}