@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@300;400;500;600;700;800&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #FDFBF7;--bg-secondary: #F8F5F0;--bg-tertiary: #F2EDE5;--bg-elevated: #FFFFFF;--bg-card: #FFFFFF;--bg-hover: #F5F1EB;--bg-surface: #FAF8F4;--bg-cream: #FDFBF7;--bg-soft: #F8F5F0;--bg-muted: #F2EDE5;--bg-warm-white: #FFFFFF;--primary-50: rgba(184, 134, 11, .05);--primary-100: rgba(184, 134, 11, .1);--primary-200: rgba(184, 134, 11, .15);--primary-300: #D4AF37;--primary-400: #C5A028;--primary-500: #B8860B;--primary-600: #9A7309;--primary-700: #7D5F07;--primary-800: #604A05;--secondary-400: #8B7355;--secondary-500: #6F5C45;--secondary-600: #5A4A37;--accent-400: #CD7F32;--accent-500: #B87333;--accent-600: #A0522D;--accent-primary: #B8860B;--accent-secondary: #C5A028;--accent-tertiary: #D4AF37;--accent-muted: rgba(184, 134, 11, .08);--accent-glow: rgba(184, 134, 11, .2);--text-primary: #2C2418;--text-secondary: #5A4E3D;--text-tertiary: #8A7968;--text-muted: #B3A799;--neutral-100: rgba(44, 36, 24, .03);--neutral-200: rgba(44, 36, 24, .06);--neutral-300: rgba(44, 36, 24, .1);--border-subtle: rgba(44, 36, 24, .08);--border-default: rgba(44, 36, 24, .12);--border-hover: rgba(44, 36, 24, .2);--border-accent: rgba(184, 134, 11, .4);--border-color: rgba(44, 36, 24, .1);--success: #2D5016;--success-muted: rgba(45, 80, 22, .1);--warning: #B8860B;--warning-muted: rgba(184, 134, 11, .1);--error: #991B1B;--error-muted: rgba(153, 27, 27, .1);--info: #1E40AF;--gradient-primary: linear-gradient(135deg, #B8860B 0%, #9A7309 100%);--gradient-accent: linear-gradient(135deg, #D4AF37 0%, #B8860B 100%);--gradient-secondary: linear-gradient(135deg, #8B7355 0%, #B8860B 100%);--gradient-card: linear-gradient(180deg, rgba(184, 134, 11, .02) 0%, transparent 100%);--gradient-shine: linear-gradient(90deg, transparent, rgba(184, 134, 11, .05), transparent);--gradient-hero: linear-gradient(135deg, #FDFBF7 0%, #F8F5F0 50%, #FDFBF7 100%);--shadow-sm: 0 1px 3px rgba(44, 36, 24, .08);--shadow-md: 0 4px 12px rgba(44, 36, 24, .1);--shadow-lg: 0 8px 24px rgba(44, 36, 24, .12);--shadow-xl: 0 16px 40px rgba(44, 36, 24, .15);--shadow-2xl: 0 24px 56px rgba(44, 36, 24, .18);--shadow-glow: 0 0 40px rgba(184, 134, 11, .15);--shadow-glow-purple: 0 0 40px rgba(139, 115, 85, .15);--glow-primary: 0 0 30px rgba(184, 134, 11, .1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", sans-serif;--font-body: "Inter", sans-serif;--font-accent: "Inter", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-6xl: 4.5rem;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--tracking-tighter: -.05em;--tracking-tight: -.025em;--tracking-normal: 0;--tracking-wide: .025em;--tracking-wider: .05em;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-slower: .6s ease;--transition: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-tooltip: 400}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-primary);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2;color:var(--text-primary)}p{color:var(--text-secondary);line-height:1.7}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-secondary)}*:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}::selection{background:var(--accent-primary);color:var(--bg-primary)}@media (max-width: 768px){.container{padding:0 var(--space-4)}}.glass{background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-primary);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-lg);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--gradient-primary);color:var(--bg-primary);box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.btn-secondary{background:var(--bg-elevated);color:var(--text-primary);border:1px solid var(--border-default)}.btn-secondary:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base)}.card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.input{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-primary);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-muted)}.input::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);background:var(--accent-muted);color:var(--accent-secondary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glow{0%,to{box-shadow:0 0 20px var(--accent-glow)}50%{box-shadow:0 0 40px var(--accent-glow)}}.animate-fade-in{animation:fadeIn .5s ease}.animate-slide-up{animation:slideUp .6s ease}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.header{position:sticky;top:0;z-index:var(--z-sticky);background:#fdfbf7f2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.header-container{max-width:1800px;margin:0 auto;padding:16px 48px;display:flex;align-items:center;justify-content:space-between;gap:32px}@media (min-width: 1920px){.header-container{padding:18px 60px}}.header-logo{text-decoration:none;color:inherit;display:flex;align-items:center;transition:all var(--transition-base)}.header-logo:hover{opacity:.85}.logo-wrapper{display:flex;flex-direction:column;align-items:flex-start;gap:2px}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.logo-text{font-family:var(--font-display);font-weight:600;font-size:26px;letter-spacing:.02em;background:linear-gradient(90deg,#b8860b,#c5a028,#d4af37);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:logo-gradient 6s linear infinite;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;line-height:1}.logo-tagline{font-family:var(--font-primary);font-size:11px;font-weight:400;letter-spacing:.08em;color:var(--text-tertiary);text-transform:uppercase;padding-left:2px;opacity:.7;transition:opacity var(--transition-base)}.header-logo:hover .logo-tagline{opacity:1;color:var(--text-secondary)}@keyframes logo-gradient{0%{background-position:0% center}to{background-position:300% center}}.logo-text:before,.logo-text:after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;pointer-events:none}.logo-text:before{top:-2px;left:18%;background:#d4af37;box-shadow:0 0 8px 1px #d4af3780;animation:sparkle-float 4s ease-in-out infinite}.logo-text:after{bottom:-2px;right:22%;background:#b8860b;box-shadow:0 0 8px 1px #b8860b80;animation:sparkle-float 4s ease-in-out infinite 2s}@keyframes sparkle-float{0%,to{transform:translateY(0) scale(1);opacity:.8}50%{transform:translateY(-6px) scale(1.2);opacity:.5}}.header-logo:hover .logo-text{animation-duration:3s;filter:drop-shadow(0 0 12px rgba(184,134,11,.3))}.header-logo:hover .logo-text:before,.header-logo:hover .logo-text:after{animation-duration:1.5s}.logo-accent{font-family:var(--font-body);font-weight:400;font-size:22px;letter-spacing:.1em;color:var(--text-muted);margin-left:4px}.header-nav{display:flex;gap:44px;flex:1;justify-content:center;align-items:center}.nav-link{text-decoration:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;letter-spacing:var(--tracking-wide);position:relative;transition:all var(--transition-base);padding:8px 0}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#b8860b,#d4af37);border-radius:2px;animation:slideIn .3s ease}.nav-link.admin-link{color:#b8860b;font-weight:600}.nav-link.admin-link:hover{color:#c5a028}@keyframes slideIn{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.header-actions{display:flex;align-items:center;gap:16px}.cart-button{position:relative;text-decoration:none;color:var(--text-primary);padding:10px;border-radius:var(--radius-lg);transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border:1px solid var(--border-subtle)}.cart-button:hover{background:var(--bg-secondary);border-color:var(--border-default);transform:translateY(-2px);box-shadow:var(--shadow-md)}.cart-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.cart-button svg{stroke-width:2.5}.cart-badge{position:absolute;top:-10px;right:-10px;background:linear-gradient(135deg,#b8860b,#c5a028);color:#fff;font-size:11px;font-weight:700;padding:4px 8px;border-radius:var(--radius-full);min-width:22px;text-align:center;line-height:1;box-shadow:0 2px 8px #b8860b66;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.user-menu-wrapper{position:relative}.user-button{display:flex;align-items:center;gap:10px;background:none;border:none;cursor:pointer;padding:8px 16px;border-radius:var(--radius-full);transition:all var(--transition-base)}.user-button:hover{background:var(--bg-elevated)}.user-avatar{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#b8860b,#c5a028);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:var(--text-sm);box-shadow:var(--shadow-sm)}.user-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.dropdown-icon{transition:transform var(--transition-base);color:var(--text-muted)}.dropdown-icon.open{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:10px;min-width:220px;border:1px solid var(--border-subtle);animation:slideDown .25s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:14px;padding:14px 18px;border-radius:var(--radius-lg);text-decoration:none;color:var(--text-primary);font-size:var(--text-sm);background:none;border:none;width:100%;text-align:left;cursor:pointer;transition:all var(--transition-base)}.user-menu-item:hover{background:#b8860b14;color:var(--accent-secondary)}.user-menu-item svg{color:var(--text-muted);transition:color var(--transition-base)}.user-menu-item:hover svg{color:var(--accent-primary)}.login-button{text-decoration:none;color:var(--text-primary);font-size:var(--text-sm);font-weight:600;padding:12px 28px;border-radius:var(--radius-lg);border:2px solid var(--border-default);transition:all var(--transition-base);display:inline-block;background:transparent}.login-button:hover{background:linear-gradient(135deg,#b8860b,#9a7309);color:var(--bg-primary);border-color:transparent;transform:translateY(-2px);box-shadow:var(--shadow-md),0 0 30px #b8860b40}@media (max-width: 768px){.header-container{padding:14px 20px;gap:16px}.header-nav{gap:24px}.user-name{display:none}.nav-link{font-size:var(--text-sm)}.logo-text{font-size:20px}.logo-tagline{font-size:9px}.logo-text:before,.logo-text:after{display:none}.logo-accent{font-size:18px}}@media (max-width: 480px){.header-container{padding:12px 16px}.header-nav{gap:14px}.nav-link{font-size:var(--text-xs)}.logo-text{font-size:18px}.logo-tagline{font-size:8px}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary)}.admin-sidebar{width:260px;background:#252b3cfa;color:#fff;display:flex;flex-direction:column;transition:width .3s ease;position:fixed;height:100vh;left:0;top:0;z-index:1001;box-shadow:2px 0 20px #0000004d;border-right:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.admin-sidebar.closed{width:70px;overflow:hidden}.admin-sidebar-header{padding:20px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--border-subtle)}.admin-logo{font-size:18px;font-weight:700;margin:0;background:linear-gradient(90deg,#f59e0b,#f43f5e,#8b5cf6);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:logo-shimmer 4s linear infinite;white-space:nowrap;flex-shrink:0}@keyframes logo-shimmer{0%{background-position:0% center}to{background-position:200% center}}.sidebar-toggle{background:#1e2433cc;border:1px solid rgba(251,191,36,.3);color:#f59e0b;width:36px;height:36px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:14px}.sidebar-toggle:hover{background:#fbbf2426;border-color:#fbbf2499;color:#fbbf24;box-shadow:0 0 15px #fbbf2433}.admin-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item-wrapper{margin-bottom:4px}.nav-item{display:flex;align-items:center;padding:14px 20px;color:#fff9;text-decoration:none;transition:all .3s ease;position:relative;margin:2px 10px;border-radius:10px}.nav-item:hover{background:#fbbf241a;color:#ffffffe6}.nav-item.active{background:linear-gradient(135deg,#fbbf2433,#fbbf240d);color:#fbbf24;border-left:none;box-shadow:inset 3px 0 #f59e0b}.nav-icon{font-size:20px;margin-right:12px;width:24px;text-align:center}.nav-label{font-weight:500;white-space:nowrap}.admin-sidebar.closed .nav-label,.admin-sidebar.closed .admin-logo{display:none}.admin-sidebar.closed .admin-sidebar-header{justify-content:center;padding:20px 10px}.submenu{padding-left:56px;background:#0003;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu-item{display:block;padding:10px 20px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:all .3s ease}.submenu-item:hover{color:var(--text-primary);background:var(--bg-hover)}.submenu-item.active{color:var(--accent-secondary);font-weight:600}.admin-sidebar-footer{padding:20px;border-top:1px solid var(--border-subtle)}.admin-user-info{display:flex;align-items:center;margin-bottom:16px;padding:12px;background:var(--bg-hover);border-radius:8px;border:1px solid var(--border-subtle)}.admin-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f43f5e);display:flex;align-items:center;justify-content:center;font-weight:600;margin-right:12px;flex-shrink:0;box-shadow:0 4px 15px #fbbf244d}.admin-user-details{flex:1;min-width:0}.admin-user-name{font-weight:600;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-primary)}.admin-user-email{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-sidebar.closed .admin-user-info{justify-content:center;padding:8px}.admin-sidebar.closed .admin-user-details{display:none}.admin-logout-btn{width:100%;padding:12px;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:500;transition:all .3s ease}.admin-logout-btn:hover{background:#ef444440;border-color:#ef444480;box-shadow:0 4px 15px #ef444433}.admin-sidebar.closed .admin-logout-btn span:not(.logout-icon){display:none}.logout-icon{font-size:18px}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column;transition:margin-left .3s ease;background:var(--bg-primary);min-height:100vh}.admin-main.sidebar-closed{margin-left:70px}.admin-header{background:linear-gradient(135deg,#1e2433fa,#252b3cf2);border-bottom:1px solid rgba(251,191,36,.1);padding:0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 4px 30px #0003}.admin-header-content{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.admin-page-title{font-size:28px;font-weight:800;margin:0;background:linear-gradient(135deg,#f59e0b,#fbbf24,#f59e0b);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px;position:relative}.admin-page-title:after{content:"";position:absolute;bottom:-8px;left:0;width:40px;height:3px;background:linear-gradient(90deg,#F59E0B,transparent);border-radius:2px}.view-site-btn{padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#1a1a2e;text-decoration:none;border-radius:10px;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 20px #fbbf2459;display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.1)}.view-site-btn:hover{transform:translateY(-3px);box-shadow:0 8px 30px #fbbf2480;background:linear-gradient(135deg,#fbbf24,#f59e0b)}.admin-content{flex:1;padding:32px;max-width:1400px;width:100%;margin:0 auto}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-content{padding:20px}}.home-page{background:var(--bg-primary);overflow-x:hidden}.hero-section{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-primary);padding:var(--space-8)}.hero-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);max-width:1600px;width:100%;align-items:center}.hero-video-container{position:relative;width:100%;height:80vh;display:flex;align-items:center;justify-content:center;background:transparent;overflow:visible}.hero-video{width:100%;height:100%;object-fit:contain;transform:scale(.85)}.hero-video-overlay{display:none}.hero-content{position:relative;z-index:1;max-width:100%;text-align:left;padding:0}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-full);margin-bottom:var(--space-6);box-shadow:var(--shadow-sm)}.badge-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-primary);animation:pulse 2s ease-in-out infinite}.badge-text{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary)}.hero-title{font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:300;line-height:1.1;margin-bottom:var(--space-6);color:var(--text-primary)}.title-brand{font-weight:600;letter-spacing:-.02em}.title-subtitle{font-weight:200;letter-spacing:.05em;color:var(--text-secondary)}.hero-subtitle{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-8);max-width:680px;margin-left:auto;margin-right:auto}.hero-actions{display:flex;gap:var(--space-4);justify-content:flex-start;flex-wrap:wrap;margin-bottom:var(--space-12)}.cta-button{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-8);font-family:var(--font-primary);font-size:var(--text-base);font-weight:500;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-base);text-decoration:none;letter-spacing:.02em}.cta-button.primary{background:var(--gradient-primary);color:var(--bg-primary);box-shadow:var(--shadow-md)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.cta-button.secondary{background:transparent;color:var(--text-primary);border:1.5px solid var(--border-default)}.cta-button.secondary:hover{border-color:var(--accent-primary);color:var(--accent-primary)}.cta-button.large{padding:var(--space-5) var(--space-10);font-size:var(--text-lg)}.button-text{position:relative}.cta-button:hover .button-arrow{transform:translate(4px)}.hero-stats{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-8);padding-top:var(--space-6);border-top:1px solid var(--border-subtle);max-width:600px;margin:0}.stat-item{text-align:center}.stat-number{display:block;font-size:var(--text-2xl);font-weight:600;color:var(--accent-primary);margin-bottom:var(--space-1)}.stat-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.container{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-badge{display:inline-block;padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-full);margin-bottom:var(--space-4)}.section-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3.5rem);font-weight:500;margin-bottom:var(--space-4);color:var(--text-primary);letter-spacing:-.01em}.section-description{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary);max-width:720px;margin:0 auto}.featured-section{padding:var(--space-20) 0;background:var(--bg-secondary)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-6)}.featured-card{background:var(--bg-elevated);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);transition:all var(--transition-base);border:1px solid var(--border-subtle)}.featured-card:hover{box-shadow:var(--shadow-xl)}.featured-image-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:linear-gradient(to bottom,var(--bg-secondary),var(--bg-tertiary))}.featured-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.featured-card:hover .featured-image{transform:scale(1.05)}.featured-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(44,36,24,.7),transparent);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-6);opacity:0;transition:opacity var(--transition-base)}.featured-card:hover .featured-overlay{opacity:1}.featured-btn{padding:var(--space-3) var(--space-6);background:var(--bg-elevated);color:var(--text-primary);border:none;border-radius:var(--radius-full);font-weight:600;cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--shadow-lg)}.featured-btn:hover{background:var(--accent-primary);color:var(--bg-primary);transform:translateY(-2px)}.perfect-for-section{padding:var(--space-20) 0;background:var(--bg-primary)}.perfect-for-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-6)}.perfect-for-card{padding:var(--space-8);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:all var(--transition-base);text-align:center}.perfect-for-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-lg)}.perfect-for-icon-wrapper{width:80px;height:80px;margin:0 auto var(--space-4);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.perfect-for-icon{font-size:var(--text-4xl)}.perfect-for-title{font-size:var(--text-xl);font-weight:600;margin-bottom:var(--space-4);color:var(--text-primary)}.perfect-for-list{list-style:none;padding:0;margin:0;text-align:left}.perfect-for-list li{padding:var(--space-2) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);position:relative;padding-left:var(--space-6)}.perfect-for-list li:before{content:"✦";position:absolute;left:0;color:var(--accent-primary);font-size:var(--text-xs)}.craftsmanship-section{padding:var(--space-20) 0;background:var(--bg-secondary)}.craftsmanship-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.craftsmanship-text{max-width:540px}.craftsmanship-description{font-size:var(--text-base);line-height:1.8;color:var(--text-secondary);margin-bottom:var(--space-4)}.craftsmanship-cta{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding:var(--space-3) var(--space-6);background:var(--gradient-primary);color:var(--bg-primary);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.craftsmanship-cta:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.craftsmanship-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.feature-item{padding:var(--space-5);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.feature-item:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{font-size:var(--text-3xl);color:var(--accent-primary);margin-bottom:var(--space-3)}.feature-item h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.feature-item p{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.cta-section{padding:var(--space-20) 0;background:var(--bg-primary)}.cta-content{text-align:center;max-width:800px;margin:0 auto;padding:var(--space-16) var(--space-8);background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle)}.cta-title{font-family:var(--font-display);font-size:clamp(2rem,5vw,3rem);font-weight:500;margin-bottom:var(--space-4);color:var(--text-primary)}.cta-description{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-8)}@media (max-width: 1024px){.hero-container{grid-template-columns:1fr;gap:var(--space-8)}.hero-video-container{height:60vh;order:-1}.hero-content{text-align:center}.hero-actions{justify-content:center}.hero-stats{justify-content:center;margin:0 auto}.craftsmanship-content{grid-template-columns:1fr;gap:var(--space-10)}.craftsmanship-text{max-width:100%}.featured-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width: 768px){.hero-stats{flex-direction:column;gap:var(--space-4)}.stat-divider{width:40px;height:1px}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3)}.craftsmanship-features,.featured-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;width:100%}.cta-button{width:100%;justify-content:center}}@media (max-width: 480px){.hero-title{font-size:2.5rem}.section-title{font-size:2rem}.container{padding:0 var(--space-4)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.about-page{background:var(--bg-primary);overflow-x:hidden}.about-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(to bottom,var(--bg-primary),var(--bg-secondary));padding:var(--space-20) var(--space-8)}.about-hero-content{max-width:800px;text-align:center}.about-badge{display:inline-block;padding:var(--space-2) var(--space-5);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--accent-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.about-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:500;line-height:1.1;margin-bottom:var(--space-6);color:var(--text-primary);letter-spacing:-.01em}.about-subtitle{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary);max-width:680px;margin:0 auto}.about-content-section{padding:var(--space-20) 0;background:var(--bg-primary)}.about-container{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.about-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:start}.about-text-block{max-width:580px}.about-section-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:500;margin-bottom:var(--space-6);color:var(--text-primary);letter-spacing:-.01em}.about-section-title.center{text-align:center;max-width:100%}.about-paragraph{font-size:var(--text-base);line-height:1.8;color:var(--text-secondary);margin-bottom:var(--space-5)}.about-features{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.about-feature-card{padding:var(--space-6);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all var(--transition-base)}.about-feature-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-4px)}.about-feature-icon{font-size:var(--text-3xl);color:var(--accent-primary);margin-bottom:var(--space-3)}.about-feature-card h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.about-feature-card p{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.about-process-section{padding:var(--space-20) 0;background:var(--bg-secondary)}.about-process-content{text-align:center}.about-process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);margin-top:var(--space-12)}.process-step{text-align:center;padding:var(--space-6)}.process-number{width:60px;height:60px;margin:0 auto var(--space-4);border-radius:50%;background:linear-gradient(135deg,#b8860b,#c5a028);color:var(--bg-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);font-weight:700;box-shadow:var(--shadow-md)}.process-step h3{font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-3);color:var(--text-primary)}.process-step p{font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary)}.about-impact-section{padding:var(--space-20) 0;background:var(--bg-primary)}.about-impact-content{text-align:center;max-width:900px;margin:0 auto}.about-impact-text{font-size:var(--text-lg);line-height:1.8;color:var(--text-secondary);margin-bottom:var(--space-12)}.about-impact-stats{display:flex;align-items:center;justify-content:center;gap:var(--space-10);padding:var(--space-8);background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.impact-stat{text-align:center}.impact-number{display:block;font-size:var(--text-3xl);font-weight:700;color:var(--accent-primary);margin-bottom:var(--space-2)}.impact-label{display:block;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary)}.stat-divider{width:1px;height:50px;background:var(--border-subtle)}.about-cta-section{padding:var(--space-20) 0;background:var(--bg-secondary)}.about-cta-content{text-align:center;max-width:700px;margin:0 auto;padding:var(--space-16) var(--space-8);background:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle)}.about-cta-title{font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.75rem);font-weight:500;margin-bottom:var(--space-4);color:var(--text-primary)}.about-cta-description{font-size:var(--text-lg);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-8)}.about-cta-button{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-10);background:var(--gradient-primary);color:var(--bg-primary);border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:600;text-decoration:none;transition:all var(--transition-base);box-shadow:var(--shadow-md)}.about-cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.button-arrow{transition:transform var(--transition-base)}.about-cta-button:hover .button-arrow{transform:translate(4px)}@media (max-width: 1024px){.about-content-grid{grid-template-columns:1fr;gap:var(--space-10)}.about-text-block{max-width:100%}.about-process-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.about-hero{min-height:50vh;padding:var(--space-16) var(--space-6)}.about-features{grid-template-columns:1fr}.about-process-grid{grid-template-columns:1fr;gap:var(--space-6)}.about-impact-stats{flex-direction:column;gap:var(--space-6)}.stat-divider{width:60px;height:1px}}@media (max-width: 480px){.about-hero{padding:var(--space-12) var(--space-4)}.about-container{padding:0 var(--space-4)}.about-title{font-size:2rem}.about-section-title{font-size:1.5rem}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:32px;position:relative;overflow:hidden}.login-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0}.aurora{position:absolute;border-radius:50%;filter:blur(100px);opacity:.5;animation:aurora-drift 20s ease-in-out infinite}.aurora-1{width:600px;height:600px;background:radial-gradient(circle,rgba(251,191,36,.4) 0%,transparent 70%);top:-20%;left:-10%;animation-delay:0s}.aurora-2{width:500px;height:500px;background:radial-gradient(circle,rgba(244,63,94,.3) 0%,transparent 70%);bottom:-15%;right:-5%;animation-delay:-7s;animation-duration:25s}.aurora-3{width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 70%);top:40%;right:20%;animation-delay:-14s;animation-duration:22s}@keyframes aurora-drift{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-30px) scale(1.1)}50%{transform:translate(-30px,50px) scale(.95)}75%{transform:translate(40px,20px) scale(1.05)}}.grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(251,191,36,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(251,191,36,.03) 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center,black 20%,transparent 70%)}.floating-orb{position:absolute;border-radius:50%;pointer-events:none}.particles-container{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.particle{position:absolute;width:4px;height:4px;background:linear-gradient(135deg,#f59e0b,#f43f5e);border-radius:50%;bottom:0;left:calc(5% + var(--i, 0) * 4.5%);box-shadow:0 0 10px #fbbf2480}.particle:nth-child(odd){left:calc(10% + var(--i, 0) * 4%)}.particle:nth-child(3n){background:linear-gradient(135deg,#8b5cf6,#f43f5e);box-shadow:0 0 10px #8b5cf680}.login-container{display:grid;grid-template-columns:480px 1fr;gap:80px;max-width:1300px;width:100%;align-items:center;position:relative;z-index:1}.login-card{position:relative;background:#282f4299;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-radius:24px;padding:48px 40px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;border:1px solid rgba(255,255,255,.08);overflow:hidden}.login-card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 180deg at 50% 50%,transparent 0deg,rgba(251,191,36,.1) 60deg,transparent 120deg,rgba(244,63,94,.1) 180deg,transparent 240deg,rgba(139,92,246,.1) 300deg,transparent 360deg);animation:card-glow-rotate 15s linear infinite;pointer-events:none}@keyframes card-glow-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-header{text-align:center;margin-bottom:40px;position:relative;z-index:1}.login-icon{font-size:56px;margin-bottom:20px;display:inline-block;filter:drop-shadow(0 4px 20px rgba(251,191,36,.4))}.login-title{font-size:clamp(32px,5vw,42px);font-weight:800;margin-bottom:12px;color:var(--text-primary);letter-spacing:-.02em}.gradient-text{background:linear-gradient(135deg,#f59e0b,#f43f5e,#8b5cf6);background-size:200% auto;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% center}50%{background-position:200% center}}.login-subtitle{font-size:16px;color:var(--text-secondary);line-height:1.6}.error-message{display:flex;align-items:center;gap:10px;background:#ef444426;color:#f87171;padding:14px 18px;border-radius:12px;margin-bottom:24px;font-size:14px;border:1px solid rgba(239,68,68,.3);animation:shake .4s ease;position:relative;z-index:1}.error-icon{font-size:18px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.oauth-buttons{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;position:relative;z-index:1}.google-signin-button-container{display:flex;justify-content:center;align-items:center;min-height:50px;width:100%}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1e2433f2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:12px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.spinner{width:44px;height:44px;border:4px solid rgba(251,191,36,.2);border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite}.loading-overlay p{color:var(--text-primary);font-size:14px;font-weight:500}.login-footer{text-align:center;position:relative;z-index:1}.login-note{font-size:12px;color:var(--text-muted);line-height:1.6}.login-note a{color:var(--accent-secondary);text-decoration:none;transition:color .2s ease}.login-note a:hover{color:var(--accent-primary);text-decoration:underline}.login-illustration{display:flex;align-items:center;justify-content:center}.illustration-content{text-align:center;color:#fff;max-width:480px}.lamp-showcase{position:relative;width:280px;height:320px;margin:0 auto 40px}.lamp-glow{position:absolute;width:200px;height:200px;background:radial-gradient(circle,rgba(251,191,36,.4) 0%,transparent 70%);top:30%;left:50%;transform:translate(-50%);filter:blur(40px);animation:lamp-glow-pulse 3s ease-in-out infinite}@keyframes lamp-glow-pulse{0%,to{opacity:.6;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.1)}}.lamp-illustration{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center}.lamp-shade-ill{width:180px;height:120px;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:90px 90px 20px 20px;position:relative;box-shadow:0 20px 50px #fbbf2466,inset 0 -10px 30px #0003;overflow:hidden}.lamp-shade-shine{position:absolute;top:10px;left:15px;width:40%;height:30%;background:linear-gradient(135deg,rgba(255,255,255,.4) 0%,transparent 100%);border-radius:50px}.lamp-rod{width:12px;height:40px;background:linear-gradient(90deg,#94a3b8,#cbd5e1,#94a3b8);border-radius:6px}.lamp-base-ill{width:100px;height:70px;background:linear-gradient(135deg,#f43f5e,#be123c);border-radius:15px 15px 50px 50px;position:relative;box-shadow:0 15px 40px #f43f5e66,inset 0 5px 20px #fff3;overflow:hidden}.lamp-base-shine{position:absolute;top:8px;left:10px;width:35%;height:25%;background:linear-gradient(135deg,rgba(255,255,255,.3) 0%,transparent 100%);border-radius:30px}.lamp-shadow{position:absolute;bottom:20px;left:50%;transform:translate(-50%);width:140px;height:20px;background:radial-gradient(ellipse,rgba(0,0,0,.3) 0%,transparent 70%);filter:blur(8px)}.light-rays{position:absolute;top:35%;left:50%;transform:translate(-50%);width:300px;height:200px;pointer-events:none}.light-ray{position:absolute;top:0;left:50%;width:3px;height:100px;background:linear-gradient(to bottom,rgba(251,191,36,.6),transparent);transform-origin:top center;transform:translate(-50%) rotate(calc(var(--i) * 22.5deg - 78.75deg));opacity:.4;animation:ray-pulse 2s ease-in-out infinite;animation-delay:calc(var(--i) * .1s)}@keyframes ray-pulse{0%,to{opacity:.2;height:80px}50%{opacity:.5;height:100px}}.illustration-content h3{font-size:clamp(28px,4vw,36px);font-weight:800;margin-bottom:16px;color:var(--text-primary);letter-spacing:-.02em}.illustration-content p{font-size:16px;color:var(--text-secondary);line-height:1.6;margin-bottom:32px}.features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:40px}.feature-pill{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;background:#ffffff0d;border-radius:30px;border:1px solid rgba(255,255,255,.08);font-size:14px;color:var(--text-secondary);cursor:default;transition:all .3s ease}.feature-pill:hover{background:#fbbf241a;border-color:#fbbf244d;color:var(--text-primary)}.feature-icon{font-size:18px}.login-stats{display:flex;align-items:center;justify-content:center;gap:24px;padding:24px 32px;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.06)}.stat{text-align:center}.stat-number{display:block;font-size:24px;font-weight:800;color:var(--accent-primary);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-muted)}.stat-divider{width:1px;height:40px;background:var(--border-subtle)}@media (max-width: 1100px){.login-container{grid-template-columns:1fr;gap:48px;max-width:520px}.login-illustration{order:-1}.lamp-showcase{width:220px;height:260px;margin-bottom:32px}.lamp-shade-ill{width:140px;height:95px}.lamp-base-ill{width:80px;height:55px}.login-stats{padding:20px 24px;gap:20px}.stat-number{font-size:20px}}@media (max-width: 768px){.login-page{padding:24px 16px}.login-card{padding:36px 28px}.login-illustration{display:none}.login-icon{font-size:48px}.login-title{font-size:32px}}@media (max-width: 480px){.login-card{padding:32px 24px}.login-header{margin-bottom:32px}.login-icon{font-size:40px;margin-bottom:16px}.login-title{font-size:28px}}.configurator-page{min-height:100vh;background:var(--bg-primary);padding:24px 0 32px;position:relative}.configurator-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.configurator-loading p{color:var(--text-secondary);font-size:16px;font-weight:500}.configurator-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px;text-align:center;padding:24px}.configurator-error p{color:var(--text-secondary);font-size:16px;max-width:400px}.configurator-error button{padding:12px 24px;background:linear-gradient(135deg,#b8860b,#9a7309);color:var(--bg-primary);border:none;border-radius:var(--radius-lg, 12px);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.configurator-error button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #b8860b66}.configurator-container{width:100%;max-width:100%;margin:0;display:grid;grid-template-columns:400px 1fr;gap:24px;padding:0 16px}@media (min-width: 1400px){.configurator-container{grid-template-columns:420px 1fr;gap:28px;padding:0 20px}}@media (min-width: 1920px){.configurator-container{grid-template-columns:450px 1fr;gap:32px;padding:0 24px}}.preview-price-section{background:var(--bg-elevated);border-radius:var(--radius-md, 8px);padding:12px 16px;margin-left:auto;min-width:200px;border:1px solid var(--border-subtle)}.price-breakdown{display:flex;flex-direction:column;gap:6px}.price-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.price-row span:first-child{flex:1;padding-right:12px}.price-row span:last-child{font-weight:500;font-family:SF Mono,Monaco,Consolas,monospace;font-size:12px}.price-row.premium{color:#22c55e;font-size:12px}.price-row.premium span:last-child{color:#22c55e}.price-row.total{border-top:1px solid var(--border-default);padding-top:8px;margin-top:4px;font-size:15px;font-weight:700;color:var(--text-primary)}.price-row.total span:last-child{font-size:16px;font-weight:800;color:var(--text-primary)}.price-not-set{text-align:center;padding:8px 0;color:var(--text-muted);font-style:italic;font-size:14px}.add-to-cart-button-top{position:relative;padding:12px 20px;background:linear-gradient(135deg,#b8860b,#9a7309);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-size:14px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease;box-shadow:0 4px 20px #b8860b4d;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;overflow:hidden;flex-shrink:0}.add-to-cart-button-top:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.add-to-cart-button-top:hover:before{width:200px;height:200px}.add-to-cart-button-top:hover{transform:translateY(-2px);box-shadow:0 8px 30px #b8860b80}.add-to-cart-button{margin-top:28px;width:100%;padding:18px;background:linear-gradient(135deg,#b8860b,#9a7309);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-size:17px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease;box-shadow:0 4px 20px #b8860b4d;text-transform:uppercase;letter-spacing:.05em;position:relative;overflow:hidden}.add-to-cart-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.add-to-cart-button:hover:before{width:300px;height:300px}.add-to-cart-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px #b8860b80}.success-toast{position:fixed;bottom:32px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#10b981e6,#059669e6);color:#fff;padding:18px 28px;border-radius:var(--radius-lg);display:flex;align-items:center;gap:14px;box-shadow:0 8px 30px #10b98166;z-index:2000;animation:slideUp .4s ease;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.success-toast-icon{font-size:20px}@media (max-width: 1200px){.preview-grid{grid-template-columns:repeat(5,1fr);max-height:280px}}@media (max-width: 1100px){.configurator-container{grid-template-columns:450px 1fr}}@media (max-width: 968px){.configurator-container{grid-template-columns:1fr;gap:24px;padding:0 16px}.configurator-page{padding:20px 0}.preview-grid{grid-template-columns:repeat(5,1fr);max-height:300px}.swatch-row{flex-wrap:wrap;gap:8px}.preview-header{flex-direction:column;gap:12px;align-items:stretch}.preview-price-section{margin-left:0;width:100%;min-width:unset}.add-to-cart-button-top{width:100%;padding:12px 20px;font-size:14px}}@media (max-width: 768px){.configurator-page{padding:16px 0}.configurator-container{padding:0 12px}.add-to-cart-button{padding:16px;font-size:16px}.add-to-cart-button-top{padding:10px 16px;font-size:13px;gap:6px}.add-to-cart-button-top svg{width:16px;height:16px}.preview-grid{grid-template-columns:repeat(5,1fr);max-height:300px}.swatch{width:28px;height:28px}}@media (max-width: 640px){.preview-grid{grid-template-columns:repeat(5,1fr);gap:6px;max-height:280px}}@media (max-width: 480px){.configurator-page{padding:12px 0}.configurator-container{padding:0 8px}.preview-grid{grid-template-columns:repeat(4,1fr);gap:6px;max-height:260px}.preview-img{max-height:40px}.preview-label{font-size:8px}.swatch{width:26px;height:26px}}.cart-page{min-height:100vh;background:var(--bg-primary);padding:40px 32px}.cart-container{max-width:1500px;margin:0 auto}@media (min-width: 1920px){.cart-container{max-width:1700px}}.cart-title{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:40px;color:var(--text-primary);letter-spacing:-.02em}.cart-content{display:grid;grid-template-columns:1fr 420px;gap:40px}.cart-items{display:flex;flex-direction:column;gap:20px}.cart-item{background:var(--bg-card);border-radius:var(--radius-xl);padding:28px;display:grid;grid-template-columns:140px 1fr auto;gap:28px;align-items:center;box-shadow:var(--shadow-md);transition:all .3s ease;border:1px solid var(--border-subtle)}.cart-item:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--border-hover)}.cart-item-image{width:140px;height:140px;border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-elevated);position:relative;border:1px solid var(--border-subtle)}.cart-item-image img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.cart-item:hover .cart-item-image img{transform:scale(1.05)}.cart-item-details{display:flex;flex-direction:column;gap:10px}.cart-item-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.cart-item-specs{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--text-secondary)}.spec{display:flex;align-items:center;gap:8px}.spec strong{color:var(--text-primary);font-weight:600}.cart-item-price{font-size:22px;font-weight:700;color:#22c55e;margin-top:12px}.cart-item-controls{display:flex;flex-direction:column;gap:16px;align-items:flex-end}.quantity-controls{display:flex;align-items:center;gap:16px;background:var(--bg-elevated);border-radius:var(--radius-md);padding:6px;border:1px solid var(--border-subtle)}.quantity-btn{width:36px;height:36px;border:none;background:var(--bg-hover);border-radius:var(--radius-sm);font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;color:var(--text-primary)}.quantity-btn:hover{background:linear-gradient(135deg,#b8860b,#9a7309);color:var(--bg-primary);transform:scale(1.1)}.quantity-value{min-width:32px;text-align:center;font-weight:700;font-size:16px;color:var(--text-primary)}.remove-btn{width:44px;height:44px;border:none;background:#ef444426;color:#f87171;border-radius:var(--radius-md);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;border:1px solid rgba(239,68,68,.3)}.remove-btn:hover{background:#ef444440;transform:scale(1.1);border-color:#ef444480}.cart-summary{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;height:fit-content;position:sticky;top:100px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.checkout-button{width:100%;padding:18px;background:linear-gradient(135deg,#b8860b,#9a7309);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-size:17px;font-weight:700;cursor:pointer;margin-top:24px;transition:all .3s ease;box-shadow:0 4px 20px #b8860b4d;text-transform:uppercase;letter-spacing:.05em}.checkout-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #b8860b80}.checkout-button:disabled{opacity:.5;cursor:not-allowed}.continue-shopping{display:block;text-align:center;margin-top:16px;color:var(--accent-secondary);text-decoration:none;font-size:15px;font-weight:600;transition:all .3s ease}.continue-shopping:hover{color:var(--accent-primary);text-shadow:0 0 10px rgba(184,134,11,.4)}.cart-empty{min-height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 32px}.empty-icon{font-size:120px;margin-bottom:32px;opacity:.3;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.cart-empty h2{font-size:clamp(24px,4vw,32px);font-weight:800;margin-bottom:16px;color:var(--text-primary)}.cart-empty p{font-size:16px;color:var(--text-muted);margin-bottom:40px;max-width:400px}@media (max-width: 968px){.cart-content{grid-template-columns:1fr;gap:32px}.cart-summary{position:static;order:-1}.cart-item{grid-template-columns:120px 1fr;gap:20px;padding:24px}.cart-item-controls{grid-column:1 / -1;flex-direction:row;justify-content:space-between;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--border-subtle)}.cart-item-image{width:120px;height:120px}}@media (max-width: 768px){.cart-page{padding:24px 20px}.cart-title{margin-bottom:32px}}@media (max-width: 640px){.cart-page{padding:20px 16px}.cart-item{grid-template-columns:100px 1fr;padding:20px;gap:16px}.cart-item-image{width:100px;height:100px}.cart-item-title{font-size:18px}.quantity-controls{gap:12px}.quantity-btn{width:32px;height:32px;font-size:16px}}.cart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:20px}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-default);border-top-color:#b8860b;border-radius:50%;animation:spin 1s linear infinite}.cart-syncing{font-size:14px;font-weight:400;color:var(--text-muted);margin-left:12px;padding:4px 12px;background:var(--bg-elevated);border-radius:var(--radius-full)}.cart-error{background:#ef444426;color:#f87171;padding:12px 20px;border-radius:var(--radius-lg);margin-bottom:24px;font-size:14px;border:1px solid rgba(239,68,68,.3)}.cart-item-code{font-size:12px;color:var(--text-muted);font-family:monospace;margin-top:4px}.price-changed{font-size:12px;color:var(--text-muted);text-decoration:line-through;margin-left:8px}.quantity-btn:disabled,.checkout-button:disabled,.remove-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item-swatch-preview{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,var(--bg-elevated),var(--bg-tertiary));border-radius:var(--radius-lg)}.swatch-lamp-icon{position:relative;width:80px;height:100px}.swatch-shade{position:absolute;top:0;left:50%;transform:translate(-50%);width:70px;height:50px;border-radius:50% 50% 0 0/60% 60% 0 0;box-shadow:inset 0 -10px 20px #0000004d}.swatch-base{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:50px;height:45px;border-radius:8px 8px 20px 20px;box-shadow:inset 0 5px 15px #0000004d}.address-card{display:flex;align-items:flex-start;gap:16px;background:var(--bg-elevated);border:2px solid var(--border-default);border-radius:12px;padding:20px;cursor:pointer;transition:all .2s ease}.address-card:hover{border-color:#fbbf2466;box-shadow:0 4px 20px #fbbf2426}.address-card.selected{border-color:#fbbf2499;background:linear-gradient(135deg,#fbbf241f,#fbbf240a);box-shadow:0 4px 20px #fbbf2433}.address-card-selector{flex-shrink:0;padding-top:2px}.radio-indicator{width:24px;height:24px;border:2px solid var(--border-default);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.radio-indicator.checked{border-color:#f59e0b}.radio-fill{width:12px;height:12px;background:#f59e0b;border-radius:50%}.address-card-content{flex:1;min-width:0}.address-card-header{margin-bottom:12px}.address-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.address-type-badge{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.default-badge{font-size:11px;font-weight:600;color:var(--bg-primary);background:#f59e0b;padding:3px 10px;border-radius:4px}.address-card-body{color:var(--text-secondary)}.address-name{font-size:18px;font-weight:700;margin:0 0 6px;color:var(--text-primary)}.address-phone{font-size:14px;color:var(--text-muted);margin:0 0 12px}.address-line{font-size:14px;margin:0 0 4px;line-height:1.5;color:var(--text-secondary)}.address-landmark{font-size:13px;color:var(--text-muted);margin:6px 0;font-style:italic}.address-location{font-size:14px;font-weight:600;margin:8px 0 0;color:var(--text-secondary)}.address-card-actions{display:flex;gap:12px;margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.action-btn{flex:1;padding:10px 16px;font-size:14px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.action-btn.edit-btn{background:#fbbf2426;color:var(--accent-secondary)}.action-btn.edit-btn:hover{background:#fbbf2440}.action-btn.delete-btn{background:#ef444426;color:#f87171}.action-btn.delete-btn:hover{background:#ef444440}@media (max-width: 480px){.address-card{padding:16px}.address-card-actions{flex-direction:column}.action-btn{width:100%}}.address-form{background:var(--bg-elevated);border-radius:12px;padding:28px;border:1px solid var(--border-subtle);box-shadow:var(--shadow-md)}.form-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 24px;padding-bottom:14px;border-bottom:2px solid var(--border-default)}.form-row{margin-bottom:18px}.form-row.two-col{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-row.three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.form-group{display:flex;flex-direction:column}.form-group label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:6px;letter-spacing:.02em}.form-group input,.form-group select{padding:12px 14px;font-size:14px;border:2px solid var(--border-default);border-radius:8px;background:var(--bg-tertiary);color:var(--text-primary);transition:all .2s ease;font-family:inherit}.form-group select option{background:var(--bg-card);color:var(--text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:#fbbf2480;background:var(--bg-card);box-shadow:0 0 0 3px #fbbf2426}.form-group input.error,.form-group select.error{border-color:#dc2626;background:#dc26261a}.form-group input::placeholder{color:var(--text-muted)}.error-msg{font-size:12px;color:#f87171;margin-top:4px}.address-type-selector{width:100%}.type-label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px;letter-spacing:.02em}.type-options{display:flex;gap:12px}.type-btn{flex:1;padding:10px 16px;font-size:14px;font-weight:500;border:2px solid var(--border-default);border-radius:8px;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.type-btn:hover{border-color:#fbbf2466;color:var(--text-primary)}.type-btn.active{border-color:#fbbf2499;background:#fbbf2426;color:var(--accent-secondary)}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-secondary)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-subtle)}.btn-cancel,.btn-submit{padding:12px 24px;font-size:14px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s ease}.btn-cancel{background:transparent;border:1px solid var(--border-default);color:var(--text-secondary)}.btn-cancel:hover{background:var(--bg-hover);border-color:var(--border-hover)}.btn-submit{background:linear-gradient(135deg,#f59e0b,#d97706);border:none;color:var(--bg-primary);box-shadow:0 4px 15px #fbbf244d}.btn-submit:hover{box-shadow:0 6px 20px #fbbf2466;transform:translateY(-1px)}.btn-submit:disabled,.btn-cancel:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.form-row.two-col,.form-row.three-col{grid-template-columns:1fr}.type-options{flex-direction:column}.form-actions{flex-direction:column-reverse}.btn-cancel,.btn-submit{width:100%}}.confirm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.confirm-modal-card{background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border-radius:16px;padding:32px;max-width:400px;width:100%;text-align:center;border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl)}.confirm-modal-icon{width:64px;height:64px;margin:0 auto 20px;border-radius:50%;display:flex;align-items:center;justify-content:center}.confirm-modal-icon svg{width:32px;height:32px}.confirm-modal-icon.danger{background:#ef444426;color:#ef4444}.confirm-modal-icon.warning{background:#fbbf2426;color:#fbbf24}.confirm-modal-icon.info{background:#3b82f626;color:#3b82f6}.confirm-modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.confirm-modal-message{font-size:15px;color:var(--text-secondary);margin:0 0 28px;line-height:1.5}.confirm-modal-actions{display:flex;gap:12px;justify-content:center}.confirm-modal-btn{padding:12px 28px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.confirm-modal-btn.cancel{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.confirm-modal-btn.cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.confirm-modal-btn.confirm{color:#fff}.confirm-modal-btn.confirm.danger{background:linear-gradient(135deg,#ef4444,#dc2626)}.confirm-modal-btn.confirm.danger:hover{background:linear-gradient(135deg,#f87171,#ef4444);transform:translateY(-1px)}.confirm-modal-btn.confirm.warning{background:linear-gradient(135deg,#f59e0b,#d97706)}.confirm-modal-btn.confirm.warning:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-1px)}.confirm-modal-btn.confirm.info{background:linear-gradient(135deg,#3b82f6,#2563eb)}.confirm-modal-btn.confirm.info:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px)}@media (max-width: 480px){.confirm-modal-card{padding:24px}.confirm-modal-actions{flex-direction:column}.confirm-modal-btn{width:100%}}.address-selector{margin-bottom:24px}.address-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.add-address-btn{padding:10px 16px;font-size:14px;font-weight:500;color:var(--accent-secondary);background:transparent;border:1px dashed rgba(251,191,36,.5);border-radius:8px;cursor:pointer;transition:all .2s ease}.add-address-btn:hover{background:#fbbf241a;border-color:#fbbf24b3}.address-list{display:grid;gap:16px}.no-addresses{text-align:center;padding:48px 24px;background:var(--bg-elevated);border-radius:12px;border:2px dashed var(--border-default)}.no-addresses-icon{font-size:48px;margin-bottom:16px}.no-addresses h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.no-addresses p{font-size:14px;color:var(--text-muted);margin:0 0 20px}.add-first-address-btn{padding:12px 24px;font-size:14px;font-weight:600;color:var(--bg-primary);background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #fbbf244d}.add-first-address-btn:hover{box-shadow:0 6px 20px #fbbf2466;transform:translateY(-1px)}.address-selector-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:16px}.address-selector-loading p{font-size:14px;color:var(--text-muted);margin:0}.address-selector-error{text-align:center;padding:32px 24px;background:#ef44441a;border-radius:12px;border:1px solid rgba(239,68,68,.3)}.address-selector-error p{font-size:14px;color:#f87171;margin:0 0 16px}.address-selector-error button{padding:10px 20px;font-size:14px;font-weight:500;color:#f87171;background:transparent;border:1px solid rgba(239,68,68,.4);border-radius:6px;cursor:pointer;transition:all .2s ease}.address-selector-error button:hover{background:#ef444426}@media (max-width: 640px){.address-selector-header{flex-direction:column;align-items:flex-start;gap:12px}.add-address-btn{width:100%}}.coupon-section{background:var(--bg-elevated);border-radius:var(--radius-md);padding:16px;margin-bottom:16px}.coupon-title{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.03em}.coupon-input-row{display:flex;gap:8px}.coupon-input{flex:1;padding:12px 14px;border:2px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;font-family:inherit;font-weight:600;letter-spacing:.05em;text-transform:uppercase;background:var(--bg-card);color:var(--text-primary);transition:all .3s ease}.coupon-input::placeholder{text-transform:none;font-weight:400;letter-spacing:normal;color:var(--text-muted)}.coupon-input:focus{outline:none;border-color:#b8860b80;box-shadow:0 0 0 3px #b8860b1a}.coupon-input.applied{border-color:#22c55e66;background:#22c55e0d;color:var(--text-primary)}.coupon-input:disabled{opacity:.8;cursor:not-allowed}.coupon-btn{padding:12px 20px;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap;display:flex;align-items:center;justify-content:center;min-width:80px}.coupon-btn:disabled{opacity:.5;cursor:not-allowed}.coupon-btn-apply{background:linear-gradient(135deg,#b8860b,#9a7309);color:var(--bg-primary)}.coupon-btn-apply:hover:not(:disabled){box-shadow:0 4px 12px #b8860b4d;transform:translateY(-1px)}.coupon-btn-remove{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.coupon-btn-remove:hover:not(:disabled){background:#ef444440}.coupon-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:currentColor;border-radius:50%;animation:coupon-spin .6s linear infinite;display:inline-block}@keyframes coupon-spin{to{transform:rotate(360deg)}}.coupon-error{margin-top:10px;padding:10px 12px;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:var(--radius-sm);color:#f87171;font-size:13px;line-height:1.4}.coupon-success{margin-top:10px;padding:12px 14px;background:#22c55e14;border:1px solid rgba(34,197,94,.25);border-radius:var(--radius-sm)}.coupon-success-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.coupon-check-icon{width:20px;height:20px;background:#22c55e;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.coupon-applied-label{font-size:14px;font-weight:700;color:#22c55e}.coupon-discount-detail{font-size:12px;color:var(--text-secondary);margin-left:28px;margin-bottom:4px}.coupon-savings{font-size:13px;color:#22c55e;margin-left:28px}.coupon-savings strong{font-weight:700}.coupon-revalidating{font-size:11px;color:var(--text-muted);font-weight:400;font-style:italic;margin-left:auto}.coupon-expiry-warning{font-size:11px;color:#f59e0b;margin-left:28px;margin-top:4px;font-weight:600}@media (max-width: 480px){.coupon-input-row{flex-direction:column}.coupon-btn{width:100%}}.checkout-page{min-height:100vh;background:var(--bg-primary);padding:40px 32px}.checkout-container{max-width:1500px;margin:0 auto}@media (min-width: 1920px){.checkout-container{max-width:1700px}}.checkout-title{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:40px;color:var(--text-primary);letter-spacing:-.02em}.checkout-content{display:grid;grid-template-columns:1fr 420px;gap:40px}.checkout-form-section{display:flex;flex-direction:column;gap:32px}.form-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);transition:all .3s ease}.form-section:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.section-title{font-size:22px;font-weight:700;margin-bottom:28px;color:var(--text-primary);padding-bottom:16px;border-bottom:2px solid var(--border-default)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:14px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.form-group input,.form-group textarea,.form-group select{padding:14px 18px;border:2px solid var(--border-default);border-radius:var(--radius-md);font-size:16px;transition:all .3s ease;font-family:inherit;background:var(--bg-elevated);color:var(--text-primary)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#b8860b80;box-shadow:0 0 0 4px #b8860b1a;background:var(--bg-hover)}.form-group textarea{resize:vertical;min-height:100px}.payment-methods{display:flex;flex-direction:column;gap:16px}.payment-method{display:flex;align-items:center;gap:20px;padding:20px;border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;background:var(--bg-elevated)}.payment-method:hover{border-color:#b8860b66;background:var(--bg-hover)}.payment-method.active{border-color:#b8860b99;background:#b8860b14;box-shadow:0 0 0 4px #b8860b1a}.payment-method-icon{font-size:36px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius-md)}.payment-method-info{flex:1}.payment-method-name{font-weight:700;color:var(--text-primary);margin-bottom:4px;font-size:16px}.payment-method-desc{font-size:14px;color:var(--text-secondary);line-height:1.5}.checkout-summary{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;height:fit-content;position:sticky;top:100px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.summary-title{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--text-primary);padding-bottom:16px;border-bottom:2px solid var(--border-default)}.order-items{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;max-height:320px;overflow-y:auto;padding-right:8px}.order-items::-webkit-scrollbar{width:6px}.order-items::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.order-item{display:flex;align-items:flex-start;gap:14px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.order-item:last-child{border-bottom:none;padding-bottom:0}.order-item-info{flex:1}.order-item-name{font-weight:700;color:var(--text-primary);margin-bottom:6px;font-size:15px;line-height:1.4}.order-item-specs{font-size:13px;color:var(--text-secondary);line-height:1.5}.order-item-qty{font-size:14px;color:var(--text-secondary);min-width:40px;text-align:center;font-weight:600}.order-item-price{font-weight:700;color:var(--text-primary);min-width:90px;text-align:right;font-size:16px}.summary-divider{height:1px;background:var(--border-subtle);margin:20px 0}.summary-row{display:flex;justify-content:space-between;margin-bottom:14px;font-size:16px;color:var(--text-secondary)}.summary-row.total{font-size:22px;font-weight:800;color:var(--text-primary);margin-top:16px;padding-top:16px;border-top:2px solid var(--border-default)}.pay-button{width:100%;padding:18px;background:linear-gradient(135deg,#b8860b,#9a7309);color:var(--bg-primary);border:none;border-radius:var(--radius-lg);font-size:17px;font-weight:700;cursor:pointer;margin-top:24px;transition:all .3s ease;box-shadow:0 4px 20px #b8860b4d;text-transform:uppercase;letter-spacing:.05em;display:flex;align-items:center;justify-content:center;gap:8px}.pay-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #b8860b80}.pay-button:disabled{opacity:.5;cursor:not-allowed}.pay-button .loading-spinner-small{border-color:#1e24334d;border-top-color:var(--bg-primary)}@media (max-width: 968px){.checkout-content{grid-template-columns:1fr;gap:32px}.checkout-summary{position:static;order:-1}.form-grid{grid-template-columns:1fr;gap:20px}}@media (max-width: 768px){.checkout-page{padding:24px 20px}.checkout-title{margin-bottom:32px}.form-section{padding:28px 24px}}@media (max-width: 640px){.checkout-page{padding:20px 16px}.form-section{padding:24px 20px}.form-grid{gap:18px}.payment-method{padding:16px;gap:16px}.payment-method-icon{font-size:28px;width:40px;height:40px}}.checkout-error{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:24px;font-size:14px}.shipping-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.shipping-info{margin-bottom:12px}.shipping-loading{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-elevated);border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px}.loading-spinner-small{width:20px;height:20px;border:2px solid var(--border-default);border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite}.shipping-option{display:flex;justify-content:space-between;align-items:center;padding:16px;border:2px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all .3s ease}.shipping-option.selected{border-color:#fbbf2480;background:#fbbf2414}.shipping-option-info{display:flex;flex-direction:column;gap:4px}.shipping-name{font-weight:600;color:var(--text-primary);font-size:15px}.shipping-time{font-size:13px;color:var(--text-secondary)}.shipping-price{font-weight:700;color:var(--text-primary);font-size:16px}.shipping-note{font-size:12px;color:var(--text-muted);margin:0;font-style:italic}.shipping-options{display:flex;flex-direction:column;gap:16px}.shipping-card{display:flex;justify-content:space-between;align-items:stretch;padding:20px;border:2px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all .3s ease;background:var(--bg-elevated)}.shipping-card:hover:not(.disabled){border-color:#fbbf2466;box-shadow:0 4px 20px #fbbf241a;transform:translateY(-2px)}.shipping-card.selected{border-color:#fbbf2499;background:linear-gradient(135deg,#fbbf241a,#fbbf240d);box-shadow:0 4px 20px #fbbf2426}.shipping-card.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.shipping-card-left{display:flex;align-items:flex-start;gap:16px}.shipping-radio{width:24px;height:24px;border:2px solid var(--border-hover);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;flex-shrink:0;margin-top:2px}.shipping-radio.checked{border-color:#f59e0b;border-width:2px}.radio-inner{width:12px;height:12px;background:#f59e0b;border-radius:50%}.shipping-provider-info{display:flex;flex-direction:column;gap:8px}.provider-name-row{display:flex;align-items:center;gap:10px}.provider-name{font-size:18px;font-weight:700;color:var(--text-primary)}.free-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:10px;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.provider-tagline{font-size:13px;color:var(--text-secondary)}.shipping-card-right{display:flex;align-items:center;gap:20px;text-align:right}.delivery-date-box{display:flex;flex-direction:column;align-items:flex-end;gap:4px;padding-right:20px;border-right:1px solid var(--border-subtle)}.delivery-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:500}.delivery-date{font-size:18px;font-weight:700;color:var(--text-primary);white-space:nowrap}.delivery-days-badge{background:var(--bg-surface);color:var(--text-secondary);font-size:12px;font-weight:600;padding:4px 10px;border-radius:20px}.shipping-cost-box{display:flex;flex-direction:column;align-items:flex-end;min-width:80px}.cost-amount{font-size:22px;font-weight:800;color:var(--text-primary)}.cost-free{font-size:22px;font-weight:800;color:#22c55e}.cost-original{font-size:14px;color:var(--text-muted);text-decoration:line-through}.not-available{font-size:14px;color:#f87171;font-weight:500}@media (max-width: 768px){.shipping-card{flex-direction:column;gap:16px}.shipping-card-right{flex-direction:row;justify-content:space-between;width:100%;padding-left:40px}.delivery-date-box{align-items:flex-start;padding-right:0;border-right:none}}.shipping-error{display:flex;align-items:center;gap:12px;padding:16px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);color:#f87171}.error-icon{width:24px;height:24px;background:#dc2626;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.free-label{color:#22c55e;font-weight:600}.shipping-original-price{text-decoration:line-through;color:var(--text-muted);font-weight:400;font-size:13px;margin-left:6px}.delivery-estimate{text-align:center;font-size:13px;color:var(--text-secondary);margin-top:12px;padding:8px;background:var(--bg-elevated);border-radius:var(--radius-sm)}.delivery-preview{background:var(--bg-elevated);border-radius:var(--radius-md);padding:16px;margin-bottom:16px;border:1px solid var(--border-subtle)}.delivery-preview h4{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.delivery-name{font-weight:600;color:var(--text-primary);font-size:15px;margin:0 0 4px}.delivery-address,.delivery-location{font-size:13px;color:var(--text-secondary);margin:0 0 2px;line-height:1.4}.shipping-pending{color:var(--text-muted);font-style:italic}.summary-row.discount-row{color:#22c55e}.discount-amount{font-weight:700;color:#22c55e}.secure-payment-note{text-align:center;font-size:12px;color:var(--text-muted);margin-top:12px}.profile-page{min-height:100vh;background:var(--bg-primary);padding:40px 32px}.profile-container{max-width:1500px;margin:0 auto}@media (min-width: 1920px){.profile-container{max-width:1700px}}.profile-title{font-size:clamp(28px,4vw,40px);font-weight:800;margin-bottom:40px;color:var(--text-primary);letter-spacing:-.02em}.profile-content{background:var(--bg-card);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.profile-tabs{display:flex;border-bottom:1px solid var(--border-subtle);background:var(--bg-elevated)}.tab{flex:1;padding:20px 24px;border:none;background:none;font-size:16px;font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;position:relative;text-align:center}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{color:var(--text-primary);font-weight:700}.tab.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#f59e0b,#f43f5e);border-radius:3px 3px 0 0}.profile-tab-content{padding:40px;min-height:400px;background:transparent}.tab-panel{min-height:400px}.card-title{font-size:24px;font-weight:700;margin-bottom:24px;color:var(--text-primary)}.profile-info{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.info-row{display:flex;justify-content:space-between;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.info-label{font-size:14px;color:var(--text-secondary);font-weight:500}.info-value{font-size:16px;color:var(--text-primary);font-weight:600}.status-verified{color:#22c55e;font-weight:700}.logout-button{padding:12px 24px;background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;width:100%}.logout-button:hover{background:#ef444440;border-color:#ef444480;transform:translateY(-1px);box-shadow:0 4px 20px #ef444433}.orders-list,.addresses-list{display:flex;flex-direction:column;gap:16px}.order-card,.address-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-subtle);transition:var(--transition)}.order-card:hover,.address-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--border-hover)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.order-id{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.order-date{font-size:14px;color:var(--text-secondary)}.order-status{padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.order-status.delivered{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.order-status.shipped{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.order-status.pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.order-status.processing{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.order-status.cancelled{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.order-status.refunded{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.order-status.confirmed{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.order-status.out-for-delivery{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.order-status.returned{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.order-status.draft{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.order-details{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:14px;color:var(--text-secondary)}.order-total{font-size:18px;font-weight:700;color:#22c55e}.view-order-button{width:100%;padding:10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--text-primary)}.view-order-button:hover{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);border-color:transparent;box-shadow:0 4px 20px #fbbf2440}.address-card{position:relative}.default-badge{position:absolute;top:16px;right:16px;background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);padding:4px 12px;border-radius:4px;font-size:12px;font-weight:600;box-shadow:0 2px 10px #fbbf244d}.address-content{margin-bottom:16px}.address-name{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.address-text{font-size:14px;color:var(--text-secondary);line-height:1.6;margin-bottom:4px}.address-mobile{font-size:14px;color:var(--text-secondary);margin-top:8px}.address-actions{display:flex;gap:12px}.edit-button,.delete-button{padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid var(--border-default)}.edit-button{background:var(--bg-surface);color:var(--text-primary)}.edit-button:hover{background:#fbbf2426;border-color:#fbbf2466;color:var(--accent-secondary)}.delete-button{background:#ef444426;color:#f87171;border-color:#ef44444d}.delete-button:hover{background:#ef444440;border-color:#ef444480}.add-address-button{width:100%;padding:16px;background:var(--bg-elevated);border:2px dashed var(--border-hover);border-radius:var(--radius-lg);font-size:16px;font-weight:600;color:var(--accent-secondary);cursor:pointer;transition:all .3s ease}.add-address-button:hover{border-color:#fbbf2480;background:#fbbf2414;box-shadow:0 4px 20px #fbbf241a}.profile-sidebar{display:flex;flex-direction:column;gap:24px}.profile-card{background:var(--bg-card);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);transition:all .3s ease}.profile-card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.profile-avatar{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#f59e0b,#f43f5e);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:36px;margin:0 auto 24px;box-shadow:var(--shadow-md)}.profile-name{font-size:22px;font-weight:700;text-align:center;margin-bottom:8px;color:var(--text-primary)}.profile-email{font-size:14px;text-align:center;color:var(--text-secondary);margin-bottom:24px}.profile-menu{display:flex;flex-direction:column;gap:8px}.profile-menu-item{padding:14px 18px;border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:12px}.profile-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.profile-menu-item.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary)}.profile-main{display:flex;flex-direction:column;gap:32px}.profile-section{background:var(--bg-card);border-radius:var(--radius-xl);padding:36px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--border-subtle)}.section-header h2{font-size:24px;font-weight:700;color:var(--text-primary)}.add-button{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.add-button:hover{transform:translateY(-2px);box-shadow:0 4px 20px #fbbf244d}.address-list,.order-list{display:flex;flex-direction:column;gap:20px}.address-card,.order-card{padding:24px;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:all .3s ease;background:var(--bg-elevated)}.address-card:hover,.order-card:hover{border-color:#fbbf2466;box-shadow:0 8px 32px #fbbf241a}.address-header,.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.address-name,.order-id{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.address-details,.order-details{font-size:14px;color:var(--text-secondary);line-height:1.7}.order-status{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.order-status .status-icon{font-size:12px}.order-status .status-text{font-size:11px}.refund-card{display:flex;gap:16px;padding:16px;border-radius:12px;margin-top:8px}.refund-card-icon{flex-shrink:0;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center}.refund-card.refund-pending{background:linear-gradient(135deg,#fbbf241a,#fbbf240d);border:1px solid rgba(251,191,36,.2)}.refund-card.refund-pending .refund-card-icon{background:#fbbf2433;color:#fbbf24}.refund-card.refund-completed{background:linear-gradient(135deg,#22c55e1a,#4ade800d);border:1px solid rgba(34,197,94,.2)}.refund-card.refund-completed .refund-card-icon{background:#22c55e33;color:#4ade80}.refund-card-content{flex:1}.refund-card-title{font-size:14px;font-weight:700;margin-bottom:4px}.refund-card.refund-pending .refund-card-title{color:#fbbf24}.refund-card.refund-completed .refund-card-title{color:#4ade80}.refund-card-amount{font-size:24px;font-weight:800;color:var(--text-primary);margin-bottom:6px}.refund-card-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.order-summary-row{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--bg-surface);border-radius:10px;margin-top:8px}.order-items-count{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:14px}.items-icon{font-size:16px}.order-total-amount{display:flex;flex-direction:column;align-items:flex-end}.total-label{font-size:12px;color:var(--text-muted);margin-bottom:2px}.total-value{font-size:20px;font-weight:700;color:#22c55e}.view-order-button{width:100%;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;color:var(--text-primary);display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px}.view-order-button .chevron-icon{transition:transform .3s ease}.view-order-button.expanded .chevron-icon{transform:rotate(180deg)}.order-item-row{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bg-surface);border-radius:8px;margin-bottom:8px}.order-item-row .item-details{display:flex;flex-direction:column;gap:4px}.order-item-row .item-name{color:var(--text-primary);font-weight:500}.order-item-row .item-qty{color:var(--text-muted);font-size:12px}.order-item-row .item-price{color:#22c55e;font-weight:600;font-size:15px}.address-block{background:var(--bg-surface);padding:12px;border-radius:8px}.address-block p{margin:4px 0;font-size:14px;color:var(--text-secondary)}.address-block .address-name{font-weight:600;color:var(--text-primary);margin-bottom:8px}.tracking-block{display:flex;align-items:center;gap:12px;background:#3b82f61a;padding:12px 16px;border-radius:8px;border:1px solid rgba(59,130,246,.2)}.tracking-label{color:var(--text-secondary);font-size:13px}.tracking-number{color:#60a5fa;font-weight:700;font-size:14px;font-family:monospace}.order-expanded-details{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle);overflow:hidden}.order-expanded-details h4{font-size:14px;font-weight:600;color:var(--text-secondary);margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}.order-items-section{margin-bottom:20px}.order-item-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:14px}.order-item-row .item-name{flex:1;color:var(--text-primary)}.order-item-row .item-qty{color:var(--text-muted);margin:0 16px}.order-item-row .item-price{color:#22c55e;font-weight:600}.order-summary-section{background:var(--bg-surface);border-radius:8px;padding:16px;margin-bottom:20px}.order-summary-section .summary-row{display:flex;justify-content:space-between;padding:8px 0;font-size:14px;color:var(--text-secondary)}.order-summary-section .summary-row.total{border-top:1px solid var(--border-subtle);margin-top:8px;padding-top:12px;font-weight:700;font-size:16px;color:var(--text-primary)}.order-summary-section .summary-row.total span:last-child{color:#22c55e}.order-address-section,.order-tracking-section{margin-bottom:16px}.order-address-section p,.order-tracking-section p{margin:4px 0;font-size:14px;color:var(--text-secondary)}.order-tracking-section strong{color:#60a5fa}.order-items-list{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-subtle)}.order-item-mini{display:flex;justify-content:space-between;align-items:center;padding:12px 0;font-size:14px;color:var(--text-secondary)}.order-item-mini:not(:last-child){border-bottom:1px solid var(--border-subtle)}.empty-state{text-align:center;padding:60px 32px;color:var(--text-muted)}.empty-icon{font-size:64px;margin-bottom:24px;opacity:.5}.empty-state-icon{font-size:64px;margin-bottom:24px;opacity:.3}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 32px;gap:16px;color:var(--text-secondary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-default);border-top-color:#f59e0b;border-radius:50%;animation:spin .8s linear infinite}.error-message{display:flex;justify-content:space-between;align-items:center;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:var(--radius-md);margin-bottom:20px;font-size:14px}.error-message button{background:none;border:none;color:#f87171;font-size:20px;cursor:pointer;padding:0 4px}.address-type-badge{display:inline-block;background:var(--bg-surface);color:var(--text-secondary);padding:4px 10px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.default-button{padding:8px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid rgba(251,191,36,.3);background:#fbbf241a;color:var(--accent-secondary)}.default-button:hover{background:#fbbf2433;border-color:#fbbf2480;box-shadow:0 4px 15px #fbbf2426}.address-text.landmark{color:var(--text-muted);font-style:italic}.cta-button{padding:14px 28px;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.cta-button.primary{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #fbbf244d}.empty-state h3{font-size:20px;font-weight:700;margin-bottom:12px;color:var(--text-primary)}.empty-state p{font-size:16px;margin-bottom:24px;color:var(--text-muted)}@media (max-width: 968px){.profile-content{grid-template-columns:1fr}.profile-sidebar{order:2}.profile-main{order:1}.profile-card{display:flex;flex-direction:row;align-items:center;gap:24px;padding:24px}.profile-avatar{width:80px;height:80px;font-size:28px;margin:0}.profile-name,.profile-email{text-align:left}.profile-menu{flex-direction:row;flex-wrap:wrap}}@media (max-width: 768px){.profile-page{padding:24px 20px}.profile-section{padding:28px 24px}.section-header{flex-direction:column;align-items:flex-start;gap:16px}}@media (max-width: 640px){.profile-page{padding:20px 16px}.profile-tabs{flex-direction:column}.tab{border-bottom:1px solid var(--border-subtle);text-align:left}.tab.active:after{left:0;right:auto;width:3px;height:100%;border-radius:0}.profile-tab-content,.profile-section{padding:24px 20px}.address-card,.order-card{padding:20px}}.tickets-list{display:flex;flex-direction:column;gap:16px}.ticket-card{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-subtle);cursor:pointer;transition:var(--transition)}.ticket-card:hover{box-shadow:0 8px 32px #fbbf2426;transform:translateY(-2px);border-color:#fbbf2466}.ticket-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.ticket-number{font-size:13px;font-weight:600;color:var(--accent-secondary);font-family:monospace}.ticket-status-badge{padding:5px 12px;border-radius:12px;font-size:11px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}.ticket-subject{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 12px;line-height:1.4}.ticket-card-footer{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--text-secondary)}.ticket-category{background:#fbbf2426;color:var(--accent-secondary);padding:4px 12px;border-radius:6px;font-size:12px;font-weight:500}.ticket-date{color:var(--text-muted)}.create-ticket-button{width:100%;padding:16px;background:linear-gradient(135deg,#fbbf241a,#f59e0b1a);border:2px dashed rgba(251,191,36,.3);border-radius:var(--radius-lg);font-size:16px;font-weight:600;color:var(--accent-secondary);cursor:pointer;transition:all .3s ease}.create-ticket-button:hover:not(:disabled){border-color:#fbbf2499;background:linear-gradient(135deg,#fbbf2426,#f59e0b26)}.create-ticket-button:disabled{opacity:.5;cursor:not-allowed}.rate-limit-warning{margin-top:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px;color:#f87171;font-size:13px;text-align:center}.rate-limit-info{margin-top:12px;font-size:12px;color:var(--text-muted);text-align:right}.create-ticket-form{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:32px;border:1px solid var(--border-subtle)}.create-ticket-form h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 24px}.create-ticket-form .form-group{margin-bottom:20px}.create-ticket-form label{display:block;font-size:14px;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.create-ticket-form input,.create-ticket-form select,.create-ticket-form textarea{width:100%;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px;transition:all .3s ease}.create-ticket-form input:focus,.create-ticket-form select:focus,.create-ticket-form textarea:focus{outline:none;border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf241a}.create-ticket-form select{cursor:pointer}.create-ticket-form select option{background:var(--bg-card);color:var(--text-primary)}.create-ticket-form textarea{resize:vertical;min-height:120px}.form-actions{display:flex;gap:12px;margin-top:24px}.cancel-btn{flex:1;padding:12px 24px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.cancel-btn:hover{background:var(--bg-hover)}.submit-btn{flex:1;padding:12px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:var(--bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 24px #fbbf2440}.submit-btn:disabled{opacity:.5;cursor:not-allowed}.ticket-detail{background:var(--bg-elevated);border-radius:var(--radius-lg);padding:24px;border:1px solid var(--border-subtle)}.ticket-detail .back-btn{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:color .3s ease}.ticket-detail .back-btn:hover{color:var(--text-primary)}.ticket-detail-header .ticket-info{display:flex;align-items:center;gap:12px;margin-bottom:12px}.ticket-detail-header h3{font-size:20px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.ticket-meta{display:flex;gap:16px;font-size:13px;color:var(--text-muted)}.messages-container{max-height:400px;overflow-y:auto;margin-bottom:20px;padding-right:8px}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:var(--bg-surface);border-radius:3px}.messages-container::-webkit-scrollbar-thumb{background:var(--bg-hover);border-radius:3px}.message.initial-message,.message.user-message{background:#fbbf241a;border:1px solid rgba(251,191,36,.2);margin-left:20px}.message.support-message{background:#22c55e1a;border:1px solid rgba(34,197,94,.2);margin-right:20px}.sender-name{font-size:13px;font-weight:600;color:var(--text-secondary)}.message.support-message .sender-name{color:#22c55e}.message-time{font-size:11px;color:var(--text-muted)}.message-content{font-size:14px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.reply-box{background:var(--bg-surface);border-radius:12px;padding:16px;border:1px solid var(--border-subtle)}.reply-box textarea{width:100%;padding:12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px;resize:vertical;min-height:80px}.reply-box textarea:focus{outline:none;border-color:#fbbf2480}.send-btn{padding:10px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:var(--bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.send-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #fbbf2440}.send-btn:disabled{opacity:.5;cursor:not-allowed}.order-success-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:2rem;background:var(--bg-primary)}.order-success-container{background:var(--bg-card);border-radius:var(--radius-xl);padding:3rem;max-width:500px;width:100%;text-align:center;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:2.5rem;color:#fff;font-weight:700;box-shadow:0 8px 24px #22c55e4d}.success-title{font-size:1.75rem;color:var(--text-primary);margin-bottom:1rem;font-weight:700}.order-number{font-size:1rem;color:var(--text-secondary);margin-bottom:1rem;padding:.75rem;background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.order-number strong{color:var(--accent-secondary);font-family:SF Mono,Monaco,monospace;font-size:1.1rem}.success-message{color:var(--text-secondary);line-height:1.6;margin-bottom:2rem}.success-actions{display:flex;flex-direction:column;gap:1rem}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;padding:1rem 2rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #8b5cf666}.btn-secondary{background:transparent;color:var(--text-primary);border:2px solid var(--border-default);padding:1rem 2rem;border-radius:var(--radius-lg);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{border-color:var(--accent-primary);color:var(--accent-secondary);background:#8b5cf61a}@media (max-width: 480px){.order-success-container{padding:2rem 1.5rem}.success-title{font-size:1.5rem}.success-icon{width:60px;height:60px;font-size:2rem}}.admin-dashboard{display:flex;flex-direction:column;gap:32px}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.stat-card{background:var(--bg-card);border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);transition:all .3s ease;position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(251,191,36,.05),transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-hover)}.stat-card:hover:before{opacity:1}.stat-card.warning{border-left:4px solid #fbbf24}.stat-card.success{border-left:4px solid #22C55E}.stat-card.info{border-left:4px solid #60a5fa}.stat-icon{font-size:40px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--bg-elevated);border-radius:12px;flex-shrink:0;border:1px solid var(--border-subtle)}.stat-content{flex:1}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:14px;color:var(--text-secondary);font-weight:500}.dashboard-section{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.section-title{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.view-all-link{color:var(--accent-secondary);text-decoration:none;font-weight:500;transition:all .3s ease}.view-all-link:hover{color:var(--accent-primary);text-shadow:0 0 10px rgba(251,191,36,.5)}.orders-table{overflow-x:auto}.orders-table table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:12px;font-weight:600;color:var(--text-secondary);font-size:14px;border-bottom:2px solid var(--border-default)}.orders-table td{padding:16px 12px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.orders-table tr{transition:all .3s ease}.orders-table tr:hover{background:var(--bg-hover)}.order-id{font-family:SF Mono,Monaco,Consolas,monospace;font-weight:600;color:var(--accent-secondary)}.status-badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.status-pending{background:#fbbf2433;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-confirmed{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-dispatched{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.status-delivered{background:#22c55e33;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.view-btn{color:var(--accent-secondary);text-decoration:none;font-weight:500;padding:6px 12px;border-radius:6px;transition:all .3s ease}.view-btn:hover{background:#fbbf2433;color:var(--accent-primary)}.admin-orders{display:flex;flex-direction:column;gap:24px}.orders-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.orders-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;border:1px solid var(--border-default);background:var(--bg-elevated);border-radius:6px;cursor:pointer;font-weight:500;color:var(--text-secondary);transition:all .3s ease}.filter-btn:hover{border-color:#fbbf2480;color:var(--accent-secondary);background:#fbbf241a}.filter-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);border-color:transparent;box-shadow:0 4px 15px #fbbf244d}.orders-count{color:var(--text-muted);font-size:14px}.orders-table-container{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.orders-table{width:100%;border-collapse:collapse}.orders-table th{text-align:left;padding:16px;font-weight:600;color:var(--text-secondary);font-size:14px;background:var(--bg-elevated);border-bottom:2px solid var(--border-default)}.orders-table td{padding:16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.order-row{transition:all .3s ease}.order-row:hover{background:var(--bg-hover)}.customer-info{display:flex;flex-direction:column;gap:4px}.customer-name{font-weight:600;color:var(--text-primary)}.order-detail{display:flex;flex-direction:column;gap:24px}.back-btn{padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;cursor:pointer;color:var(--text-secondary);font-weight:500;transition:all .3s ease;align-self:flex-start}.back-btn:hover{border-color:#fbbf2480;color:var(--accent-secondary);background:#fbbf241a}.order-detail-header{background:var(--bg-card);border-radius:12px;padding:24px;display:flex;justify-content:space-between;align-items:flex-start;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle);flex-wrap:wrap;gap:16px}.order-detail-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 8px}.order-meta{display:flex;gap:16px;align-items:center;color:var(--text-muted);font-size:14px}.order-actions{display:flex;gap:8px;flex-wrap:wrap}.order-actions .action-btn{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;flex:none}.order-actions .action-confirmed{background:linear-gradient(135deg,#3b82f6,#2563eb)!important;color:#fff!important;box-shadow:0 4px 15px #3b82f64d}.order-actions .action-confirmed:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.order-actions .action-dispatched{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important;box-shadow:0 4px 15px #8b5cf64d}.order-actions .action-dispatched:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.order-actions .action-delivered{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 15px #10b9814d}.order-actions .action-delivered:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.order-actions .action-cancelled{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important;box-shadow:0 4px 15px #ef44444d}.order-actions .action-cancelled:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.order-detail-content{display:flex;flex-direction:column;gap:24px}.order-section{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-grid label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.info-grid>div>div{color:var(--text-primary);font-size:16px}.tracking-input{display:flex;gap:12px;margin-bottom:16px}.tracking-input input{flex:1;padding:10px 16px;border:1px solid var(--border-default);border-radius:6px;font-size:14px;background:var(--bg-elevated);color:var(--text-primary);transition:all .3s ease}.tracking-input input::placeholder{color:var(--text-muted)}.tracking-input input:focus{outline:none;border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-card)}.save-btn{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px #fbbf244d}.save-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.tracking-display{padding:12px;background:#3b82f61a;border:1px solid rgba(59,130,246,.3);border-radius:6px;color:#60a5fa}.items-table{width:100%;border-collapse:collapse}.items-table th{text-align:left;padding:12px;font-weight:600;color:var(--text-secondary);font-size:14px;background:var(--bg-elevated);border-bottom:2px solid var(--border-default)}.items-table td{padding:12px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.items-table tfoot{background:var(--bg-elevated)}.total-label{text-align:right;font-weight:700;font-size:16px;color:var(--text-primary)}.total-amount{font-weight:700;font-size:18px;color:#22c55e}.status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-pending{background:#eab30826;color:#fbbf24;border:1px solid rgba(234,179,8,.3)}.status-confirmed{background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.status-processing{background:#8b5cf626;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.status-shipped{background:#06b6d426;color:#22d3ee;border:1px solid rgba(6,182,212,.3)}.status-out_for_delivery{background:#f59e0b26;color:#fbbf24;border:1px solid rgba(245,158,11,.3)}.status-delivered{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-cancelled{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.status-refunded{background:#a855f726;color:#c084fc;border:1px solid rgba(168,85,247,.3)}.status-returned{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:linear-gradient(145deg,var(--bg-card),var(--bg-secondary));border-radius:16px;padding:32px;max-width:500px;width:90%;box-shadow:var(--shadow-xl);border:1px solid var(--border-subtle)}.cancel-modal h3{margin:0 0 16px;font-size:20px;color:#f87171}.modal-warning{color:var(--text-secondary);line-height:1.6;margin-bottom:20px;padding:16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:8px}.modal-warning strong{color:var(--text-primary)}.modal-field{margin-bottom:24px}.modal-field label{display:block;font-size:14px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.modal-field textarea{width:100%;padding:12px;border:1px solid var(--border-default);border-radius:8px;font-size:14px;background:var(--bg-elevated);color:var(--text-primary);resize:vertical;font-family:inherit}.modal-field textarea:focus{outline:none;border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.modal-field textarea::placeholder{color:var(--text-muted)}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.modal-btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.modal-btn.cancel{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.modal-btn.cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-btn.confirm-cancel{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.modal-btn.confirm-cancel:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.modal-btn.confirm-cancel:disabled{opacity:.5;cursor:not-allowed}.refund-section{border:1px solid rgba(168,85,247,.2)}.refund-status-box{padding:0}.refund-status{display:flex;gap:16px;padding:20px;border-radius:8px;align-items:flex-start}.refund-status.pending{background:#eab3081a;border:1px solid rgba(234,179,8,.2)}.refund-status.completed{background:#22c55e1a;border:1px solid rgba(34,197,94,.2)}.refund-status .status-icon{font-size:24px;line-height:1}.refund-status.pending .status-icon{color:#fbbf24}.refund-status.completed .status-icon{color:#4ade80}.refund-status strong{display:block;font-size:16px;color:var(--text-primary);margin-bottom:8px}.refund-status p{margin:0;font-size:14px;color:var(--text-secondary);line-height:1.5}.notes-input{width:100%;padding:12px;border:1px solid var(--border-default);border-radius:8px;font-size:14px;background:var(--bg-elevated);color:var(--text-primary);resize:vertical;font-family:inherit}.notes-input:focus{outline:none;border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-card)}.notes-input::placeholder{color:var(--text-muted)}.order-actions .action-processing{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;color:#fff!important;box-shadow:0 4px 15px #8b5cf64d}.order-actions .action-processing:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.order-actions .action-shipped{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;color:#fff!important;box-shadow:0 4px 15px #06b6d44d}.order-actions .action-shipped:hover{transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.order-actions .action-out_for_delivery{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;box-shadow:0 4px 15px #f59e0b4d}.order-actions .action-out_for_delivery:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.order-actions .action-returned{background:linear-gradient(135deg,#fb923c,#ea580c)!important;color:#fff!important;box-shadow:0 4px 15px #fb923c4d}.order-actions .action-returned:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fb923c66}.order-actions .action-refunded{background:linear-gradient(135deg,#a855f7,#9333ea)!important;color:#fff!important;box-shadow:0 4px 15px #a855f74d}.order-actions .action-refunded:hover{transform:translateY(-2px);box-shadow:0 6px 20px #a855f766}.view-btn{padding:8px 16px;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:6px;color:var(--accent-secondary);cursor:pointer;font-weight:500;transition:all .3s ease}.view-btn:hover{background:#fbbf2433;border-color:#fbbf2480;color:var(--accent-primary)}.pagination button{padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-weight:500;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#fbbf241a;border-color:#fbbf244d;color:var(--accent-secondary)}.pagination span{color:var(--text-muted);font-size:14px}.order-id{font-family:monospace;font-weight:600;color:var(--accent-secondary)}.amount{font-weight:600;color:#22c55e}.result-modal{text-align:center;max-width:420px}.result-modal-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.result-modal.refund .result-modal-icon{background:linear-gradient(135deg,#a855f733,#8b5cf61a);color:#c084fc}.result-modal.success .result-modal-icon{background:linear-gradient(135deg,#22c55e33,#16a34a1a);color:#4ade80}.result-modal.error .result-modal-icon{background:linear-gradient(135deg,#ef444433,#dc26261a);color:#f87171}.result-modal-title{margin:0 0 8px;font-size:24px;font-weight:700}.result-modal.refund .result-modal-title{color:#c084fc}.result-modal.success .result-modal-title{color:#4ade80}.result-modal.error .result-modal-title{color:#f87171}.result-modal-amount{font-size:36px;font-weight:800;color:var(--text-primary);margin-bottom:12px}.result-modal-message{font-size:15px;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.result-modal-info{background:var(--bg-elevated);border-radius:12px;padding:16px;margin-bottom:24px}.result-modal-info .info-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:14px;color:var(--text-secondary)}.result-modal-info .info-item:not(:last-child){border-bottom:1px solid var(--border-subtle)}.result-modal-info .info-icon{font-size:18px}.result-modal-btn{width:100%;padding:14px 24px;border:none;border-radius:10px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.result-modal.refund .result-modal-btn{background:linear-gradient(135deg,#a855f7,#8b5cf6);color:#fff;box-shadow:0 4px 20px #a855f74d}.result-modal.success .result-modal-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;box-shadow:0 4px 20px #22c55e4d}.result-modal.error .result-modal-btn{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 20px #ef44444d}.result-modal-btn:hover{transform:translateY(-2px)}.shipping-modal{max-width:520px}.shipping-modal h3{margin:0 0 8px;font-size:20px;color:#22d3ee;display:flex;align-items:center}.modal-info{color:var(--text-secondary);font-size:14px;margin-bottom:24px;line-height:1.5}.shipping-modal .modal-field{margin-bottom:20px}.shipping-modal .modal-field label{display:block;font-size:13px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.shipping-modal .modal-field input,.shipping-modal .modal-field select{width:100%;padding:12px 14px;border:1px solid var(--border-default);border-radius:8px;font-size:14px;background:var(--bg-elevated);color:var(--text-primary);transition:all .3s ease}.shipping-modal .modal-field input:focus,.shipping-modal .modal-field select:focus{outline:none;border-color:#06b6d480;box-shadow:0 0 0 3px #06b6d41a;background:var(--bg-card)}.shipping-modal .modal-field input::placeholder{color:var(--text-muted)}.shipping-modal .modal-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.field-hint{display:block;margin-top:6px;font-size:12px;color:var(--text-muted)}.shipping-preview{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:10px;margin-bottom:24px;overflow:hidden}.shipping-preview .preview-title{background:#06b6d41a;padding:10px 16px;font-size:12px;font-weight:600;color:#22d3ee;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border-subtle)}.shipping-preview .preview-content{padding:16px;font-size:13px;color:var(--text-secondary);line-height:1.7}.shipping-preview .preview-content p{margin:0 0 12px}.shipping-preview .preview-content p:last-child{margin-bottom:0}.shipping-preview .preview-content strong{color:var(--text-primary)}.shipping-preview .preview-link{color:#22d3ee;word-break:break-all;font-size:12px}.modal-btn.confirm-ship{background:linear-gradient(135deg,#06b6d4,#0891b2);color:#fff;box-shadow:0 4px 15px #06b6d44d;display:inline-flex;align-items:center;justify-content:center}.modal-btn.confirm-ship:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #06b6d466}.modal-btn.confirm-ship:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden}.modal-content{background:#fff;border-radius:16px;width:100%;max-width:700px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 60px #0006;border:1px solid rgba(0,0,0,.1);position:relative;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid #e5e7eb;background:#fff;flex-shrink:0;border-radius:16px 16px 0 0}.modal-title{font-size:24px;font-weight:700;color:#1f2937;margin:0}.modal-close{width:32px;height:32px;border:1px solid #e5e7eb;background:#f9fafb;border-radius:6px;cursor:pointer;font-size:18px;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.modal-form{padding:24px;overflow-y:auto;flex:1}.form-error-banner{background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:12px 16px;border-radius:8px;margin-bottom:20px;font-size:14px;font-weight:500}.form-group input.error,.form-group textarea.error{border-color:#ef444480}.form-group input.error:focus,.form-group textarea.error:focus{border-color:#ef444480;box-shadow:0 0 0 3px #ef44441a}.error-msg{display:block;color:#f87171;font-size:12px;margin-top:4px}.form-section{margin-bottom:32px}.form-section:last-of-type{margin-bottom:0}.form-section-title{font-size:18px;font-weight:700;color:#1f2937;margin:0 0 20px;padding-bottom:12px;border-bottom:2px solid #e5e7eb}.form-group{margin-bottom:20px}.form-group label{display:block;font-weight:600;color:#4b5563;margin-bottom:8px;font-size:14px}.form-group input[type=text],.form-group input[type=url],.form-group textarea{width:100%;padding:10px 14px;border:1px solid #d1d5db;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit;background:#f9fafb;color:#1f2937}.form-group input::placeholder,.form-group textarea::placeholder{color:#9ca3af}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#c9a227;box-shadow:0 0 0 3px #c9a22726;background:#fff}.form-group input.disabled{background:#f3f4f6;color:#9ca3af;cursor:not-allowed}.form-hint{display:block;margin-top:4px;font-size:12px;color:#9ca3af}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#4b5563}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:#F59E0B}.color-input-group{display:flex;gap:12px;align-items:center}.color-input-group input[type=color]{width:60px;height:40px;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;background:transparent}.color-input-group input[type=text]{flex:1}.price-input-group{display:flex;align-items:center;gap:0}.price-prefix{padding:10px 12px;background:#f3f4f6;border:1px solid #d1d5db;border-right:none;border-radius:8px 0 0 8px;font-weight:600;color:#4b5563;font-size:14px}.price-input-group input[type=number]{flex:1;padding:10px 14px;border:1px solid #d1d5db;border-radius:0 8px 8px 0;font-size:14px;transition:all .3s ease;background:#f9fafb;color:#1f2937}.price-input-group input[type=number]:focus{outline:none;border-color:#c9a227;box-shadow:0 0 0 3px #c9a22726;background:#fff}.price-input-group input[type=number]::-webkit-inner-spin-button,.price-input-group input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.price-input-group input[type=number]{-moz-appearance:textfield}.file-upload-area{margin-bottom:16px}.file-upload-label{display:block;cursor:pointer}.file-upload-content{border:2px dashed #d1d5db;border-radius:12px;padding:40px;text-align:center;transition:all .3s ease;background:#f9fafb}.file-upload-content:hover{border-color:#c9a227;background:#c9a2270d}.upload-icon{font-size:48px;display:block;margin-bottom:12px}.file-upload-content span:not(.upload-icon){display:block;color:#4b5563;font-weight:500;margin-bottom:4px}.file-upload-content small{color:#9ca3af;font-size:12px}.image-preview{position:relative;border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;background:#f9fafb}.image-preview img{width:100%;height:200px;object-fit:contain;display:block}.remove-image-btn,.remove-file-btn{position:absolute;top:8px;right:8px;padding:6px 12px;background:#ef4444e6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;transition:all .3s ease}.remove-image-btn:hover,.remove-file-btn:hover{background:#dc2626;transform:scale(1.05)}.file-preview{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:12px;background:#f9fafb}.file-icon{font-size:32px}.file-name{flex:1;font-weight:500;color:#4b5563}.modal-actions{display:flex;justify-content:flex-end;gap:12px;padding-top:24px;border-top:1px solid #e5e7eb;margin-top:32px}.btn-cancel,.btn-save{padding:12px 24px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db}.btn-cancel:hover{background:#e5e7eb;border-color:#9ca3af}.btn-save{background:linear-gradient(135deg,#c9a227,#a8861d);color:#fff;box-shadow:0 4px 15px #c9a2274d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #c9a22766}.modal-form::-webkit-scrollbar{width:8px}.modal-form::-webkit-scrollbar-track{background:#f3f4f6}.modal-form::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.modal-form::-webkit-scrollbar-thumb:hover{background:#9ca3af}.admin-components{display:flex;flex-direction:column;gap:32px}.components-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.components-tabs{display:flex;gap:8px;background:var(--bg-card);padding:4px;border-radius:8px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.tab{padding:10px 20px;text-decoration:none;color:var(--text-secondary);font-weight:500;border-radius:6px;transition:all .3s ease;display:flex;align-items:center;gap:8px}.tab:hover{color:var(--accent-secondary);background:#fbbf241a}.tab.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);box-shadow:0 4px 15px #fbbf244d}.tab-count{background:#fff3;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.tab.active .tab-count{background:#ffffff4d}.add-btn{padding:10px 20px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 15px #10b9814d}.add-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.components-section{background:var(--bg-card);border-radius:12px;padding:24px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.section-title{font-size:18px;font-weight:700;color:var(--text-primary);margin:0 0 20px}.section-title.inactive{color:var(--text-muted)}.components-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.component-card{background:var(--bg-elevated);border:2px solid var(--border-subtle);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .3s ease;cursor:pointer}.component-card:hover{border-color:#fbbf2480;box-shadow:0 8px 30px #fbbf2426;transform:translateY(-4px)}.component-card.inactive{opacity:.6;background:var(--bg-tertiary)}.component-image{width:100%;aspect-ratio:1;background:var(--bg-hover);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-subtle)}.component-image img{width:100%;height:100%;object-fit:contain}.color-swatch{width:100%;aspect-ratio:1;border-radius:8px;border:2px solid var(--border-default);box-shadow:0 4px 15px #0000004d}.component-info{flex:1}.component-name{font-weight:600;color:var(--text-primary);margin-bottom:4px;font-size:16px}.component-code{font-size:12px;color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.component-price{font-size:14px;font-weight:600;color:#22c55e;margin-top:4px}.inactive-badge{display:inline-block;margin-top:8px;padding:4px 8px;background:#ef444433;color:#f87171;border-radius:4px;font-size:11px;font-weight:600;border:1px solid rgba(239,68,68,.3)}.component-actions{display:flex;gap:8px}.action-btn{flex:1;padding:8px 12px;border:1px solid var(--border-default);background:var(--bg-hover);border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;transition:all .3s ease}.edit-btn{color:var(--accent-secondary);border-color:#fbbf244d}.delete-btn{color:#f87171;border-color:#ef44444d}.restore-btn{color:#22c55e;border-color:#22c55e4d}.restore-btn:hover{background:#22c55e33;border-color:#22c55e80}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px}.delete-modal{background:linear-gradient(145deg,var(--bg-card),var(--bg-secondary));border-radius:20px;padding:32px;max-width:420px;width:100%;box-shadow:0 25px 50px #00000080;border:1px solid var(--border-subtle);text-align:center}.delete-modal-icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#ef444433,#dc26261a);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#f87171}.delete-modal-title{margin:0 0 20px;font-size:22px;font-weight:700;color:var(--text-primary)}.delete-modal-component{display:flex;align-items:center;gap:16px;background:var(--bg-elevated);padding:16px;border-radius:12px;margin-bottom:20px;border:1px solid var(--border-subtle)}.delete-modal-thumbnail{width:60px;height:60px;border-radius:8px;object-fit:contain;background:var(--bg-hover)}.delete-modal-color{width:60px;height:60px;border-radius:8px;border:2px solid var(--border-default);flex-shrink:0}.delete-modal-component-info{display:flex;flex-direction:column;gap:4px;text-align:left}.delete-modal-component-info .component-name{font-size:16px;font-weight:600;color:var(--text-primary)}.delete-modal-component-info .component-code{font-size:13px;color:var(--text-muted);font-family:SF Mono,Monaco,Consolas,monospace}.delete-modal-message{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0 0 28px;padding:16px;background:#fbbf2414;border-radius:10px;border:1px solid rgba(251,191,36,.15)}.delete-modal-actions{display:flex;gap:12px}.delete-modal .modal-btn{flex:1;padding:14px 24px;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px}.delete-modal .modal-btn.cancel{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-default)}.delete-modal .modal-btn.cancel:hover{background:var(--bg-hover);color:var(--text-primary)}.delete-modal .modal-btn.confirm-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 4px 15px #ef44444d}.delete-modal .modal-btn.confirm-delete:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.delete-modal .modal-btn.confirm-delete:disabled{opacity:.7;cursor:not-allowed;transform:none}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.retry-btn{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);border:none;border-radius:6px;cursor:pointer;font-weight:600}.no-components{text-align:center;padding:40px;color:var(--text-muted);font-style:italic}.admin-tickets{padding:24px}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;gap:16px;color:var(--text-secondary)}.retry-btn{padding:10px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:var(--bg-primary);font-weight:600;cursor:pointer}.back-btn{background:none;border:none;color:var(--text-secondary);font-size:14px;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:color .3s ease}.back-btn:hover{color:var(--text-primary)}.stats-bar{display:flex;gap:16px;margin-bottom:24px;flex-wrap:wrap}.stat-item{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:12px;padding:16px 24px;min-width:100px;text-align:center}.stat-value{display:block;font-size:28px;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.stat-item.open .stat-value{color:#3b82f6}.stat-item.progress .stat-value{color:#f59e0b}.stat-item.awaiting .stat-value{color:#8b5cf6}.stat-item.resolved .stat-value{color:#10b981}.tickets-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.tickets-filters{display:flex;gap:8px;flex-wrap:wrap}.filter-btn{padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{background:#fbbf241a}.filter-btn.active{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);border-color:transparent}.tickets-count{font-size:14px;color:var(--text-muted)}.tickets-table-container{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-subtle);overflow:hidden}.tickets-table{width:100%;border-collapse:collapse}.tickets-table th{text-align:left;padding:16px;font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:var(--bg-elevated);border-bottom:1px solid var(--border-subtle)}.tickets-table td{padding:16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-subtle)}.ticket-row:hover{background:var(--bg-hover)}.ticket-id{font-family:monospace;color:var(--text-secondary);font-size:13px}.ticket-subject{max-width:250px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.customer-info{line-height:1.4}.customer-name{font-weight:500}.customer-email{font-size:12px;color:var(--text-muted)}.priority-badge,.status-badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.view-btn{padding:6px 14px;background:#fbbf2433;border:1px solid rgba(251,191,36,.3);border-radius:6px;color:var(--accent-secondary);font-size:13px;font-weight:500;cursor:pointer;transition:all .3s ease}.view-btn:hover{background:#fbbf244d}.no-data{text-align:center;color:var(--text-muted);padding:40px!important}.pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pagination button{padding:8px 16px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:6px;color:var(--text-secondary);font-size:14px;cursor:pointer;transition:all .3s ease}.pagination button:hover:not(:disabled){background:#fbbf241a}.pagination button:disabled{opacity:.4;cursor:not-allowed}.pagination span{color:var(--text-secondary);font-size:14px}.ticket-detail-container{display:grid;grid-template-columns:1fr 300px;gap:24px}.ticket-detail-main{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-subtle);padding:24px}.ticket-detail-header{margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border-subtle)}.ticket-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.ticket-info .ticket-number{font-size:12px;color:var(--text-muted);font-family:monospace;margin-bottom:8px;display:block}.ticket-info h2{font-size:20px;font-weight:700;color:var(--text-primary);margin:0}.ticket-meta-row{display:flex;gap:20px;font-size:13px;color:var(--text-muted)}.messages-section h3{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.messages-list{max-height:400px;overflow-y:auto;margin-bottom:20px}.message{padding:16px;border-radius:12px;margin-bottom:12px}.message.customer-message{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);margin-right:40px}.message.support-message{background:#10b9811a;border:1px solid rgba(16,185,129,.2);margin-left:40px}.message-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.message-header .sender{font-size:13px;font-weight:600;color:var(--text-secondary)}.support-message .sender{color:#22c55e}.message-header .time{font-size:11px;color:var(--text-muted)}.message-body{font-size:14px;color:var(--text-primary);line-height:1.6;white-space:pre-wrap}.reply-section{background:var(--bg-elevated);border-radius:12px;padding:16px;border:1px solid var(--border-subtle)}.reply-section textarea{width:100%;padding:12px;background:var(--bg-card);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px;resize:vertical;min-height:100px}.reply-section textarea:focus{outline:none;border-color:#fbbf2480}.reply-actions{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.char-count{font-size:12px;color:var(--text-muted)}.send-reply-btn{padding:10px 24px;background:linear-gradient(135deg,#f59e0b,#d97706);border:none;border-radius:8px;color:var(--bg-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.send-reply-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #fbbf244d}.send-reply-btn:disabled{opacity:.5;cursor:not-allowed}.ticket-detail-sidebar{display:flex;flex-direction:column;gap:20px}.sidebar-section{background:var(--bg-card);border-radius:12px;border:1px solid var(--border-subtle);padding:20px}.sidebar-section h4{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.sidebar-section .customer-name{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.sidebar-section .customer-email{font-size:13px;color:var(--text-secondary)}.status-select,.priority-select{width:100%;padding:10px 12px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:8px;color:var(--text-primary);font-size:14px;cursor:pointer}.status-select:focus,.priority-select:focus{outline:none;border-color:#fbbf2480}.status-select option,.priority-select option{background:var(--bg-card);color:var(--text-primary)}.timeline-info{display:flex;flex-direction:column;gap:12px}.timeline-item{display:flex;flex-direction:column;gap:2px}.timeline-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.timeline-value{font-size:13px;color:var(--text-secondary)}.quick-actions{display:flex;flex-direction:column;gap:10px}.action-btn{width:100%;padding:12px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.action-btn.start{background:#3b82f633;color:#60a5fa;border:1px solid rgba(59,130,246,.3)}.action-btn.start:hover:not(:disabled){background:#3b82f64d}.action-btn.await{background:#8b5cf633;color:#a78bfa;border:1px solid rgba(139,92,246,.3)}.action-btn.await:hover:not(:disabled){background:#8b5cf64d}.action-btn.resolve{background:#10b98133;color:#22c55e;border:1px solid rgba(16,185,129,.3)}.action-btn.resolve:hover:not(:disabled){background:#10b9814d}.action-btn.close{background:#6b728033;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.action-btn.close:hover:not(:disabled){background:#6b72804d}.action-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 1024px){.ticket-detail-container{grid-template-columns:1fr}.ticket-detail-sidebar{flex-direction:row;flex-wrap:wrap}.sidebar-section{flex:1;min-width:200px}}@media (max-width: 768px){.tickets-table-container{overflow-x:auto}.tickets-table{min-width:800px}.stats-bar{flex-wrap:wrap}.stat-item{flex:1;min-width:80px;padding:12px 16px}}.admin-coupons{display:flex;flex-direction:column;gap:24px}.coupons-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.coupons-filters{display:flex;gap:8px;flex-wrap:wrap}.create-coupon-btn{padding:10px 20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px #fbbf244d}.create-coupon-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.coupons-table-container{background:var(--bg-card);border-radius:12px;overflow:hidden;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.coupons-table{width:100%;border-collapse:collapse}.coupons-table th{text-align:left;padding:16px;font-weight:600;color:var(--text-secondary);font-size:14px;background:var(--bg-elevated);border-bottom:2px solid var(--border-default)}.coupons-table td{padding:16px;border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.coupon-row{transition:all .3s ease}.coupon-row:hover{background:var(--bg-hover)}.coupon-code{font-family:monospace;font-weight:700;font-size:14px;color:var(--accent-secondary);letter-spacing:.5px}.coupon-discount{font-weight:600;color:#22c55e}.usage-display{font-family:monospace;font-size:14px;color:var(--text-secondary)}.coupon-actions{display:flex;gap:8px}.toggle-btn{padding:6px 12px;border:1px solid rgba(59,130,246,.3);background:#3b82f61a;border-radius:6px;color:#60a5fa;cursor:pointer;font-weight:500;font-size:13px;transition:all .3s ease}.toggle-btn:hover{background:#3b82f633;border-color:#3b82f680}.edit-btn{padding:6px 12px;border:1px solid rgba(251,191,36,.3);background:#fbbf241a;border-radius:6px;color:var(--accent-secondary);cursor:pointer;font-weight:500;font-size:13px;transition:all .3s ease}.edit-btn:hover{background:#fbbf2433;border-color:#fbbf2480}.delete-btn{padding:6px 12px;border:1px solid rgba(239,68,68,.3);background:#ef44441a;border-radius:6px;color:#f87171;cursor:pointer;font-weight:500;font-size:13px;transition:all .3s ease}.delete-btn:hover{background:#ef444433;border-color:#ef444480}.coupon-modal{max-width:640px}.coupon-modal h3{margin:0 0 24px;font-size:20px;color:var(--accent-secondary)}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:16px}.form-field{display:flex;flex-direction:column;gap:6px;margin-bottom:4px}.form-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.form-field input,.form-field select,.form-field textarea{padding:10px 14px;border:1px solid var(--border-default);border-radius:8px;font-size:14px;background:var(--bg-elevated);color:var(--text-primary);transition:all .3s ease;font-family:inherit}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{outline:none;border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-card)}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-muted)}.form-field input:disabled{opacity:.5;cursor:not-allowed}.form-field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-field textarea{resize:vertical}.checkbox-field{margin-bottom:12px}.checkbox-label{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-primary)}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#F59E0B;cursor:pointer}.checkbox-text{-webkit-user-select:none;user-select:none}.modal-btn.confirm-save{background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);box-shadow:0 4px 15px #fbbf244d}.modal-btn.confirm-save:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.modal-btn.confirm-save:disabled{opacity:.5;cursor:not-allowed}.delete-modal h3{margin:0 0 16px;font-size:20px;color:#f87171}.status-active{background:#22c55e26;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.status-inactive{background:#6b728026;color:#9ca3af;border:1px solid rgba(107,114,128,.3)}.status-expired{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.admin-settings{display:flex;flex-direction:column;gap:24px}.settings-alert{padding:12px 16px;border-radius:8px;font-size:14px;font-weight:500}.settings-error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.3)}.settings-success{background:#22c55e1a;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.settings-card{background:var(--bg-card);border-radius:12px;padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border-subtle)}.settings-card-title{margin:0 0 8px;font-size:20px;color:var(--accent-secondary)}.settings-card-desc{margin:0 0 28px;font-size:14px;color:var(--text-secondary);line-height:1.5}.settings-section{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid var(--border-subtle)}.settings-section:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section-title{margin:0 0 16px;font-size:15px;font-weight:600;color:var(--text-primary)}.settings-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:8px}.settings-field{display:flex;flex-direction:column;gap:6px}.settings-field label{font-size:13px;font-weight:600;color:var(--text-secondary)}.settings-field input{padding:10px 14px;border:1px solid var(--border-default);border-radius:8px;font-size:14px;background:var(--bg-elevated);color:var(--text-primary);transition:all .3s ease;font-family:inherit}.settings-field input:focus{outline:none;border-color:#fbbf2480;box-shadow:0 0 0 3px #fbbf241a;background:var(--bg-card)}.field-hint{font-size:12px;color:var(--text-muted);line-height:1.4}.settings-actions{margin-top:24px;display:flex;justify-content:flex-end}.save-settings-btn{padding:12px 32px;background:linear-gradient(135deg,#f59e0b,#d97706);color:var(--bg-primary);border:none;border-radius:8px;cursor:pointer;font-weight:600;font-size:14px;transition:all .3s ease;box-shadow:0 4px 15px #fbbf244d}.save-settings-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #fbbf2466}.save-settings-btn:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.app-main{flex:1;width:100%;position:relative}.app-main.admin-page{padding:0;margin:0}.config-panel{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;gap:var(--space-6);border:1px solid var(--border-subtle);max-height:calc(100vh - 120px);overflow-y:auto}.config-panel h2{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-primary);margin:0}.control-group{display:flex;flex-direction:column;gap:var(--space-3)}.control-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);display:flex;align-items:baseline;justify-content:space-between}.control-subtext{font-size:var(--text-xs);color:var(--text-muted);text-transform:none;font-weight:400;letter-spacing:normal}.control-badge{font-size:var(--text-xs);font-weight:600;color:var(--accent-secondary);background:var(--accent-muted);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.preview-grid-container{position:relative;width:100%}.preview-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-height:300px;overflow-y:auto;padding-right:4px}.preview-grid::-webkit-scrollbar{width:4px}.preview-grid::-webkit-scrollbar-track{background:var(--bg-elevated);border-radius:var(--radius-full)}.preview-grid::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}.scroll-indicator{text-align:center;font-size:var(--text-xs);color:var(--text-muted);padding:var(--space-2) 0 0;animation:pulse 2s ease-in-out infinite}.preview-item{background:var(--bg-elevated);border-radius:8px;padding:6px;text-align:center;cursor:pointer;border:2px solid transparent;transition:all .2s ease;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:0}.preview-item:hover{border-color:var(--border-hover);background:var(--bg-hover);transform:translateY(-2px)}.preview-item--active{border-color:var(--accent-primary);background:var(--accent-muted);box-shadow:var(--shadow-glow)}.preview-img{width:100%;height:auto;max-height:50px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.preview-label{margin-top:4px;font-size:10px;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.swatch-row{display:flex;flex-wrap:nowrap;gap:var(--space-2)}.swatch{width:28px;height:28px;border-radius:50%;border:3px solid var(--bg-card);cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-sm);flex-shrink:0}.swatch:hover{transform:scale(1.15)}.swatch--active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--accent-primary),var(--shadow-md);transform:scale(1.15)}.divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--space-2) 0}.preview-panel{display:flex;align-items:stretch}.preview-card{background:var(--bg-card);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-xl);width:100%;display:flex;flex-direction:column;border:1px solid var(--border-subtle);position:relative}.preview-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6)}.preview-header-left{display:flex;flex-direction:column;gap:var(--space-1)}.preview-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--text-muted);font-weight:600}.preview-model-name{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.preview-meta{font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.model-code{font-family:SF Mono,Monaco,monospace;font-size:var(--text-xs);font-weight:600;color:var(--accent-secondary);background:var(--accent-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.preview-viewport{flex:1;min-height:500px;border-radius:var(--radius-xl);overflow:hidden;position:relative;background:radial-gradient(ellipse at center,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);display:flex;align-items:center;justify-content:center}@media (max-width: 1200px){.config-panel{padding:var(--space-5)}}@media (max-width: 968px){.preview-viewport{min-height:400px}}@media (max-width: 768px){.preview-viewport{min-height:350px}.config-panel{max-height:none;padding:var(--space-4)}.preview-grid{grid-template-columns:repeat(5,1fr)}}@media (max-width: 560px){.preview-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.preview-grid{grid-template-columns:repeat(3,1fr)}}