@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a24;--bg-elevated: #22222e;--bg-overlay: rgba(10, 10, 15, .95);--slate-900: #0f0f17;--slate-800: #1a1a24;--slate-700: #25252f;--slate-600: #30303a;--slate-500: #4a4a54;--slate-400: #64748b;--color-alpha: #00f5ff;--color-beta: #a855f7;--color-gamma: #fbbf24;--color-delta: #10b981;--color-epsilon: #f43f5e;--color-zeta: #3b82f6;--color-eta: #ec4899;--color-success: var(--color-delta);--color-warning: var(--color-gamma);--color-error: var(--color-epsilon);--color-info: var(--color-alpha);--color-primary: var(--color-beta);--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-tertiary: #64748b;--text-muted: #475569;--text-disabled: #334155;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-mono: "SF Mono", "Monaco", "Consolas", "Liberation Mono", "Courier New", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 32px;--text-5xl: 40px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.6;--tracking-tight: -.5px;--tracking-normal: 0;--tracking-wide: .5px;--tracking-wider: 1px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--border-primary: rgba(255, 255, 255, .06);--border-secondary: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .12);--border-focus: rgba(0, 245, 255, .4);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-full: 9999px;--border-width-thin: 1px;--border-width-medium: 2px;--border-width-thick: 3px;--glass-bg: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .08);--glass-blur: blur(20px);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 4px 16px rgba(0, 0, 0, .3);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .4);--shadow-xl: 0 12px 40px rgba(0, 0, 0, .5);--shadow-2xl: 0 20px 60px rgba(0, 0, 0, .6);--glow-alpha: 0 0 20px rgba(0, 245, 255, .4);--glow-beta: 0 0 20px rgba(168, 85, 247, .4);--glow-gamma: 0 0 20px rgba(251, 191, 36, .4);--glow-delta: 0 0 20px rgba(16, 185, 129, .4);--glow-epsilon: 0 0 20px rgba(244, 63, 94, .4);--glow-zeta: 0 0 20px rgba(59, 130, 246, .4);--status-received-bg: rgba(59, 130, 246, .15);--status-received-border: rgba(59, 130, 246, .3);--status-received-text: var(--color-zeta);--status-processing-bg: rgba(251, 191, 36, .15);--status-processing-border: rgba(251, 191, 36, .3);--status-processing-text: var(--color-gamma);--status-shipped-bg: rgba(168, 85, 247, .15);--status-shipped-border: rgba(168, 85, 247, .3);--status-shipped-text: var(--color-beta);--status-delivered-bg: rgba(16, 185, 129, .15);--status-delivered-border: rgba(16, 185, 129, .3);--status-delivered-text: var(--color-delta);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-slower: .5s ease;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}*{box-sizing:border-box;margin:0;padding:0}html{color-scheme:dark;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--slate-600);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}*{scrollbar-width:thin;scrollbar-color:var(--slate-600) var(--bg-secondary)}::selection{background:#00f5ff33;color:var(--text-primary)}::-moz-selection{background:#00f5ff33;color:var(--text-primary)}:focus-visible{outline:2px solid var(--color-alpha);outline-offset:2px}:disabled{cursor:not-allowed;opacity:.5}.dash-stat,.inv-stat,.orders-filters,.cat-filters,.blog-filters{padding:var(--space-4) var(--space-5)}.card{background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:var(--space-7);border-radius:var(--radius-2xl);border:var(--border-width-thin) solid var(--glass-border);box-shadow:var(--shadow-lg);transition:all var(--transition-slow)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xl)}.card-compact{padding:var(--space-5)}.card-spacious{padding:var(--space-10)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);border:none;white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));color:var(--slate-900);box-shadow:var(--glow-alpha)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00f5ff80}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:var(--border-width-thin) solid var(--border-primary)}.btn-secondary:hover:not(:disabled){background:var(--slate-600);border-color:var(--color-alpha);color:var(--color-alpha)}.btn-success{background:linear-gradient(135deg,var(--color-delta),#059669);color:#fff;box-shadow:var(--glow-delta)}.btn-success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.btn-danger{background:#f43f5e1f;border:var(--border-width-thin) solid rgba(244,63,94,.3);color:var(--color-epsilon)}.btn-danger:hover:not(:disabled){background:#f43f5e33;border-color:#f43f5e80;box-shadow:var(--glow-epsilon)}.btn-ghost{background:transparent;color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-primary)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg);border-color:var(--border-hover)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn-lg{padding:var(--space-4) var(--space-7);font-size:var(--text-lg)}.input{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);font-weight:var(--font-medium);transition:all var(--transition-base);width:100%}.input::placeholder{color:var(--text-muted)}.input:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff1a,var(--glow-alpha)}.input:disabled{background:var(--slate-800);color:var(--text-disabled);cursor:not-allowed}.input-error{border-color:var(--color-epsilon)}.input-error:focus{border-color:var(--color-epsilon);box-shadow:0 0 0 3px #f43f5e1a,var(--glow-epsilon)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}.badge-primary{background:#a855f726;color:var(--color-beta);border:var(--border-width-thin) solid rgba(168,85,247,.3)}.badge-success{background:var(--status-delivered-bg);color:var(--status-delivered-text);border:var(--border-width-thin) solid var(--status-delivered-border)}.badge-warning{background:var(--status-processing-bg);color:var(--status-processing-text);border:var(--border-width-thin) solid var(--status-processing-border)}.badge-info{background:var(--status-received-bg);color:var(--status-received-text);border:var(--border-width-thin) solid var(--status-received-border)}.badge-danger{background:#f43f5e26;color:var(--color-epsilon);border:var(--border-width-thin) solid rgba(244,63,94,.3)}.status-badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);transition:all var(--transition-slow)}.status-received{background:var(--status-received-bg);color:var(--status-received-text);border:var(--border-width-thin) solid var(--status-received-border);box-shadow:var(--glow-zeta)}.status-processing{background:var(--status-processing-bg);color:var(--status-processing-text);border:var(--border-width-thin) solid var(--status-processing-border);box-shadow:var(--glow-gamma)}.status-shipped{background:var(--status-shipped-bg);color:var(--status-shipped-text);border:var(--border-width-thin) solid var(--status-shipped-border);box-shadow:var(--glow-beta)}.status-delivered{background:var(--status-delivered-bg);color:var(--status-delivered-text);border:var(--border-width-thin) solid var(--status-delivered-border);box-shadow:var(--glow-delta)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-muted{color:var(--text-muted)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.font-mono{font-family:var(--font-mono)}.m-0{margin:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.grid{display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.border{border:var(--border-width-thin) solid var(--border-primary)}.border-t{border-top:var(--border-width-thin) solid var(--border-primary)}.border-b{border-bottom:var(--border-width-thin) solid var(--border-primary)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.transition{transition:all var(--transition-base)}.transition-fast{transition:all var(--transition-fast)}.transition-slow{transition:all var(--transition-slow)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.02)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 20px #00f5ff66}50%{box-shadow:0 0 40px #00f5ffcc}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes skeletonLoading{0%{opacity:.6}50%{opacity:1}to{opacity:.6}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.animate-fadeIn{animation:fadeIn .4s ease}.animate-fadeInUp{animation:fadeInUp .5s ease}.animate-fadeInDown{animation:fadeInDown .5s ease}.animate-slideInLeft{animation:slideInLeft .4s ease}.animate-slideInRight{animation:slideInRight .4s ease}.animate-scaleIn{animation:scaleIn .3s ease}.animate-pulse{animation:pulse 2s infinite}.animate-pulseGlow{animation:pulseGlow 2s infinite}.animate-spin{animation:spin 1s linear infinite}.animate-spinSlow{animation:spinSlow 3s linear infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shimmer{animation:shimmer 2s infinite linear;background:linear-gradient(90deg,var(--bg-elevated) 0%,var(--slate-600) 50%,var(--bg-elevated) 100%);background-size:1000px 100%}.animate-skeletonLoading{animation:skeletonLoading 1.5s infinite}.animate-gradientShift{animation:gradientShift 3s ease infinite;background-size:200% 200%}.animate-shake{animation:shake .5s}.hover-lift{transition:transform var(--transition-base)}.hover-lift:hover{transform:translateY(-2px)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-base)}.hover-glow:hover{box-shadow:var(--glow-cyan)}.stagger-item{animation:fadeInUp .5s ease backwards}.stagger-item:nth-child(1){animation-delay:.05s}.stagger-item:nth-child(2){animation-delay:.1s}.stagger-item:nth-child(3){animation-delay:.15s}.stagger-item:nth-child(4){animation-delay:.2s}.stagger-item:nth-child(5){animation-delay:.25s}.stagger-item:nth-child(6){animation-delay:.3s}.stagger-item:nth-child(7){animation-delay:.35s}.stagger-item:nth-child(8){animation-delay:.4s}.stagger-item:nth-child(9){animation-delay:.45s}.stagger-item:nth-child(10){animation-delay:.5s}*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}:root{--sidebar-width: 220px;--sidebar-collapsed: 64px}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar-wrap{width:var(--sidebar-width);flex-shrink:0;position:fixed;top:0;left:0;height:100vh;z-index:var(--z-fixed)}.sidebar{width:var(--sidebar-width);height:100vh;background:var(--bg-secondary);border-right:var(--border-width-thin) solid var(--border-primary);display:flex;flex-direction:column;overflow:hidden}.sidebar-logo{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.sidebar-logo-mark{width:34px;height:34px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--font-extrabold);color:#fff;flex-shrink:0;box-shadow:var(--glow-beta);letter-spacing:var(--tracking-tight)}.sidebar-logo-text{display:flex;flex-direction:column;gap:1px}.sidebar-brand{font-size:var(--text-base);font-weight:var(--font-extrabold);color:var(--text-primary);letter-spacing:var(--tracking-wider);line-height:1}.sidebar-brand-sub{font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);font-weight:var(--font-medium)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:2px;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-group{border-radius:var(--radius-lg);overflow:hidden}.sidebar-group-header{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-tertiary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);text-decoration:none;text-align:left;position:relative}.sidebar-group-header:hover{background:var(--glass-bg);color:var(--text-secondary)}.sidebar-group-header.active{background:#a855f714;color:var(--text-primary)}.sidebar-group-header.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--group-color, var(--color-beta));border-radius:0 var(--radius-full) var(--radius-full) 0}.sidebar-group-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform var(--transition-base)}.sidebar-group-header:hover .sidebar-group-icon{transform:scale(1.1)}.sidebar-group-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-group-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0;animation:dotPulse 2s infinite}@keyframes dotPulse{0%,to{opacity:1}50%{opacity:.5}}.sidebar-chevron{display:flex;align-items:center;color:var(--text-muted);transition:transform var(--transition-base);flex-shrink:0}.sidebar-chevron.open{transform:rotate(90deg)}.sidebar-items{max-height:0;overflow:hidden;transition:max-height .3s cubic-bezier(.4,0,.2,1)}.sidebar-items.expanded{max-height:400px}.sidebar-items-inner{padding:var(--space-1) var(--space-2) var(--space-2) var(--space-2);display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-5);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:all var(--transition-base);position:relative}.sidebar-item:hover{background:var(--glass-bg);color:var(--text-secondary)}.sidebar-item.active{background:color-mix(in srgb,var(--group-color, var(--color-beta)) 12%,transparent);color:var(--text-primary);font-weight:var(--font-semibold)}.sidebar-item-dot{width:5px;height:5px;border-radius:var(--radius-full);background:var(--text-muted);flex-shrink:0;transition:all var(--transition-base)}.sidebar-item.active .sidebar-item-dot{background:var(--group-color, var(--color-beta));box-shadow:0 0 6px var(--group-color, var(--color-beta))}.sidebar-user{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-top:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.sidebar-user-avatar{width:34px;height:34px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;flex-shrink:0;box-shadow:var(--glow-beta)}.sidebar-user-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.sidebar-user-role{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);font-weight:var(--font-semibold)}.sidebar-logout{width:30px;height:30px;display:flex;align-items:center;justify-content:center;background:transparent;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.sidebar-logout:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.admin-main{flex:1;margin-left:var(--sidebar-width);min-height:100vh;padding:var(--space-5);background:var(--bg-primary);animation:fadeIn .3s ease;min-width:0}.mobile-topbar{display:none;position:fixed;top:0;left:0;right:0;background:var(--bg-secondary);border-bottom:var(--border-width-thin) solid var(--border-primary);z-index:var(--z-sticky);flex-direction:column}.mobile-topbar-main{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 var(--space-4);gap:var(--space-3)}.mobile-topbar-logo{display:flex;align-items:center;gap:var(--space-2)}.mobile-topbar-right{display:flex;align-items:center}.mobile-tabs{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-3) var(--space-2);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-tabs::-webkit-scrollbar{display:none}.mobile-tab{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-family:var(--font-sans);text-decoration:none;flex-shrink:0}.mobile-tab:hover{background:var(--glass-bg);color:var(--text-secondary)}.mobile-tab.active{background:#a855f71f;color:#e9d5ff}.mobile-subtabs{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#0c0d1499;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-top:var(--border-width-thin) solid rgba(255,255,255,.04);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.mobile-subtabs::-webkit-scrollbar{display:none}.mobile-subtab{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-4);background:var(--glass-bg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-xs);font-weight:var(--font-medium);text-decoration:none;white-space:nowrap;transition:all var(--transition-base);flex-shrink:0}.mobile-subtab:hover{background:#00f5ff14;border-color:#00f5ff33;color:#67e8f9}.mobile-subtab.active{background:linear-gradient(135deg,#a855f726,#00f5ff26);border-color:#00f5ff66;color:var(--text-primary);font-weight:var(--font-semibold)}.mobile-overlay,.mobile-drawer{display:none}.mobile-menu-btn,.mobile-close-btn{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--glass-bg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}@media(max-width:1024px){.admin-sidebar-wrap{display:none}.mobile-topbar{display:flex}.admin-main{margin-left:0;padding-top:calc(52px + 40px + var(--space-3))}}@media(max-width:768px){.admin-main{padding:calc(52px + 40px + var(--space-2)) var(--space-3) var(--space-3)}}@media(max-width:480px){.admin-main{padding:calc(52px + 40px + var(--space-2)) var(--space-2) var(--space-2)}}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-primary) 0%,var(--color-beta) 100%);padding:var(--space-4)}.login-card{background:var(--bg-card);border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--glass-border);box-shadow:var(--shadow-xl);width:100%;max-width:400px;padding:2.5rem}.login-header{text-align:center;margin-bottom:2rem}.login-header h1{margin:0 0 .5rem;font-size:var(--text-4xl);color:var(--text-primary)}.login-header p{margin:0;color:var(--text-secondary);font-size:.95rem}.login-form{display:flex;flex-direction:column;gap:1.25rem}.error-message{padding:.875rem;background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-sm);color:var(--color-epsilon);font-size:.875rem;text-align:center}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:var(--font-semibold);color:var(--text-secondary)}.form-group input{padding:.875rem;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-sm);font-size:.95rem;color:var(--text-primary);transition:all var(--transition-base)}.form-group input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px #00f5ff1a}.form-group input:disabled{background:var(--bg-secondary);cursor:not-allowed}.login-btn{padding:.875rem;background:linear-gradient(135deg,var(--color-beta) 0%,var(--color-alpha) 100%);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);margin-top:.5rem}.login-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #a855f766}.login-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}@media(max-width:480px){.login-card{padding:2rem 1.5rem}.login-header h1{font-size:1.75rem}}.react-calendar{width:350px;max-width:100%;background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{width:50%;margin:.5em}.react-calendar,.react-calendar *,.react-calendar *:before,.react-calendar *:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.react-calendar button{margin:0;border:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{min-width:44px;background:none}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:hover,.react-calendar__navigation button:enabled:focus{background-color:#e6e6e6}.react-calendar__month-view__weekdays{text-align:center;text-transform:uppercase;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{display:flex;align-items:center;justify-content:center;font:inherit;font-size:.75em;font-weight:700}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575}.react-calendar__year-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__century-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{max-width:100%;padding:10px 6.6667px;background:none;text-align:center;font:inherit;font-size:.833em}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:hover,.react-calendar__tile--hasActive:enabled:focus{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.dash{max-width:100%;margin:0;display:flex;flex-direction:column;gap:var(--space-4)}.dash-header{display:flex;justify-content:space-between;align-items:center}.dash-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);margin:0;background:linear-gradient(135deg,#fff 30%,#d8b4fe 70%,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:var(--tracking-tight)}.dash-sub{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-muted)}.dash-refresh{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.dash-refresh:hover{border-color:var(--color-alpha);color:var(--color-alpha);transform:rotate(180deg)}.dash-stats-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.dash-stat{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-4) var(--space-5);display:flex;align-items:center;gap:var(--space-4);box-shadow:var(--shadow-md);transition:all var(--transition-slow);position:relative;overflow:hidden}.dash-stat:after{content:"";position:absolute;inset:0;border-radius:var(--radius-2xl);background:linear-gradient(135deg,#a855f700,#a855f70a);opacity:0;transition:opacity var(--transition-slow)}.dash-stat:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.dash-stat:hover:after{opacity:1}.dash-stat-icon{width:48px;height:48px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 16px #0000004d}.dash-stat-body{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dash-stat-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap}.dash-stat-value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text-primary);letter-spacing:var(--tracking-tight);white-space:nowrap}.dash-stat-sub{font-size:var(--text-xs);color:var(--text-muted)}.dash-stat-trend{display:flex;align-items:center;gap:4px;padding:4px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0}.dash-stat-trend.up{background:#10b9811f;color:var(--color-delta)}.dash-stat-trend.down{background:#f43f5e1f;color:var(--color-epsilon)}.dash-card{padding:var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:border-color var(--transition-slow)}.dash-card:hover{border-color:var(--border-hover)}.dash-row{display:grid;gap:var(--space-5)}.dash-row-2{grid-template-columns:1fr 1fr}.dash-row-3{grid-template-columns:1fr 1fr 320px}.dash-section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5)}.dash-section-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.dash-section-sub{font-size:var(--text-xs);color:var(--text-muted);margin:3px 0 0}.dash-section-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#a855f714;border:var(--border-width-thin) solid rgba(168,85,247,.2);border-radius:var(--radius-lg);color:#d8b4fe;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.dash-section-link:hover{background:#a855f726;border-color:#a855f766}.dash-tooltip{background:#0f1019f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-width-thin) solid rgba(168,85,247,.25);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xl);min-width:140px}.dash-tooltip-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);font-weight:var(--font-semibold)}.dash-tooltip-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-top:4px}.dash-tooltip-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.dash-tooltip-name{color:var(--text-secondary);flex:1}.dash-tooltip-val{color:var(--text-primary);font-weight:var(--font-bold)}.dash-donut-wrap{margin-top:-var(--space-3)}.dash-calendar-card{display:flex;flex-direction:column}.dash-calendar{width:100%!important;background:transparent!important;border:none!important;font-family:var(--font-sans)!important;color:var(--text-primary)!important}.dash-calendar .react-calendar__navigation{margin-bottom:var(--space-3)}.dash-calendar .react-calendar__navigation button{background:transparent!important;color:var(--text-secondary)!important;font-size:var(--text-sm)!important;font-weight:var(--font-semibold)!important;border-radius:var(--radius-md)!important;min-width:32px!important}.dash-calendar .react-calendar__navigation button:hover{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.dash-calendar .react-calendar__navigation__label{font-weight:var(--font-bold)!important;color:var(--text-primary)!important}.dash-calendar .react-calendar__month-view__weekdays{text-align:center}.dash-calendar .react-calendar__month-view__weekdays__weekday abbr{text-decoration:none!important;font-size:var(--text-xs)!important;font-weight:var(--font-bold)!important;color:var(--text-muted)!important;text-transform:uppercase!important;letter-spacing:var(--tracking-wider)!important}.dash-calendar .react-calendar__tile{background:transparent!important;color:var(--text-secondary)!important;border-radius:var(--radius-md)!important;font-size:var(--text-sm)!important;padding:var(--space-2)!important;position:relative;display:flex;flex-direction:column;align-items:center;gap:2px}.dash-calendar .react-calendar__tile:hover{background:var(--bg-elevated)!important;color:var(--text-primary)!important}.dash-calendar .react-calendar__tile--now{background:#a855f726!important;color:var(--color-beta)!important;font-weight:var(--font-bold)!important}.dash-calendar .react-calendar__tile--active{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha))!important;color:#fff!important}.dash-calendar .react-calendar__month-view__days__day--neighboringMonth{color:var(--text-muted)!important;opacity:.4}.cal-dot{width:18px;height:18px;background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border-radius:var(--radius-full);font-size:9px;font-weight:var(--font-bold);color:#fff;display:flex;align-items:center;justify-content:center;line-height:1}.dash-table-card{padding:0;overflow:hidden}.dash-table-card .dash-section-head{padding:var(--space-6) var(--space-6) 0}.dash-table-wrap{overflow-x:auto}.dash-table{width:100%;border-collapse:collapse;min-width:700px}.dash-table thead{background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary)}.dash-table th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap}.dash-table td{padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-sm);color:var(--text-secondary);vertical-align:middle}.dash-table tbody tr{cursor:pointer;transition:background var(--transition-fast)}.dash-table tbody tr:hover{background:var(--bg-elevated)}.dash-table tbody tr:last-child td{border-bottom:none}.dash-order-num{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-alpha)}.dash-customer{display:flex;align-items:center;gap:var(--space-3)}.dash-avatar{width:34px;height:34px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);flex-shrink:0;box-shadow:var(--glow-beta)}.dash-customer-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.dash-customer-phone{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.dash-stage-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}.dash-stage-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0}.dash-money{font-weight:var(--font-bold);color:var(--color-delta);font-variant-numeric:tabular-nums}.dash-assigned{font-size:var(--text-sm);color:var(--text-secondary)}.dash-muted{color:var(--text-muted);font-style:italic}.dash-date{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.dash-view-btn{padding:var(--space-2) var(--space-4);background:#a855f71a;border:var(--border-width-thin) solid rgba(168,85,247,.25);border-radius:var(--radius-md);color:#d8b4fe;font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);white-space:nowrap}.dash-view-btn:hover{background:#a855f733;border-color:#a855f780}.dash-actions{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.dash-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);text-align:left}.dash-action:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.dash-action-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:0 4px 12px #0000004d}.dash-action-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dash-action-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.dash-action-desc{font-size:var(--text-xs);color:var(--text-muted)}.dash-action-arrow{color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-base)}.dash-action:hover .dash-action-arrow{color:#d8b4fe;transform:translate(3px)}.dash-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-10);color:var(--text-muted)}.dash-empty p{margin:0;font-size:var(--text-base)}.dash-error{display:flex;align-items:center;gap:var(--space-3);background:#f43f5e14;border:var(--border-width-thin) solid rgba(244,63,94,.2);border-radius:var(--radius-xl);color:var(--color-epsilon);font-size:var(--text-base)}.dash-error-retry{margin-left:auto;padding:var(--space-2) var(--space-4);background:var(--color-epsilon);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;font-family:var(--font-sans)}.dash-skel{animation:dashSkelPulse 1.5s infinite}@keyframes dashSkelPulse{0%,to{opacity:.6}50%{opacity:1}}.skel{border-radius:var(--radius-sm);background:linear-gradient(110deg,#a855f70d 30%,#00f5ff14,#a855f70d 70%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skel-icon{width:48px;height:48px;border-radius:var(--radius-xl);flex-shrink:0}.skel-sm{width:50%;height:10px;margin-bottom:4px}.skel-lg{width:65%;height:20px;margin-bottom:4px}.skel-xs{width:35%;height:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media(max-width:1400px){.dash-stats-grid,.dash-actions{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.dash-row-3{grid-template-columns:1fr 1fr}.dash-row-3>:last-child{grid-column:1 / -1}}@media(max-width:900px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-row-2,.dash-row-3{grid-template-columns:1fr}.dash-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.dash-stats-grid{grid-template-columns:repeat(3,1fr)}.dash-row-2,.dash-row-3{grid-template-columns:1fr 1fr}.dash-card{padding:12px}.dash-actions{grid-template-columns:repeat(3,1fr)}.dash-table th,.dash-table td{padding:8px 10px;font-size:11px}.dash-heatmap-cell{width:20px;height:16px}.dash-heatmap-hour-label{width:20px;font-size:9px}.dash-title{font-size:var(--text-3xl)}}@media(max-width:480px){.dash-stats-grid{grid-template-columns:repeat(2,1fr)}.dash-row-2,.dash-row-3{grid-template-columns:1fr}.dash-actions{grid-template-columns:repeat(2,1fr)}}@media(max-width:360px){.dash-stats-grid,.dash-actions{grid-template-columns:1fr}}.dash-heatmap{display:flex;flex-direction:column;gap:4px;overflow-x:auto;padding-bottom:var(--space-2)}.dash-heatmap-hours{display:flex;align-items:center;gap:3px;margin-bottom:2px}.dash-heatmap-row{display:flex;align-items:center;gap:3px}.dash-heatmap-day-label{width:32px;font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-semibold);flex-shrink:0;text-align:right;padding-right:var(--space-2)}.dash-heatmap-hour-label{width:28px;font-size:10px;color:var(--text-muted);text-align:center;flex-shrink:0}.dash-heatmap-cell{width:28px;height:22px;border-radius:4px;flex-shrink:0;cursor:pointer;transition:transform var(--transition-fast),opacity var(--transition-fast)}.dash-heatmap-cell:hover{transform:scale(1.3);opacity:.9;z-index:2;position:relative}.dash-heatmap-legend{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end}.dash-heatmap-legend-label{font-size:var(--text-xs);color:var(--text-muted)}.dash-heatmap-legend-cell{width:20px;height:14px;border-radius:3px}.dash-funnel{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2) 0}.dash-funnel-step{width:100%}.dash-funnel-bar-wrap{display:flex;align-items:center;gap:var(--space-3)}.dash-funnel-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:width .8s cubic-bezier(.34,1.56,.64,1);min-width:120px}.dash-funnel-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.dash-funnel-count{font-size:var(--text-xl);font-weight:var(--font-extrabold)}.dash-funnel-pct{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-muted);min-width:40px;text-align:right}.crop-modal-overlay{position:fixed;inset:0;background-color:#09090fd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1050;padding:20px}.crop-modal-content{background:#0f1019;border-radius:16px;border:1px solid rgba(255,255,255,.05);width:100%;max-width:900px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080,inset 0 1px #ffffff0d}.crop-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.05)}.crop-modal-header h2{margin:0;font-size:1.2rem;font-weight:700;color:#eeeef2}.crop-modal-close{background:#ffffff08;border:1px solid rgba(255,255,255,.05);font-size:24px;line-height:1;color:#7a7e95;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:all .2s}.crop-modal-close:hover{background-color:#ef44441a;color:#fca5a5;border-color:#ef44444d}.crop-modal-close:disabled{opacity:.5;cursor:not-allowed}.crop-container{position:relative;width:100%;height:500px;background-color:#000}.crop-controls{padding:24px;border-top:1px solid rgba(255,255,255,.05);background-color:#ffffff05}.crop-control-group{margin-bottom:20px}.crop-control-group:last-child{margin-bottom:0}.crop-control-group label{display:block;font-size:.8rem;font-weight:600;color:#7a7e95;margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.crop-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;outline:none;-webkit-appearance:none}.crop-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#a855f7;cursor:pointer;transition:all .2s;box-shadow:0 0 10px #a855f766}.crop-slider::-webkit-slider-thumb:hover{background:#d8b4fe;transform:scale(1.1)}.crop-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#a855f7;cursor:pointer;border:none;transition:all .2s;box-shadow:0 0 10px #a855f766}.crop-slider::-moz-range-thumb:hover{background:#d8b4fe;transform:scale(1.1)}.rotation-controls{display:flex;gap:12px;align-items:center}.rotation-btn{padding:10px 16px;background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.85rem;font-weight:600;color:#eeeef2;cursor:pointer;transition:all .2s;white-space:nowrap}.rotation-btn:hover{background-color:#22d3ee26;border-color:#22d3ee4d;color:#67e8f9}.rotation-btn:active{transform:scale(.98)}.crop-modal-footer{display:flex;justify-content:flex-end;gap:16px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.05);background:#0003}.crop-modal-footer .btn-secondary,.crop-modal-footer .btn-primary{padding:10px 24px;border-radius:10px;font-size:.85rem;font-weight:700;cursor:pointer;transition:all .2s;border:none}.crop-modal-footer .btn-secondary{background:#ffffff08;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);color:#eeeef2}.crop-modal-footer .btn-secondary:hover:not(:disabled){background:#a855f726;border-color:#a855f766;color:#d8b4fe;box-shadow:0 0 16px #a855f733;transform:translateY(-2px)}.crop-modal-footer .btn-primary{background:linear-gradient(135deg,#a855f7,#22d3ee);color:#fff;box-shadow:0 4px 14px #a855f74d}.crop-modal-footer .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#b875f8,#4de0f0);box-shadow:0 6px 20px #22d3ee66;transform:translateY(-2px)}.crop-modal-footer button:disabled{opacity:.4;cursor:not-allowed;transform:none}@media(max-width:768px){.crop-modal-overlay{padding:0}.crop-modal-content{max-width:100%;max-height:100vh;border-radius:0}.crop-container{height:400px}.crop-controls{padding:16px}.rotation-controls{flex-direction:column}.rotation-btn{width:100%}.crop-modal-footer{padding:16px}}@media(max-width:480px){.crop-container{height:300px}.crop-modal-header h2{font-size:1rem}}.image-uploader{margin-bottom:24px}.image-uploader-label{display:block;margin-bottom:10px;font-weight:600;color:#7a7e95;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.image-uploader-content{display:flex;flex-direction:column;gap:20px}.image-preview{position:relative;width:200px;height:200px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background-color:#0003;transition:all .2s}.image-preview:hover{border-color:#22d3ee4d;box-shadow:0 4px 16px #22d3ee1a}.image-preview img{width:100%;height:100%;object-fit:cover}.image-remove{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background-color:#ef4444cc;color:#fff;border:none;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.image-remove:hover{background-color:#ef4444;transform:scale(1.1)}.image-uploader-controls{display:flex;flex-direction:column;gap:16px}.file-input{display:none}.file-input-label{display:inline-block;padding:12px 24px;background:linear-gradient(135deg,#a855f733,#22d3ee33);border:1px dashed rgba(34,211,238,.5);color:#67e8f9;border-radius:10px;cursor:pointer;font-size:.9rem;font-weight:700;transition:all .2s;text-align:center;max-width:200px}.file-input-label:hover{background:linear-gradient(135deg,#a855f766,#22d3ee66);border-color:#67e8f9;color:#fff;box-shadow:0 0 16px #22d3ee33}.file-input:disabled+.file-input-label{opacity:.5;cursor:not-allowed}.url-input-group{display:flex;align-items:center;gap:12px}.url-input-label{color:#7a7e95;font-size:.85rem;font-weight:500}.url-input{flex:1;padding:12px 16px;background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:10px;font-size:.9rem;color:#eeeef2;transition:all .2s}.url-input:focus{outline:none;border-color:#22d3ee66;box-shadow:0 0 12px #22d3ee1a}.url-input:disabled{background-color:#ffffff0d;color:#7a7e95;cursor:not-allowed}.image-uploader-error{margin-top:10px;color:#fca5a5;font-size:.85rem;background:#ef44441a;padding:10px;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.cat-filter-select{padding:var(--space-3) 36px var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--transition-base)}.cat-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.col-product-list{max-height:220px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);scrollbar-width:thin}.col-product-list::-webkit-scrollbar{width:4px}.col-product-list::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:2px}.col-product-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none}.col-product-item:hover{background:#a855f70f;border-color:#a855f740}.col-product-item.selected{background:#a855f71a;border-color:#a855f773}.col-product-check{position:relative;width:18px;height:18px;flex-shrink:0}.col-product-checkmark{width:18px;height:18px;border-radius:var(--radius-sm);border:var(--border-width-medium) solid var(--border-secondary);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);color:transparent}.col-product-item.selected .col-product-checkmark{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border-color:transparent;color:#fff;box-shadow:0 0 8px #a855f766}.col-product-name{font-size:var(--text-sm);color:var(--text-secondary);flex:1;transition:color var(--transition-base)}.col-product-item.selected .col-product-name{color:var(--text-primary);font-weight:var(--font-medium)}.col-product-empty{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.col-btn-select-products{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-creme);border:1px solid var(--color-alpha);border-radius:8px;color:var(--color-alpha);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.col-btn-select-products:hover{background:var(--color-alpha);color:var(--color-creme);border-color:var(--color-alpha)}.col-btn-select-products svg{flex-shrink:0}.col-selected-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.col-selected-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-tango);color:var(--color-creme);border-radius:6px;font-size:var(--text-xs);font-weight:500}.col-selected-tag button{background:none;border:none;color:var(--color-creme);font-size:1.25rem;line-height:1;cursor:pointer;padding:0;margin-left:.25rem;opacity:.8;transition:opacity .2s}.col-selected-tag button:hover{opacity:1}.col-product-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-6);animation:fadeIn .2s ease}.col-product-modal{background:var(--bg-primary);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}.col-product-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);border-bottom:var(--border-width-thin) solid var(--border-primary)}.col-product-modal-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.col-product-modal-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.col-modal-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.col-modal-close-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary);transform:rotate(90deg)}.col-product-modal-toolbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-8);border-bottom:var(--border-width-thin) solid var(--border-primary);background:var(--bg-elevated)}.col-product-search-wrapper{position:relative;flex:1}.col-product-search-wrapper .col-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.col-product-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-base)}.col-product-search-input:focus{outline:none;border-color:var(--color-tango);box-shadow:0 0 0 3px rgba(var(--color-tango-rgb),.1)}.col-search-clear-btn{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.col-search-clear-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.col-clear-all-btn{padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-epsilon);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.col-clear-all-btn:hover{background:var(--color-epsilon);border-color:var(--color-epsilon);color:var(--color-creme)}.col-product-modal-body{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8)}.col-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.col-product-item-card{position:relative;background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.col-product-item-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.col-product-item-card.selected{border-color:var(--color-tango);background:linear-gradient(135deg,rgba(var(--color-tango-rgb),.08),rgba(var(--color-tango-rgb),.04));box-shadow:0 0 0 2px rgba(var(--color-tango-rgb),.2)}.col-product-checkbox-wrapper{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10}.col-product-checkbox-input{position:absolute;opacity:0;width:0;height:0}.col-product-checkbox-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.col-product-item-card:hover .col-product-checkbox-box{border-color:var(--color-tango)}.col-product-item-card.selected .col-product-checkbox-box{background:var(--color-tango);border-color:var(--color-tango)}.col-product-checkbox-box svg{color:var(--color-creme)}.col-product-image{width:100%;aspect-ratio:4/3;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.col-product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.col-product-item-card:hover .col-product-image img{transform:scale(1.05)}.col-product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.3}.col-product-details{padding:var(--space-4)}.col-product-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:var(--leading-snug)}.col-product-category{font-size:var(--text-xs);color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-product-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);color:var(--text-muted)}.col-product-empty-state svg{margin-bottom:var(--space-4);opacity:.3}.col-product-empty-state h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-2) 0}.col-product-empty-state p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.col-product-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-8);border-top:var(--border-width-thin) solid var(--border-primary);background:var(--bg-elevated)}.col-modal-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);border:var(--border-width-thin) solid transparent}.col-modal-btn-secondary{background:var(--bg-elevated);border-color:var(--border-primary);color:var(--text-secondary)}.col-modal-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.col-modal-btn-primary{background:var(--color-tango);border-color:var(--color-tango);color:var(--color-creme)}.col-modal-btn-primary:hover{background:var(--color-alpha);border-color:var(--color-alpha);transform:translateY(-1px);box-shadow:var(--shadow-lg)}@media(max-width:1200px){.col-product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.col-product-modal{max-width:100%;max-height:100vh;border-radius:0}.col-product-modal-overlay{padding:0}.col-product-modal-header,.col-product-modal-toolbar,.col-product-modal-body,.col-product-modal-footer{padding-left:var(--space-5);padding-right:var(--space-5)}.col-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.col-product-modal-toolbar{flex-direction:column;align-items:stretch}.col-clear-all-btn{width:100%}}.br-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.br-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.br-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.br-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary)}.br-header-actions{display:flex;align-items:center;gap:var(--space-3)}.br-btn-add{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.br-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.br-view-toggle{display:flex;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.br-view-btn{padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.br-view-btn:hover{color:var(--text-primary);background:var(--slate-600)}.br-view-btn.active{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));color:#fff}.br-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.br-search-wrap{position:relative;flex:1}.br-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.br-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.br-search::placeholder{color:var(--text-muted)}.br-search:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.br-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.br-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-slow);position:relative}.br-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.br-card-img-wrap{position:relative;height:160px;overflow:hidden;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.br-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.br-card:hover .br-card-img{transform:scale(1.06)}.br-card-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-muted);width:100%;height:100%}.br-card-overlay{position:absolute;inset:0;background:#0a0a0fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:var(--space-3);opacity:0;transition:opacity var(--transition-base)}.br-card:hover .br-card-overlay{opacity:1}.br-card-body{padding:var(--space-4) var(--space-5)}.br-card-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.br-card-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-3);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.br-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2)}.br-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.br-badge-active{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.br-badge-inactive{background:#64748b1f;color:var(--text-muted);border:var(--border-width-thin) solid rgba(100,116,139,.2)}.br-btn-edit{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));border:none;border-radius:var(--radius-md);color:var(--slate-900);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.br-btn-edit:hover{transform:translateY(-1px);box-shadow:var(--glow-alpha)}.br-btn-delete{padding:var(--space-2) var(--space-4);background:#f43f5e26;border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-md);color:var(--color-epsilon);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.br-btn-delete:hover{background:#f43f5e40;transform:translateY(-1px)}.br-list{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.br-list-header{display:grid;grid-template-columns:80px 1fr 2fr 120px 140px;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.br-list-row{display:grid;grid-template-columns:80px 1fr 2fr 120px 140px;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);align-items:center;transition:background var(--transition-fast)}.br-list-row:last-child{border-bottom:none}.br-list-row:hover{background:var(--bg-elevated)}.br-list-img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-primary)}.br-list-img-placeholder{width:60px;height:60px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.br-list-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.br-list-desc{font-size:var(--text-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.br-list-actions{display:flex;gap:var(--space-2)}.br-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.br-empty svg{opacity:.3}.br-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.br-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.br-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.15);border-top-color:var(--color-beta);border-radius:var(--radius-full);animation:brSpin .8s linear infinite}@keyframes brSpin{to{transform:rotate(360deg)}}.br-overlay{position:fixed;inset:0;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:brOverlayIn .2s ease}@keyframes brOverlayIn{0%{opacity:0}to{opacity:1}}.br-panel{width:480px;max-width:100%;height:100vh;background:var(--bg-card);border-left:var(--border-width-thin) solid var(--glass-border);display:flex;flex-direction:column;animation:brPanelIn .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-2xl)}@keyframes brPanelIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.br-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.br-panel-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.br-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.br-panel-close:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.br-panel-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);scrollbar-width:thin}.br-panel-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-width-thin) solid var(--border-primary);flex-shrink:0;background:var(--bg-card)}.br-btn-cancel{flex:1;padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.br-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.br-btn-save{flex:2;padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.br-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.br-btn-save:disabled{opacity:.5;cursor:not-allowed}.br-form-section{display:flex;flex-direction:column;gap:var(--space-4)}.br-form-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-bottom:var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-primary)}.br-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.br-form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.br-form-label span{color:var(--color-epsilon)}.br-form-input,.br-form-textarea{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.br-form-textarea{resize:vertical;line-height:var(--leading-relaxed)}.br-form-input::placeholder,.br-form-textarea::placeholder{color:var(--text-muted)}.br-form-input:focus,.br-form-textarea:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.br-form-input.error,.br-form-textarea.error{border-color:var(--color-epsilon)}.br-form-error{font-size:var(--text-xs);color:var(--color-epsilon)}.br-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg)}.br-toggle-info{display:flex;flex-direction:column;gap:2px}.br-toggle-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.br-toggle-desc{font-size:var(--text-xs);color:var(--text-muted)}.br-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.br-toggle-input{opacity:0;width:0;height:0;position:absolute}.br-toggle-slider{position:absolute;inset:0;background:var(--slate-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.br-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.br-toggle-input:checked+.br-toggle-slider{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha))}.br-toggle-input:checked+.br-toggle-slider:before{transform:translate(20px)}.br-drop-zone{border:2px dashed var(--border-primary);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;background:var(--bg-elevated);min-height:160px;display:flex;align-items:center;justify-content:center}.br-drop-zone:hover,.br-drop-zone.dragging{border-color:var(--color-alpha);background:#00f5ff0a;box-shadow:0 0 0 3px #00f5ff14}.br-drop-zone.has-image{padding:0;border-style:solid;border-color:var(--border-primary);overflow:hidden}.br-drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-muted);pointer-events:none}.br-drop-placeholder svg{opacity:.5}.br-drop-placeholder-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary)}.br-drop-placeholder-sub{font-size:var(--text-sm)}.br-drop-preview{width:100%;height:160px;object-fit:contain;display:block;padding:var(--space-4)}.br-drop-replace-overlay{position:absolute;inset:0;background:#0a0a0f80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.br-drop-replace-overlay span{color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full)}.br-drop-zone:hover .br-drop-replace-overlay{opacity:1}.br-drop-remove{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-full);color:var(--color-epsilon);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);font-size:18px;line-height:1}.br-drop-remove:hover{background:#f43f5e33}@media(max-width:768px){.br-title{font-size:var(--text-3xl)}.br-grid{grid-template-columns:repeat(2,1fr)}.br-panel{width:100%}.br-list-header,.br-list-row{grid-template-columns:60px 1fr 100px 100px}.br-list-header>*:nth-child(3),.br-list-row>*:nth-child(3){display:none}}.data-table-container{overflow-x:auto;background:var(--bg-card);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);transition:all var(--transition-slow)}.data-table-container:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xl)}.data-table-container::-webkit-scrollbar{height:8px}.data-table-container::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:var(--radius-full)}.data-table-container::-webkit-scrollbar-thumb{background:var(--slate-600);border-radius:var(--radius-full)}.data-table-container::-webkit-scrollbar-thumb:hover{background:var(--slate-500)}.data-table{width:100%;border-collapse:collapse;min-width:600px}.data-table thead{background:var(--bg-elevated);border-bottom:var(--border-width-medium) solid var(--border-primary)}.data-table th{padding:var(--space-5) var(--space-6);text-align:left;font-weight:var(--font-bold);color:var(--text-tertiary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap}.data-table td{padding:var(--space-5) var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary);color:var(--text-primary);font-size:var(--text-base);vertical-align:middle}.data-table tbody tr{transition:all var(--transition-base);cursor:pointer}.data-table tbody tr:hover{background:var(--bg-elevated);box-shadow:inset 0 0 0 1px #00f5ff1a}.data-table tbody tr:last-child td{border-bottom:none}.data-table-actions{display:flex;gap:var(--space-2);align-items:center}.data-table-actions button{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-semibold);transition:all var(--transition-base);white-space:nowrap}.data-table-actions button:hover{background:var(--slate-600);border-color:var(--color-alpha);color:var(--color-alpha);transform:translateY(-1px);box-shadow:0 4px 12px #00f5ff33}.btn-edit{background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));color:var(--slate-900);border:none;box-shadow:var(--glow-alpha)}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f5ff80}.btn-delete{background:#f43f5e1a;border-color:#f43f5e4d;color:var(--color-epsilon)}.btn-delete:hover{background:#f43f5e33;border-color:#f43f5e80;box-shadow:var(--glow-epsilon)}.data-table-loading,.data-table-empty{padding:var(--space-12) var(--space-10);text-align:center;color:var(--text-tertiary);background:var(--bg-card);border-radius:var(--radius-2xl);border:var(--border-width-thin) dashed var(--border-primary);font-size:var(--text-lg);font-weight:var(--font-medium)}.data-table-loading{animation:skeletonLoading 1.5s infinite}@media(max-width:768px){.data-table th,.data-table td{padding:var(--space-4);font-size:var(--text-sm)}.data-table th{font-size:var(--text-xs)}.data-table-actions{flex-direction:column;gap:var(--space-2)}.data-table-actions button{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}.mc-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.mc-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.mc-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.mc-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary)}.mc-btn-add{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.mc-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.mc-tabs{display:flex;gap:0;margin-bottom:var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary)}.mc-tab{padding:var(--space-3) var(--space-6);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);margin-bottom:-1px;font-family:var(--font-sans)}.mc-tab:hover{color:var(--text-secondary)}.mc-tab.active{color:var(--color-alpha);border-bottom-color:var(--color-alpha)}.mc-thumb{width:52px;height:52px;object-fit:cover;border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-primary);display:block}.mc-thumb-placeholder{width:52px;height:52px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.mc-muted{color:var(--text-muted);font-style:italic}.mc-dots{display:flex;align-items:center;gap:var(--space-1);flex-wrap:wrap}.mc-dot{width:22px;height:22px;border-radius:var(--radius-sm);border:var(--border-width-thin) solid rgba(255,255,255,.15);flex-shrink:0}.mc-dots-more{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-semibold)}.mc-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mc-badge.active{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.mc-badge.inactive{background:#64748b1f;color:var(--text-muted);border:var(--border-width-thin) solid rgba(100,116,139,.2)}.mc-btn-colors{padding:var(--space-2) var(--space-3);background:#00f5ff1a;border:var(--border-width-thin) solid rgba(0,245,255,.25);border-radius:var(--radius-md);color:var(--color-alpha);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap;font-family:var(--font-sans)}.mc-btn-colors:hover{background:#00f5ff2e;transform:translateY(-1px)}.mc-color-swatch-cell{width:44px;height:44px;border-radius:var(--radius-lg);border:var(--border-width-thin) solid rgba(255,255,255,.15);box-shadow:var(--shadow-sm);display:block}.mc-hex{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.mc-overlay{position:fixed;inset:0;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:mcOverlayIn .2s ease}@keyframes mcOverlayIn{0%{opacity:0}to{opacity:1}}.mc-panel{width:480px;max-width:100%;height:100vh;background:var(--bg-card);border-left:var(--border-width-thin) solid var(--glass-border);display:flex;flex-direction:column;animation:mcPanelIn .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-2xl)}@keyframes mcPanelIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.mc-panel-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.mc-panel-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.mc-panel-sub{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.mc-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.mc-panel-close:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.mc-panel-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);scrollbar-width:thin}.mc-panel-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-width-thin) solid var(--border-primary);flex-shrink:0;background:var(--bg-card)}.mc-btn-cancel{flex:1;padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.mc-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.mc-btn-save{flex:2;padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.mc-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.mc-btn-save:disabled{opacity:.5;cursor:not-allowed}.mc-section{display:flex;flex-direction:column;gap:var(--space-4)}.mc-section-title{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-bottom:var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-primary)}.mc-field{display:flex;flex-direction:column;gap:var(--space-2)}.mc-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mc-req{color:var(--color-epsilon);margin-left:2px}.mc-input,.mc-textarea{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.mc-textarea{resize:vertical;line-height:var(--leading-relaxed)}.mc-input::placeholder,.mc-textarea::placeholder{color:var(--text-muted)}.mc-input:focus,.mc-textarea:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.mc-input.error{border-color:var(--color-epsilon)}.mc-input-hex{font-family:var(--font-mono)}.mc-error{font-size:var(--text-xs);color:var(--color-epsilon)}.mc-hint{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-relaxed)}.mc-img-preview-wrap{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:var(--border-width-thin) solid var(--border-primary)}.mc-img-preview{width:100%;height:200px;object-fit:cover;display:block}.mc-img-remove{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;background:#0a0a0fd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-width-thin) solid rgba(244,63,94,.35);border-radius:var(--radius-full);color:var(--color-epsilon);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;transition:all var(--transition-base);z-index:2}.mc-img-remove:hover{background:#f43f5e40}.mc-img-replace{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-top:var(--border-width-thin) solid var(--border-primary)}.mc-img-replace .image-uploader-label,.mc-img-replace .image-preview{display:none}.mc-drop-zone{position:relative;border:2px dashed var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-elevated);transition:all var(--transition-base);overflow:hidden;min-height:160px}.mc-drop-zone:hover{border-color:var(--color-alpha);background:#00f5ff08}.mc-drop-placeholder{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-muted);pointer-events:none;z-index:1}.mc-drop-placeholder svg{opacity:.4}.mc-drop-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary)}.mc-drop-sub{font-size:var(--text-sm)}.mc-drop-uploader{position:relative;z-index:2;opacity:0;padding:var(--space-10);cursor:pointer}.mc-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg)}.mc-toggle-info{display:flex;flex-direction:column;gap:2px}.mc-toggle-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.mc-toggle-desc{font-size:var(--text-xs);color:var(--text-muted)}.mc-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.mc-toggle-input{opacity:0;width:0;height:0;position:absolute}.mc-toggle-slider{position:absolute;inset:0;background:var(--slate-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.mc-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.mc-toggle-input:checked+.mc-toggle-slider{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha))}.mc-toggle-input:checked+.mc-toggle-slider:before{transform:translate(20px)}.mc-clr-preview{display:flex;align-items:center;gap:var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl)}.mc-clr-preview-swatch{width:72px;height:72px;border-radius:var(--radius-xl);border:var(--border-width-medium) solid rgba(255,255,255,.15);box-shadow:var(--shadow-lg);flex-shrink:0;transition:background var(--transition-base)}.mc-clr-preview-info{display:flex;flex-direction:column;gap:var(--space-1)}.mc-clr-preview-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.mc-clr-preview-hex{font-size:var(--text-base);color:var(--text-muted);font-family:var(--font-mono)}.mc-picker-row{display:flex;align-items:center;gap:var(--space-3)}.mc-picker{width:52px;height:44px;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;background:transparent;padding:2px;flex-shrink:0}.mc-picker-row .mc-input{flex:1}.mc-colors-count-badge{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:#a855f71a;border:var(--border-width-thin) solid rgba(168,85,247,.25);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-beta)}.mc-color-search-wrap{position:relative}.mc-color-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.mc-color-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 34px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.mc-color-search::placeholder{color:var(--text-muted)}.mc-color-search:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700)}.mc-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.mc-color-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-elevated);border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);position:relative}.mc-color-card input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.mc-color-card:hover{border-color:var(--border-hover);background:var(--slate-700)}.mc-color-card.selected{border-color:#a855f799;background:#a855f71a;box-shadow:0 0 16px #a855f733}.mc-color-card-swatch{width:44px;height:44px;border-radius:var(--radius-lg);border:var(--border-width-medium) solid rgba(255,255,255,.15);box-shadow:var(--shadow-md);flex-shrink:0}.mc-color-card-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center;line-height:var(--leading-tight)}.mc-color-card-hex{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.mc-color-card-check{position:absolute;top:var(--space-2);right:var(--space-2);width:20px;height:20px;background:var(--color-beta);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff}.mc-colors-empty{grid-column:1 / -1;text-align:center;color:var(--text-muted);font-style:italic}@media(max-width:768px){.mc-title{font-size:var(--text-3xl)}.mc-panel{width:100%}.mc-color-grid{grid-template-columns:repeat(3,1fr)}}.pr-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.pr-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.pr-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.pr-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary)}.pr-header-actions{display:flex;align-items:center;gap:var(--space-3)}.pr-btn-add{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.pr-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.pr-view-toggle{display:flex;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.pr-view-btn{padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.pr-view-btn:hover{color:var(--text-primary);background:var(--slate-600)}.pr-view-btn.active{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));color:#fff}.pr-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.pr-stat{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);text-align:center}.pr-stat-active{border-color:#10b98133}.pr-stat-inactive{border-color:#64748b33}.pr-stat-variants{border-color:#a855f733}.pr-stat-val{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:1}.pr-stat-active .pr-stat-val{color:var(--color-delta)}.pr-stat-inactive .pr-stat-val{color:var(--text-muted)}.pr-stat-variants .pr-stat-val{color:var(--color-beta)}.pr-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.pr-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);flex-wrap:wrap}.pr-search-wrap{position:relative;flex:1;min-width:200px}.pr-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.pr-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.pr-search::placeholder{color:var(--text-muted)}.pr-search:focus{outline:none;border-color:var(--color-beta);background:var(--slate-700);box-shadow:0 0 0 3px #a855f714}.pr-filter-select{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;min-width:150px}.pr-filter-select:focus{outline:none;border-color:var(--color-beta)}.pr-btn-clear{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.pr-btn-clear:hover{color:var(--text-primary);border-color:var(--border-hover)}.pr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.pr-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-slow);cursor:pointer;position:relative}.pr-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.pr-card.inactive{opacity:.65}.pr-card-img-wrap{position:relative;height:200px;overflow:hidden;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.pr-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.pr-card:hover .pr-card-img{transform:scale(1.06)}.pr-card-img-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--text-muted)}.pr-card-flags{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1)}.pr-flag{display:inline-flex;align-items:center;padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.pr-flag-bestseller{background:#fbbf2426;color:var(--color-gamma);border:var(--border-width-thin) solid rgba(251,191,36,.3)}.pr-flag-hot{background:#f43f5e26;color:var(--color-epsilon);border:var(--border-width-thin) solid rgba(244,63,94,.3)}.pr-card-status-dot{position:absolute;top:var(--space-3);right:var(--space-3);width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--bg-card)}.pr-card-status-dot.active{background:var(--color-delta);box-shadow:0 0 6px #10b98199}.pr-card-status-dot.inactive{background:var(--text-muted)}.pr-card-overlay{position:absolute;inset:0;background:#0a0a0fbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:var(--space-3);opacity:0;transition:opacity var(--transition-base)}.pr-card:hover .pr-card-overlay{opacity:1}.pr-card-action-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.pr-card-action-btn.edit{background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));color:var(--slate-900)}.pr-card-action-btn.edit:hover{transform:translateY(-1px);box-shadow:var(--glow-alpha)}.pr-card-action-btn.delete{background:#f43f5e26;border:var(--border-width-thin) solid rgba(244,63,94,.3);color:var(--color-epsilon)}.pr-card-action-btn.delete:hover{background:#f43f5e40}.pr-card-body{padding:var(--space-4) var(--space-5)}.pr-card-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pr-card-cats{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3)}.pr-cat-tag{font-size:var(--text-xs);color:var(--text-muted)}.pr-cat-sep{font-size:var(--text-xs);color:var(--text-muted);opacity:.5}.pr-card-meta{display:flex;gap:var(--space-4);margin-bottom:var(--space-3);padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-primary)}.pr-meta-item{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-secondary)}.pr-meta-item svg{color:var(--text-muted);flex-shrink:0}.pr-meta-item.out{color:var(--color-epsilon)}.pr-meta-item.low{color:var(--color-gamma)}.pr-card-price{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-alpha)}.pr-list{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.pr-list-header{display:grid;grid-template-columns:2.5fr 1.5fr 80px 160px 80px 100px 140px;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.pr-list-row{display:grid;grid-template-columns:2.5fr 1.5fr 80px 160px 80px 100px 140px;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);align-items:center;transition:background var(--transition-fast)}.pr-list-row:last-child{border-bottom:none}.pr-list-row:hover{background:var(--bg-elevated)}.pr-list-row.inactive{opacity:.65}.pr-list-product{display:flex;align-items:center;gap:var(--space-3)}.pr-list-img-wrap{flex-shrink:0}.pr-list-img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-primary)}.pr-list-img-placeholder{width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.pr-list-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:2px}.pr-list-flags{display:flex;gap:var(--space-1);flex-wrap:wrap}.pr-list-cat{font-size:var(--text-sm);color:var(--text-secondary)}.pr-list-subcat{font-size:var(--text-xs);color:var(--text-muted)}.pr-list-variants{font-size:var(--text-base);color:var(--text-secondary);text-align:center}.pr-list-price{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-alpha)}.pr-list-stock{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-delta);text-align:center}.pr-list-stock.out{color:var(--color-epsilon)}.pr-list-stock.low{color:var(--color-gamma)}.pr-list-actions{display:flex;gap:var(--space-2)}.pr-status-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.pr-status-badge.active{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.pr-status-badge.inactive{background:#64748b1f;color:var(--text-muted);border:var(--border-width-thin) solid rgba(100,116,139,.2)}.pr-btn-edit{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));border:none;border-radius:var(--radius-md);color:var(--slate-900);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.pr-btn-edit:hover{transform:translateY(-1px);box-shadow:var(--glow-alpha)}.pr-btn-delete{padding:var(--space-2) var(--space-3);background:#f43f5e1f;border:var(--border-width-thin) solid rgba(244,63,94,.25);border-radius:var(--radius-md);color:var(--color-epsilon);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.pr-btn-delete:hover{background:#f43f5e38}.pr-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.pr-empty svg{opacity:.3}.pr-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.pr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.pr-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.15);border-top-color:var(--color-beta);border-radius:var(--radius-full);animation:prSpin .8s linear infinite}@keyframes prSpin{to{transform:rotate(360deg)}}@media(max-width:1200px){.pr-list-header,.pr-list-row{grid-template-columns:2fr 1.5fr 80px 140px 80px 120px}.pr-list-header>*:nth-child(5),.pr-list-row>*:nth-child(5){display:none}}@media(max-width:768px){.pr-title{font-size:var(--text-3xl)}.pr-stats{grid-template-columns:repeat(2,1fr)}.pr-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.pr-card-img-wrap{height:150px}.pr-list-header,.pr-list-row{grid-template-columns:2fr 1fr 120px 100px}.pr-list-header>*:nth-child(2),.pr-list-header>*:nth-child(3),.pr-list-header>*:nth-child(5),.pr-list-row>*:nth-child(2),.pr-list-row>*:nth-child(3),.pr-list-row>*:nth-child(5){display:none}}@media(max-width:480px){.pr-grid{grid-template-columns:1fr}.pr-filters{flex-direction:column}.pr-filter-select{width:100%}}.multi-image-uploader{margin-bottom:24px}.multi-image-uploader-label{display:block;margin-bottom:12px;font-weight:600;color:#7a7e95;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px}.modern-uploader{display:flex;flex-direction:column;gap:24px}.upload-dropzone{border:2px dashed rgba(168,85,247,.4);background:#a855f70d;border-radius:16px;padding:40px;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.upload-dropzone.dragging{border-color:#22d3ee;background:#22d3ee1a;transform:scale(1.02)}.dropzone-content{display:flex;flex-direction:column;align-items:center;gap:12px}.dropzone-content svg{color:#a855f7;margin-bottom:8px}.dropzone-text{font-size:1rem;font-weight:600;color:var(--text-1);margin:0}.dropzone-subtext{font-size:.8rem;color:var(--text-3);margin:0 0 16px}.dropzone-btn{padding:10px 24px;border-radius:100px;cursor:pointer;display:inline-block;font-size:.9rem}.image-grid-modern{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.image-card-modern{display:flex;flex-direction:column;gap:12px;background:#0003;padding:12px;border-radius:16px;border:1px solid var(--glass-border)}.image-wrapper{position:relative;width:100%;height:200px;border-radius:10px;overflow:hidden}.image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.image-wrapper:hover img{transform:scale(1.05)}.image-overlay{position:absolute;inset:0;background:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .3s}.image-wrapper:hover .image-overlay{opacity:1}.icon-btn-small{width:36px;height:36px;border-radius:50%;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.icon-btn-small:hover:not(:disabled){background:#22d3ee4d;border-color:#22d3ee;color:#67e8f9}.icon-btn-small.delete:hover{background:#ef44444d;border-color:#ef4444;color:#fca5a5}.icon-btn-small:disabled{opacity:.3;cursor:not-allowed}.modern-alt-input{width:100%;padding:10px 12px;background:#0000004d;border:1px solid rgba(255,255,255,.05);border-radius:8px;color:#fff;font-size:.85rem;transition:all .2s}.modern-alt-input:focus{outline:none;border-color:#a855f766;background:#00000080}.multi-image-uploader-error{display:flex;align-items:center;gap:8px;color:#fca5a5;font-size:.85rem;background:#ef44441a;padding:12px 16px;border-radius:8px;border:1px solid rgba(239,68,68,.2)}.uploading-overlay{position:absolute;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:10;border-radius:inherit;color:#fff;font-size:.9rem;font-weight:600}.uploading-overlay .spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.2);border-top-color:#22d3ee;border-radius:50%;animation:spinner-rotate 1s linear infinite}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.csel-wrap{position:relative;width:100%}.csel-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base);text-align:left}.csel-trigger:hover:not(:disabled){border-color:var(--border-hover);background:var(--slate-700)}.csel-wrap.open .csel-trigger{border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14;border-radius:var(--radius-lg) var(--radius-lg) var(--radius-md) var(--radius-md)}.csel-wrap.error .csel-trigger{border-color:var(--color-epsilon)}.csel-wrap.disabled .csel-trigger{opacity:.45;cursor:not-allowed}.csel-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.csel-value.placeholder{color:var(--text-muted)}.csel-chevron{color:var(--text-muted);flex-shrink:0;transition:transform var(--transition-base)}.csel-wrap.open .csel-chevron{transform:rotate(180deg);color:var(--color-alpha)}.csel-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:var(--z-dropdown);background:var(--bg-card);border:var(--border-width-thin) solid var(--border-hover);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #00f5ff0f;overflow:hidden;animation:cselDropIn .15s cubic-bezier(.2,.8,.2,1);max-height:260px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--slate-600) transparent}.csel-dropdown::-webkit-scrollbar{width:4px}.csel-dropdown::-webkit-scrollbar-track{background:transparent}.csel-dropdown::-webkit-scrollbar-thumb{background:var(--slate-600);border-radius:2px}@keyframes cselDropIn{0%{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.csel-option{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border-bottom:var(--border-width-thin) solid var(--border-primary)}.csel-option:last-child{border-bottom:none}.csel-option:hover{background:var(--bg-elevated);color:var(--text-primary)}.csel-option.selected{background:#00f5ff0f;color:var(--color-alpha);font-weight:var(--font-semibold)}.csel-option.selected svg{color:var(--color-alpha);flex-shrink:0}.add-product-page{max-width:100%;margin:0;animation:fadeIn .3s ease;padding-bottom:100px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.add-product-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary)}.add-product-header-left{display:flex;flex-direction:column;gap:var(--space-4)}.btn-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--glass-bg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-base);align-self:flex-start}.btn-back:hover{background:#a855f714;border-color:#a855f74d;color:#d8b4fe}.add-product-header h1{margin:0;font-size:var(--text-4xl);font-weight:var(--font-extrabold);background:linear-gradient(135deg,#fff 30%,#d8b4fe 70%,#67e8f9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:var(--tracking-tight)}.add-product-subtitle{margin:var(--space-1) 0 0;font-size:var(--text-base);color:var(--text-secondary)}.add-product-header-actions{display:none}.add-product-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);align-items:start}.add-product-main{display:flex;flex-direction:column;gap:var(--space-6)}.add-product-sidebar{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:var(--space-6)}.add-product-card{padding:var(--space-5) var(--space-6);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:var(--transition-slow)}.card-title{margin:0 0 var(--space-5);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.card-header-with-action{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5);gap:var(--space-4)}.card-header-with-action .card-title{margin:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.form-grid.dimensions-grid{grid-template-columns:repeat(4,1fr)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.required{color:var(--color-epsilon)}.form-group input[type=text],.form-group input[type=number],.form-group textarea,.form-group select{padding:var(--space-3) var(--space-4);background:#0000004d;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;transition:var(--transition-base)}.form-group textarea{resize:vertical;line-height:var(--leading-relaxed)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--border-focus);background:#0006;box-shadow:0 0 12px #00f5ff1a}.form-group input.error,.form-group textarea.error,.form-group select.error{border-color:#f43f5e80;background:#f43f5e0d}.error-text{font-size:var(--text-xs);color:#fca5a5;margin-top:-4px}.pricing-control-panel{background:linear-gradient(135deg,#a855f70d,#00f5ff0d);border:var(--border-width-medium) solid rgba(168,85,247,.2)}.pricing-control-panel .card-title{display:flex;align-items:center;gap:var(--space-3)}.pricing-tabs{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2);margin-bottom:var(--space-4);background:#0003;padding:var(--space-1) var(--space-1) var(--space-1) var(--space-1);border-radius:var(--radius-lg)}.pricing-tab{padding:var(--space-3) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);font-family:inherit}.pricing-tab:hover{background:#ffffff0d;color:var(--text-primary)}.pricing-tab.active{background:linear-gradient(135deg,#a855f74d,#00f5ff4d);color:#fff;box-shadow:0 2px 8px #a855f74d}.pricing-tab-content{display:flex;flex-direction:column;gap:var(--space-4)}.pricing-tab-desc{margin:0;font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-3);background:#a855f714;border:var(--border-width-thin) solid rgba(168,85,247,.2);border-radius:var(--radius-md);text-align:center}.variant-selection-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto;padding:var(--space-3);background:#00000026;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);scrollbar-width:thin}.variant-selection-list::-webkit-scrollbar{width:6px}.variant-selection-list::-webkit-scrollbar-track{background:#0003;border-radius:3px}.variant-selection-list::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:3px}.variant-select-all{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#a855f71f;border:var(--border-width-medium) solid rgba(168,85,247,.3);border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-1)}.variant-select-all input[type=checkbox]{width:18px;height:18px;cursor:pointer}.variant-select-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#0003;border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base)}.variant-select-item:hover{background:#00f5ff0d;border-color:#00f5ff4d}.variant-select-item.has-pricing{border-color:#10b9814d;background:#10b9810d}.variant-select-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0}.variant-select-color{width:32px;height:32px;border-radius:var(--radius-md);border:var(--border-width-medium) solid rgba(255,255,255,.2);flex-shrink:0;box-shadow:var(--shadow-sm)}.variant-select-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.variant-select-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.variant-select-price{font-size:var(--text-xs);font-weight:var(--font-bold);color:#86efac}.variant-select-no-price{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}.btn-apply-pricing{padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-base);font-family:inherit;box-shadow:0 4px 14px #a855f74d}.btn-apply-pricing:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00f5ff66}.btn-apply-pricing:disabled{opacity:.5;cursor:not-allowed;transform:none}.pricing-mode-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-6)}.pricing-mode-option{display:flex;padding:var(--space-4);background:#0003;border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition-base);position:relative}.pricing-mode-option:hover{background:#00f5ff0d;border-color:#00f5ff4d}.pricing-mode-option.active{background:#a855f71f;border-color:#a855f799;box-shadow:0 0 20px #a855f733}.pricing-mode-option input[type=radio]{position:absolute;opacity:0;cursor:pointer}.pricing-mode-content{display:flex;align-items:flex-start;gap:var(--space-3);width:100%}.pricing-mode-content svg{flex-shrink:0;margin-top:2px}.pricing-mode-content>div{display:flex;flex-direction:column;gap:var(--space-1)}.mode-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.mode-desc{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-normal)}.unified-pricing-section{background:#a855f714;border:var(--border-width-thin) solid rgba(168,85,247,.2);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4)}.pricing-info-text{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.bulk-actions-section{background:#00000026;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-4)}.bulk-actions-label{margin:0;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.bulk-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.btn-bulk-action{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#0000004d;border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);font-family:inherit;white-space:nowrap}.btn-bulk-action:hover:not(:disabled){background:#00f5ff14;border-color:#00f5ff66;color:#67e8f9;transform:translateY(-2px);box-shadow:0 4px 12px #00f5ff33}.btn-bulk-action:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-bulk-primary{background:linear-gradient(135deg,#a855f733,#00f5ff33);border-color:#a855f766}.btn-bulk-primary:hover:not(:disabled){background:linear-gradient(135deg,#a855f74d,#00f5ff4d);border-color:#a855f799;box-shadow:0 4px 16px #a855f74d}.btn-bulk-secondary{background:#00f5ff1a;border-color:#00f5ff4d}.btn-bulk-secondary:hover:not(:disabled){background:#00f5ff26;border-color:#00f5ff80}.action-badge{padding:3px var(--space-2);background:#a855f733;color:#d8b4fe;border:var(--border-width-thin) solid rgba(168,85,247,.4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.pricing-mode-badge{padding:var(--space-1) var(--space-3);background:#a855f726;color:#d8b4fe;border:var(--border-width-thin) solid rgba(168,85,247,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-left:auto}.variant-add-section{background:#0003;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.variant-select-full{width:100%;padding:var(--space-3) var(--space-4);background:#0000004d;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:inherit;transition:var(--transition-base)}.variant-select-full:focus{outline:none;border-color:var(--border-focus);background:#0006;box-shadow:0 0 12px #00f5ff1a}.color-selection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.color-checkbox-card{display:flex;align-items:center;padding:var(--space-3);background:#0003;border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);position:relative}.color-checkbox-card:hover{background:#00f5ff0d;border-color:#00f5ff4d}.color-checkbox-card.selected{background:#a855f71f;border-color:#a855f799;box-shadow:0 0 16px #a855f733}.color-checkbox-card input[type=checkbox]{position:absolute;opacity:0;cursor:pointer}.color-checkbox-content{display:flex;align-items:center;gap:var(--space-3);width:100%}.color-preview{width:32px;height:32px;border-radius:var(--radius-md);border:var(--border-width-medium) solid rgba(255,255,255,.2);flex-shrink:0;box-shadow:var(--shadow-md)}.color-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.empty-message{margin:0;text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.btn-add-variant-full{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 14px #a855f74d}.btn-add-variant-full:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00f5ff66}.btn-add-variant-full:disabled{opacity:.5;cursor:not-allowed;transform:none}.variant-add-controls{display:flex;gap:var(--space-2);align-items:center}.variant-select{padding:var(--space-2) var(--space-3);background:#0000004d;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);min-width:140px}.btn-add-variant{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);white-space:nowrap}.btn-add-variant:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #a855f74d}.btn-add-variant:disabled{opacity:.5;cursor:not-allowed}.variants-list{display:flex;flex-direction:column;gap:var(--space-3)}.variants-two-level-tabs{display:flex;flex-direction:column;gap:0}.material-tabs-bar{display:flex;gap:var(--space-2);padding:var(--space-4);background:#00000040;border:var(--border-width-thin) solid var(--border-primary);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow-x:auto;scrollbar-width:thin}.material-tabs-bar::-webkit-scrollbar{height:6px}.material-tabs-bar::-webkit-scrollbar-track{background:#0003;border-radius:3px}.material-tabs-bar::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:3px}.material-tab{padding:var(--space-3) var(--space-6);background:#0000004d;border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);white-space:nowrap;flex-shrink:0;font-family:inherit;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary)}.material-tab:hover{background:#00f5ff14;border-color:#00f5ff4d;color:var(--text-primary)}.material-tab.active{background:#a855f726;border-color:#a855f799;color:var(--text-primary);box-shadow:0 0 16px #a855f733}.color-tabs-bar{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#00000026;border:var(--border-width-thin) solid var(--border-primary);border-bottom:none;overflow-x:auto;scrollbar-width:thin}.color-tabs-bar::-webkit-scrollbar{height:6px}.color-tabs-bar::-webkit-scrollbar-track{background:#0003;border-radius:3px}.color-tabs-bar::-webkit-scrollbar-thumb{background:#00f5ff4d;border-radius:3px}.color-tab{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#0000004d;border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);white-space:nowrap;flex-shrink:0;font-family:inherit}.color-tab:hover{background:#00f5ff14;border-color:#00f5ff4d}.color-tab.active{background:#00f5ff26;border-color:#00f5ff99;box-shadow:0 0 16px #00f5ff33}.color-tab-swatch{width:28px;height:28px;border-radius:var(--radius-md);border:var(--border-width-medium) solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:var(--shadow-md)}.color-tab-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.color-tab-badge{padding:3px var(--space-2);background:#10b98126;color:#86efac;border:var(--border-width-thin) solid rgba(16,185,129,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.color-tab-image-count{padding:3px var(--space-2);background:#a855f726;color:#d8b4fe;border:var(--border-width-thin) solid rgba(168,85,247,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.variants-tabbed-view{display:flex;flex-direction:column;gap:0}.variant-tabs-bar{display:flex;gap:var(--space-2);padding:var(--space-4);background:#0003;border:var(--border-width-thin) solid var(--border-primary);border-bottom:none;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow-x:auto;scrollbar-width:thin}.variant-tabs-bar::-webkit-scrollbar{height:6px}.variant-tabs-bar::-webkit-scrollbar-track{background:#0003;border-radius:3px}.variant-tabs-bar::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:3px}.variant-tab{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#0000004d;border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);white-space:nowrap;flex-shrink:0;font-family:inherit}.variant-tab:hover{background:#00f5ff14;border-color:#00f5ff4d}.variant-tab.active{background:#a855f726;border-color:#a855f799;box-shadow:0 0 16px #a855f733}.variant-tab-color-dot{width:32px;height:32px;border-radius:var(--radius-md);border:var(--border-width-medium) solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:var(--shadow-md)}.variant-tab-info{display:flex;flex-direction:column;gap:2px}.variant-tab-material{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.variant-tab-color-name{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-tight)}.variant-tab-badge{padding:3px var(--space-2);background:#10b98126;color:#86efac;border:var(--border-width-thin) solid rgba(16,185,129,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.variant-tab-image-count{padding:3px var(--space-2);background:#00f5ff26;color:#67e8f9;border:var(--border-width-thin) solid rgba(0,245,255,.3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.variant-content-panel{background:#00000026;border:var(--border-width-thin) solid var(--border-primary);border-radius:0 0 var(--radius-xl) var(--radius-xl);display:flex;flex-direction:column;gap:var(--space-6)}.variant-panel-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary)}.variant-panel-title-section{display:flex;align-items:center;gap:var(--space-4)}.variant-panel-color-swatch{width:56px;height:56px;border-radius:var(--radius-xl);border:var(--border-width-thick) solid rgba(255,255,255,.2);flex-shrink:0;box-shadow:var(--shadow-md)}.variant-panel-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.variant-panel-subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-tertiary)}.btn-remove-variant{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-md);color:#fca5a5;font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);font-family:inherit}.btn-remove-variant:hover{background:#f43f5e33;border-color:#f43f5e80;color:var(--color-epsilon)}.variant-content-section{display:flex;flex-direction:column;gap:var(--space-4);background:var(--glass-bg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl)}.section-header{display:flex;flex-direction:column;gap:var(--space-1)}.section-title{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.section-subtitle{font-size:var(--text-sm);color:var(--text-tertiary)}.pricing-info{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-2)}.discount-badge{display:inline-flex;align-items:center;gap:var(--space-1) var(--space-1);padding:var(--space-1) var(--space-3);background:#10b9811f;color:#86efac;border:var(--border-width-thin) solid rgba(16,185,129,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold)}.checkbox-label-inline{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:#a855f714;border:var(--border-width-thin) solid rgba(168,85,247,.2);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base)}.checkbox-label-inline:hover{background:#a855f71f;border-color:#a855f74d}.checkbox-label-inline input[type=checkbox]{width:20px;height:20px;cursor:pointer;flex-shrink:0;margin-top:2px}.checkbox-label-content{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox-label-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.checkbox-label-desc{font-size:var(--text-sm);color:var(--text-tertiary)}.variant-navigation{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-5);border-top:var(--border-width-thin) solid var(--border-primary)}.btn-nav-variant{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--glass-bg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base);font-family:inherit}.btn-nav-variant:hover:not(:disabled){background:#00f5ff14;border-color:#00f5ff4d;color:#67e8f9}.btn-nav-variant:disabled{opacity:.3;cursor:not-allowed}.variant-nav-indicator{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.variant-item{background:#0003;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-4);cursor:pointer;transition:var(--transition-base)}.variant-item:hover{border-color:#00f5ff4d;background:#00f5ff0d}.variant-item.active{border-color:#a855f780;background:#a855f714;box-shadow:0 0 16px #a855f726}.variant-item-header{display:flex;justify-content:space-between;align-items:center}.variant-item-info{display:flex;align-items:center;gap:var(--space-3)}.variant-color-swatch{width:40px;height:40px;border-radius:var(--radius-md);border:var(--border-width-medium) solid rgba(255,255,255,.2);flex-shrink:0}.variant-item-info h4{margin:0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.variant-item-info p{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--text-tertiary)}.variant-item-actions{display:flex;align-items:center;gap:var(--space-2)}.default-badge{padding:var(--space-1) var(--space-3);background:#10b9811f;color:#86efac;border:var(--border-width-thin) solid rgba(16,185,129,.2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.btn-icon-small{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.2);border-radius:var(--radius-sm);color:#fca5a5;cursor:pointer;transition:var(--transition-base)}.btn-icon-small:hover{background:#f43f5e33;border-color:#f43f5e66;color:var(--color-epsilon)}.variant-item-details{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-thin) solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-5)}.variant-section h5{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.flags-list{display:flex;flex-direction:column;gap:var(--space-3)}.flag-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#0003;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base)}.flag-item:hover{background:#a855f70d;border-color:#a855f733}.flag-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.flag-label{display:block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.flag-desc{display:block;font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.crosssell-selector{display:flex;flex-direction:column;gap:var(--space-2);max-height:300px;overflow-y:auto;scrollbar-width:thin}.crosssell-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#0003;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-base);font-size:var(--text-sm);color:var(--text-secondary)}.crosssell-item:hover{background:#00f5ff0d;border-color:#00f5ff33;color:var(--text-primary)}.crosssell-item input[type=checkbox]{cursor:pointer}.checkbox-label{display:flex!important;align-items:center;gap:var(--space-3);padding:var(--space-3);background:#0003;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-base);flex-direction:row!important;text-transform:none!important;font-size:var(--text-base)!important;color:var(--text-primary)!important;font-weight:var(--font-medium)!important}.checkbox-label:hover{background:#a855f70d;border-color:#a855f733}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.empty-state{padding:var(--space-10) var(--space-10);text-align:center;border:var(--border-width-thin) dashed rgba(168,85,247,.2);border-radius:var(--radius-xl);color:var(--text-secondary)}.empty-state svg{margin-bottom:var(--space-4);opacity:.5}.empty-state p{margin:0;font-size:var(--text-base)}.add-product-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:var(--space-4)}.spinner{width:40px;height:40px;border:var(--border-width-thick) solid rgba(168,85,247,.2);border-top:var(--border-width-thick) solid var(--color-beta);border-radius:var(--radius-full);animation:spin 1s linear infinite}.btn-primary{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-base);box-shadow:0 4px 14px #a855f74d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #00f5ff66}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{padding:var(--space-3) var(--space-6);background:var(--glass-bg);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-base)}.btn-secondary:hover:not(:disabled){background:#a855f714;border-color:#a855f74d;color:#d8b4fe}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.add-product-layout{grid-template-columns:1fr}.add-product-sidebar{position:static}}@media(max-width:768px){.add-product-header{flex-direction:column;gap:var(--space-4)}.form-grid{grid-template-columns:1fr 1fr}.form-grid.dimensions-grid{grid-template-columns:repeat(2,1fr)}.add-product-card{padding:14px}.variant-add-controls{flex-direction:column;align-items:stretch}.variant-select{width:100%}.card-header-with-action{flex-direction:column;align-items:stretch}.color-selection-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.variant-tabs-bar,.variant-tab{padding:var(--space-3)}.material-tabs-bar{padding:8px}.material-tab{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.color-tabs-bar{padding:8px}.color-tab{padding:var(--space-2) var(--space-3)}.variant-content-panel{padding:14px}.pricing-mode-toggle,.bulk-actions-grid{grid-template-columns:1fr}.variant-panel-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.btn-remove-variant{width:100%;justify-content:center}.variant-navigation{flex-direction:column;gap:var(--space-3)}.btn-nav-variant{width:100%;justify-content:center}}@media(max-width:480px){.color-selection-grid{grid-template-columns:1fr}.variant-tab-info{display:none}.variant-tab{padding:var(--space-2)}.material-tab{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.color-tab-name{font-size:var(--text-sm)}}.add-product-footer{position:fixed;bottom:var(--space-5);left:50%;transform:translate(-50%);z-index:var(--z-sticky);width:calc(100% - var(--space-10));max-width:900px;pointer-events:none}.add-product-footer-inner{pointer-events:all;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:0 8px 40px #00000080,0 0 0 1px #a855f714;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.add-product-footer-info{display:flex;align-items:center;gap:var(--space-3);min-width:0}.footer-product-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:300px}.footer-variant-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:2px var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary);white-space:nowrap;flex-shrink:0}.add-product-footer-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.ap-btn-cancel{padding:var(--space-3) var(--space-5);background:transparent;border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.ap-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-secondary)}.ap-btn-cancel:disabled{opacity:.4;cursor:not-allowed}.ap-btn-draft{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-secondary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.ap-btn-draft:hover{background:#a855f714;border-color:#a855f74d;color:#d8b4fe}.ap-btn-draft:disabled{opacity:.4;cursor:not-allowed}.ap-btn-save{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans);min-width:160px;justify-content:center}.ap-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.ap-btn-save:disabled{opacity:.5;cursor:not-allowed;transform:none}.ap-btn-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:apSpin .7s linear infinite}@keyframes apSpin{to{transform:rotate(360deg)}}@media(max-width:768px){.add-product-footer{bottom:var(--space-3);width:calc(100% - var(--space-6))}.add-product-footer-inner{flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-4)}.add-product-footer-info{width:100%}.footer-product-name{max-width:200px}.add-product-footer-actions{width:100%}.ap-btn-cancel{display:none}.ap-btn-draft{flex:1;justify-content:center}.ap-btn-save{flex:2}.add-product-page{padding-bottom:130px}}.crosssell-count{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-beta);background:#a855f71f;border:var(--border-width-thin) solid rgba(168,85,247,.3);padding:2px var(--space-3);border-radius:var(--radius-full)}.crosssell-empty{margin:0;text-align:center;color:var(--text-muted);font-size:var(--text-sm);padding:var(--space-6)}.crosssell-selector{max-height:280px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);scrollbar-width:thin}.crosssell-selector::-webkit-scrollbar{width:4px}.crosssell-selector::-webkit-scrollbar-track{background:transparent}.crosssell-selector::-webkit-scrollbar-thumb{background:#a855f74d;border-radius:2px}.crosssell-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);-webkit-user-select:none;user-select:none;font-size:var(--text-sm);color:var(--text-secondary)}.crosssell-item:hover{background:#a855f70f;border-color:#a855f740;color:var(--text-primary)}.crosssell-item.selected{background:#a855f71a;border-color:#a855f773;color:var(--text-primary)}.crosssell-item.selected .crosssell-name{font-weight:var(--font-medium)}.crosssell-checkbox{position:relative;width:18px;height:18px;flex-shrink:0}.crosssell-checkbox input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.crosssell-checkmark{width:18px;height:18px;border-radius:var(--radius-sm);border:var(--border-width-medium) solid var(--border-secondary);background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);color:transparent}.crosssell-item.selected .crosssell-checkmark{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border-color:transparent;color:#fff;box-shadow:0 0 8px #a855f766}.crosssell-name{font-size:var(--text-sm);flex:1;line-height:var(--leading-normal);transition:color var(--transition-base)}.form-group select,.variant-select-full{appearance:none;-webkit-appearance:none;background-color:var(--bg-elevated);background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/></svg>");background-repeat:no-repeat;background-position:right 12px center;background-size:16px 16px;padding-right:36px!important;cursor:pointer}.form-group select:focus,.variant-select-full:focus{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='%2300f5ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M4 6l4 4 4-4'/></svg>")}.form-group select option,.variant-select-full option{background:#1a1a24;color:#f8fafc}.form-group select:disabled{opacity:.45;cursor:not-allowed}.flag-item{position:relative}.flag-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.flag-item:before{content:"";width:20px;height:20px;border-radius:var(--radius-sm);border:var(--border-width-medium) solid var(--border-secondary);background:var(--bg-elevated);flex-shrink:0;transition:all var(--transition-base);display:inline-block}.flag-item:has(input:checked):before{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border-color:transparent;box-shadow:0 0 8px #a855f766;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center}.flag-item:has(input:checked){background:#a855f71a;border-color:#a855f766}.checkbox-label-inline input[type=checkbox]{appearance:none;-webkit-appearance:none;width:20px;height:20px;border-radius:var(--radius-sm);border:var(--border-width-medium) solid var(--border-secondary);background:var(--bg-elevated);cursor:pointer;flex-shrink:0;margin-top:2px;transition:all var(--transition-base);position:relative}.checkbox-label-inline input[type=checkbox]:checked{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border-color:transparent;box-shadow:0 0 8px #a855f766}.checkbox-label-inline input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:2px solid #fff;border-top:none;border-left:none;transform:rotate(45deg)}.of-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.of-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.of-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.of-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary)}.of-header-actions{display:flex;align-items:center;gap:var(--space-3)}.of-btn-add{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-gamma),var(--color-epsilon));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-gamma);font-family:var(--font-sans)}.of-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}.of-view-toggle{display:flex;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.of-view-btn{padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.of-view-btn:hover{color:var(--text-primary);background:var(--slate-600)}.of-view-btn.active{background:linear-gradient(135deg,var(--color-gamma),var(--color-epsilon));color:#fff}.of-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.of-search-wrap{position:relative;flex:1}.of-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.of-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.of-search::placeholder{color:var(--text-muted)}.of-search:focus{outline:none;border-color:var(--color-gamma);background:var(--slate-700);box-shadow:0 0 0 3px #fbbf2414}.of-filter-select{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;min-width:160px}.of-filter-select:focus{outline:none;border-color:var(--color-gamma)}.of-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.of-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-slow);position:relative}.of-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.of-card.inactive{opacity:.6}.of-card-banner{position:relative;height:160px;overflow:hidden;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center}.of-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.of-card:hover .of-card-img{transform:scale(1.06)}.of-card-img-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-muted);width:100%;height:100%}.of-card-discount-badge{position:absolute;top:var(--space-3);left:var(--space-3);background:linear-gradient(135deg,var(--color-gamma),var(--color-epsilon));color:#fff;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-extrabold);display:flex;align-items:baseline;gap:4px;box-shadow:var(--glow-gamma)}.of-card-discount-badge span{font-size:var(--text-xs);font-weight:var(--font-bold);opacity:.9}.of-card-featured{position:absolute;top:var(--space-3);right:var(--space-3);background:#fbbf2433;border:var(--border-width-thin) solid rgba(251,191,36,.4);color:var(--color-gamma);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.of-card-overlay{position:absolute;inset:0;background:#0a0a0fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:var(--space-3);opacity:0;transition:opacity var(--transition-base)}.of-card:hover .of-card-overlay{opacity:1}.of-card-body{padding:var(--space-4) var(--space-5)}.of-card-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2)}.of-card-desc{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-3);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.of-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.of-card-dates{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted)}.of-card-dates svg{opacity:.5}.of-apply-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);background:#3b82f61f;color:var(--color-zeta);border:var(--border-width-thin) solid rgba(59,130,246,.25)}.of-status-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.of-status-badge.active{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.of-status-badge.inactive{background:#64748b1f;color:var(--text-muted);border:var(--border-width-thin) solid rgba(100,116,139,.2)}.of-valid-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.of-valid-badge.valid{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.of-valid-badge.expired{background:#f43f5e1f;color:var(--color-epsilon);border:var(--border-width-thin) solid rgba(244,63,94,.25)}.of-btn-edit{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));border:none;border-radius:var(--radius-md);color:var(--slate-900);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.of-btn-edit:hover{transform:translateY(-1px);box-shadow:var(--glow-alpha)}.of-btn-delete{padding:var(--space-2) var(--space-4);background:#f43f5e26;border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-md);color:var(--color-epsilon);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.of-btn-delete:hover{background:#f43f5e40;transform:translateY(-1px)}.of-list{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.of-list-header{display:grid;grid-template-columns:2fr 120px 130px 200px 140px 140px;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.of-list-row{display:grid;grid-template-columns:2fr 120px 130px 200px 140px 140px;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);align-items:center;transition:background var(--transition-fast)}.of-list-row:last-child{border-bottom:none}.of-list-row:hover{background:var(--bg-elevated)}.of-list-info{display:flex;align-items:center;gap:var(--space-3)}.of-list-img{width:60px;height:40px;object-fit:cover;border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-primary)}.of-list-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.of-featured-dot{font-size:var(--text-xs);color:var(--color-gamma)}.of-list-discount{display:flex;flex-direction:column;gap:2px}.of-discount-val{font-size:var(--text-lg);font-weight:var(--font-extrabold);color:var(--color-gamma)}.of-discount-type{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.of-list-dates{display:flex;flex-direction:column;gap:2px;font-size:var(--text-xs);color:var(--text-tertiary)}.of-dates-sep{color:var(--text-muted)}.of-list-status{display:flex;flex-direction:column;gap:var(--space-1)}.of-list-actions{display:flex;gap:var(--space-2)}.of-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.of-empty svg{opacity:.3}.of-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.of-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.of-spinner{width:36px;height:36px;border:3px solid rgba(251,191,36,.15);border-top-color:var(--color-gamma);border-radius:var(--radius-full);animation:ofSpin .8s linear infinite}@keyframes ofSpin{to{transform:rotate(360deg)}}.of-overlay{position:fixed;inset:0;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:ofOverlayIn .2s ease}@keyframes ofOverlayIn{0%{opacity:0}to{opacity:1}}.of-panel{width:520px;max-width:100%;height:100vh;background:var(--bg-card);border-left:var(--border-width-thin) solid var(--glass-border);display:flex;flex-direction:column;animation:ofPanelIn .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-2xl)}@keyframes ofPanelIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.of-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.of-panel-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.of-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.of-panel-close:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.of-panel-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);scrollbar-width:thin}.of-panel-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-width-thin) solid var(--border-primary);flex-shrink:0;background:var(--bg-card)}.of-btn-cancel{flex:1;padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.of-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.of-btn-save{flex:2;padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-gamma),var(--color-epsilon));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-gamma);font-family:var(--font-sans)}.of-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2480}.of-btn-save:disabled{opacity:.5;cursor:not-allowed}.of-form-section{display:flex;flex-direction:column;gap:var(--space-4)}.of-form-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-bottom:var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-primary)}.of-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.of-form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.of-form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.of-form-label span{color:var(--color-epsilon)}.of-form-input,.of-form-textarea,.of-form-select{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.of-form-textarea{resize:vertical;line-height:var(--leading-relaxed)}.of-form-input::placeholder,.of-form-textarea::placeholder{color:var(--text-muted)}.of-form-input:focus,.of-form-textarea:focus,.of-form-select:focus{outline:none;border-color:var(--color-gamma);background:var(--slate-700);box-shadow:0 0 0 3px #fbbf2414}.of-form-input.error,.of-form-textarea.error,.of-form-select.error{border-color:var(--color-epsilon)}.of-form-error{font-size:var(--text-xs);color:var(--color-epsilon)}.of-form-hint{font-size:var(--text-xs);color:var(--color-alpha);opacity:.6;margin-top:.25rem;display:block}.of-form-select[multiple]{padding:.5rem}.of-form-select[multiple] option{padding:.5rem;border-radius:4px;margin-bottom:2px}.of-form-select[multiple] option:checked{background:var(--color-tango);color:var(--color-creme)}.of-card-items{font-size:var(--text-xs);color:var(--color-alpha);opacity:.7;margin-top:.25rem;font-style:italic}.of-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg)}.of-toggle-info{display:flex;flex-direction:column;gap:2px}.of-toggle-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.of-toggle-desc{font-size:var(--text-xs);color:var(--text-muted)}.of-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.of-toggle-input{opacity:0;width:0;height:0;position:absolute}.of-toggle-slider{position:absolute;inset:0;background:var(--slate-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.of-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.of-toggle-input:checked+.of-toggle-slider{background:linear-gradient(135deg,var(--color-gamma),var(--color-epsilon))}.of-toggle-input:checked+.of-toggle-slider:before{transform:translate(20px)}.of-drop-zone{border:2px dashed var(--border-primary);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;background:var(--bg-elevated);min-height:140px;display:flex;align-items:center;justify-content:center}.of-drop-zone:hover,.of-drop-zone.dragging{border-color:var(--color-gamma);background:#fbbf240a;box-shadow:0 0 0 3px #fbbf2414}.of-drop-zone.has-image{padding:0;border-style:solid;border-color:var(--border-primary);overflow:hidden}.of-drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-muted);pointer-events:none}.of-drop-placeholder svg{opacity:.5}.of-drop-placeholder-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary)}.of-drop-placeholder-sub{font-size:var(--text-sm)}.of-drop-placeholder-hint{font-size:var(--text-xs);color:var(--color-gamma)}.of-drop-preview{width:100%;height:160px;object-fit:cover;display:block}.of-drop-replace-overlay{position:absolute;inset:0;background:#0a0a0f80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.of-drop-replace-overlay span{color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full)}.of-drop-zone:hover .of-drop-replace-overlay{opacity:1}.of-drop-remove{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-full);color:var(--color-epsilon);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);font-size:18px;line-height:1}.of-drop-remove:hover{background:#f43f5e33}@media(max-width:768px){.of-title{font-size:var(--text-3xl)}.of-grid{grid-template-columns:1fr}.of-panel{width:100%}.of-form-row{grid-template-columns:1fr}.of-list-header,.of-list-row{grid-template-columns:1fr 100px 100px}.of-list-header>*:nth-child(3),.of-list-header>*:nth-child(4),.of-list-row>*:nth-child(3),.of-list-row>*:nth-child(4){display:none}}.of-btn-select-products{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-creme);border:1px solid var(--color-alpha);border-radius:8px;color:var(--color-alpha);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s;width:100%;justify-content:center}.of-btn-select-products:hover{background:var(--color-alpha);color:var(--color-creme);border-color:var(--color-alpha)}.of-btn-select-products svg{flex-shrink:0}.of-selected-items{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.of-selected-tag{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--color-tango);color:var(--color-creme);border-radius:6px;font-size:var(--text-xs);font-weight:500}.of-selected-tag button{background:none;border:none;color:var(--color-creme);font-size:1.25rem;line-height:1;cursor:pointer;padding:0;margin-left:.25rem;opacity:.8;transition:opacity .2s}.of-selected-tag button:hover{opacity:1}.of-product-modal-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:var(--space-6);animation:fadeIn .2s ease}.of-product-modal{background:var(--bg-primary);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);width:100%;max-width:1400px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-2xl);animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.of-product-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);border-bottom:var(--border-width-thin) solid var(--border-primary)}.of-product-modal-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0}.of-product-modal-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:0}.of-modal-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.of-modal-close-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary);transform:rotate(90deg)}.of-product-modal-toolbar{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-8);border-bottom:var(--border-width-thin) solid var(--border-primary);background:var(--bg-elevated)}.of-product-search-wrapper{position:relative;flex:1}.of-product-search-wrapper .of-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.of-product-search-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-12);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-primary);transition:all var(--transition-base)}.of-product-search-input:focus{outline:none;border-color:var(--color-tango);box-shadow:0 0 0 3px rgba(var(--color-tango-rgb),.1)}.of-search-clear-btn{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base)}.of-search-clear-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.of-clear-all-btn{padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-epsilon);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.of-clear-all-btn:hover{background:var(--color-epsilon);border-color:var(--color-epsilon);color:var(--color-creme)}.of-product-modal-body{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8)}.of-product-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-4)}.of-product-item{position:relative;background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-xl);overflow:hidden;cursor:pointer;transition:all var(--transition-base)}.of-product-item:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.of-product-item.selected{border-color:var(--color-tango);background:linear-gradient(135deg,rgba(var(--color-tango-rgb),.08),rgba(var(--color-tango-rgb),.04));box-shadow:0 0 0 2px rgba(var(--color-tango-rgb),.2)}.of-product-checkbox-wrapper{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10}.of-product-checkbox-input{position:absolute;opacity:0;width:0;height:0}.of-product-checkbox-box{width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:2px solid var(--border-primary);border-radius:var(--radius-md);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.of-product-item:hover .of-product-checkbox-box{border-color:var(--color-tango)}.of-product-item.selected .of-product-checkbox-box{background:var(--color-tango);border-color:var(--color-tango)}.of-product-checkbox-box svg{color:var(--color-creme)}.of-product-image{width:100%;aspect-ratio:4/3;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;overflow:hidden}.of-product-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.of-product-item:hover .of-product-image img{transform:scale(1.05)}.of-product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.3}.of-product-details{padding:var(--space-4)}.of-product-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:var(--leading-snug)}.of-product-category{font-size:var(--text-xs);color:var(--text-muted);margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.of-product-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-16) var(--space-8);color:var(--text-muted)}.of-product-empty-state svg{margin-bottom:var(--space-4);opacity:.3}.of-product-empty-state h4{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin:0 0 var(--space-2) 0}.of-product-empty-state p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.of-product-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-5) var(--space-8);border-top:var(--border-width-thin) solid var(--border-primary);background:var(--bg-elevated)}.of-modal-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);border:var(--border-width-thin) solid transparent}.of-modal-btn-secondary{background:var(--bg-elevated);border-color:var(--border-primary);color:var(--text-secondary)}.of-modal-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.of-modal-btn-primary{background:var(--color-tango);border-color:var(--color-tango);color:var(--color-creme)}.of-modal-btn-primary:hover{background:var(--color-alpha);border-color:var(--color-alpha);transform:translateY(-1px);box-shadow:var(--shadow-lg)}@media(max-width:1200px){.of-product-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media(max-width:768px){.of-product-modal{max-width:100%;max-height:100vh;border-radius:0}.of-product-modal-overlay{padding:0}.of-product-modal-header,.of-product-modal-toolbar,.of-product-modal-body,.of-product-modal-footer{padding-left:var(--space-5);padding-right:var(--space-5)}.of-product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-3)}.of-product-modal-toolbar{flex-direction:column;align-items:stretch}.of-clear-all-btn{width:100%}}.of-multi-select-box{display:flex;flex-direction:column;gap:.5rem;max-height:300px;overflow-y:auto;padding:.75rem;border:1px solid var(--color-alpha);border-radius:8px;background:var(--color-creme)}.of-checkbox-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.of-checkbox-item:hover{background:rgba(var(--color-tango-rgb),.05);border-color:var(--color-tango)}.of-checkbox-item.selected{background:rgba(var(--color-tango-rgb),.1);border-color:var(--color-tango)}.of-checkbox-item input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.of-checkbox-label{font-size:var(--text-sm);color:var(--color-alpha);font-weight:500;-webkit-user-select:none;user-select:none}.of-category-item{flex-direction:column;padding:var(--space-5)}.of-category-icon{width:100%;aspect-ratio:4/3;background:var(--bg-elevated);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);margin-bottom:var(--space-3);color:var(--text-muted);transition:all var(--transition-base)}.of-product-item.selected .of-category-icon{background:linear-gradient(135deg,rgba(var(--color-tango-rgb),.15),rgba(var(--color-tango-rgb),.05));color:var(--color-tango)}.of-category-item .of-product-details{width:100%;text-align:center}.of-category-item .of-product-name,.of-category-item .of-product-category{text-align:center}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.orders-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.orders-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.orders-count{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-medium);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary)}.orders-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.filter-search-wrap{position:relative;flex:1;min-width:220px}.filter-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.filter-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.filter-search::placeholder{color:var(--text-muted)}.filter-search:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.filter-select-wrap{position:relative}.filter-select{padding:var(--space-3) 36px var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--transition-base)}.filter-select option{background:var(--bg-elevated);color:var(--text-primary)}.filter-select:focus{outline:none;border-color:var(--color-alpha);background-color:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.filter-date-group{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg)}.filter-date-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap}.filter-date{background:transparent;border:none;color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);color-scheme:dark;cursor:pointer}.filter-date:focus{outline:none}.filter-date::-webkit-calendar-picker-indicator{filter:invert(.6);cursor:pointer}.filter-clear{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.25);border-radius:var(--radius-lg);color:var(--color-epsilon);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);white-space:nowrap}.filter-clear:hover{background:#f43f5e2e;border-color:#f43f5e66;transform:translateY(-1px)}.orders-table-wrap{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);overflow:hidden}.orders-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);font-size:var(--text-base)}.orders-loading-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.15);border-top-color:var(--color-beta);border-radius:var(--radius-full);animation:spin .8s linear infinite}.orders-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.orders-empty svg{opacity:.3}.orders-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary)}.orders-table th{padding:var(--space-4) var(--space-5);text-align:left;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap}.orders-table td{padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);vertical-align:middle}.orders-row{cursor:pointer;transition:background var(--transition-fast)}.orders-row:hover{background:var(--bg-elevated)}.orders-row:last-child td{border-bottom:none}.cell-order-num{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-alpha);letter-spacing:var(--tracking-wide)}.cell-customer{display:flex;align-items:center;gap:var(--space-3)}.cell-customer-avatar{width:36px;height:36px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;flex-shrink:0;box-shadow:var(--glow-beta)}.cell-customer-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-tight)}.cell-customer-phone{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-top:2px}.cell-items{display:flex;align-items:baseline;gap:var(--space-1)}.cell-items-count{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.cell-items-label{font-size:var(--text-xs);color:var(--text-muted)}.cell-total{display:flex;flex-direction:column;gap:3px}.cell-total-value{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-delta)}.cell-total-offer{font-size:var(--text-xs);color:var(--color-gamma);font-weight:var(--font-semibold)}.cell-total-saved{font-size:var(--text-xs);color:var(--color-delta);font-weight:var(--font-semibold)}.cell-stage{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);white-space:nowrap}.cell-stage-dot{width:7px;height:7px;border-radius:var(--radius-full);flex-shrink:0}.stage-received{background:var(--status-received-bg);color:var(--status-received-text);border:var(--border-width-thin) solid var(--status-received-border)}.stage-processing{background:var(--status-processing-bg);color:var(--status-processing-text);border:var(--border-width-thin) solid var(--status-processing-border)}.stage-shipped{background:var(--status-shipped-bg);color:var(--status-shipped-text);border:var(--border-width-thin) solid var(--status-shipped-border)}.stage-delivered{background:var(--status-delivered-bg);color:var(--status-delivered-text);border:var(--border-width-thin) solid var(--status-delivered-border)}.cell-assigned{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--font-medium)}.cell-unassigned{color:var(--text-muted);font-style:italic}.cell-date{display:flex;flex-direction:column;gap:2px}.cell-date-day{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium)}.cell-date-time{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.cell-actions{display:flex;align-items:center;gap:var(--space-2)}.cell-btn-view{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));border:none;border-radius:var(--radius-md);color:var(--slate-900);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-alpha);white-space:nowrap}.cell-btn-view:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00f5ff66}.cell-btn-wa{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-delta);flex-shrink:0}.cell-btn-wa:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.orders-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-6);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.pag-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.pag-btn:hover:not(:disabled){border-color:var(--color-alpha);color:var(--color-alpha);transform:translateY(-1px)}.pag-btn:disabled{opacity:.35;cursor:not-allowed}.pag-pages{display:flex;align-items:center;gap:var(--space-1)}.pag-page{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:var(--border-width-thin) solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base)}.pag-page:hover{background:var(--bg-elevated);color:var(--text-primary)}.pag-page.active{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));color:#fff;border-color:transparent;box-shadow:var(--glow-beta)}@media(max-width:1024px){.orders-table th:nth-child(6),.orders-table td:nth-child(6){display:none}}@media(max-width:768px){.orders-title{font-size:var(--text-3xl)}.orders-filters{flex-wrap:wrap;gap:8px}.filter-search-wrap{min-width:100%}.filter-date-group{flex-wrap:wrap}.orders-table-wrap{overflow-x:auto}.orders-table th,.orders-table td{padding:8px 10px;font-size:11px}.cell-customer-name{font-size:12px}.orders-pagination{padding:12px}.orders-table th:nth-child(3),.orders-table td:nth-child(3),.orders-table th:nth-child(7),.orders-table td:nth-child(7){display:none}}.od-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:60vh;color:var(--text-muted);font-size:var(--text-base)}.od-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.15);border-top-color:var(--color-beta);border-radius:var(--radius-full);animation:spin .8s linear infinite}.od-error{text-align:center;padding:var(--space-12);color:var(--color-epsilon);font-size:var(--text-lg);font-weight:var(--font-semibold)}.od-header{display:flex;align-items:center;gap:var(--space-5);margin-bottom:var(--space-7);padding-bottom:var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary)}.od-back{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.od-back:hover{border-color:var(--color-alpha);color:var(--color-alpha);transform:translate(-2px)}.od-header-center{display:flex;align-items:center;gap:var(--space-4);flex:1}.od-title{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;font-family:var(--font-mono);letter-spacing:var(--tracking-tight)}.od-stage-pill{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.od-stage-pill.stage-order-received{background:var(--status-received-bg);color:var(--status-received-text);border:var(--border-width-thin) solid var(--status-received-border)}.od-stage-pill.stage-processing{background:var(--status-processing-bg);color:var(--status-processing-text);border:var(--border-width-thin) solid var(--status-processing-border)}.od-stage-pill.stage-shipped{background:var(--status-shipped-bg);color:var(--status-shipped-text);border:var(--border-width-thin) solid var(--status-shipped-border)}.od-stage-pill.stage-delivered{background:var(--status-delivered-bg);color:var(--status-delivered-text);border:var(--border-width-thin) solid var(--status-delivered-border)}.od-btn-wa{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-delta);margin-left:auto;flex-shrink:0}.od-btn-wa:hover{transform:translateY(-2px);box-shadow:0 6px 24px #10b98180}.od-layout{display:grid;grid-template-columns:1fr 360px;gap:var(--space-6);align-items:start}.od-main{display:flex;flex-direction:column;gap:var(--space-5)}.od-sidebar{display:flex;flex-direction:column;gap:var(--space-5);position:sticky;top:var(--space-6)}.od-card{padding:var(--space-5) var(--space-6);background:var(--bg-card);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:border-color var(--transition-slow)}.od-card:hover{border-color:var(--border-hover)}.od-card-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:var(--border-width-thin) solid var(--border-primary)}.od-card-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 var(--space-2);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-secondary)}.od-tracker{display:flex;flex-direction:column;gap:0}.od-track-step{display:flex;gap:var(--space-4);align-items:flex-start}.od-track-node{display:flex;flex-direction:column;align-items:center;flex-shrink:0}.od-track-circle{width:44px;height:44px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:18px;border:var(--border-width-medium) solid var(--border-primary);background:var(--bg-elevated);color:var(--text-muted);transition:all var(--transition-slow);z-index:1}.od-track-step.done .od-track-circle{background:linear-gradient(135deg,var(--color-delta),#059669);border-color:var(--color-delta);color:#fff;box-shadow:var(--glow-delta)}.od-track-step.current .od-track-circle{background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));border-color:var(--color-alpha);color:var(--slate-900);box-shadow:0 0 24px #00f5ff80;animation:pulseGlow 2s infinite}.od-track-line{width:2px;height:40px;background:var(--border-primary);margin:4px 0;transition:background var(--transition-slow)}.od-track-step.done .od-track-line{background:linear-gradient(180deg,var(--color-delta),rgba(16,185,129,.3))}.od-track-info{flex:1;padding:var(--space-3) 0 var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.od-track-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.od-track-step.future .od-track-label{color:var(--text-muted)}.od-track-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);background:#00f5ff1f;color:var(--color-alpha);border:var(--border-width-thin) solid rgba(0,245,255,.25);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide);width:fit-content}.od-track-advance{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-beta),var(--color-zeta));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);width:fit-content}.od-track-advance:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.od-track-advance:disabled{opacity:.5;cursor:not-allowed}.od-notes-wrap{margin-top:var(--space-4);padding-top:var(--space-5);border-top:var(--border-width-thin) solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-2)}.od-notes-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.od-notes-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);resize:vertical;transition:all var(--transition-base)}.od-notes-input::placeholder{color:var(--text-muted)}.od-notes-input:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.od-items{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5)}.od-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-base)}.od-item:hover{border-color:var(--border-hover);background:var(--slate-700)}.od-item-img-wrap{flex-shrink:0}.od-item-img{width:100px;height:100px;object-fit:cover;border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-primary)}.od-item-img-placeholder{width:100px;height:100px;border-radius:var(--radius-lg);background:var(--bg-card);border:var(--border-width-thin) solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.od-item-info{flex:1;min-width:0}.od-item-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2);line-height:var(--leading-tight)}.od-item-meta{display:flex;flex-direction:column;gap:4px;font-size:var(--text-sm);color:var(--text-tertiary)}.od-item-sku{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);background:#00f5ff14;color:var(--color-alpha);padding:2px var(--space-2);border-radius:var(--radius-sm);border:var(--border-width-thin) solid rgba(0,245,255,.15);width:fit-content}.od-item-offer{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:#fbbf2414;color:var(--color-gamma);border-left:var(--border-width-thick) solid var(--color-gamma);border-radius:0 var(--radius-sm) var(--radius-sm) 0;font-size:var(--text-xs);font-weight:var(--font-semibold)}.od-item-pricing{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:120px;text-align:right}.od-item-qty{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-semibold)}.od-item-mrp{font-size:var(--text-sm);color:var(--text-muted);text-decoration:line-through}.od-item-price{font-size:var(--text-sm);color:var(--text-secondary)}.od-item-total{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-delta)}.od-item-saved{font-size:var(--text-xs);color:var(--color-delta);font-weight:var(--font-semibold)}.od-item-pending{font-size:var(--text-sm);color:var(--text-muted);font-style:italic}.od-summary{padding-top:var(--space-5);border-top:var(--border-width-medium) solid var(--border-primary);display:flex;flex-direction:column;gap:var(--space-2)}.od-sum-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-base);color:var(--text-secondary);padding:var(--space-2) 0}.od-sum-mrp{color:var(--text-muted);text-decoration:line-through}.od-sum-offer{color:var(--color-gamma);font-weight:var(--font-semibold)}.od-sum-discount{color:var(--color-epsilon);font-weight:var(--font-semibold)}.od-sum-divider{height:1px;background:var(--border-primary);margin:var(--space-2) 0}.od-sum-total{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-delta);padding-top:var(--space-3)}.od-sum-pending{color:var(--text-muted);font-style:italic;font-size:var(--text-base)}.od-sum-savings{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:#10b9810f;border:var(--border-width-thin) solid rgba(16,185,129,.2);border-radius:var(--radius-lg);margin-top:var(--space-2)}.od-sum-savings-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-delta);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.od-sum-savings-value{font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--color-delta)}.od-empty-text{text-align:center;color:var(--text-muted);font-style:italic;padding:var(--space-6) 0;margin:0}.od-timeline{display:flex;flex-direction:column;gap:0}.od-tl-item{display:flex;gap:var(--space-4);position:relative;padding-bottom:var(--space-5)}.od-tl-item:not(:last-child):before{content:"";position:absolute;left:7px;top:20px;bottom:0;width:2px;background:linear-gradient(180deg,var(--border-primary),transparent)}.od-tl-dot{width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-alpha);flex-shrink:0;margin-top:4px;box-shadow:var(--glow-alpha);z-index:1}.od-tl-dot-wa{background:var(--color-delta);box-shadow:var(--glow-delta)}.od-tl-item.latest .od-tl-dot{background:var(--color-beta);box-shadow:var(--glow-beta)}.od-tl-body{flex:1}.od-tl-stage{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.od-tl-meta{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.od-tl-notes{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-md);border-left:var(--border-width-thick) solid var(--color-alpha);font-size:var(--text-sm);color:var(--text-secondary)}.od-tl-tags{display:flex;gap:var(--space-2);flex-wrap:wrap}.od-tl-tag{padding:3px var(--space-3);background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.od-tl-tag-phone{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);padding:3px 0}.od-customer-hero{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary)}.od-customer-avatar{width:48px;height:48px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-extrabold);color:#fff;flex-shrink:0;box-shadow:var(--glow-beta)}.od-customer-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}.od-customer-phone{font-size:var(--text-sm);color:var(--text-muted);font-family:var(--font-mono);margin-top:3px}.od-info-list{display:flex;flex-direction:column;gap:var(--space-4)}.od-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.od-info-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.od-info-value{font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium);line-height:var(--leading-relaxed)}.od-info-mono{font-family:var(--font-mono);color:var(--color-alpha)}.od-assign-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-3)}.od-assign-select{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-base)}.od-assign-select:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700)}.od-assign-select option{background:var(--bg-elevated)}.od-assign-btn{padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-zeta));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);white-space:nowrap}.od-assign-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.od-assign-btn:disabled{opacity:.4;cursor:not-allowed}.od-assigned-current{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-md);border-left:var(--border-width-thick) solid var(--color-alpha)}.od-assigned-current strong{color:var(--color-alpha)}.od-card-wa{background:linear-gradient(135deg,#10b9810f,#0596690a);border-color:#10b98133;text-align:center}.od-wa-icon{width:56px;height:56px;border-radius:var(--radius-full);background:linear-gradient(135deg,#10b981,#059669);display:flex;align-items:center;justify-content:center;color:#fff;margin:0 auto var(--space-4);box-shadow:var(--glow-delta)}.od-wa-text{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-5);line-height:var(--leading-relaxed)}.od-wa-btn{width:100%;padding:var(--space-4);background:linear-gradient(135deg,#10b981,#059669);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-delta)}.od-wa-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #10b98180}.od-wa-btn:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1200px){.od-layout{grid-template-columns:1fr}.od-sidebar{position:static;order:-1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}}@media(max-width:768px){.od-header{flex-wrap:wrap;gap:var(--space-3)}.od-title{font-size:var(--text-2xl)}.od-btn-wa{margin-left:0;width:100%;justify-content:center}.od-sidebar{grid-template-columns:1fr}.od-card{padding:14px}.od-item{flex-direction:column;gap:10px}.od-item-img,.od-item-img-placeholder{width:80px;height:80px}.od-item-pricing{align-items:flex-start;text-align:left}.od-tracker{gap:0}.od-summary .od-sum-total{font-size:var(--text-xl)}}.inv-page{display:flex;flex-direction:column;gap:var(--space-6)}.inv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:60vh;color:var(--text-muted);font-size:var(--text-base)}.inv-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.15);border-top-color:var(--color-beta);border-radius:var(--radius-full);animation:invSpin .8s linear infinite}@keyframes invSpin{to{transform:rotate(360deg)}}.inv-error{display:flex;align-items:center;gap:var(--space-4);background:#f43f5e14;border:var(--border-width-thin) solid rgba(244,63,94,.2);border-radius:var(--radius-xl);color:var(--color-epsilon)}.inv-retry{margin-left:auto;padding:var(--space-2) var(--space-4);background:var(--color-epsilon);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;font-family:var(--font-sans)}.inv-header{display:flex;justify-content:space-between;align-items:flex-start}.inv-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.inv-sub{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.inv-header-actions{display:flex;gap:var(--space-3);align-items:center}.inv-btn-primary{padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.inv-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.inv-btn-secondary{padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.inv-btn-secondary:hover{border-color:var(--color-alpha);color:var(--color-alpha)}.inv-btn-alert{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-lg);color:var(--color-epsilon);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.inv-btn-alert:hover{background:#f43f5e2e}.inv-alert-badge{background:var(--color-epsilon);color:#fff;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px var(--space-2);min-width:20px;text-align:center}.inv-stats-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-4)}.inv-stat{padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-slow);position:relative;overflow:hidden;display:flex;flex-direction:column;gap:var(--space-3)}.inv-stat:hover{border-color:var(--border-hover);transform:translateY(-3px);box-shadow:var(--shadow-xl)}.inv-stat-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0}.inv-stat-body{display:flex;flex-direction:column;gap:3px}.inv-stat-label{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.inv-stat-value{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text-primary);letter-spacing:var(--tracking-tight)}.inv-stat-sub{font-size:var(--text-xs);color:var(--text-muted)}.inv-card{padding:var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:border-color var(--transition-slow)}.inv-card:hover{border-color:var(--border-hover)}.inv-row{display:grid;gap:var(--space-5)}.inv-row-2{grid-template-columns:1fr 1fr}.inv-row-3{grid-template-columns:1fr 1fr 1fr}.inv-section-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-5)}.inv-section-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary);margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wider)}.inv-section-sub{font-size:var(--text-xs);color:var(--text-muted);margin:3px 0 0}.inv-section-link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:#a855f714;border:var(--border-width-thin) solid rgba(168,85,247,.2);border-radius:var(--radius-lg);color:#d8b4fe;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.inv-section-link:hover{background:#a855f726;border-color:#a855f766}.inv-tooltip{background:#0f1019f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--border-width-thin) solid rgba(168,85,247,.25);border-radius:var(--radius-xl);padding:var(--space-3) var(--space-4);box-shadow:var(--shadow-xl);min-width:140px}.inv-tooltip-label{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2);font-weight:var(--font-semibold)}.inv-tooltip-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-top:4px}.inv-tooltip-dot{width:8px;height:8px;border-radius:var(--radius-full);flex-shrink:0}.inv-tooltip-name{color:var(--text-secondary);flex:1}.inv-tooltip-val{color:var(--text-primary);font-weight:var(--font-bold)}.inv-alert-list{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-2) 0}.inv-alert-item{display:flex;flex-direction:column;gap:var(--space-2)}.inv-alert-bar-wrap{display:flex;align-items:center;gap:var(--space-3)}.inv-alert-priority{font-size:var(--text-sm);font-weight:var(--font-bold);min-width:60px}.inv-alert-bar{flex:1;height:28px;border-radius:var(--radius-lg);position:relative;overflow:hidden}.inv-alert-fill{height:100%;border-radius:var(--radius-lg);transition:width .8s cubic-bezier(.34,1.56,.64,1);opacity:.7}.inv-alert-count{font-size:var(--text-xl);font-weight:var(--font-extrabold);min-width:30px;text-align:right}.inv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-10);color:var(--text-muted)}.inv-empty p{margin:0;font-size:var(--text-base)}.inv-empty-good{color:var(--color-delta)}.inv-empty-good svg{opacity:.6}.inv-table-card{padding:0;overflow:hidden}.inv-table-card .inv-section-head{padding:var(--space-6) var(--space-6) 0}.inv-table-wrap{overflow-x:auto}.inv-table{width:100%;border-collapse:collapse;min-width:700px}.inv-table thead{background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary)}.inv-table th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);white-space:nowrap}.inv-table td{padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-sm);color:var(--text-secondary);vertical-align:middle}.inv-table tbody tr{transition:background var(--transition-fast)}.inv-table tbody tr:hover{background:var(--bg-elevated)}.inv-table tbody tr:last-child td{border-bottom:none}.inv-product-name{font-weight:var(--font-semibold);color:var(--text-primary)}.inv-sku{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-alpha)}.inv-variant{color:var(--text-muted);font-size:var(--text-xs)}.inv-muted{color:var(--text-muted)}.inv-reorder{font-weight:var(--font-semibold);color:var(--color-zeta)}.inv-stock-badge{display:inline-flex;align-items:center;padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.inv-stock-badge.low{background:#fbbf241f;color:var(--color-gamma);border:var(--border-width-thin) solid rgba(251,191,36,.25)}.inv-stock-badge.out{background:#f43f5e1f;color:var(--color-epsilon);border:var(--border-width-thin) solid rgba(244,63,94,.25)}.inv-btn-restock{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-delta),#059669);border:none;border-radius:var(--radius-md);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);box-shadow:var(--glow-delta)}.inv-btn-restock:hover{transform:translateY(-1px);box-shadow:0 4px 12px #10b98180}.inv-heatmap{display:flex;flex-direction:column;gap:4px;overflow-x:auto;padding-bottom:var(--space-2)}.inv-heatmap-hours{display:flex;align-items:center;gap:3px;margin-bottom:2px}.inv-heatmap-row{display:flex;align-items:center;gap:3px}.inv-heatmap-day-label{width:32px;font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-semibold);flex-shrink:0;text-align:right;padding-right:var(--space-2)}.inv-heatmap-hour-label{width:28px;font-size:10px;color:var(--text-muted);text-align:center;flex-shrink:0}.inv-heatmap-cell{width:28px;height:22px;border-radius:4px;flex-shrink:0;cursor:pointer;transition:transform var(--transition-fast)}.inv-heatmap-cell:hover{transform:scale(1.3);z-index:2;position:relative}.inv-heatmap-legend{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);justify-content:flex-end}.inv-heatmap-legend-label{font-size:var(--text-xs);color:var(--text-muted)}.inv-heatmap-legend-cell{width:20px;height:14px;border-radius:3px}@media(max-width:1400px){.inv-stats-grid{grid-template-columns:repeat(4,1fr)}}@media(max-width:1100px){.inv-row-3{grid-template-columns:1fr 1fr}.inv-row-3>:last-child{grid-column:1 / -1}}@media(max-width:900px){.inv-stats-grid{grid-template-columns:repeat(2,1fr)}.inv-row-2,.inv-row-3{grid-template-columns:1fr}}@media(max-width:768px){.inv-stats-grid{grid-template-columns:repeat(4,1fr)}.inv-row-2,.inv-row-3{grid-template-columns:1fr 1fr}.inv-card{padding:12px}.inv-stat{padding:10px 12px}.inv-stat-value{font-size:var(--text-xl)}.inv-table th,.inv-table td{padding:8px 10px;font-size:11px}.inv-heatmap-cell{width:20px;height:16px}.inv-title{font-size:var(--text-3xl)}.inv-header{flex-direction:column;gap:var(--space-4)}.inv-header-actions{flex-wrap:wrap}}@media(max-width:480px){.inv-stats-grid{grid-template-columns:repeat(2,1fr)}.inv-row-2,.inv-row-3{grid-template-columns:1fr}}@media(max-width:360px){.inv-stats-grid{grid-template-columns:1fr}}.sm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.sm-header-left{display:flex;align-items:center;gap:var(--space-4)}.sm-btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.sm-btn-back:hover{border-color:var(--border-hover);color:var(--text-primary)}.sm-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.sm-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.sm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.sm-stat{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);text-align:center}.sm-stat-good{border-color:#10b98133}.sm-stat-warn{border-color:#fbbf2433}.sm-stat-danger{border-color:#f43f5e33}.sm-stat-val{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:1}.sm-stat-good .sm-stat-val{color:var(--color-delta)}.sm-stat-warn .sm-stat-val{color:var(--color-gamma)}.sm-stat-danger .sm-stat-val{color:var(--color-epsilon)}.sm-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.sm-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.sm-search-wrap{position:relative;flex:1}.sm-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sm-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.sm-search::placeholder{color:var(--text-muted)}.sm-search:focus{outline:none;border-color:var(--color-delta);background:var(--slate-700);box-shadow:0 0 0 3px #10b98114}.sm-filter-select{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;min-width:160px}.sm-filter-select:focus{outline:none;border-color:var(--color-delta)}.sm-btn-clear{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.sm-btn-clear:hover{color:var(--text-primary);border-color:var(--border-hover)}.sm-table-wrap{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.sm-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 80px 80px 90px 120px 140px 100px;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.sm-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 80px 80px 90px 120px 140px 100px;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);align-items:center;transition:background var(--transition-fast)}.sm-table-row:last-child{border-bottom:none}.sm-table-row:hover{background:var(--bg-elevated)}.sm-table-row.low{border-left:3px solid var(--color-gamma)}.sm-table-row.out{border-left:3px solid var(--color-epsilon)}.sm-product-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.sm-product-cat{font-size:var(--text-xs);color:var(--text-muted)}.sm-sku{font-size:var(--text-sm);color:var(--text-tertiary);font-family:var(--font-mono)}.sm-variant-color{font-size:var(--text-sm);color:var(--text-secondary)}.sm-variant-mat{font-size:var(--text-xs);color:var(--text-muted)}.sm-qty{font-size:var(--text-base);color:var(--text-secondary);text-align:center}.sm-qty-reserved{color:var(--color-gamma)}.sm-qty-available{color:var(--color-delta)}.sm-stock-badge{display:inline-flex;align-items:center;padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sm-stock-badge.in{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.sm-stock-badge.low{background:#fbbf241f;color:var(--color-gamma);border:var(--border-width-thin) solid rgba(251,191,36,.25)}.sm-stock-badge.out{background:#f43f5e1f;color:var(--color-epsilon);border:var(--border-width-thin) solid rgba(244,63,94,.25)}.sm-cost-val{font-size:var(--text-sm);color:var(--text-secondary)}.sm-retail-val{font-size:var(--text-xs);color:var(--text-muted)}.sm-btn-adjust{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-delta),var(--color-alpha));border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.sm-btn-adjust:hover{transform:translateY(-1px);box-shadow:var(--glow-delta)}.sm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.sm-empty svg{opacity:.3}.sm-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.sm-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.sm-spinner{width:36px;height:36px;border:3px solid rgba(16,185,129,.15);border-top-color:var(--color-delta);border-radius:var(--radius-full);animation:smSpin .8s linear infinite}@keyframes smSpin{to{transform:rotate(360deg)}}.sm-overlay{position:fixed;inset:0;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:smOverlayIn .2s ease}@keyframes smOverlayIn{0%{opacity:0}to{opacity:1}}.sm-panel{width:480px;max-width:100%;height:100vh;background:var(--bg-card);border-left:var(--border-width-thin) solid var(--glass-border);display:flex;flex-direction:column;animation:smPanelIn .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-2xl)}@keyframes smPanelIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sm-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.sm-panel-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.sm-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.sm-panel-close:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.sm-panel-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);scrollbar-width:thin}.sm-panel-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-width-thin) solid var(--border-primary);flex-shrink:0;background:var(--bg-card)}.sm-btn-cancel{flex:1;padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.sm-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.sm-btn-confirm{flex:2;padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-delta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:var(--bg-primary);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-delta);font-family:var(--font-sans)}.sm-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.sm-btn-confirm:disabled{opacity:.5;cursor:not-allowed}.sm-form-section{display:flex;flex-direction:column;gap:var(--space-4)}.sm-form-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-bottom:var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-primary)}.sm-form-input,.sm-form-textarea{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base);width:100%}.sm-form-textarea{resize:vertical;line-height:var(--leading-relaxed)}.sm-form-input::placeholder,.sm-form-textarea::placeholder{color:var(--text-muted)}.sm-form-input:focus,.sm-form-textarea:focus{outline:none;border-color:var(--color-delta);background:var(--slate-700);box-shadow:0 0 0 3px #10b98114}.sm-variant-summary{padding:var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-2xl)}.sm-vs-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:2px}.sm-vs-meta{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:2px}.sm-vs-sku{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-bottom:var(--space-4)}.sm-vs-stock{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-card);border-radius:var(--radius-xl);border:var(--border-width-thin) solid var(--border-primary)}.sm-vs-stock-item{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.sm-vs-stock-val{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text-primary)}.sm-vs-stock-val.sm-reserved{color:var(--color-gamma)}.sm-vs-stock-val.sm-available{color:var(--color-delta)}.sm-vs-stock-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sm-vs-stock-divider{width:1px;height:40px;background:var(--border-primary)}.sm-adj-types{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.sm-adj-type{padding:var(--space-4);border-radius:var(--radius-xl);border:var(--border-width-medium) solid var(--border-primary);background:var(--bg-elevated);cursor:pointer;transition:all var(--transition-base)}.sm-adj-type:hover{border-color:var(--border-hover)}.sm-adj-type.selected.sm-adj-delta{border-color:var(--color-delta);background:#10b9810f}.sm-adj-type.selected.sm-adj-zeta{border-color:var(--color-zeta);background:#3b82f60f}.sm-adj-type.selected.sm-adj-gamma{border-color:var(--color-gamma);background:#fbbf240f}.sm-adj-type.selected.sm-adj-epsilon{border-color:var(--color-epsilon);background:#f43f5e0f}.sm-adj-sign{font-size:var(--text-2xl);font-weight:var(--font-extrabold);line-height:1;margin-bottom:var(--space-2)}.sm-adj-delta .sm-adj-sign{color:var(--color-delta)}.sm-adj-zeta .sm-adj-sign{color:var(--color-zeta)}.sm-adj-gamma .sm-adj-sign{color:var(--color-gamma)}.sm-adj-epsilon .sm-adj-sign{color:var(--color-epsilon)}.sm-adj-label{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-primary)}.sm-adj-desc{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.sm-qty-input-wrap{display:flex;align-items:center;gap:var(--space-3)}.sm-qty-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);flex-shrink:0}.sm-qty-btn:hover{border-color:var(--color-delta);color:var(--color-delta)}.sm-qty-input{flex:1;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-xl);font-weight:var(--font-bold);font-family:var(--font-sans);text-align:center;transition:all var(--transition-base)}.sm-qty-input:focus{outline:none;border-color:var(--color-delta);background:var(--slate-700)}.sm-preview{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary)}.sm-preview strong{font-size:var(--text-lg);color:var(--color-delta)}.sm-preview strong.negative{color:var(--color-epsilon)}@media(max-width:1200px){.sm-table-header,.sm-table-row{grid-template-columns:2fr 1fr 1fr 80px 90px 120px 100px}.sm-table-header>*:nth-child(5),.sm-table-row>*:nth-child(5){display:none}}@media(max-width:768px){.sm-title{font-size:var(--text-3xl)}.sm-stats{grid-template-columns:repeat(2,1fr)}.sm-panel{width:100%}.sm-adj-types{grid-template-columns:1fr 1fr}.sm-table-header,.sm-table-row{grid-template-columns:2fr 1fr 90px 100px}.sm-table-header>*:nth-child(2),.sm-table-header>*:nth-child(3),.sm-table-header>*:nth-child(5),.sm-table-header>*:nth-child(8),.sm-table-row>*:nth-child(2),.sm-table-row>*:nth-child(3),.sm-table-row>*:nth-child(5),.sm-table-row>*:nth-child(8){display:none}}.mv-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.mv-header-left{display:flex;align-items:center;gap:var(--space-4)}.mv-btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.mv-btn-back:hover{border-color:var(--border-hover);color:var(--text-primary)}.mv-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.mv-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.mv-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.mv-stat{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);text-align:center}.mv-stat-positive{border-color:#10b98133}.mv-stat-negative{border-color:#f43f5e33}.mv-stat-val{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:1}.mv-stat-positive .mv-stat-val{color:var(--color-delta)}.mv-stat-negative .mv-stat-val{color:var(--color-epsilon)}.mv-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.mv-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);flex-wrap:wrap}.mv-search-wrap{position:relative;flex:1;min-width:200px}.mv-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.mv-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.mv-search::placeholder{color:var(--text-muted)}.mv-search:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.mv-filter-select,.mv-filter-date{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer}.mv-filter-select{min-width:160px}.mv-filter-date{min-width:150px}.mv-filter-select:focus,.mv-filter-date:focus{outline:none;border-color:var(--color-alpha)}.mv-btn-clear{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.mv-btn-clear:hover{color:var(--text-primary);border-color:var(--border-hover)}.mv-table-wrap{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.mv-table-header{display:grid;grid-template-columns:160px 1.5fr 100px 1fr 120px 70px 130px 90px 100px 1fr;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.mv-table-row{display:grid;grid-template-columns:160px 1.5fr 100px 1fr 120px 70px 130px 90px 100px 1fr;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);align-items:center;transition:background var(--transition-fast)}.mv-table-row:last-child{border-bottom:none}.mv-table-row:hover{background:var(--bg-elevated)}.mv-date{font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.mv-product{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.mv-sku{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.mv-variant{font-size:var(--text-sm);color:var(--text-secondary)}.mv-type-badge{display:inline-flex;align-items:center;padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.mv-type-delta{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.mv-type-zeta{background:#3b82f61f;color:var(--color-zeta);border:var(--border-width-thin) solid rgba(59,130,246,.25)}.mv-type-alpha{background:#00f5ff1f;color:var(--color-alpha);border:var(--border-width-thin) solid rgba(0,245,255,.25)}.mv-type-gamma{background:#fbbf241f;color:var(--color-gamma);border:var(--border-width-thin) solid rgba(251,191,36,.25)}.mv-type-beta{background:#a855f71f;color:var(--color-beta);border:var(--border-width-thin) solid rgba(168,85,247,.25)}.mv-type-epsilon{background:#f43f5e1f;color:var(--color-epsilon);border:var(--border-width-thin) solid rgba(244,63,94,.25)}.mv-type-eta{background:#ec48991f;color:var(--color-eta);border:var(--border-width-thin) solid rgba(236,72,153,.25)}.mv-qty{font-size:var(--text-base);font-weight:var(--font-bold);text-align:center}.mv-qty.positive{color:var(--color-delta)}.mv-qty.negative{color:var(--color-epsilon)}.mv-change{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm)}.mv-change svg{color:var(--text-muted);flex-shrink:0}.mv-before{color:var(--text-muted)}.mv-after{color:var(--text-primary);font-weight:var(--font-semibold)}.mv-cost{font-size:var(--text-sm);color:var(--text-secondary)}.mv-by{font-size:var(--text-sm);color:var(--text-tertiary)}.mv-notes{font-size:var(--text-xs);color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mv-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.mv-empty svg{opacity:.3}.mv-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.mv-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.mv-spinner{width:36px;height:36px;border:3px solid rgba(0,245,255,.15);border-top-color:var(--color-alpha);border-radius:var(--radius-full);animation:mvSpin .8s linear infinite}@keyframes mvSpin{to{transform:rotate(360deg)}}@media(max-width:1200px){.mv-table-header,.mv-table-row{grid-template-columns:140px 1.5fr 100px 120px 70px 130px 100px}.mv-table-header>*:nth-child(3),.mv-table-header>*:nth-child(8),.mv-table-header>*:nth-child(9),.mv-table-row>*:nth-child(3),.mv-table-row>*:nth-child(8),.mv-table-row>*:nth-child(9){display:none}}@media(max-width:768px){.mv-title{font-size:var(--text-3xl)}.mv-stats{grid-template-columns:repeat(3,1fr)}.mv-table-header,.mv-table-row{grid-template-columns:1.5fr 120px 70px 130px}.mv-table-header>*:nth-child(1),.mv-table-header>*:nth-child(3),.mv-table-header>*:nth-child(4),.mv-table-header>*:nth-child(7),.mv-table-header>*:nth-child(8),.mv-table-header>*:nth-child(9),.mv-table-header>*:nth-child(10),.mv-table-row>*:nth-child(1),.mv-table-row>*:nth-child(3),.mv-table-row>*:nth-child(4),.mv-table-row>*:nth-child(7),.mv-table-row>*:nth-child(8),.mv-table-row>*:nth-child(9),.mv-table-row>*:nth-child(10){display:none}}.al-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.al-header-left{display:flex;align-items:center;gap:var(--space-4)}.al-btn-back{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.al-btn-back:hover{border-color:var(--border-hover);color:var(--text-primary)}.al-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.al-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.al-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.al-stat{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;transition:all var(--transition-base)}.al-stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.al-stat-critical{border-color:#f43f5e4d}.al-stat-high{border-color:#fbbf244d}.al-stat-active{border-color:#a855f733}.al-stat-resolved{border-color:#10b98133}.al-stat-icon{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.al-stat-critical .al-stat-icon{background:#f43f5e1f;color:var(--color-epsilon)}.al-stat-high .al-stat-icon{background:#fbbf241f;color:var(--color-gamma)}.al-stat-active .al-stat-icon{background:#a855f71f;color:var(--color-beta)}.al-stat-resolved .al-stat-icon{background:#10b9811f;color:var(--color-delta)}.al-stat-val{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:1}.al-stat-critical .al-stat-val{color:var(--color-epsilon)}.al-stat-high .al-stat-val{color:var(--color-gamma)}.al-stat-active .al-stat-val{color:var(--color-beta)}.al-stat-resolved .al-stat-val{color:var(--color-delta)}.al-stat-label{font-size:var(--text-sm);color:var(--text-muted)}.al-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);flex-wrap:wrap}.al-search-wrap{position:relative;flex:1;min-width:200px}.al-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.al-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.al-search::placeholder{color:var(--text-muted)}.al-search:focus{outline:none;border-color:var(--color-epsilon);background:var(--slate-700);box-shadow:0 0 0 3px #f43f5e14}.al-filter-select{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;min-width:160px}.al-filter-select:focus{outline:none;border-color:var(--color-epsilon)}.al-toggle-resolved{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);-webkit-user-select:none;user-select:none}.al-mini-toggle{width:40px;height:22px;border-radius:var(--radius-full);background:var(--slate-600);position:relative;cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.al-mini-toggle.on{background:linear-gradient(135deg,var(--color-delta),var(--color-alpha))}.al-mini-thumb{position:absolute;width:16px;height:16px;border-radius:var(--radius-full);background:#fff;top:3px;left:3px;transition:transform var(--transition-base)}.al-mini-toggle.on .al-mini-thumb{transform:translate(18px)}.al-btn-clear{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.al-btn-clear:hover{color:var(--text-primary);border-color:var(--border-hover)}.al-list{display:flex;flex-direction:column;gap:var(--space-3)}.al-card{display:grid;grid-template-columns:140px 1fr 140px 180px;gap:var(--space-5);align-items:center;padding:var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);transition:all var(--transition-base);border-left:3px solid transparent}.al-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.al-card.resolved{opacity:.55}.al-card.al-sev-epsilon{border-left-color:var(--color-epsilon)}.al-card.al-sev-gamma{border-left-color:var(--color-gamma)}.al-card.al-sev-beta{border-left-color:var(--color-beta)}.al-card.al-sev-delta{border-left-color:var(--color-delta)}.al-card-left{display:flex;flex-direction:column;gap:var(--space-2)}.al-sev-badge{display:inline-flex;align-items:center;padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-extrabold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.al-sev-epsilon{background:#f43f5e26;color:var(--color-epsilon);border:var(--border-width-thin) solid rgba(244,63,94,.3)}.al-sev-gamma{background:#fbbf2426;color:var(--color-gamma);border:var(--border-width-thin) solid rgba(251,191,36,.3)}.al-sev-beta{background:#a855f726;color:var(--color-beta);border:var(--border-width-thin) solid rgba(168,85,247,.3)}.al-sev-delta{background:#10b98126;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.3)}.al-type-badge{display:inline-flex;align-items:center;padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.al-type-epsilon{background:#f43f5e1a;color:var(--color-epsilon)}.al-type-gamma{background:#fbbf241a;color:var(--color-gamma)}.al-type-beta{background:#a855f71a;color:var(--color-beta)}.al-type-zeta{background:#3b82f61a;color:var(--color-zeta)}.al-card-product{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:2px}.al-card-variant{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.al-sku{font-family:var(--font-mono);color:var(--text-muted)}.al-card-message{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed)}.al-resolved-info{font-size:var(--text-xs);color:var(--text-muted);margin-top:var(--space-2)}.al-card-stock{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl)}.al-stock-current,.al-stock-threshold{display:flex;flex-direction:column;align-items:center;gap:2px;flex:1}.al-stock-val{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--text-primary)}.al-stock-val.al-threshold{color:var(--text-muted)}.al-stock-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.al-stock-divider{width:1px;height:36px;background:var(--border-primary)}.al-card-meta{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-3)}.al-card-date{font-size:var(--text-xs);color:var(--text-muted);text-align:right}.al-card-actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.al-btn-restock{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-delta),var(--color-alpha));border:none;border-radius:var(--radius-md);color:var(--bg-primary);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);text-align:center}.al-btn-restock:hover{transform:translateY(-1px);box-shadow:var(--glow-delta)}.al-btn-resolve{padding:var(--space-2) var(--space-4);background:#a855f71f;border:var(--border-width-thin) solid rgba(168,85,247,.25);border-radius:var(--radius-md);color:var(--color-beta);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);text-align:center}.al-btn-resolve:hover{background:#a855f733}.al-btn-resolve:disabled{opacity:.5;cursor:not-allowed}.al-resolved-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px var(--space-3);border-radius:var(--radius-full);background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25);font-size:var(--text-xs);font-weight:var(--font-bold)}.al-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.al-empty svg{opacity:.3}.al-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.al-empty-sub{font-size:var(--text-sm);color:var(--text-muted)}.al-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.al-spinner{width:36px;height:36px;border:3px solid rgba(244,63,94,.15);border-top-color:var(--color-epsilon);border-radius:var(--radius-full);animation:alSpin .8s linear infinite}@keyframes alSpin{to{transform:rotate(360deg)}}@media(max-width:1024px){.al-card{grid-template-columns:120px 1fr 120px}.al-card>*:last-child{grid-column:1 / -1;flex-direction:row;justify-content:flex-end}.al-card-actions{flex-direction:row;width:auto}}@media(max-width:768px){.al-title{font-size:var(--text-3xl)}.al-stats{grid-template-columns:repeat(2,1fr)}.al-card{grid-template-columns:1fr}.al-card-left{flex-direction:row;flex-wrap:wrap}.al-card-stock{justify-content:center}.al-card-meta{align-items:flex-start}.al-card-actions{flex-direction:row}}.cu-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.cu-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.cu-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.cu-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary)}.cu-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.cu-stat{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);text-align:center}.cu-stat-active{border-color:#10b98133}.cu-stat-blocked{border-color:#f43f5e33}.cu-stat-val{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:1}.cu-stat-active .cu-stat-val{color:var(--color-delta)}.cu-stat-blocked .cu-stat-val{color:var(--color-epsilon)}.cu-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.cu-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.cu-search-wrap{position:relative;flex:1}.cu-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.cu-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.cu-search::placeholder{color:var(--text-muted)}.cu-search:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.cu-filter-select{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;min-width:140px}.cu-filter-select:focus{outline:none;border-color:var(--color-alpha)}.cu-btn-clear{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.cu-btn-clear:hover{color:var(--text-primary);border-color:var(--border-hover)}.cu-table-wrap{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.cu-table-header{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 100px 160px;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.cu-table-row{display:grid;grid-template-columns:2fr 1fr 2fr 1fr 100px 160px;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);align-items:center;transition:background var(--transition-fast)}.cu-table-row:last-child{border-bottom:none}.cu-table-row:hover{background:var(--bg-elevated)}.cu-table-row.blocked{opacity:.65}.cu-avatar{width:40px;height:40px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--font-extrabold);color:var(--bg-primary);flex-shrink:0}.cu-avatar-lg{width:64px;height:64px;font-size:var(--text-2xl)}.cu-avatar-alpha{background:linear-gradient(135deg,var(--color-alpha),rgba(0,245,255,.6))}.cu-avatar-beta{background:linear-gradient(135deg,var(--color-beta),rgba(168,85,247,.6))}.cu-avatar-gamma{background:linear-gradient(135deg,var(--color-gamma),rgba(251,191,36,.6))}.cu-avatar-delta{background:linear-gradient(135deg,var(--color-delta),rgba(16,185,129,.6))}.cu-avatar-zeta{background:linear-gradient(135deg,var(--color-zeta),rgba(59,130,246,.6))}.cu-avatar-eta{background:linear-gradient(135deg,var(--color-eta),rgba(236,72,153,.6))}.cu-user-cell{display:flex;align-items:center;gap:var(--space-3)}.cu-user-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.cu-user-id{font-size:var(--text-xs);color:var(--text-muted)}.cu-phone{font-size:var(--text-sm);color:var(--text-secondary)}.cu-address{font-size:var(--text-sm);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cu-joined{font-size:var(--text-sm);color:var(--text-tertiary)}.cu-status-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cu-status-badge.active{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.cu-status-badge.blocked{background:#f43f5e1f;color:var(--color-epsilon);border:var(--border-width-thin) solid rgba(244,63,94,.25)}.cu-row-actions{display:flex;gap:var(--space-2)}.cu-btn-view{padding:var(--space-2) var(--space-3);background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));border:none;border-radius:var(--radius-md);color:var(--slate-900);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.cu-btn-view:hover{transform:translateY(-1px);box-shadow:var(--glow-alpha)}.cu-btn-block{padding:var(--space-2) var(--space-3);background:#f43f5e1f;border:var(--border-width-thin) solid rgba(244,63,94,.25);border-radius:var(--radius-md);color:var(--color-epsilon);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.cu-btn-block:hover{background:#f43f5e38}.cu-btn-block.unblock{background:#10b9811f;border-color:#10b98140;color:var(--color-delta)}.cu-btn-block.unblock:hover{background:#10b98138}.cu-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.cu-empty svg{opacity:.3}.cu-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.cu-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.cu-spinner{width:36px;height:36px;border:3px solid rgba(0,245,255,.15);border-top-color:var(--color-alpha);border-radius:var(--radius-full);animation:cuSpin .8s linear infinite}@keyframes cuSpin{to{transform:rotate(360deg)}}.cu-overlay{position:fixed;inset:0;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:cuOverlayIn .2s ease}@keyframes cuOverlayIn{0%{opacity:0}to{opacity:1}}.cu-panel{width:480px;max-width:100%;height:100vh;background:var(--bg-card);border-left:var(--border-width-thin) solid var(--glass-border);display:flex;flex-direction:column;animation:cuPanelIn .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-2xl)}@keyframes cuPanelIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cu-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.cu-panel-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.cu-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.cu-panel-close:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.cu-panel-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);scrollbar-width:thin}.cu-panel-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.cu-detail-profile{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-2xl)}.cu-detail-info{display:flex;flex-direction:column;gap:var(--space-2)}.cu-detail-name{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.cu-detail-phone{font-size:var(--text-sm);color:var(--text-secondary)}.cu-detail-section{display:flex;flex-direction:column;gap:var(--space-4)}.cu-detail-section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-bottom:var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-primary)}.cu-order-count{background:var(--bg-elevated);color:var(--text-muted);padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.cu-info-grid{display:flex;flex-direction:column;gap:var(--space-3)}.cu-info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border-radius:var(--radius-lg)}.cu-info-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cu-info-val{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium);text-align:right;max-width:60%}.cu-orders-list{display:flex;flex-direction:column;gap:var(--space-2)}.cu-order-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.cu-order-item:hover{border-color:var(--border-hover);background:var(--slate-700)}.cu-order-left{flex:1}.cu-order-num{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.cu-order-date{font-size:var(--text-xs);color:var(--text-muted)}.cu-order-right{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1)}.cu-order-total{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-delta)}.cu-order-arrow{color:var(--text-muted);flex-shrink:0}.cu-no-orders{padding:var(--space-6);text-align:center;color:var(--text-muted);font-size:var(--text-sm);background:var(--bg-elevated);border-radius:var(--radius-xl)}.cu-stage-badge{display:inline-flex;align-items:center;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cu-stage-zeta{background:#3b82f626;color:var(--color-zeta)}.cu-stage-gamma{background:#fbbf2426;color:var(--color-gamma)}.cu-stage-beta{background:#a855f726;color:var(--color-beta)}.cu-stage-delta{background:#10b98126;color:var(--color-delta)}.cu-danger-actions{display:flex;gap:var(--space-3)}.cu-btn-danger-block{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#fbbf241a;border:var(--border-width-thin) solid rgba(251,191,36,.25);border-radius:var(--radius-lg);color:var(--color-gamma);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.cu-btn-danger-block:hover{background:#fbbf242e}.cu-btn-danger-block.unblock{background:#10b9811a;border-color:#10b98140;color:var(--color-delta)}.cu-btn-danger-block.unblock:hover{background:#10b9812e}.cu-btn-danger-delete{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.25);border-radius:var(--radius-lg);color:var(--color-epsilon);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.cu-btn-danger-delete:hover{background:#f43f5e33}.cu-btn-danger-block:disabled,.cu-btn-danger-delete:disabled{opacity:.5;cursor:not-allowed}@media(max-width:1024px){.cu-table-header,.cu-table-row{grid-template-columns:2fr 1fr 1fr 100px 140px}.cu-table-header>*:nth-child(3),.cu-table-row>*:nth-child(3){display:none}}@media(max-width:768px){.cu-title{font-size:var(--text-3xl)}.cu-stats{grid-template-columns:repeat(3,1fr)}.cu-table-header,.cu-table-row{grid-template-columns:2fr 1fr 100px 120px}.cu-table-header>*:nth-child(3),.cu-table-header>*:nth-child(4),.cu-table-row>*:nth-child(3),.cu-table-row>*:nth-child(4){display:none}.cu-panel{width:100%}}.sf-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.sf-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.sf-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.sf-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary)}.sf-btn-add{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-zeta));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.sf-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.sf-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.sf-stat{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-5) var(--space-6);text-align:center}.sf-stat-admin{border-color:#a855f733}.sf-stat-staff{border-color:#3b82f633}.sf-stat-val{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);line-height:1}.sf-stat-admin .sf-stat-val{color:var(--color-beta)}.sf-stat-staff .sf-stat-val{color:var(--color-zeta)}.sf-stat-label{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-2)}.sf-filters{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.sf-search-wrap{position:relative;flex:1}.sf-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sf-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.sf-search::placeholder{color:var(--text-muted)}.sf-search:focus{outline:none;border-color:var(--color-beta);background:var(--slate-700);box-shadow:0 0 0 3px #a855f714}.sf-filter-select{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;min-width:140px}.sf-filter-select:focus{outline:none;border-color:var(--color-beta)}.sf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-5)}.sf-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-slow)}.sf-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.sf-card-top{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-5) var(--space-3)}.sf-avatar{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--font-extrabold);color:var(--bg-primary);flex-shrink:0}.sf-avatar-alpha{background:linear-gradient(135deg,var(--color-alpha),rgba(0,245,255,.6))}.sf-avatar-beta{background:linear-gradient(135deg,var(--color-beta),rgba(168,85,247,.6))}.sf-avatar-gamma{background:linear-gradient(135deg,var(--color-gamma),rgba(251,191,36,.6))}.sf-avatar-delta{background:linear-gradient(135deg,var(--color-delta),rgba(16,185,129,.6))}.sf-avatar-epsilon{background:linear-gradient(135deg,var(--color-epsilon),rgba(244,63,94,.6))}.sf-avatar-zeta{background:linear-gradient(135deg,var(--color-zeta),rgba(59,130,246,.6))}.sf-avatar-eta{background:linear-gradient(135deg,var(--color-eta),rgba(236,72,153,.6))}.sf-role-badge{display:inline-flex;align-items:center;padding:4px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sf-role-admin{background:#a855f726;color:var(--color-beta);border:var(--border-width-thin) solid rgba(168,85,247,.3)}.sf-role-staff{background:#3b82f626;color:var(--color-zeta);border:var(--border-width-thin) solid rgba(59,130,246,.3)}.sf-card-body{padding:0 var(--space-5) var(--space-4)}.sf-card-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:2px}.sf-card-username{font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-3)}.sf-card-phone{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.sf-card-phone svg{color:var(--text-muted);flex-shrink:0}.sf-card-joined{font-size:var(--text-xs);color:var(--text-muted)}.sf-card-footer{padding:var(--space-3) var(--space-5);border-top:var(--border-width-thin) solid var(--border-primary);background:var(--bg-elevated)}.sf-role-desc{font-size:var(--text-xs);color:var(--text-muted)}.sf-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.sf-empty svg{opacity:.3}.sf-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.sf-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.sf-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.15);border-top-color:var(--color-beta);border-radius:var(--radius-full);animation:sfSpin .8s linear infinite}@keyframes sfSpin{to{transform:rotate(360deg)}}.sf-overlay{position:fixed;inset:0;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:sfOverlayIn .2s ease}@keyframes sfOverlayIn{0%{opacity:0}to{opacity:1}}.sf-panel{width:480px;max-width:100%;height:100vh;background:var(--bg-card);border-left:var(--border-width-thin) solid var(--glass-border);display:flex;flex-direction:column;animation:sfPanelIn .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-2xl)}@keyframes sfPanelIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sf-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-5) var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.sf-panel-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.sf-panel-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.sf-panel-close:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.sf-panel-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);scrollbar-width:thin}.sf-panel-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-width-thin) solid var(--border-primary);flex-shrink:0;background:var(--bg-card)}.sf-btn-cancel{flex:1;padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.sf-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.sf-btn-save{flex:2;padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-zeta));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.sf-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.sf-btn-save:disabled{opacity:.5;cursor:not-allowed}.sf-form-section{display:flex;flex-direction:column;gap:var(--space-4)}.sf-form-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-bottom:var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-primary)}.sf-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.sf-form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.sf-form-label span{color:var(--color-epsilon)}.sf-form-input{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base);width:100%}.sf-form-input::placeholder{color:var(--text-muted)}.sf-form-input:focus{outline:none;border-color:var(--color-beta);background:var(--slate-700);box-shadow:0 0 0 3px #a855f714}.sf-form-input.error{border-color:var(--color-epsilon)}.sf-form-error{font-size:var(--text-xs);color:var(--color-epsilon)}.sf-password-wrap{position:relative}.sf-password-wrap .sf-form-input{padding-right:44px}.sf-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;padding:0;transition:color var(--transition-base)}.sf-password-toggle:hover{color:var(--text-primary)}.sf-role-cards{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.sf-role-card{padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base)}.sf-role-card:hover{border-color:var(--border-hover)}.sf-role-card.selected{border-color:var(--color-beta);background:#a855f70f}.sf-role-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.sf-role-card-header svg{color:var(--color-beta)}.sf-role-card-desc{font-size:var(--text-xs);color:var(--text-muted)}.sf-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg)}.sf-toggle-info{display:flex;flex-direction:column;gap:2px}.sf-toggle-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.sf-toggle-desc{font-size:var(--text-xs);color:var(--text-muted)}.sf-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.sf-toggle-input{opacity:0;width:0;height:0;position:absolute}.sf-toggle-slider{position:absolute;inset:0;background:var(--slate-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.sf-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.sf-toggle-input:checked+.sf-toggle-slider{background:linear-gradient(135deg,var(--color-beta),var(--color-zeta))}.sf-toggle-input:checked+.sf-toggle-slider:before{transform:translate(20px)}@media(max-width:768px){.sf-title{font-size:var(--text-3xl)}.sf-stats{grid-template-columns:repeat(3,1fr)}.sf-grid{grid-template-columns:repeat(2,1fr)}.sf-panel{width:100%}.sf-role-cards{grid-template-columns:1fr}}@media(max-width:480px){.sf-grid{grid-template-columns:1fr}}.rich-text-editor{display:flex;flex-direction:column;gap:8px}.editor-label{font-weight:600;font-size:.8rem;color:#7a7e95;text-transform:uppercase;letter-spacing:.5px}.editor-toolbar{display:flex;gap:6px;padding:10px;background:#0006;border:1px solid rgba(255,255,255,.1);border-radius:10px 10px 0 0;flex-wrap:wrap}.toolbar-btn{padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;color:#eeeef2;cursor:pointer;font-size:13px;font-weight:600;transition:all .2s}.toolbar-btn:hover{background:#22d3ee26;border-color:#22d3ee4d;color:#67e8f9}.toolbar-btn:active{transform:scale(.98)}.toolbar-divider{width:1px;background:#ffffff1a;margin:0 4px}.editor-content{min-height:250px;padding:16px;border:1px solid rgba(255,255,255,.1);border-top:none;border-radius:0 0 10px 10px;background:#0003;font-size:.9rem;color:#eeeef2;line-height:1.6;outline:none;overflow-y:auto}.editor-content:focus{border-color:#22d3ee66;background:#0006;box-shadow:inset 0 -4px 12px #22d3ee0d}.editor-content.error{border-color:#ef444480;background:#ef44440d}.editor-content[data-placeholder]:empty:before{content:attr(data-placeholder);color:#7a7e95;font-style:italic}.editor-content h2{font-size:1.25rem;font-weight:700;margin:16px 0 8px;color:#fff}.editor-content h3{font-size:1.1rem;font-weight:600;margin:14px 0 6px;color:#eeeef2}.editor-content p{margin:8px 0}.editor-content ul,.editor-content ol{margin:8px 0;padding-left:24px}.editor-content li{margin:4px 0}.editor-content a{color:#67e8f9;text-decoration:underline}.editor-content a:hover{color:#a855f7}.error-message{color:#fca5a5;font-size:12px;margin-top:4px}.blog-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.blog-header-left{display:flex;flex-direction:column;gap:var(--space-2)}.blog-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.blog-stats{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.blog-stat{font-size:var(--text-sm);color:var(--text-muted)}.blog-stat-num{font-weight:var(--font-bold);color:var(--text-secondary)}.blog-stat-pub .blog-stat-num{color:var(--color-delta)}.blog-stat-draft .blog-stat-num{color:var(--color-gamma)}.blog-stat-feat .blog-stat-num{color:var(--color-beta)}.blog-stat-sep{color:var(--text-muted)}.blog-header-actions{display:flex;align-items:center;gap:var(--space-3)}.blog-view-toggle{display:flex;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden}.blog-view-btn{padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.blog-view-btn:hover{color:var(--text-primary);background:var(--slate-600)}.blog-view-btn.active{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));color:#fff}.blog-btn-add{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta)}.blog-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.blog-filters{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.blog-search-wrap{position:relative;flex:1;min-width:200px}.blog-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.blog-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.blog-search::placeholder{color:var(--text-muted)}.blog-search:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.blog-filter-tabs{display:flex;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--space-1);gap:var(--space-1)}.blog-filter-tab{padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.blog-filter-tab:hover{color:var(--text-primary)}.blog-filter-tab.active{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));color:#fff;box-shadow:var(--glow-beta)}.blog-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:40vh;color:var(--text-muted);font-size:var(--text-base)}.blog-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.15);border-top-color:var(--color-beta);border-radius:var(--radius-full);animation:blogSpin .8s linear infinite}@keyframes blogSpin{to{transform:rotate(360deg)}}.blog-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.blog-empty svg{opacity:.3}.blog-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.blog-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-badge-published{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.blog-badge-draft{background:#fbbf241f;color:var(--color-gamma);border:var(--border-width-thin) solid rgba(251,191,36,.25)}.blog-badge-featured{background:#a855f71f;color:var(--color-beta);border:var(--border-width-thin) solid rgba(168,85,247,.25)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-5)}.blog-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-slow);position:relative}.blog-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.blog-card-img-wrap{position:relative;height:200px;overflow:hidden;background:var(--bg-elevated)}.blog-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.blog-card:hover .blog-card-img{transform:scale(1.06)}.blog-card-img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.blog-card-overlay{position:absolute;inset:0;background:#0a0a0fbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:var(--space-2);opacity:0;transition:opacity var(--transition-base)}.blog-card:hover .blog-card-overlay{opacity:1}.blog-card-badges{position:absolute;top:var(--space-3);left:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2)}.blog-card-btn-edit{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));border:none;border-radius:var(--radius-md);color:var(--slate-900);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.blog-card-btn-pub{padding:var(--space-2) var(--space-4);background:#10b98133;border:var(--border-width-thin) solid rgba(16,185,129,.4);border-radius:var(--radius-md);color:var(--color-delta);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.blog-card-btn-del{padding:var(--space-2) var(--space-4);background:#f43f5e26;border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-md);color:var(--color-epsilon);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.blog-card-body{padding:var(--space-4) var(--space-5)}.blog-card-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-2);line-height:var(--leading-tight);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{display:flex;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-2)}.blog-card-excerpt{font-size:var(--text-sm);color:var(--text-tertiary);line-height:var(--leading-relaxed);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-list{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.blog-list-header{display:grid;grid-template-columns:1fr 120px 100px 110px 180px;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.blog-list-row{display:grid;grid-template-columns:1fr 120px 100px 110px 180px;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);align-items:center;transition:background var(--transition-fast)}.blog-list-row:last-child{border-bottom:none}.blog-list-row:hover{background:var(--bg-elevated)}.blog-list-post{display:flex;align-items:center;gap:var(--space-3);min-width:0}.blog-list-img{width:64px;height:48px;object-fit:cover;border-radius:var(--radius-md);border:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.blog-list-img-placeholder{width:64px;height:48px;border-radius:var(--radius-md);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted);flex-shrink:0}.blog-list-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-list-author{font-size:var(--text-sm);color:var(--text-secondary)}.blog-list-date{font-size:var(--text-sm);color:var(--text-muted)}.blog-list-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.blog-act-edit{padding:var(--space-1) var(--space-3);background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));border:none;border-radius:var(--radius-md);color:var(--slate-900);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.blog-act-pub{padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.blog-act-pub.pub{background:#10b9811f;border:var(--border-width-thin) solid rgba(16,185,129,.3);color:var(--color-delta)}.blog-act-pub.unpub{background:#fbbf241f;border:var(--border-width-thin) solid rgba(251,191,36,.3);color:var(--color-gamma)}.blog-act-del{padding:var(--space-1) var(--space-3);background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.25);border-radius:var(--radius-md);color:var(--color-epsilon);font-size:var(--text-xs);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.blog-overlay{position:fixed;inset:0;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:blogOverlayIn .2s ease}@keyframes blogOverlayIn{0%{opacity:0}to{opacity:1}}.blog-modal{width:640px;max-width:100%;height:100vh;background:var(--bg-card);border-left:var(--border-width-thin) solid var(--glass-border);display:flex;flex-direction:column;animation:blogModalIn .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-2xl)}@keyframes blogModalIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.blog-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.blog-modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.blog-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.blog-modal-close:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.blog-modal-tabs{display:flex;border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0;padding:0 var(--space-6)}.blog-modal-tab{padding:var(--space-3) var(--space-5);background:none;border:none;border-bottom:3px solid transparent;color:var(--text-muted);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans);margin-bottom:-1px;display:flex;align-items:center;gap:var(--space-2)}.blog-modal-tab:hover{color:var(--text-secondary)}.blog-modal-tab.active{color:var(--color-alpha);border-bottom-color:var(--color-alpha)}.blog-tab-err{width:18px;height:18px;background:var(--color-epsilon);border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);font-weight:var(--font-bold);display:flex;align-items:center;justify-content:center}.blog-modal-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-5);scrollbar-width:thin}.blog-modal-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-width-thin) solid var(--border-primary);flex-shrink:0;background:var(--bg-card)}.blog-btn-cancel{flex:1;padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.blog-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.blog-btn-save{flex:2;padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.blog-btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.blog-btn-save:disabled{opacity:.5;cursor:not-allowed}.blog-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.blog-form-label{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.blog-form-label span:first-of-type{color:var(--color-epsilon)}.blog-char-count{font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-normal);text-transform:none;letter-spacing:0}.blog-char-count.warn{color:var(--color-gamma)}.blog-form-input,.blog-form-textarea,.blog-form-select{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.blog-form-textarea{resize:vertical;line-height:var(--leading-relaxed)}.blog-form-input::placeholder,.blog-form-textarea::placeholder{color:var(--text-muted)}.blog-form-input:focus,.blog-form-textarea:focus,.blog-form-select:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.blog-form-input.error,.blog-form-textarea.error{border-color:var(--color-epsilon)}.blog-form-error{font-size:var(--text-xs);color:var(--color-epsilon)}.blog-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.blog-form-select option{background:var(--bg-elevated)}.blog-seo-preview{padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);border-left:var(--border-width-thick) solid var(--color-zeta)}.blog-seo-preview-title{font-size:var(--text-lg);color:var(--color-zeta);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.blog-seo-preview-url{font-size:var(--text-sm);color:var(--color-delta);margin-bottom:var(--space-2);font-family:var(--font-mono)}.blog-seo-preview-desc{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.blog-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg)}.blog-toggle-info{display:flex;flex-direction:column;gap:2px}.blog-toggle-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.blog-toggle-desc{font-size:var(--text-xs);color:var(--text-muted)}.blog-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.blog-toggle-input{opacity:0;width:0;height:0;position:absolute}.blog-toggle-slider{position:absolute;inset:0;background:var(--slate-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.blog-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.blog-toggle-input:checked+.blog-toggle-slider{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha))}.blog-toggle-input:checked+.blog-toggle-slider:before{transform:translate(20px)}@media(max-width:768px){.blog-title{font-size:var(--text-3xl)}.blog-grid{grid-template-columns:repeat(2,1fr);gap:12px}.blog-card-img-wrap{height:160px}.blog-modal{width:100%}.blog-filters{flex-wrap:wrap;gap:8px;padding:10px 12px}.blog-list-header,.blog-list-row{grid-template-columns:1fr 80px 90px}.blog-list-header>*:nth-child(2),.blog-list-row>*:nth-child(2),.blog-list-header>*:nth-child(4),.blog-list-row>*:nth-child(4){display:none}}@media(max-width:480px){.blog-grid{grid-template-columns:1fr}}.sbr-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:60vh;color:var(--text-muted);font-size:var(--text-base)}.sbr-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.15);border-top-color:var(--color-beta);border-radius:var(--radius-full);animation:sbrSpin .8s linear infinite}@keyframes sbrSpin{to{transform:rotate(360deg)}}.sbr-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-8)}.sbr-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.sbr-subtitle{font-size:var(--text-base);color:var(--text-muted);margin:var(--space-2) 0 0}.sbr-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(480px,1fr));gap:var(--space-6)}.sbr-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);transition:all var(--transition-slow);position:relative;overflow:hidden}.sbr-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--room-color, var(--color-beta));opacity:.7}.sbr-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xl);transform:translateY(-2px)}.sbr-card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5)}.sbr-card-icon{font-size:32px;flex-shrink:0;width:56px;height:56px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center}.sbr-card-info{flex:1}.sbr-card-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.sbr-card-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:2px var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary);display:inline-block;margin-top:var(--space-1)}.sbr-btn-add{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);white-space:nowrap;flex-shrink:0}.sbr-btn-add:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.sbr-btn-enable{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.sbr-btn-enable:hover{border-color:var(--color-alpha);color:var(--color-alpha)}.sbr-products{display:flex;flex-wrap:wrap;gap:var(--space-2);max-height:200px;overflow-y:auto;padding:var(--space-3);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);scrollbar-width:thin}.sbr-product-chip{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-card);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-full);transition:all var(--transition-base)}.sbr-product-chip:hover{border-color:var(--border-hover)}.sbr-product-name{font-size:var(--text-sm);color:var(--text-primary);font-weight:var(--font-medium);max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbr-product-remove{width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.2);border-radius:var(--radius-full);color:var(--color-epsilon);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.sbr-product-remove:hover{background:#f43f5e33}.sbr-empty-room,.sbr-disabled-room{text-align:center;color:var(--text-muted);font-size:var(--text-sm);background:var(--bg-elevated);border:var(--border-width-thin) dashed var(--border-primary);border-radius:var(--radius-xl);font-style:italic}.sbr-overlay{position:fixed;inset:0;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:sbrOverlayIn .2s ease}@keyframes sbrOverlayIn{0%{opacity:0}to{opacity:1}}.sbr-modal{width:520px;max-width:100%;height:100vh;background:var(--bg-card);border-left:var(--border-width-thin) solid var(--glass-border);display:flex;flex-direction:column;animation:sbrModalIn .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-2xl)}@keyframes sbrModalIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.sbr-modal-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.sbr-modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.sbr-modal-sub{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.sbr-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base);flex-shrink:0}.sbr-modal-close:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.sbr-modal-body{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4);scrollbar-width:thin}.sbr-modal-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-width-thin) solid var(--border-primary);flex-shrink:0;background:var(--bg-card)}.sbr-mode-tabs{display:flex;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);padding:var(--space-1);gap:var(--space-1)}.sbr-mode-tab{flex:1;padding:var(--space-2) var(--space-3);background:transparent;border:none;border-radius:var(--radius-lg);color:var(--text-muted);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.sbr-mode-tab:hover{color:var(--text-primary)}.sbr-mode-tab.active{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));color:#fff;box-shadow:var(--glow-beta)}.sbr-search-wrap{position:relative}.sbr-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.sbr-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 36px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.sbr-search::placeholder{color:var(--text-muted)}.sbr-search:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700)}.sbr-selection-info{padding:var(--space-2) var(--space-4);background:#a855f71a;border:var(--border-width-thin) solid rgba(168,85,247,.25);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-beta)}.sbr-list{display:flex;flex-direction:column;gap:var(--space-2);max-height:400px;overflow-y:auto;scrollbar-width:thin}.sbr-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base)}.sbr-item:hover{border-color:var(--border-hover);background:var(--slate-700)}.sbr-item.selected{background:#a855f71a;border-color:#a855f759}.sbr-item input[type=checkbox]{width:18px;height:18px;cursor:pointer;flex-shrink:0;accent-color:var(--color-beta)}.sbr-item-name{flex:1;font-size:var(--text-base);color:var(--text-primary);font-weight:var(--font-medium)}.sbr-item-meta{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.sbr-btn-cancel{flex:1;padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.sbr-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.sbr-btn-confirm{flex:2;padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.sbr-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.sbr-btn-confirm:disabled{opacity:.4;cursor:not-allowed}@media(max-width:768px){.sbr-grid{grid-template-columns:1fr}.sbr-modal{width:100%}}.cat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.cat-header-left{display:flex;align-items:baseline;gap:var(--space-3)}.cat-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0;letter-spacing:var(--tracking-tight)}.cat-count{font-size:var(--text-sm);color:var(--text-muted);background:var(--bg-elevated);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:var(--border-width-thin) solid var(--border-primary)}.cat-header-actions{display:flex;align-items:center;gap:var(--space-3)}.btn-add-cat{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta)}.btn-add-cat:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.cat-tabs{display:flex;gap:0;margin-bottom:var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary)}.cat-tab{padding:var(--space-3) var(--space-6);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);margin-bottom:-1px;font-family:var(--font-sans)}.cat-tab:hover{color:var(--text-secondary)}.cat-tab.active{color:var(--color-alpha);border-bottom-color:var(--color-alpha)}.cat-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-5);padding:var(--space-4) var(--space-5);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.cat-search-wrap{position:relative;flex:1;min-width:200px}.cat-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.cat-search{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) 40px;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.cat-search::placeholder{color:var(--text-muted)}.cat-search:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.cat-filter-select{padding:var(--space-3) 36px var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;transition:all var(--transition-base)}.cat-filter-select option{background:var(--bg-elevated);color:var(--text-primary)}.cat-filter-select:focus{outline:none;border-color:var(--color-alpha);background-color:var(--slate-700)}.cat-view-toggle{display:flex;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;margin-left:auto}.cat-view-btn{padding:var(--space-2) var(--space-3);background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center}.cat-view-btn:hover{color:var(--text-primary);background:var(--slate-600)}.cat-view-btn.active{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));color:#fff}.cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-5)}.cat-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-slow);position:relative}.cat-card:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:var(--shadow-xl)}.cat-card-img-wrap{position:relative;height:200px;overflow:hidden;background:var(--bg-elevated)}.cat-card-img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.cat-card:hover .cat-card-img{transform:scale(1.06)}.cat-card-img-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm)}.cat-card-overlay{position:absolute;inset:0;background:#0a0a0fb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;gap:var(--space-3);opacity:0;transition:opacity var(--transition-base)}.cat-card:hover .cat-card-overlay{opacity:1}.cat-card-order{position:absolute;top:var(--space-3);left:var(--space-3);width:28px;height:28px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-secondary)}.cat-card-body{padding:var(--space-4) var(--space-5)}.cat-card-name{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-1);line-height:var(--leading-tight)}.cat-card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin:0 0 var(--space-3);line-height:var(--leading-normal)}.cat-card-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.cat-badge{display:inline-flex;align-items:center;padding:3px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cat-badge-active{background:#10b9811f;color:var(--color-delta);border:var(--border-width-thin) solid rgba(16,185,129,.25)}.cat-badge-inactive{background:#64748b1f;color:var(--text-muted);border:var(--border-width-thin) solid rgba(100,116,139,.2)}.cat-badge-featured{background:#fbbf241f;color:var(--color-gamma);border:var(--border-width-thin) solid rgba(251,191,36,.25)}.cat-badge-count{background:var(--bg-elevated);color:var(--text-secondary);border:var(--border-width-thin) solid var(--border-primary);margin-left:auto}.cat-btn-edit{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--color-alpha),var(--color-zeta));border:none;border-radius:var(--radius-md);color:var(--slate-900);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.cat-btn-edit:hover{transform:translateY(-1px);box-shadow:var(--glow-alpha)}.cat-btn-delete{padding:var(--space-2) var(--space-4);background:#f43f5e26;border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-md);color:var(--color-epsilon);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base)}.cat-btn-delete:hover{background:#f43f5e40;transform:translateY(-1px)}.cat-list{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.cat-list-header{display:grid;grid-template-columns:80px 1fr 1fr 80px 100px 100px 120px;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border-bottom:var(--border-width-thin) solid var(--border-primary);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.cat-list-row{display:grid;grid-template-columns:80px 1fr 1fr 80px 100px 100px 120px;gap:var(--space-4);padding:var(--space-4) var(--space-5);border-bottom:var(--border-width-thin) solid var(--border-primary);align-items:center;transition:background var(--transition-fast);cursor:pointer}.cat-list-row:last-child{border-bottom:none}.cat-list-row:hover{background:var(--bg-elevated)}.cat-list-img{width:60px;height:60px;object-fit:cover;border-radius:var(--radius-lg);border:var(--border-width-thin) solid var(--border-primary)}.cat-list-img-placeholder{width:60px;height:60px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);display:flex;align-items:center;justify-content:center;color:var(--text-muted)}.cat-list-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.cat-list-sub{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:2px}.cat-list-actions{display:flex;gap:var(--space-2)}.cat-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted);background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl)}.cat-empty svg{opacity:.3}.cat-empty p{margin:0;font-size:var(--text-lg);font-weight:var(--font-medium)}.cat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);padding:var(--space-16);color:var(--text-muted)}.cat-spinner{width:36px;height:36px;border:3px solid rgba(168,85,247,.15);border-top-color:var(--color-beta);border-radius:var(--radius-full);animation:catSpin .8s linear infinite}@keyframes catSpin{to{transform:rotate(360deg)}}.cat-modal-overlay{position:fixed;inset:0;background:#05050acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal-backdrop);display:flex;justify-content:flex-end;animation:overlayIn .2s ease}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.cat-modal{width:480px;max-width:100%;height:100vh;background:var(--bg-card);border-left:var(--border-width-thin) solid var(--glass-border);display:flex;flex-direction:column;animation:modalSlideIn .3s cubic-bezier(.2,.8,.2,1);box-shadow:var(--shadow-2xl)}@keyframes modalSlideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.cat-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom:var(--border-width-thin) solid var(--border-primary);flex-shrink:0}.cat-modal-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.cat-modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-base)}.cat-modal-close:hover{background:#f43f5e1f;border-color:#f43f5e4d;color:var(--color-epsilon)}.cat-modal-body{padding:var(--space-5) var(--space-6);flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-6);scrollbar-width:thin}.cat-modal-footer{display:flex;gap:var(--space-3);padding:var(--space-5) var(--space-6);border-top:var(--border-width-thin) solid var(--border-primary);flex-shrink:0;background:var(--bg-card)}.btn-cancel{flex:1;padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.btn-save{flex:2;padding:var(--space-3) var(--space-5);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans)}.btn-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.btn-save:disabled{opacity:.5;cursor:not-allowed}.cat-form-section{display:flex;flex-direction:column;gap:var(--space-4)}.cat-form-section-title{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);padding-bottom:var(--space-3);border-bottom:var(--border-width-thin) solid var(--border-primary);margin-top:var(--space-2)}.cat-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.cat-form-label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.cat-form-label span{color:var(--color-epsilon)}.cat-form-input,.cat-form-textarea,.cat-form-select{padding:var(--space-3) var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-base);font-family:var(--font-sans);transition:all var(--transition-base)}.cat-form-textarea{resize:vertical;line-height:var(--leading-relaxed)}.cat-form-input::placeholder,.cat-form-textarea::placeholder{color:var(--text-muted)}.cat-form-input:focus,.cat-form-textarea:focus,.cat-form-select:focus{outline:none;border-color:var(--color-alpha);background:var(--slate-700);box-shadow:0 0 0 3px #00f5ff14}.cat-form-input.error,.cat-form-textarea.error{border-color:var(--color-epsilon)}.cat-form-error{font-size:var(--text-xs);color:var(--color-epsilon)}.cat-form-hint{font-size:var(--text-xs);color:var(--text-muted)}.cat-form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:40px}.cat-form-select option{background:var(--bg-elevated)}.cat-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg)}.cat-toggle-info{display:flex;flex-direction:column;gap:2px}.cat-toggle-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.cat-toggle-desc{font-size:var(--text-xs);color:var(--text-muted)}.cat-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.cat-toggle-input{opacity:0;width:0;height:0;position:absolute}.cat-toggle-slider{position:absolute;inset:0;background:var(--slate-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.cat-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.cat-toggle-input:checked+.cat-toggle-slider{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha))}.cat-toggle-input:checked+.cat-toggle-slider:before{transform:translate(20px)}.cat-drop-zone{border:2px dashed var(--border-primary);border-radius:var(--radius-xl);text-align:center;cursor:pointer;transition:all var(--transition-base);position:relative;background:var(--bg-elevated)}.cat-drop-zone:hover,.cat-drop-zone.dragging{border-color:var(--color-alpha);background:#00f5ff0a;box-shadow:0 0 0 3px #00f5ff14}.cat-drop-zone.has-image{padding:0;border-style:solid;border-color:var(--border-primary);overflow:hidden}.cat-drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);color:var(--text-muted);pointer-events:none}.cat-drop-placeholder svg{opacity:.5}.cat-drop-placeholder-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary)}.cat-drop-placeholder-sub{font-size:var(--text-sm)}.cat-drop-preview{width:100%;height:200px;object-fit:cover;display:block}.cat-drop-replace-overlay{position:absolute;inset:0;background:#0a0a0f80;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-base);pointer-events:none}.cat-drop-replace-overlay span{color:#fff;font-weight:var(--font-semibold);font-size:var(--text-sm);padding:8px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);box-shadow:0 4px 12px #0003}.cat-drop-zone:hover .cat-drop-replace-overlay{opacity:1}.cat-drop-remove{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;background:#0a0a0fcc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-full);color:var(--color-epsilon);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-base);font-size:18px;line-height:1}.cat-drop-remove:hover{background:#f43f5e33}@media(max-width:768px){.cat-title{font-size:var(--text-3xl)}.cat-grid{grid-template-columns:repeat(3,1fr);gap:10px}.cat-card-img-wrap{height:140px}.cat-card-body{padding:10px}.cat-modal{width:100%}.cat-filters{flex-wrap:wrap;gap:8px;padding:10px 12px}.cat-list-header,.cat-list-row{grid-template-columns:60px 1fr 80px 100px}.cat-list-header>*:nth-child(3),.cat-list-row>*:nth-child(3),.cat-list-header>*:nth-child(4),.cat-list-row>*:nth-child(4){display:none}}@media(max-width:480px){.cat-grid{grid-template-columns:repeat(2,1fr)}}.promo-cards{max-width:720px;display:flex;flex-direction:column;gap:var(--space-6)}.promo-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);overflow:hidden;box-shadow:var(--shadow-md)}.promo-card-header{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-primary)}.promo-card-icon{width:40px;height:40px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.promo-icon-gamma{background:linear-gradient(135deg,var(--color-gamma),var(--color-beta))}.promo-icon-beta{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha))}.promo-card-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.promo-card-subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.promo-card-body{padding:var(--space-5) var(--space-6);display:flex;flex-direction:column;gap:var(--space-5)}.promo-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg)}.promo-toggle-info{display:flex;flex-direction:column;gap:2px}.promo-toggle-label{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.promo-toggle-desc{font-size:var(--text-xs);color:var(--text-muted)}.promo-toggle{position:relative;width:44px;height:24px;flex-shrink:0}.promo-toggle-input{opacity:0;width:0;height:0;position:absolute}.promo-toggle-slider{position:absolute;inset:0;background:var(--slate-600);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base)}.promo-toggle-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:var(--radius-full);transition:transform var(--transition-base)}.promo-toggle-input:checked+.promo-toggle-slider{background:linear-gradient(135deg,var(--color-beta),var(--color-alpha))}.promo-toggle-input:checked+.promo-toggle-slider:before{transform:translate(20px)}.promo-range-row{display:flex;align-items:center;gap:var(--space-4)}.promo-range{flex:1;accent-color:var(--color-beta)}.promo-range-val{min-width:70px;font-size:var(--text-sm);color:var(--text-muted);text-align:right}.promo-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.promo-chip{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-full);padding:4px var(--space-3) 4px var(--space-2);font-size:var(--text-sm)}.promo-chip-badge{background:var(--color-gamma);color:var(--bg-primary);border-radius:var(--radius-full);padding:1px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold)}.promo-chip-name{color:var(--text-primary);font-weight:var(--font-medium)}.promo-chip-remove{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-base);line-height:1;padding:0;transition:color var(--transition-base)}.promo-chip-remove:hover{color:var(--color-epsilon)}.promo-search-wrap{position:relative}.promo-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.promo-search-input{padding-left:36px!important}.promo-dropdown{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:var(--z-dropdown);background:var(--bg-card);border:var(--border-width-thin) solid var(--border-hover);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:220px;overflow-y:auto;scrollbar-width:thin;animation:promoDropIn .15s ease}@keyframes promoDropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.promo-dropdown-item{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:none;border:none;border-bottom:var(--border-width-thin) solid var(--border-primary);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.promo-dropdown-item:last-child{border-bottom:none}.promo-dropdown-item:hover{background:var(--bg-elevated)}.promo-dropdown-badge{background:var(--color-gamma);color:var(--bg-primary);border-radius:var(--radius-full);padding:2px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);flex-shrink:0}.promo-dropdown-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.promo-dropdown-desc{font-size:var(--text-xs);color:var(--text-muted)}.promo-dropdown-empty{padding:var(--space-4);text-align:center;color:var(--text-muted);font-size:var(--text-sm)}.promo-preview{border-radius:var(--radius-lg);overflow:hidden;border:var(--border-width-thin) solid var(--border-primary)}.promo-preview-label{padding:var(--space-2) var(--space-4);background:var(--bg-elevated);font-size:var(--text-xs);color:var(--text-muted);font-weight:var(--font-bold);letter-spacing:var(--tracking-wider);text-transform:uppercase}.promo-preview-bar{background:var(--slate-900);color:var(--text-secondary);padding:var(--space-3) var(--space-4);font-size:var(--text-xs);display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.promo-preview-item{display:flex;align-items:center;gap:var(--space-2)}.promo-preview-badge{background:#ffffff1f;border-radius:var(--radius-full);padding:1px var(--space-2);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gamma)}.promo-preview-sep{color:#fff3;margin-left:var(--space-2)}.bk-page{padding:var(--space-8);max-width:1400px;margin:0 auto}.bk-header{margin-bottom:var(--space-8)}.bk-title{font-size:var(--text-4xl);font-weight:var(--font-extrabold);color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:var(--tracking-tight)}.bk-subtitle{font-size:var(--text-base);color:var(--text-muted);margin:0}.bk-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.3);border-radius:var(--radius-xl);color:var(--color-epsilon);font-size:var(--text-base);font-weight:var(--font-medium);margin-bottom:var(--space-6);white-space:pre-wrap}.bk-error-close{margin-left:auto;background:none;border:none;color:var(--color-epsilon);font-size:20px;cursor:pointer;line-height:1;padding:0}.bk-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.bk-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:var(--space-5);transition:all var(--transition-slow)}.bk-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-xl)}.bk-card-icon{width:60px;height:60px;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bk-icon-backup{background:linear-gradient(135deg,#a855f733,#00f5ff33);border:var(--border-width-thin) solid rgba(168,85,247,.3);color:var(--color-beta)}.bk-icon-restore{background:linear-gradient(135deg,#10b98133,#3b82f633);border:var(--border-width-thin) solid rgba(16,185,129,.3);color:var(--color-delta)}.bk-card-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.bk-card-desc{font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);margin:0}.bk-card-info{display:flex;flex-direction:column;gap:var(--space-2)}.bk-info-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.bk-info-item svg{color:var(--color-delta);flex-shrink:0}.bk-btn-backup{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:linear-gradient(135deg,var(--color-beta),var(--color-alpha));border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-beta);font-family:var(--font-sans);margin-top:auto}.bk-btn-backup:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #a855f780}.bk-btn-backup:disabled{opacity:.5;cursor:not-allowed}.bk-btn-preview{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--color-alpha);border-radius:var(--radius-lg);color:var(--color-alpha);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.bk-btn-preview:hover:not(:disabled){background:#00f5ff1a;transform:translateY(-1px)}.bk-btn-preview:disabled{opacity:.5;cursor:not-allowed}.bk-drop-zone{border:2px dashed var(--border-primary);border-radius:var(--radius-xl);background:var(--bg-elevated);padding:var(--space-8);cursor:pointer;transition:all var(--transition-base);overflow:hidden}.bk-drop-zone:hover,.bk-drop-zone.has-file{border-color:var(--color-alpha);background:#00f5ff08}.bk-drop-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-6);color:var(--text-muted)}.bk-drop-placeholder svg{opacity:.4}.bk-drop-title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary)}.bk-drop-sub{font-size:var(--text-sm)}.bk-file-info{display:flex;align-items:center;gap:var(--space-4);padding:0}.bk-file-info svg{color:var(--color-alpha);flex-shrink:0}.bk-file-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);font-family:var(--font-mono)}.bk-file-size{font-size:var(--text-sm);color:var(--text-muted)}.bk-file-remove{margin-left:auto;background:#f43f5e1a;border:var(--border-width-thin) solid rgba(244,63,94,.25);border-radius:var(--radius-full);color:var(--color-epsilon);width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;line-height:1;transition:all var(--transition-base)}.bk-file-remove:hover{background:#f43f5e33}.bk-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:var(--radius-full);animation:bkSpin .7s linear infinite;flex-shrink:0}@keyframes bkSpin{to{transform:rotate(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}.bk-preview{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-7)}.bk-preview-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:var(--space-4)}.bk-preview-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.bk-preview-meta{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.bk-preview-summary{display:flex;gap:var(--space-4)}.bk-sum-item{display:flex;flex-direction:column;align-items:center;padding:var(--space-3) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);min-width:80px}.bk-sum-num{font-size:var(--text-3xl);font-weight:var(--font-extrabold);line-height:1}.bk-sum-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-top:var(--space-1)}.bk-sum-total .bk-sum-num{color:var(--text-primary)}.bk-sum-new .bk-sum-num{color:var(--color-delta)}.bk-sum-conflict .bk-sum-num{color:var(--color-gamma)}.bk-strategy-section{display:flex;flex-direction:column;gap:var(--space-4)}.bk-strategy-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.bk-strategy-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.bk-strategy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.bk-strategy-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--bg-elevated);border:var(--border-width-medium) solid var(--border-primary);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);position:relative}.bk-strategy-card input[type=radio]{position:absolute;opacity:0;pointer-events:none}.bk-strategy-card:hover{border-color:var(--border-hover);background:var(--bg-hover)}.bk-strategy-card.selected{border-color:var(--strategy-color, var(--color-beta));background:color-mix(in srgb,var(--strategy-color, var(--color-beta)) 10%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--strategy-color, var(--color-beta)) 30%,transparent)}.bk-strategy-label{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.bk-strategy-card.selected .bk-strategy-label{color:var(--strategy-color, var(--color-beta))}.bk-strategy-info{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.bk-tables{display:flex;flex-direction:column;gap:var(--space-2)}.bk-tables-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3)}.bk-table-row{background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-base)}.bk-table-row:hover{border-color:var(--border-hover)}.bk-table-row-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);cursor:pointer;gap:var(--space-4)}.bk-table-name{display:flex;align-items:center;gap:var(--space-2)}.bk-table-app{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono)}.bk-table-model{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.bk-table-missing{font-size:var(--text-xs);color:var(--color-epsilon);background:#f43f5e1a;padding:2px var(--space-2);border-radius:var(--radius-sm)}.bk-table-stats{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.bk-stat-new{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-delta)}.bk-stat-conflict{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gamma)}.bk-stat-total{font-size:var(--text-xs);color:var(--text-muted)}.bk-stat-renamed{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-gamma)}.bk-stat-error{font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--color-epsilon)}.bk-chevron{color:var(--text-muted);transition:transform var(--transition-base)}.bk-chevron.open{transform:rotate(180deg)}.bk-conflicts-list{border-top:var(--border-width-thin) solid var(--border-primary);padding:var(--space-3) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);max-height:200px;overflow-y:auto;scrollbar-width:thin}.bk-conflict-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.bk-conflict-pk{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);min-width:40px}.bk-conflict-name{flex:1}.bk-conflict-error{color:var(--color-epsilon)}.bk-conflict-error svg{flex-shrink:0}.bk-restore-actions{display:flex;gap:var(--space-4);justify-content:flex-end;padding-top:var(--space-5);border-top:var(--border-width-thin) solid var(--border-primary)}.bk-btn-cancel{padding:var(--space-3) var(--space-6);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-lg);color:var(--text-secondary);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:all var(--transition-base);font-family:var(--font-sans)}.bk-btn-cancel:hover{border-color:var(--border-hover);color:var(--text-primary)}.bk-btn-restore{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-7);background:linear-gradient(135deg,var(--color-delta),#059669);border:none;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--glow-delta);font-family:var(--font-sans)}.bk-btn-restore:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.bk-btn-restore:disabled{opacity:.5;cursor:not-allowed}.bk-result{background:var(--bg-card);border:var(--border-width-thin) solid rgba(16,185,129,.3);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-7)}.bk-result-header{display:flex;align-items:center;gap:var(--space-5)}.bk-result-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--color-delta),#059669);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--glow-delta)}.bk-result-icon-success{background:linear-gradient(135deg,var(--color-delta),var(--color-gamma))}.bk-result-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.bk-result-sub{font-size:var(--text-sm);color:var(--text-muted);margin:var(--space-1) 0 0}.bk-result-sub strong{color:var(--text-secondary)}.bk-result-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-4)}.bk-result-stat{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-base);opacity:.5}.bk-result-stat.has-value{opacity:1;border-color:var(--stat-color)}.bk-result-stat-icon{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--stat-color);border-radius:var(--radius-lg);color:var(--color-creme);flex-shrink:0}.bk-result-stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.bk-result-num{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:1}.bk-result-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:var(--font-medium)}.bk-result-details{margin-bottom:var(--space-2)}.bk-result-details-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0}@media(max-width:1024px){.bk-strategy-grid{grid-template-columns:1fr}}@media(max-width:768px){.bk-page{padding:var(--space-5)}.bk-title{font-size:var(--text-3xl)}.bk-grid{grid-template-columns:1fr}.bk-card,.bk-preview,.bk-result{padding:var(--space-6)}.bk-strategy-grid{grid-template-columns:1fr}.bk-result-summary{grid-template-columns:repeat(2,1fr)}.bk-preview-header{flex-direction:column}.bk-preview-summary{flex-wrap:wrap}.bk-restore-actions{flex-direction:column}.bk-btn-restore,.bk-btn-cancel{width:100%;justify-content:center}.bk-result-actions{flex-direction:column}.bk-btn-secondary,.bk-btn-primary{width:100%;justify-content:center}}@media(max-width:480px){.bk-result-summary{grid-template-columns:1fr}}.bk-table-row.has-errors{border-left:3px solid var(--color-epsilon)}.bk-table-row.no-activity{opacity:.5}.bk-table-error-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--color-epsilon);color:var(--color-creme);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium)}.bk-stat-overwritten{background:rgba(var(--color-gamma-rgb, 251, 191, 36),.15);color:var(--color-gamma)}.bk-stat-skipped{background:rgba(var(--color-zeta-rgb, 59, 130, 246),.15);color:var(--color-zeta)}.bk-stat-renamed{background:rgba(var(--color-beta-rgb, 168, 85, 247),.15);color:var(--color-beta)}.bk-stat-none{color:var(--text-muted);font-style:italic}.bk-success-message,.bk-warning-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-xl);font-size:var(--text-sm);font-weight:var(--font-medium);margin-bottom:var(--space-6)}.bk-success-message{background:rgba(var(--color-delta-rgb, 34, 197, 94),.1);border:var(--border-width-thin) solid var(--color-delta);color:var(--color-delta)}.bk-warning-message{background:rgba(var(--color-gamma-rgb, 251, 191, 36),.1);border:var(--border-width-thin) solid var(--color-gamma);color:var(--color-gamma)}.bk-btn-secondary,.bk-btn-primary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);border:var(--border-width-thin) solid transparent}.bk-restoring-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000}.bk-restoring-card{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-12);max-width:500px;text-align:center;box-shadow:var(--shadow-2xl)}.bk-restoring-spinner{margin-bottom:var(--space-6);display:flex;justify-content:center}.bk-spinner-large{width:64px;height:64px;border:4px solid var(--border-primary);border-top-color:var(--color-tango);border-radius:50%;animation:spin 1s linear infinite}.bk-restoring-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.bk-restoring-desc{font-size:var(--text-base);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.bk-restoring-desc strong{color:var(--color-tango);font-weight:var(--font-semibold)}.bk-restoring-progress{margin-top:var(--space-6)}.bk-progress-bar{width:100%;height:8px;background:var(--bg-elevated);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-3)}.bk-progress-fill{height:100%;background:linear-gradient(90deg,var(--color-tango),var(--color-alpha));border-radius:var(--radius-full);animation:progressIndeterminate 1.5s ease-in-out infinite}@keyframes progressIndeterminate{0%{width:0%;margin-left:0%}50%{width:50%;margin-left:25%}to{width:0%;margin-left:100%}}.bk-restoring-note{font-size:var(--text-sm);color:var(--text-muted);margin:0}.bk-result-actions{display:flex;gap:var(--space-3);justify-content:flex-end}.bk-btn-secondary,.bk-btn-primary{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:all var(--transition-base);border:var(--border-width-thin) solid transparent;font-family:var(--font-sans)}.bk-btn-secondary{background:var(--bg-elevated);border-color:var(--border-primary);color:var(--text-secondary)}.bk-btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.bk-btn-primary{background:var(--color-tango);border-color:var(--color-tango);color:var(--color-creme)}.bk-btn-primary:hover{background:var(--color-alpha);border-color:var(--color-alpha);transform:translateY(-1px);box-shadow:var(--shadow-lg)}.bk-history{background:var(--bg-card);border:var(--border-width-thin) solid var(--glass-border);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-md);margin-top:var(--space-8)}.bk-history-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-6)}.bk-history-title svg{color:var(--text-muted)}.bk-history-list{display:flex;flex-direction:column;gap:var(--space-3)}.bk-history-item{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border:var(--border-width-thin) solid var(--border-primary);border-radius:var(--radius-xl);transition:all var(--transition-base)}.bk-history-item:hover{border-color:var(--border-hover);background:var(--bg-hover)}.bk-history-partial{border-left:3px solid var(--color-gamma)}.bk-history-failed{border-left:3px solid var(--color-epsilon)}.bk-history-success{border-left:3px solid var(--color-delta)}.bk-history-icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bk-history-icon-backup{background:linear-gradient(135deg,#a855f726,#00f5ff26);color:var(--color-beta)}.bk-history-icon-restore{background:linear-gradient(135deg,#10b98126,#3b82f626);color:var(--color-delta)}.bk-history-details{flex:1;min-width:0}.bk-history-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.bk-history-action{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.bk-history-status{font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px var(--space-2);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.bk-status-success{background:#10b98126;color:var(--color-delta)}.bk-status-partial{background:#fbbf2426;color:var(--color-gamma)}.bk-status-failed{background:#f43f5e26;color:var(--color-epsilon)}.bk-history-strategy{font-size:var(--text-xs);color:var(--text-muted);background:var(--bg-card);padding:2px var(--space-2);border-radius:var(--radius-sm);border:var(--border-width-thin) solid var(--border-primary)}.bk-history-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted)}.bk-history-meta span+span:before{content:"·";margin-right:var(--space-2)}.bk-history-filename{font-family:var(--font-mono);font-size:var(--text-xs)}.bk-history-stats{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.bk-history-stats span{font-size:var(--text-xs);font-weight:var(--font-bold);padding:2px var(--space-2);border-radius:var(--radius-sm)}.bk-hstat-created{color:var(--color-delta);background:#10b9811a}.bk-hstat-overwritten{color:var(--color-gamma);background:#fbbf241a}.bk-hstat-skipped{color:var(--color-zeta);background:#3b82f61a}.bk-hstat-errors{color:var(--color-epsilon);background:#f43f5e1a}.bk-hstat-total{color:var(--text-secondary);background:var(--bg-card)}.bk-history-errors{margin-top:var(--space-3);background:#f43f5e0d;border:var(--border-width-thin) solid rgba(244,63,94,.2);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);max-height:300px;overflow-y:auto;scrollbar-width:thin}.bk-history-errors-pre{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-epsilon);white-space:pre-wrap;word-break:break-word;margin:0;line-height:1.6}.phase2-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.phase2-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6);gap:var(--space-4)}.phase2-header h1{font-size:var(--text-2xl);font-weight:700;margin:0 0 var(--space-2) 0;color:var(--color-text)}.phase2-subtitle{color:var(--color-text-muted);margin:0}.phase2-header-actions{display:flex;gap:var(--space-2)}.phase2-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3)}.stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}.stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--color-text);line-height:1;margin-bottom:var(--space-1)}.stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.phase2-table-container{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--space-6)}.phase2-table{width:100%;border-collapse:collapse}.phase2-table thead{background:var(--color-background);border-bottom:1px solid var(--color-border)}.phase2-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.phase2-table td{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.phase2-table tbody tr:last-child td{border-bottom:none}.phase2-table tbody tr:hover{background:var(--color-background)}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-neutral{background:var(--color-neutral-light);color:var(--color-text-muted)}.btn-primary{background:var(--color-alpha);color:#fff;border:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:all .2s}.btn-primary:hover{background:var(--color-alpha-dark);transform:translateY(-1px)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all .2s}.btn-secondary:hover{background:var(--color-background);border-color:var(--color-alpha)}.btn-icon{background:none;border:none;padding:var(--space-2);cursor:pointer;font-size:16px;opacity:.7;transition:opacity .2s}.btn-icon:hover{opacity:1}.btn-success-sm,.btn-danger-sm,.btn-secondary-sm{padding:4px 12px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;border:none;cursor:pointer;transition:all .2s}.btn-success-sm{background:var(--color-success-light);color:var(--color-success)}.btn-danger-sm{background:var(--color-error-light);color:var(--color-error)}.btn-secondary-sm{background:var(--color-neutral-light);color:var(--color-text-muted)}.phase2-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.phase2-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.phase2-card h3{margin:0 0 var(--space-4) 0;font-size:var(--text-lg);font-weight:600}.phase2-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-btn{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:var(--color-alpha);background:var(--color-alpha-light)}.filter-btn.active{background:var(--color-alpha);color:#fff;border-color:var(--color-alpha)}.reviews-list{display:flex;flex-direction:column;gap:var(--space-4)}.review-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.review-meta{display:flex;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.review-rating{font-size:18px;margin-bottom:var(--space-2)}.review-comment{color:var(--color-text);line-height:1.6;margin-bottom:var(--space-3)}.review-footer{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-3);border-top:1px solid var(--color-border)}.review-helpful{font-size:var(--text-sm);color:var(--color-text-muted)}.review-actions{display:flex;gap:var(--space-2)}.leaderboard{display:flex;flex-direction:column;gap:var(--space-3)}.leaderboard-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-background);border-radius:var(--radius-md)}.leaderboard-rank{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-alpha-light);color:var(--color-alpha);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.leaderboard-info{flex:1}.leaderboard-points{text-align:right;display:flex;flex-direction:column;gap:var(--space-1);align-items:flex-end}.tier-list{display:flex;flex-direction:column;gap:var(--space-3)}.tier-item{padding:var(--space-3);background:var(--color-background);border-radius:var(--radius-md)}.tier-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.tier-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.tier-count{font-size:var(--text-sm);color:var(--color-text-muted)}.tier-details{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm)}.tier-progress{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.tier-progress-fill{height:100%;transition:width .3s}.usage-bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-1)}.usage-fill{height:100%;background:var(--color-alpha);transition:width .3s}.coupon-code{font-family:Courier New,monospace;background:var(--color-alpha-light);color:var(--color-alpha);padding:2px 8px;border-radius:var(--radius-sm);font-size:var(--text-sm)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4)}.metric-label{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}.metric-value{font-size:var(--text-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--space-2)}.metric-change{font-size:var(--text-sm);font-weight:600}.metric-change.up{color:var(--color-success)}.metric-change.down{color:var(--color-error)}.chart-placeholder{padding:var(--space-4) 0}.chart-bars{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:var(--space-2);margin-bottom:var(--space-2)}.chart-bar{flex:1;background:var(--color-alpha);border-radius:var(--radius-sm) var(--radius-sm) 0 0;position:relative;display:flex;align-items:flex-start;justify-content:center;padding-top:var(--space-2);transition:all .3s}.chart-bar:hover{background:var(--color-alpha-dark)}.chart-bar span{font-size:var(--text-xs);font-weight:600;color:#fff}.chart-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted)}.top-products-list{display:flex;flex-direction:column;gap:var(--space-3)}.top-product-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-background);border-radius:var(--radius-md)}.top-product-rank{width:32px;height:32px;border-radius:var(--radius-full);background:var(--color-beta-light);color:var(--color-beta);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);flex-shrink:0}.top-product-info{flex:1}.top-product-revenue{font-weight:700;color:var(--color-success)}.traffic-sources{display:flex;flex-direction:column;gap:var(--space-4)}.traffic-source-item{display:grid;grid-template-columns:200px 1fr 60px;gap:var(--space-3);align-items:center}.traffic-source-info{display:flex;flex-direction:column;gap:var(--space-1)}.traffic-source-bar{height:8px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.traffic-source-fill{height:100%;background:var(--color-gamma);transition:width .3s}.traffic-source-percentage{text-align:right;font-weight:600;color:var(--color-text-muted)}.phase2-demo-badge{position:fixed;bottom:var(--space-4);right:var(--space-4);background:linear-gradient(135deg,var(--color-alpha),var(--color-beta));color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;box-shadow:0 4px 12px #00000026;z-index:1000;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.text-muted{color:var(--color-text-muted);font-size:var(--text-sm)}@media(max-width:768px){.phase2-page{padding:var(--space-4)}.phase2-header{flex-direction:column}.phase2-stats,.phase2-grid{grid-template-columns:1fr}.phase2-table-container{overflow-x:auto}.traffic-source-item{grid-template-columns:1fr;gap:var(--space-2)}.phase2-demo-badge{bottom:var(--space-2);right:var(--space-2);font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}.phase2-banner{background:linear-gradient(135deg,var(--color-alpha),var(--color-beta));color:#fff;border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.phase2-banner-content h2{margin:0 0 var(--space-2) 0;font-size:var(--text-2xl)}.phase2-banner-content p{margin:0 0 var(--space-4) 0;opacity:.9;line-height:1.6}.phase2-banner-stats{display:flex;gap:var(--space-6)}.phase2-banner-stats>div{display:flex;flex-direction:column;gap:var(--space-1)}.phase2-banner-stats strong{font-size:var(--text-2xl);font-weight:700}.phase2-banner-stats span{font-size:var(--text-sm);opacity:.8}.phase2-section{margin-bottom:var(--space-8)}.phase2-section h2{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4)}.features-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-4)}.feature-card{background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;color:inherit;transition:all .3s;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--feature-color);transform:scaleX(0);transition:transform .3s}.feature-card:hover:before{transform:scaleX(1)}.feature-card:hover{border-color:var(--feature-color);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.feature-card.disabled{opacity:.6;cursor:not-allowed}.feature-card.disabled:hover{transform:none;border-color:var(--color-border)}.feature-icon{width:56px;height:56px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:var(--space-3)}.feature-card h3{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:600}.feature-card p{margin:0 0 var(--space-3) 0;color:var(--color-text-muted);line-height:1.5;font-size:var(--text-sm)}.feature-status{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.feature-status.ready{color:var(--color-success)}.feature-status.coming-soon{color:var(--color-warning)}.status-dot{width:6px;height:6px;border-radius:50%;background:currentColor;animation:blink 2s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.phase2-info-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4);margin-top:var(--space-6)}.info-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.info-card h3{margin:0 0 var(--space-3) 0;font-size:var(--text-lg);font-weight:600}.info-card ul{list-style:none;padding:0;margin:0}.info-card li{padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);line-height:1.6}.info-card li:last-child{border-bottom:none}.info-card strong{color:var(--color-alpha)}@media(max-width:768px){.phase2-banner-stats{flex-direction:column;gap:var(--space-3)}.features-grid,.phase2-info-cards{grid-template-columns:1fr}}