@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);transition:all .3s ease}:root{--bg-primary: #f8fafc;--bg-secondary: #ffffff;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--sidebar-bg: #ffffff;--sidebar-border: #e2e8f0;--card-bg: #ffffff;--card-border: #e2e8f0;--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--hover-bg: #f1f5f9;--active-bg: #f0f9ff;--border-color: #e2e8f0;--primary-color: #3b82f6;--primary-hover: #2563eb;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--primary: var(--primary-color);--accent: var(--info-color);--warning: var(--warning-color);--success: var(--success-color);--success-color: #10b981;--warning-color: #f59e0b;--error-color: #ef4444;--info-color: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease}html.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--sidebar-bg: #1e293b;--sidebar-border: #334155;--card-bg: #1e293b;--card-border: #334155;--card-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3), 0 1px 2px 0 rgba(0, 0, 0, .2);--hover-bg: #334155;--active-bg: #1e40af;--border-color: #334155;--primary-color: #60a5fa;--primary-hover: #3b82f6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2)}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--text-primary)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;color:var(--text-secondary)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-hover)}.bar-chart{margin-top:18px}.bar-chart-grid{display:grid;grid-template-columns:repeat(4,minmax(56px,1fr));gap:24px;align-items:end;height:220px;width:100%}.bar-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.bar-chart .bar{width:100%;border-radius:10px 10px 0 0;background:var(--primary-gradient);box-shadow:var(--shadow-sm)}.bar-chart .bar-value{color:var(--text-primary);font-weight:700;font-size:.9rem}.bar-chart .bar-label{color:var(--text-secondary);font-size:.9rem}.bar-chart-axis{display:none}.stats-two-col{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start;width:100%}.stats-left{display:block;min-width:0;padding-right:8px}.stats-right{display:flex;min-width:0;position:relative;z-index:1}.stats-right .stats-container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:16px}.stats-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.stats-header .section-sub{color:var(--text-secondary);font-size:.9rem}.metrics{margin-top:16px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;box-shadow:var(--shadow-md);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.metric-top{display:flex;align-items:center;gap:10px;margin-bottom:10px}.metric-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--active-bg)}.metric-value{text-shadow:0 2px 6px rgba(0,0,0,.25)}.metric-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;background:var(--hover-bg)}.metric-value{font-size:1.6rem;font-weight:800}.metric-label{color:var(--text-secondary);font-weight:500}.metric-bar{height:8px;border-radius:999px;background:var(--hover-bg);overflow:hidden}.metric-fill{height:100%;border-radius:999px}@media (max-width: 900px){.metrics-grid{grid-template-columns:1fr}}@media (max-width: 900px){.stats-two-col{grid-template-columns:1fr}.bar-chart{margin-top:0}}button{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;border:none;background:none;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;margin:0;padding:0;border:none;background:none}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width: 640px){html{font-size:14px}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.25rem}}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.admin-layout{display:flex;min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}.admin-sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;height:100vh;left:0;top:0;z-index:1000}.sidebar-header{padding:24px 20px;border-bottom:1px solid var(--border-color)}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.sidebar-nav{flex:1;padding:20px 0;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:var(--text-secondary);text-decoration:none;transition:all .3s ease;position:relative}.nav-item:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-item.active{background:var(--active-bg);color:var(--primary-color);font-weight:600}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--primary-gradient);border-radius:0 4px 4px 0}.nav-item .icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px}.nav-item .label{font-size:.95rem;font-weight:500}.sidebar-footer{padding:20px;border-top:1px solid var(--border-color)}.theme-toggle{width:100%;height:50px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:25px;position:relative;cursor:pointer;overflow:hidden;transition:all .3s ease}.theme-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.theme-toggle .sky{position:absolute;inset:0;background:linear-gradient(135deg,#87ceeb,#98d8e8);transition:all .3s ease}.theme-toggle .cloud{position:absolute;top:8px;left:20px;width:20px;height:8px;background:#fff;border-radius:10px;opacity:.8;transition:all .3s ease}.theme-toggle .cloud:before{content:"";position:absolute;top:-4px;left:4px;width:12px;height:8px;background:#fff;border-radius:8px}.theme-toggle .cloud:after{content:"";position:absolute;top:-2px;right:4px;width:8px;height:6px;background:#fff;border-radius:6px}.theme-toggle .stars{position:absolute;top:8px;right:20px;width:20px;height:20px;background:radial-gradient(circle,#FFD700 2px,transparent 2px);background-size:8px 8px;opacity:0;transition:all .3s ease}.theme-toggle .hills{position:absolute;bottom:0;left:0;right:0;height:15px;background:linear-gradient(135deg,#228b22,#32cd32);border-radius:0 0 25px 25px;transition:all .3s ease}.theme-toggle .knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:30px;height:30px;background:var(--card-bg);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:2}html.dark .theme-toggle .sky{background:linear-gradient(135deg,#1a1a2e,#16213e)}html.dark .theme-toggle .cloud{opacity:0}html.dark .theme-toggle .stars{opacity:1}html.dark .theme-toggle .hills{background:linear-gradient(135deg,#0f3460,#1a1a2e)}html.dark .theme-toggle .knob{transform:translate(-50%,-50%) translate(60px)}.admin-main{flex:1;margin-left:260px;display:flex;flex-direction:column}.admin-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:20px 32px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-title{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0}.header-right{display:flex;align-items:center;gap:16px}.user-info{display:flex;align-items:center;gap:12px}.user-name{font-weight:600;color:var(--text-primary)}.user-avatar{width:40px;height:40px;background:var(--primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.1rem}.admin-content{flex:1;padding:32px;overflow-y:auto}@media (max-width: 768px){.admin-sidebar{transform:translate(-100%);transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.admin-content{padding:20px}}:root{--bg-primary: #f8fafc;--text-primary: #1e293b;--text-secondary: #64748b;--sidebar-bg: #ffffff;--card-bg: #ffffff;--border-color: #e2e8f0;--hover-bg: #f1f5f9;--active-bg: #f0f9ff;--primary-color: #3b82f6;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05)}html.dark{--bg-primary: #0f172a;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--sidebar-bg: #1e293b;--card-bg: #1e293b;--border-color: #334155;--hover-bg: #334155;--active-bg: #1e40af;--primary-color: #60a5fa}.customer-layout{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary)}.customer-header{background:var(--card-bg);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.header-container{max-width:1400px;margin:0 auto;padding:16px 32px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:1.5rem;font-weight:800;color:var(--text-primary)}.logo-icon{font-size:2rem}.logo-text{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.desktop-nav{display:flex;align-items:center;gap:8px;flex:1}.nav-link{display:flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.nav-link:hover{background:var(--hover-bg);color:var(--text-primary)}.nav-link.active{background:var(--active-bg);color:var(--primary-color);font-weight:600}.nav-badge{min-width:20px;height:20px;background:var(--primary-gradient);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;padding:0 6px}.header-actions{display:flex;align-items:center;gap:12px}.action-btn{width:40px;height:40px;border-radius:10px;background:var(--hover-bg);border:none;color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:var(--active-bg);transform:translateY(-2px)}.theme-toggle-btn{background:var(--primary-gradient);color:#fff}.btn-primary{background:var(--primary-gradient);color:#fff;border:none;padding:10px 20px;border-radius:10px;font-weight:600;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:8px;transition:all .3s ease}.user-menu-wrapper{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--primary-gradient);color:#fff;border:none;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease}.user-avatar:hover{transform:scale(1.1);box-shadow:var(--shadow-lg)}.user-avatar.large{width:50px;height:50px;font-size:1.3rem}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-xl);min-width:280px;padding:12px;z-index:1001}.user-info{display:flex;align-items:center;gap:12px;padding:12px}.user-details{flex:1}.user-name{font-weight:600;color:var(--text-primary);margin-bottom:4px}.user-email{font-size:.9rem;color:var(--text-secondary)}.dropdown-divider{height:1px;background:var(--border-color);margin:8px 0}.dropdown-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:8px;color:var(--text-primary);text-decoration:none;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;background:none;width:100%;text-align:left}.dropdown-item:hover{background:var(--hover-bg)}.dropdown-item.logout{color:#ef4444}.dropdown-item.logout:hover{background:#ef44441a}.mobile-menu-toggle{display:none;width:40px;height:40px;border-radius:10px;background:var(--hover-bg);border:none;color:var(--text-primary);align-items:center;justify-content:center;cursor:pointer}.mobile-nav{display:none;flex-direction:column;gap:4px;padding:16px;border-top:1px solid var(--border-color)}.mobile-nav-link{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;position:relative}.mobile-nav-link:hover{background:var(--hover-bg);color:var(--text-primary)}.mobile-nav-link.active{background:var(--active-bg);color:var(--primary-color);font-weight:600}.customer-main{flex:1;min-height:calc(100vh - 200px)}.customer-footer{position:relative;z-index:10;background:var(--card-bg);border-top:1px solid var(--border-color);margin-top:60px;padding:48px 0 20px}.footer-container{max-width:1400px;margin:0 auto;padding:0 32px}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:32px}.footer-section{display:flex;flex-direction:column;gap:12px}.footer-title{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0 0 8px}.footer-description{color:var(--text-secondary);line-height:1.6;margin:0}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.footer-links li{display:block;width:100%;line-height:1.3}.footer-links a{color:var(--text-secondary);text-decoration:none;transition:all .3s ease;font-size:.9rem;line-height:1.4;display:block;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.footer-links a:hover{color:var(--primary-color);transform:translate(4px)}.footer-contact{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;color:var(--text-secondary)}.footer-contact strong{color:var(--text-primary)}.social-links{display:flex;gap:12px}.social-link{color:var(--text-secondary);text-decoration:none;padding:8px 16px;border-radius:8px;background:var(--hover-bg);transition:all .3s ease;font-size:.9rem;font-weight:500}.social-link:hover{background:var(--active-bg);color:var(--primary-color);transform:translateY(-2px)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border-color);flex-wrap:wrap;gap:16px}.copyright{color:var(--text-secondary);margin:0;font-size:.9rem}.payment-methods{display:flex;align-items:center;gap:12px;color:var(--text-secondary);font-size:.9rem}.overlay{position:fixed;inset:0;background:#0000004d;z-index:999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@media (max-width: 1024px){.desktop-nav{display:none}.mobile-menu-toggle,.mobile-nav{display:flex}}@media (max-width: 768px){.header-container{padding:12px 20px}.logo{font-size:1.25rem}.logo-icon{font-size:1.5rem}.footer-container{padding:0 20px}.footer-grid{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;text-align:center}.payment-methods{flex-direction:column;gap:8px}}@media (max-width: 480px){.header-actions{gap:8px}.action-btn{width:36px;height:36px}.user-avatar{width:36px;height:36px;font-size:1rem}.btn-primary{padding:8px 16px;font-size:.9rem}}.admin-dashboard{min-height:100vh;background:var(--bg);color:var(--text);transition:all .3s ease;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.admin-dashboard.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.1);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.dashboard-content{padding:24px;display:flex;flex-direction:column;gap:24px}.dashboard-header{background:linear-gradient(135deg,#6e8bff1a,#22c55e1a,#f59e0b1a);border-radius:20px;padding:24px;margin-bottom:24px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1)}.shimmer-overlay{position:absolute;inset:0;overflow:hidden;pointer-events:none}.shimmer{position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);animation:shimmer 3s ease-in-out infinite;pointer-events:none}.dashboard-title{margin:0;font-size:2rem;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.dashboard-subtitle{margin:8px 0 0;color:var(--muted);font-size:1.1rem;position:relative;z-index:1}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.metric-card{position:relative;overflow:hidden;background:var(--card);border-radius:16px;padding:24px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease}.metric-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(110,139,255,.1),transparent);opacity:0;transition:all .3s ease}.metric-card:hover .metric-overlay{opacity:1}.metric-card h3{margin:0 0 6px;position:relative;z-index:1}.metric-number{font-size:28px;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:8px 0;position:relative;z-index:1}.sub{color:var(--muted);font-size:12px;position:relative;z-index:1}.metric-trend{display:inline-flex;align-items:center;gap:4px;font-size:.9rem;font-weight:600;padding:4px 8px;border-radius:20px;background:#22c55e1a;color:#86efac;margin-top:8px}.metric-description{font-size:.9rem;color:var(--muted);margin-top:8px}.metric-icon{position:absolute;top:20px;right:20px;opacity:.3;color:var(--primary)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.card{grid-column:span 4;background:var(--card);border-radius:var(--radius);padding:16px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(110,139,255,.05),transparent);opacity:0;transition:var(--transition);pointer-events:none}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#6e8bff4d}.card:hover:before{opacity:1}.recent-orders{position:relative}.recent-orders h3{font-size:1.2rem;font-weight:700;margin:0 0 20px;color:var(--text)}.table-wrap{background:var(--card);padding:14px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);transition:var(--transition)}.table-wrap:hover{box-shadow:var(--shadow-hover)}table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px}th,td{padding:12px 14px;text-align:left}thead th{background:#ffffff0d;font-size:12px;text-transform:uppercase;letter-spacing:.6px;color:var(--muted);cursor:pointer;position:sticky;top:0}tbody tr{transition:var(--transition)}tbody tr:nth-child(odd){background:#ffffff05}tbody tr:hover{background:linear-gradient(135deg,#6e8bff1a,#ffffff0d);transform:translateY(-2px)}.order-row{transition:all .3s ease;cursor:pointer}.order-row:hover{background:linear-gradient(135deg,#6e8bff1a,#ffffff0d)!important;transform:translate(8px)}.anime-showcase{position:relative;overflow:hidden;border-radius:16px}.anime-showcase h3{font-size:1.2rem;font-weight:700;margin:0 0 20px;color:var(--text)}.anime-slot{width:100%;min-height:200px;border-radius:12px;background:linear-gradient(135deg,#6e8bff33,#ffffff0a);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.2);color:var(--muted);font-weight:700;transition:var(--transition);position:relative;overflow:hidden}.anime-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(110,139,255,.1),transparent);opacity:0;transition:var(--transition);pointer-events:none}.anime-slot:hover{border-color:#6e8bff80;transform:translateY(-2px)}.anime-slot:hover:before{opacity:1}.glass-card{background:var(--card);border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a}.hover-lift{transition:all .3s ease}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.animate-gradient{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.animate-slide-up{animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.dashboard-content{padding:20px;gap:20px}.main-grid{grid-template-columns:1fr}.stats-grid,.additional-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.dashboard-content{padding:16px;gap:16px}.dashboard-title{font-size:1.5rem}.dashboard-subtitle{font-size:1rem}.stats-grid,.additional-stats{grid-template-columns:1fr}.metric-card{padding:20px}.metric-number{font-size:2rem}.stat-card{padding:16px}}@media (max-width: 480px){.dashboard-content{padding:12px;gap:12px}.dashboard-header{padding:20px}.dashboard-title{font-size:1.3rem}.metric-card{padding:16px}.metric-number{font-size:1.8rem}.stat-card{padding:12px}.stat-icon{width:40px;height:40px}}.dark .dashboard-header{background:linear-gradient(135deg,#6e8bff26,#22c55e26,#f59e0b26)}.dark .metric-card,.dark .anime-slot,.dark .stat-card{background:#ffffff0d;border-color:#ffffff1a}.light .dashboard-header{background:linear-gradient(135deg,#6e8bff14,#22c55e14,#f59e0b14)}.light .metric-card,.light .anime-slot,.light .stat-card{background:#fffc;border-color:#0000001a}.table-wrap{overflow-x:auto;max-width:100%}.modal-backdrop{position:fixed;top:0;left:0!important;right:0;bottom:0;background:#000c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:none;z-index:9998;padding:20px;overflow-y:auto}.modal-backdrop.show{display:flex;align-items:center;justify-content:center}.modal{width:min(1200px,96%)!important;max-width:none!important;margin:4px auto!important;box-sizing:border-box;position:relative;transform:none!important;background:var(--card)!important;border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 20px 40px #0000004d;isolation:isolate;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;min-height:80vh;display:flex;flex-direction:column}.modal .form{flex:1;padding:20px}.modal .modal-footer{background:#ffffff0d;border-top:1px solid rgba(255,255,255,.1);padding:16px 20px;border-radius:0 0 16px 16px;margin-top:auto}@media (max-width: 768px){.modal-backdrop{left:0;padding:10px}#modalAddProduct{width:100%!important}#modalAddProduct .form{grid-template-columns:1fr!important}}.modal-header{background:#ffffff0d;border-bottom:1px solid rgba(255,255,255,.1);padding:16px 20px;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;align-items:center}.modal-header h3{margin:0;color:var(--text);font-size:1.2rem;font-weight:600}.form-section{background:#ffffff1f!important;background-clip:padding-box;border-radius:12px;padding:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 2px 8px #0000001a}.form-section h4{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:8px;margin-bottom:12px}#mediaUploadArea{border:2px dashed rgba(255,255,255,.15);border-radius:16px;transition:all .3s ease;background:#ffffff0f!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}#mediaUploadArea:hover{border-color:#6e8bff66;background:#6e8bff0d!important;transform:translateY(-2px);box-shadow:0 8px 25px #6e8bff26}#mediaUploadArea.dragover{border-color:#6e8bff;background:#6e8bff1a!important;transform:scale(1.02) translateY(-2px);box-shadow:0 12px 35px #6e8bff40}.media-preview-item{position:relative;width:160px;height:160px;border-radius:12px;overflow:hidden;border:2px solid rgba(255,255,255,.1);background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.media-preview-item:hover{transform:translateY(-4px);box-shadow:0 8px 25px #0003;border-color:#6e8bff4d}.media-preview-item img,.media-preview-item video{width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}.media-preview-item .media-type-badge{position:absolute;top:6px;left:6px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:500}.media-preview-item .remove-media{position:absolute;top:6px;right:6px;background:linear-gradient(135deg,#ef4444e6,#dc2626e6);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 12px #ef44444d}.media-preview-item .remove-media:hover{background:linear-gradient(135deg,#ef4444,#dc2626);transform:scale(1.1);box-shadow:0 6px 20px #ef444466}.media-preview-item .set-primary{position:absolute;bottom:6px;left:6px;background:#22c55ee6;color:#fff;border:none;border-radius:12px;padding:4px 8px;font-size:.7rem;cursor:pointer;transition:all .2s}.media-preview-item .set-primary:hover{background:#22c55e}.media-preview-item.primary{border-color:#22c55e;box-shadow:0 0 0 2px #22c55e4d}.filter-btn{transition:all .3s ease;border-radius:20px;padding:8px 16px;font-size:.9rem}.filter-btn.active{background:linear-gradient(135deg,#6e8bff,#4f46e5);color:#fff;box-shadow:0 4px 12px #6e8bff4d}.filter-btn:hover:not(.active){background:#6e8bff1a;border-color:#6e8bff4d}.status-badge{padding:4px 12px;border-radius:12px;font-size:.8rem;font-weight:500;text-transform:uppercase}.status-pending{background:#f59e0b33;color:#f59e0b}.status-processing{background:#3b82f633;color:#3b82f6}.status-shipped{background:#22c55e33;color:#22c55e}.status-completed{background:#10b98133;color:#10b981}.status-cancelled{background:#ef444433;color:#ef4444}#modalAddProduct-backdrop{display:none!important}#modalAddProduct-backdrop.show{display:flex!important}.inventory-status{padding:2px 6px;border-radius:8px;font-size:.6rem;font-weight:500;text-transform:uppercase}.inventory-status.in-stock{background:#22c55e33;color:#22c55e}.inventory-status.low-stock{background:#f59e0b33;color:#f59e0b}.inventory-status.out-of-stock{background:#ef444433;color:#ef4444}.inventory-status.preorder{background:#9333ea33;color:#9333ea}.stock-level{display:inline-flex;align-items:center;gap:3px;padding:2px 4px;border-radius:4px;font-size:.65rem;font-weight:500}.stock-level.high{background:#22c55e1a;color:#22c55e}.stock-level.medium{background:#f59e0b1a;color:#f59e0b}.stock-level.low{background:#ef44441a;color:#ef4444}.stock-level.empty{background:#6b72801a;color:#6b7280}.product-image{width:32px;height:32px;object-fit:cover;border-radius:4px;border:1px solid rgba(255,255,255,.1)}.action-buttons{display:flex;gap:1px}.action-buttons .btn{padding:1px 4px;font-size:.6rem;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center}.tab-navigation{margin-bottom:20px;border-bottom:2px solid rgba(255,255,255,.1)}.tab-buttons{display:flex;gap:0}.tab-btn{padding:12px 24px;background:transparent;border:none;color:var(--muted);border-bottom:2px solid transparent;cursor:pointer;font-weight:500;transition:all .3s ease;font-size:.95rem}.tab-btn:hover{color:var(--text);background:#ffffff0d}.tab-btn.active{color:var(--text);border-bottom-color:#6e8bff;background:#6e8bff1a}.tab-content{display:none}.tab-content.active{display:block}html.light .tab-btn{color:#64748b}html.light .tab-btn:hover{color:#1e293b;background:#0000000d}html.light .tab-btn.active{color:#1e293b;border-bottom-color:#3b82f6;background:#3b82f61a}html.light .tab-navigation{border-bottom-color:#e2e8f0}select.btn.ghost{background:#ffffff1a!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.2)!important}select.btn.ghost option{background:#1a1a1a!important;color:#fff!important;padding:8px 12px!important}html.light select.btn.ghost{background:#0000000d!important;color:#1e293b!important;border:1px solid #e2e8f0!important}html.light select.btn.ghost option{background:#fff!important;color:#1e293b!important}input.btn.ghost{background:#ffffff1a!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.2)!important}input.btn.ghost::placeholder{color:var(--muted)!important}html.light input.btn.ghost{background:#0000000d!important;color:#1e293b!important;border:1px solid #e2e8f0!important}.modal .field input,.modal .field select,.modal .field textarea{background:#ffffff1a!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.2)!important}.modal .field input::placeholder,.modal .field textarea::placeholder,.modal input::placeholder,.modal textarea::placeholder,.modal select::placeholder{color:var(--muted)!important;opacity:.7!important}.modal .field select option{background:#1a1a1a!important;color:#fff!important;padding:8px 12px!important}html.light .modal .field input,html.light .modal .field select,html.light .modal .field textarea{background:#0000000d!important;color:#1e293b!important;border:1px solid #e2e8f0!important}html.light .modal .field input::placeholder,html.light .modal .field textarea::placeholder,html.light .modal input::placeholder,html.light .modal textarea::placeholder,html.light .modal select::placeholder{color:#64748b!important;opacity:.7!important}.modal textarea{background:#ffffff14!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;padding:12px!important;width:100%!important;box-sizing:border-box!important;min-height:120px!important}html.light .modal textarea{background:#0000000d!important;color:#1e293b!important;border:1px solid #e2e8f0!important}.modal textarea::placeholder{color:var(--muted)!important;opacity:.7!important}html.light .modal textarea::placeholder{color:#64748b!important;opacity:.7!important}.admin-inventory input::placeholder,.admin-inventory textarea::placeholder,.admin-inventory select::placeholder{color:var(--muted)!important;opacity:.7!important}html.light .admin-inventory input::placeholder,html.light .admin-inventory textarea::placeholder,html.light .admin-inventory select::placeholder{color:#64748b!important;opacity:.7!important}.modal input[type=text],.modal input[type=number],.modal input[type=email],.modal input[type=password],.modal select,.modal textarea{background:#ffffff14!important;color:var(--text)!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:8px!important;padding:12px!important;width:100%!important;box-sizing:border-box!important}html.light .modal input[type=text],html.light .modal input[type=number],html.light .modal input[type=email],html.light .modal input[type=password],html.light .modal select,html.light .modal textarea{background:#0000000d!important;color:#1e293b!important;border:1px solid #e2e8f0!important}html.light .modal{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 20px 40px #0000001a!important}html.light .modal .modal-footer{background:#f8fafc!important;border-top:1px solid #e2e8f0!important}html.light .modal-header{background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important}html.light .modal-header h3{color:#1e293b!important}html.light .form-section{background:#00000014!important;border:1px solid rgba(0,0,0,.15)!important;box-shadow:0 2px 8px #0000000d}html.light .form-section h4{color:#1e293b!important;border-bottom:1px solid rgba(0,0,0,.15)!important}html.light .field label{color:#374151!important}.modal-backdrop{position:fixed;inset:0;padding:20px;background:#0000008c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:opacity;transform:translateZ(0);overflow-y:auto}.modal{background-image:none!important;background-color:#0f172a!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transform:none!important;isolation:isolate;backface-visibility:hidden;will-change:auto;max-height:calc(100vh - 40px);overflow-y:auto}html.light .modal{background-image:none!important;background-color:#fff!important}.form-section{background-image:none!important;background-color:#ffffff1a!important}html.light .form-section{background-color:#0000000f!important}#mediaUploadArea{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.media-preview-item{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#ffffff0d}.modal{contain:paint layout}.stat-card{display:flex;align-items:center;gap:12px;padding:12px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.stat-number{font-size:1.5rem;font-weight:600;color:var(--text)}.stat-label{font-size:.8rem;color:var(--muted)}html.light .stat-card{background:#0000000d;border-color:#0000001a}.admin-inventory{padding:0}.admin-inventory .grid{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}.admin-inventory .card{grid-column:span 3;background:var(--card-gradient);border-radius:var(--radius);padding:16px;border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.admin-inventory .card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(110,139,255,.05),transparent);opacity:0;transition:var(--transition)}.admin-inventory .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);border-color:#6e8bff4d}.admin-inventory .card:hover:before{opacity:1}.admin-inventory .card h3{margin:0 0 6px;position:relative;z-index:1}.admin-inventory .card .metric{font-size:28px;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;z-index:1}.admin-inventory .card .sub{color:var(--muted);font-size:12px;position:relative;z-index:1}.admin-inventory .table-wrap{background:var(--card-gradient);padding:14px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);box-shadow:var(--shadow);transition:var(--transition)}.admin-inventory .table-wrap:hover{box-shadow:var(--shadow-hover)}.admin-inventory table{width:100%;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px}.admin-inventory th,.admin-inventory td{padding:6px 8px;text-align:left;font-size:.8rem}.admin-inventory thead th{background:#ffffff0d;font-size:10px;text-transform:uppercase;letter-spacing:.4px;color:var(--muted);cursor:pointer;position:sticky;top:0}.admin-inventory tbody tr{transition:var(--transition)}.admin-inventory tbody tr:nth-child(odd){background:#ffffff05}.admin-inventory tbody tr:hover{background:linear-gradient(135deg,#6e8bff1a,#ffffff0d);transform:translateY(-2px)}.admin-inventory .badge{padding:4px 8px;border-radius:12px;font-weight:700;font-size:12px;transition:var(--transition);background:transparent}.admin-inventory .badge.success{background:transparent;color:var(--accent)}.admin-inventory .badge.warn{background:transparent;color:var(--warning)}.admin-inventory .badge.danger{background:transparent;color:var(--danger)}.admin-inventory .badge.muted{background:transparent;color:var(--muted)}.admin-inventory .btn{display:inline-flex;align-items:center;gap:8px;background:var(--primary-gradient);color:#fff;border:none;padding:10px 14px;border-radius:12px;cursor:pointer;font-weight:700;line-height:1;box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.admin-inventory .btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:var(--transition)}.admin-inventory .btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.admin-inventory .btn:hover:before{opacity:1}.admin-inventory .btn:active{transform:translateY(0)}.admin-inventory .btn.secondary{background:linear-gradient(135deg,transparent 0%,rgba(255,255,255,.05) 100%);border:1px solid rgba(255,255,255,.2);color:var(--text)}.admin-inventory .btn.secondary:hover{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-color:#ffffff4d}.admin-inventory .btn.ghost{background:transparent;color:var(--text);border:none;box-shadow:none}.admin-inventory .btn.ghost:hover{background:#ffffff1a}.admin-inventory .btn.success{background:var(--accent-gradient)}.admin-inventory .btn.warning{background:var(--warning-gradient)}.admin-inventory .btn.danger{background:var(--danger-gradient)}.admin-inventory .actions{display:flex;align-items:center;gap:10px}.admin-inventory .modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.1)}.admin-inventory .modal-header h3{margin:0;font-size:1.2rem;font-weight:600}.admin-inventory .form{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}.admin-inventory .form[style*=gridTemplateColumns],.admin-inventory .form[style*=grid-template-columns]{grid-template-columns:1fr 1fr!important}.admin-inventory .form .field{grid-column:span 6;display:flex;flex-direction:column;gap:8px}.admin-inventory .form .field[style*="grid-column: span 2"]{grid-column:span 12}.admin-inventory .form .form-section{grid-column:span 12;max-width:none}.admin-inventory .form[style*=gridTemplateColumns] .form-section,.admin-inventory .form[style*=grid-template-columns] .form-section,.admin-inventory .add-product-form .form-section{grid-column:span 1}.admin-inventory .modal .form-section{width:100%;max-width:none}.admin-inventory .modal .form-section .field{margin-bottom:16px}.admin-inventory .modal .form-section:only-child{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important}.admin-inventory .modal .form-section:only-child .field{grid-column:span 1!important}.admin-inventory .modal .form-section:only-child .field:last-child{grid-column:span 2!important}.admin-inventory .modal .form-section:not(:only-child){display:block}.admin-inventory .modal .form[style*=gridTemplateColumns] .form-section{display:block!important}.admin-inventory label{font-size:12px;color:var(--muted);font-weight:700;letter-spacing:.5px}.admin-inventory input[type=text],.admin-inventory input[type=number],.admin-inventory input[type=date],.admin-inventory select,.admin-inventory textarea{background:linear-gradient(135deg,var(--panel) 0%,rgba(255,255,255,.05) 100%);border:1px solid rgba(255,255,255,.15);color:var(--text);border-radius:12px;padding:10px 12px;outline:none;transition:var(--transition)}.admin-inventory input[type=text]:focus,.admin-inventory input[type=number]:focus,.admin-inventory input[type=date]:focus,.admin-inventory select:focus,.admin-inventory textarea:focus{border-color:#6e8bff80;box-shadow:0 0 0 3px #6e8bff1a;transform:translateY(-1px)}.admin-inventory textarea{min-height:90px;resize:vertical}.admin-inventory .anime-slot{width:100%;height:180px;border-radius:12px;background:linear-gradient(135deg,#6e8bff33,#ffffff0a);display:flex;align-items:center;justify-content:center;border:1px dashed rgba(255,255,255,.2);color:var(--muted);font-weight:700;transition:var(--transition);position:relative;overflow:hidden}.admin-inventory .anime-slot:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(110,139,255,.1),transparent);opacity:0;transition:var(--transition)}.admin-inventory .anime-slot:hover{border-color:#6e8bff80;transform:translateY(-2px)}.admin-inventory .anime-slot:hover:before{opacity:1}.admin-inventory .anime-slot img{max-width:100%;max-height:100%;object-fit:cover;border-radius:12px;transition:var(--transition)}.admin-inventory .anime-slot:hover img{transform:translateY(-2px);opacity:.9}.admin-inventory .notification{position:fixed;top:20px;right:20px;background:var(--card-gradient);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:16px 20px;box-shadow:var(--shadow-hover);z-index:1000;transform:translate(400px);transition:transform .3s cubic-bezier(.4,0,.2,1);max-width:400px}.admin-inventory .notification.show{transform:translate(0)}.admin-inventory .notification.success{border-left:4px solid var(--accent)}.admin-inventory .notification.error{border-left:4px solid var(--danger)}.media-preview-item{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.2);background:transparent;z-index:1}.media-preview-item.primary{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f64d}.media-preview-item img,.media-preview-item video{width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;display:block;background:transparent}.media-type-badge{position:absolute;top:4px;left:4px;background:#000000b3;color:#fff;padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:600;z-index:10;pointer-events:none}.remove-media{position:absolute;top:4px;right:4px;background:#ef4444f2;color:#fff;border:none;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .2s ease;z-index:30;pointer-events:auto}.remove-media:hover{background:#ef4444;transform:scale(1.1)}.set-primary{position:absolute;bottom:4px;left:4px;right:4px;background:#3b82f6f2;color:#fff;border:none;border-radius:4px;padding:6px 8px;cursor:pointer;font-size:.7rem;font-weight:600;transition:all .2s ease;z-index:30;pointer-events:auto;text-align:center}.set-primary:hover{background:#3b82f6}.media-preview-item.primary .set-primary{background:#22c55ee6}.media-preview-item.primary .set-primary:hover{background:#22c55e}.anime-slot.dragover{border-color:#3b82f6!important;background:#3b82f61a!important;transform:scale(1.02)}.admin-inventory .notification.warning{border-left:4px solid var(--warning)}.admin-inventory .notification.info{border-left:4px solid var(--primary)}.admin-inventory .notification-title{font-weight:700;margin:0 0 4px;color:var(--text)}.admin-inventory .notification-message{margin:0;color:var(--muted);font-size:.9rem}@media (max-width: 980px){.admin-inventory .grid .card,.admin-inventory .form .field{grid-column:span 12}.admin-inventory .modal-backdrop{left:0;padding:10px}.admin-inventory #modalAddProduct{width:100%!important}.admin-inventory #modalAddProduct .form{grid-template-columns:1fr!important}}.admin-orders{max-width:100%;margin:0 auto;padding:0 16px}.stat-content{flex:1;min-width:0;overflow:hidden}.stat-value{font-size:1.4rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-break:break-word;overflow-wrap:break-word;line-height:1.2}.page-actions{display:flex;gap:12px;margin-bottom:24px}.btn-primary,.btn-secondary{display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none}.filter-group select option{background:var(--card-bg);color:var(--text-primary)}.bulk-actions{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--active-bg);border:1px solid var(--primary-color);border-radius:10px}.bulk-actions span{font-weight:600;color:var(--primary-color)}.orders-table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto;overflow-y:visible;max-width:100%;width:100%}.orders-table{width:100%;border-collapse:collapse;table-layout:fixed;min-width:1100px}.orders-table.tracking-table{table-layout:auto;min-width:960px}.orders-table.tracking-table th:nth-child(1){width:110px}.orders-table.tracking-table th:nth-child(2){width:170px}.orders-table.tracking-table th:nth-child(3){width:120px}.orders-table.tracking-table th:nth-child(4){width:140px}.orders-table.tracking-table th:nth-child(5){width:320px}.orders-table.tracking-table th:nth-child(6){width:150px}.orders-table.tracking-table th:nth-child(7){width:190px}.orders-table.tracking-table th:nth-child(8){width:150px}.orders-table th{padding:12px 10px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.orders-table th:nth-child(1){width:40px}.orders-table th:nth-child(2){width:120px}.orders-table th:nth-child(3){width:150px}.orders-table th:nth-child(4){width:180px}.orders-table th:nth-child(5){width:100px}.orders-table th:nth-child(6){width:120px}.orders-table th:nth-child(7){width:120px}.orders-table th:nth-child(8){width:100px}.orders-table th:nth-child(9){width:120px}.orders-table th:nth-child(10){width:180px}.orders-table tbody tr.selected{background:var(--active-bg)}.orders-table tbody tr:last-child{border-bottom:none}.orders-table td{padding:12px 10px;color:var(--text-primary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.orders-table.tracking-table td.location-cell{white-space:normal;line-height:1.35;max-width:320px;color:var(--text-primary)}.orders-table.tracking-table td.location-cell span{display:inline-block}.orders-table.tracking-table .tracking-code{display:inline-block;padding:4px 10px;border-radius:6px;background:var(--hover-bg);font-size:.85rem;letter-spacing:.4px;font-weight:600;text-transform:uppercase;max-width:80px;overflow:hidden;text-overflow:ellipsis}.empty-state p{font-size:.95rem;margin:0}.customer-info{display:flex;flex-direction:column;gap:2px;max-width:150px}.customer-name{font-weight:600;color:var(--text-primary);font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info{font-size:.8rem;color:var(--text-secondary);max-width:180px}.contact-info>div{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-info .phone{margin-top:2px}.payment-method{font-size:.85rem;padding:4px 8px;background:var(--hover-bg);border-radius:6px;display:inline-block}.status-badge.tracking-status{border-radius:999px;padding:6px 18px;font-size:.8rem;letter-spacing:.4px;text-transform:uppercase;color:#fff;box-shadow:0 12px 24px #3b82f626}.status-badge.tracking-status-preparing{background:linear-gradient(135deg,#fb923c,#f97316);box-shadow:0 12px 26px #f9731640}.status-badge.tracking-status-delivering{background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 12px 26px #3b82f64d}.status-badge.tracking-status-delivered{background:linear-gradient(135deg,#22c55e,#16a34a);box-shadow:0 12px 26px #22c55e40}.status-badge.tracking-status-cancelled{background:linear-gradient(135deg,#ef4444,#f87171);box-shadow:0 12px 26px #ef44444d}.status-cancelled{background:#ef44441a;color:#ef4444}.action-buttons{display:flex;gap:4px;flex-wrap:nowrap;justify-content:flex-start}.btn-icon{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.btn-icon.delete{color:#ef4444}.btn-icon.delete:hover{background:#ef44441a}.dark-select,.dark-input,.dark-textarea{background:var(--hover-bg)!important;color:var(--text-primary)!important;border:1px solid var(--border-color)!important;border-radius:8px!important}.dark-select option{background:var(--card-bg)!important;color:var(--text-primary)!important}.dark-input[type=datetime-local]{color-scheme:dark}.orders-table-container{position:relative}@media (max-width: 1400px){.orders-table{min-width:1100px}}@media (max-width: 1200px){.orders-table{min-width:1000px}.orders-table th,.orders-table td{padding:10px 8px;font-size:.85rem}.orders-table th:nth-child(2){width:100px}.orders-table th:nth-child(3){width:130px}.orders-table th:nth-child(4){width:160px}.orders-table th:nth-child(5){width:90px}.orders-table th:nth-child(6){width:110px}.orders-table th:nth-child(7){width:110px}.orders-table th:nth-child(8){width:90px}.orders-table th:nth-child(9){width:110px}.orders-table th:nth-child(10){width:160px}}@media (max-width: 768px){.stats-grid{grid-template-columns:1fr}.page-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%;justify-content:center}.filters-section{flex-direction:column;align-items:stretch}.search-box{min-width:100%}}.admin-preorder{max-width:100%;margin:0 auto;padding:0 16px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;padding:16px;display:flex;align-items:center;gap:12px;transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.stat-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.stat-card.blue .stat-icon{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-card.orange .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-card.green .stat-icon{background:linear-gradient(135deg,#10b981,#059669)}.stat-card.purple .stat-icon{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-content{flex:1;min-width:0}.stat-value{font-size:1.4rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.filters-section{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.search-box{flex:1;min-width:300px;display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px}.search-box input{flex:1;border:none;background:none;color:var(--text-primary);font-size:1rem;outline:none}.filter-group{display:flex;align-items:center;gap:8px;padding:12px 16px;background:var(--hover-bg);border:1px solid var(--border-color);border-radius:10px}.filter-group select{border:none;background:transparent;color:var(--text-primary);font-size:1rem;font-weight:500;cursor:pointer;outline:none}html.dark .filter-group select{color:var(--text-primary)!important}html.dark .filter-group svg{color:var(--text-primary);opacity:1}.orders-table-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;overflow-x:auto}.orders-table{width:100%;border-collapse:collapse;min-width:1000px}.orders-table thead{background:var(--hover-bg);border-bottom:1px solid var(--border-color)}.orders-table th{padding:12px 10px;text-align:left;font-weight:600;color:var(--text-secondary);font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.orders-table tbody tr{border-bottom:1px solid var(--border-color);transition:all .3s ease}.orders-table tbody tr:hover{background:var(--hover-bg)}.orders-table td{padding:12px 10px;color:var(--text-primary);font-size:.9rem}.empty-state{text-align:center;padding:60px 20px!important;color:var(--text-secondary)}.empty-state svg{opacity:.5;margin-bottom:16px}.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:12px 0 8px}.order-id{font-weight:600;color:var(--primary-color)}.customer-info{display:flex;flex-direction:column;gap:2px}.customer-name{font-weight:600;color:var(--text-primary)}.customer-phone{font-size:.8rem;color:var(--text-secondary)}.total-amount{font-weight:700;color:var(--text-primary)}.deposit-amount{font-weight:600;color:var(--warning-color)}.status-badge{padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:600;display:inline-block}.status-pending{background:#f59e0b1a;color:#f59e0b}.status-processing{background:#3b82f61a;color:#3b82f6}.status-completed{background:#10b9811a;color:#10b981}.action-buttons{display:flex;gap:4px;flex-wrap:nowrap}.btn-icon{width:28px;height:28px;border-radius:6px;border:1px solid var(--border-color);background:var(--card-bg);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-icon:hover{background:var(--hover-bg);color:var(--text-primary)}.modal-backdrop{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.modal{background:var(--card-bg);border-radius:12px;max-width:800px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color)}.modal-header h2{margin:0;font-size:1.5rem}.modal-header button{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.modal-content{padding:20px}.order-info-section,.customer-info-section,.products-section,.payment-section{margin-bottom:24px}.order-info-section h3,.customer-info-section h3,.products-section h3,.payment-section h3{margin-bottom:12px;font-size:1.1rem}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;padding:16px;background:var(--hover-bg);border-radius:8px}.products-list{display:flex;flex-direction:column;gap:12px}.product-item{padding:12px;background:var(--hover-bg);border-radius:8px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;align-items:center}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:10px;border:1px solid var(--border-color);border-radius:8px;background:var(--card-bg);color:var(--text-primary);font-size:1rem;outline:none}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--primary-color)}.form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:35px}html.dark .form-group select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23ccc' d='M6 9L1 4h10z'/%3E%3C/svg%3E");color:var(--text-primary)!important;background-color:var(--card-bg)!important}html.dark .form-group select option{background-color:var(--card-bg);color:var(--text-primary)}.form-group select option{background-color:var(--card-bg);color:var(--text-primary);padding:8px}.modal-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-color)}.btn-primary,.btn-secondary{padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;border:none;transition:all .3s ease}.btn-primary{background:var(--primary-gradient);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--card-bg);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--hover-bg)}.customer-home{min-height:100vh;background:transparent;color:var(--text-primary);transition:all .3s ease;position:relative;overflow-x:hidden}.home-video-bg{position:fixed;inset:0;width:100vw;height:100vh;object-fit:cover;z-index:0;pointer-events:none;background:var(--bg-primary)}.home-video-overlay{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 60% at 50% 20%,#ffffff14,#fff0 60%),linear-gradient(to bottom,#00000059,#0000008c)}.customer-home{position:relative;background:transparent;z-index:2}.customer-home .content-rail{position:relative;margin:0 auto;padding:24px 0;padding-bottom:50vh}.customer-home .content-rail:before{content:"";position:absolute;top:0;left:16px;right:16px;bottom:calc(50vh + 24px);border-radius:24px;background:#0a0c1473;backdrop-filter:blur(8px) saturate(130%);-webkit-backdrop-filter:blur(8px) saturate(130%);box-shadow:0 10px 40px #00000059 inset,0 2px 24px #00000040;z-index:0}.section,.card{position:relative;z-index:1}.section{background:#1014208c;backdrop-filter:blur(8px) saturate(120%);-webkit-backdrop-filter:blur(8px) saturate(120%);border:1px solid rgba(255,255,255,.06);border-radius:18px;box-shadow:0 8px 30px #00000040}.customer-home .container{position:relative;z-index:2}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.header,.navbar,.topbar{position:relative;z-index:3}.topbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:var(--card-bg);border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100}.brand{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:700;color:var(--text-primary)}.mark{width:32px;height:32px;background:var(--primary-gradient);border-radius:8px;position:relative}.mark:after{content:"🎌";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px}.sub{font-size:.9rem;color:var(--text-secondary);font-weight:500}.actions{display:flex;align-items:center;gap:16px}.toggle{position:relative;width:60px;height:30px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:15px;cursor:pointer;transition:all .3s ease;overflow:hidden}.toggle:hover{transform:scale(1.05)}.sky{position:absolute;inset:0;background:linear-gradient(135deg,#87ceeb,#98d8e8);transition:all .3s ease}.dark .sky{background:linear-gradient(135deg,#1a1a2e,#16213e)}.cloud{position:absolute;background:#fff;border-radius:50%;opacity:.8;transition:all .3s ease}.cloud.c1{width:12px;height:8px;top:6px;left:8px}.cloud.c2{width:10px;height:6px;top:8px;left:16px;transform:scale(var(--s, 1))}.cloud.c3{width:8px;height:5px;top:7px;left:24px;transform:scale(var(--s, 1))}.stars{position:absolute;top:4px;right:8px;width:8px;height:8px;background:#fbbf24;border-radius:50%;opacity:0;transition:all .3s ease}.dark .stars{opacity:1}.hills{position:absolute;bottom:0;left:0;right:0;height:8px;background:linear-gradient(90deg,#228b22,#32cd32);border-radius:0 0 15px 15px;opacity:0;transition:all .3s ease}.dark .hills{opacity:1}.knob{position:absolute;top:2px;left:2px;width:24px;height:24px;background:#fff;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 4px #0003}.dark .knob{transform:translate(30px)}.btn{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border:none;border-radius:8px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn.secondary{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;font-weight:600;box-shadow:0 4px 12px #f59e0b4d;transition:all .3s ease}.btn.secondary:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 16px #f59e0b66}.btn.large{padding:14px 28px;font-size:1.1rem}.btn.ghost{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.btn.ghost:hover{background:var(--bg-secondary)}.btn.large{padding:16px 32px;font-size:1.1rem;font-weight:700;border-radius:12px}.tabs{display:flex;background:var(--card-bg);border-bottom:1px solid var(--border-color);padding:0 24px;overflow-x:auto}.tab{display:flex;align-items:center;gap:8px;padding:16px 20px;color:var(--text-secondary);text-decoration:none;font-weight:500;transition:all .3s ease;white-space:nowrap;border-bottom:2px solid transparent}.tab:hover,.tab.active{color:var(--primary);border-bottom-color:var(--primary);background:var(--bg-secondary)}.hero-banner{position:relative;height:300px;border-radius:20px;overflow:hidden;margin-bottom:32px}.banner-container,.banner-image{position:relative;width:100%;height:100%}.banner-img{width:100%;height:100%;object-fit:cover}.hero-section{position:relative}.hero-section.glass-card{background:#141826d9;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%);border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 60px #0006}.hero-section.glass-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#667eea,#764ba2,#f093fb);border-radius:20px 20px 0 0}.hero-split-layout{display:grid;grid-template-columns:1fr 400px;gap:48px;align-items:flex-start}.hero-content{display:flex;flex-direction:column;gap:28px;padding-top:8px}.hero-title{font-size:3.2rem;font-weight:900;line-height:1.2;margin:0 0 8px;background:linear-gradient(135deg,#a78bfa,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 30px rgba(167,139,250,.3)}.hero-subtitle{font-size:1.15rem;line-height:1.7;color:#e2e8f0;margin:0 0 12px;font-weight:400;max-width:580px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:4px}.hero-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px}.feature-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .3s ease}.feature-item:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.hero-product-preview{background:#141826bf;-webkit-backdrop-filter:blur(15px) saturate(160%);backdrop-filter:blur(15px) saturate(160%);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0000004d;position:sticky;top:20px}.preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.preview-header h3{font-size:1.2rem;font-weight:700;margin:0;color:var(--text-primary)}.preview-link{font-size:.9rem;color:var(--primary);text-decoration:none;font-weight:600;transition:all .3s ease}.preview-link:hover{color:var(--primary-600);transform:translate(2px)}.preview-products{display:flex;flex-direction:column;gap:12px}.preview-product{display:flex;gap:12px;padding:12px;background:linear-gradient(to right,#bf953f,#fcf6ba,#b38728,#fbf5b7,#aa771c);background-size:200% 200%;border-radius:12px;border:1px solid rgba(121,103,3,.4);transition:all .3s ease;cursor:pointer;position:relative;z-index:1;box-shadow:0 4px 12px #00000040,0 2px 4px #00000026}.preview-product:hover{transform:translateY(-3px) scale(1.01);box-shadow:0 8px 24px #00000059,0 4px 8px #0003;animation:gradient 5s ease infinite;background-position:right;border-color:#79670399}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.preview-image{position:relative;width:60px;height:60px;border-radius:8px;overflow:hidden;flex-shrink:0;background:#0000001a}.preview-image img{width:100%;height:100%;object-fit:cover;filter:brightness(1.1)}.preview-badge{position:absolute;top:-4px;right:-4px;font-size:.7rem;font-weight:700;padding:4px 8px;border-radius:12px;z-index:2}.preview-badge.new{background:var(--warning);color:#fff}.preview-badge.limited{background:var(--danger);color:#fff}.preview-badge.hot{background:var(--accent);color:#fff}.preview-badge.sale{background:var(--success);color:#fff}.preview-badge.preorder{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 6px #f59e0b4d}.preview-info{flex:1;min-width:0}.preview-info h4{font-size:.9rem;font-weight:700;margin:0 0 4px;color:#1a1a1a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 2px rgba(255,255,255,.8)}.preview-series{font-size:.8rem;color:#2d2d2d;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 1px rgba(255,255,255,.6);font-weight:500}.preview-price{display:flex;align-items:center;gap:6px;margin-bottom:4px}.preview-price .current-price{color:#22c55e;font-weight:800}.preview-price .original-price{color:var(--text-secondary);text-decoration:line-through;font-size:.85rem}.preview-price .discount-chip{background:var(--danger);color:#fff;padding:2px 6px;border-radius:6px;font-size:.75rem;font-weight:700}.product-card .current-price{background:none!important;-webkit-background-clip:unset!important;background-clip:unset!important;-webkit-text-fill-color:unset!important;color:#a78bfa!important;font-size:1.35rem;font-weight:800;line-height:1}.product-card .original-price{color:#ffffff8c;font-size:.95rem;text-decoration:line-through}.section-title{font-size:2rem;font-weight:700;margin:0 0 32px;color:var(--text-primary)}.section-subtitle{margin:-20px 0 24px;color:var(--text-secondary)}.stat-item{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.stat-icon{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;background:var(--bg-tertiary)}.stat-content{flex:1}.stat-value{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:4px}.stat-label{font-size:.9rem;color:var(--text-secondary)}.benefits-header{text-align:left}.benefits-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.benefit-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;padding:20px}.benefit-head{display:flex;align-items:center;justify-content:space-between}.benefit-icon{width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.benefit-kpi{font-size:1.6rem;font-weight:900}.benefit-title{margin-top:8px;font-weight:700}.benefit-desc{color:var(--text-secondary);font-size:.95rem;margin-top:4px}.benefit-progress{margin-top:12px;height:8px;border-radius:999px;background:var(--bg-tertiary);overflow:hidden}.benefit-bar{height:100%;border-radius:999px}.featured-products{position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.section-link{color:var(--primary);text-decoration:none;font-weight:600;transition:all .3s ease}.section-link:hover{color:var(--primary-600);transform:translate(2px)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:32px}.product-card{background:#121624c7;backdrop-filter:blur(6px) saturate(120%);-webkit-backdrop-filter:blur(6px) saturate(120%);border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:visible;box-shadow:0 10px 24px #00000047;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;position:relative;display:flex;flex-direction:column;height:100%;filter:drop-shadow(0 10px 20px rgba(0,0,0,.35))}.product-card:hover{transform:translateY(-3px);border-color:#78a0ff59;box-shadow:0 16px 32px #00000059,0 0 0 6px #78a0ff1a}.product-card .product-image,.product-card .product-image-main{border-radius:12px;overflow:hidden;box-shadow:0 6px 18px #00000040}.product-card .product-image-main img{filter:contrast(105%) saturate(110%)}.product-card .product-title{color:#e8ebff;font-weight:700}.product-card .current-price{color:#9ad96f!important;font-weight:700}.product-image{position:relative;width:100%;min-height:400px;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6e8bff1a,#22c55e1a,#f59e0b1a);overflow:hidden;isolation:isolate;padding:8px;box-sizing:border-box;border-radius:16px 16px 0 0}.product-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:72px;background:linear-gradient(to bottom,#0000,#0c0c12bf);z-index:2;pointer-events:none}.product-image-bg{position:absolute;inset:0;overflow:hidden;z-index:0;background:#000}.product-image-bg:before{content:"";position:absolute;inset:0;background-image:var(--bg-image);background-size:cover;background-position:center;filter:blur(14px) brightness(.68)!important;transform:scale(1.08);z-index:0;transition:filter .3s ease}.product-image-bg:after{content:"";position:absolute;inset:0;background:#0003;z-index:1}.product-image-main{position:relative;width:calc(100% - 16px);height:calc(100% - 16px);object-fit:contain;object-position:center;display:block;transition:all .3s ease;z-index:3;filter:drop-shadow(0 4px 12px rgba(0,0,0,.4))}.product-card:hover .product-image-main{transform:scale(1.04);filter:drop-shadow(0 6px 16px rgba(0,0,0,.55))}.product-card:hover .product-image-bg:before{filter:blur(12px) brightness(.74)!important}.product-badge{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:6!important;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}.badge.sale{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge.preorder{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.badge.hot{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge.new{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.discount{background:var(--accent-gradient);color:#fff;padding:4px 8px;border-radius:6px;font-size:.75rem;font-weight:600;white-space:nowrap}.product-info{padding:16px 18px;display:flex;flex-direction:column;gap:4px;flex:0 0 auto;background:#10121b99!important;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:0;opacity:1!important;visibility:visible!important;z-index:10;border-radius:0 0 16px 16px;position:relative}.product-info:before{content:"";position:absolute;top:-20px;left:0;right:0;height:20px;background:linear-gradient(to bottom,#0000,#10121b99);pointer-events:none;z-index:-1}.customer-home.light .product-info:before{background:linear-gradient(to bottom,#0000,#fffc)}.customer-home.light .product-info{background:#fffc;border-top:1px solid rgba(0,0,0,.1)}.product-series{font-size:.75rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin:0;opacity:.85}.product-title{font-size:.95rem;font-weight:700;color:var(--text-primary);margin:0 0 4px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.4em}.product-rating{display:flex;align-items:center;gap:8px;margin-bottom:12px}.stars{display:flex;gap:2px}.rating-text{font-size:.8rem;color:var(--text-secondary)}.product-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:nowrap;margin-top:8px}.stock-status{display:flex;align-items:center;gap:16px;margin-bottom:16px}.badge.success{background:var(--success);color:#fff}.badge.warn{background:var(--warning);color:#fff}.badge.error{background:var(--danger);color:#fff}.add-to-cart{width:100%;justify-content:center}.preorder-highlight{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border:2px solid rgba(245,158,11,.3)}.preorder-content{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.preorder-text h2{font-size:2rem;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.preorder-text p{font-size:1.1rem;color:var(--text-secondary);margin:0 0 24px;line-height:1.6}.preorder-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.testimonials-section{text-align:center}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.testimonial-card{background:var(--card-bg);border-radius:16px;padding:24px;border:1px solid var(--border-color);transition:all .3s ease}.testimonial-card:hover{background:var(--bg-secondary);transform:translateY(-4px)}.testimonial-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.testimonial-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.testimonial-info h4{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.testimonial-info p{font-size:.9rem;color:var(--text-secondary);margin:0}.testimonial-rating{margin-left:auto}.testimonial-comment{font-size:1rem;line-height:1.6;color:var(--text-primary);font-style:italic;margin:0}.section-footer{text-align:center}.footer-content{display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-bottom:32px}.footer-brand{text-align:left}.footer-brand .brand{font-size:1.5rem;margin-bottom:8px}.footer-brand p{color:var(--text-secondary);margin:0}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.link-group h4{font-size:1rem;font-weight:600;margin:0 0 16px;color:var(--text-primary)}.link-group a{display:block;color:var(--text-secondary);text-decoration:none;margin-bottom:8px;transition:all .3s ease}.link-group a:hover{color:var(--primary);transform:translate(4px)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border-color)}.footer-bottom p{color:var(--text-secondary);margin:0}@media (max-width: 1024px){.hero-split-layout{grid-template-columns:1fr;gap:24px}.hero-product-preview{order:-1}.preorder-content{grid-template-columns:1fr;text-align:center}.footer-content{grid-template-columns:1fr;gap:32px}.footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:16px;gap:24px}.glass-card{padding:20px}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column}.hero-features,.stats-container,.product-grid{grid-template-columns:1fr}.product-image{min-height:320px}.product-card .current-price{font-size:1.2rem}.testimonials-grid,.footer-links{grid-template-columns:1fr}.tabs{padding:0 16px}.tab{padding:12px 16px}}@media (max-width: 480px){.topbar{padding:12px 16px}.brand{font-size:1.2rem}.actions{gap:8px}.btn{padding:6px 12px;font-size:.8rem}.btn.large{padding:12px 24px;font-size:1rem}.hero-title,.section-title{font-size:1.5rem}.preview-product{flex-direction:column;text-align:center}.preview-image{width:80px;height:80px;margin:0 auto}}.customer-home .product-card{position:relative;overflow:hidden;border-radius:16px}.customer-home .product-card:before{content:"";position:absolute;left:12px;right:12px;bottom:12px;height:clamp(140px,38%,240px);background:#10121b94;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:16px;box-shadow:inset 0 1px #ffffff0f;z-index:1}.customer-home .product-image{padding:0;min-height:360px;background:transparent;border-radius:16px 16px 0 0;z-index:2}.customer-home .product-image-bg,.customer-home .product-image-bg:before,.customer-home .product-image-bg:after{display:none!important}.customer-home .product-image-main{position:relative;z-index:3;transform:translateY(0);transition:transform .25s ease,filter .25s ease;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5));margin-bottom:-20px}.customer-home .product-info{position:relative;z-index:4;background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-top:0;margin-top:0;padding:22px 20px 20px}.customer-home .product-badge{z-index:6!important}.customer-home .product-price{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:10px}.customer-home .product-card .current-price{background:#a78bfa29;color:#c4b5fd;font-weight:800;font-size:1.25rem;line-height:1;padding:8px 12px;border-radius:10px;border:1px solid rgba(167,139,250,.28)}.customer-home .product-card .original-price{color:#ffffff8c;text-decoration:line-through;font-size:.95rem}.customer-home .product-card:hover .product-image-main{transform:translateY(-2px) scale(1.02)}@media (max-width: 768px){.customer-home .product-card:before{left:10px;right:10px;height:clamp(120px,42%,220px)}.customer-home .product-image{min-height:300px}.customer-home .product-image-main{margin-bottom:-16px}.home-video-bg{filter:brightness(.8) saturate(.9)}.customer-home .content-rail:before{inset:0 8px;border-radius:16px}}@media (prefers-reduced-motion: reduce){.home-video-bg{display:none}.home-video-overlay{background:#0000008c}}.preorder-content{display:flex;flex-direction:column;gap:24px}.preorder-text{text-align:center;margin-bottom:0}.preorder-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:20px;align-items:stretch}.preorder-grid .product-card{height:100%;display:flex;flex-direction:column}.preorder-grid .product-image{min-height:280px;flex-shrink:0}.preorder-grid .product-info{flex:1;display:flex;flex-direction:column}@media (max-width: 1024px){.preorder-grid{grid-template-columns:1fr}}.preorder-highlight .preorder-content{display:grid!important;grid-template-columns:1fr!important;gap:24px;align-items:stretch}.preorder-highlight .preorder-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:20px;align-items:stretch}@media (max-width: 1024px){.preorder-highlight .preorder-grid{grid-template-columns:1fr}}.quantity-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:20px}.quantity-modal-container{background:#0c1220f2;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:0 28px 70px #00000073,inset 0 1px #ffffff0f;border-radius:24px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto;position:relative}.quantity-modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.1)}.quantity-modal-title{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.quantity-modal-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.quantity-modal-close:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.quantity-modal-product{display:flex;gap:16px;padding:20px 28px;border-bottom:1px solid rgba(255,255,255,.1)}.quantity-modal-product-image{width:80px;height:80px;border-radius:12px;overflow:hidden;flex-shrink:0;background:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.quantity-modal-product-image img{width:100%;height:100%;object-fit:cover}.quantity-modal-product-info{flex:1;display:flex;flex-direction:column;gap:4px}.quantity-modal-product-name{font-size:1rem;font-weight:600;margin:0;color:var(--text-primary);line-height:1.4}.quantity-modal-product-series{font-size:.875rem;color:var(--text-secondary);margin:0}.quantity-modal-product-price{font-size:1.125rem;font-weight:700;color:var(--primary);margin-top:4px}.quantity-modal-content{padding:28px}.quantity-modal-label{display:block;font-size:.95rem;font-weight:600;color:var(--text-primary);margin-bottom:12px}.quantity-modal-max{font-size:.85rem;font-weight:400;color:var(--text-secondary);margin-left:8px}.quantity-input-group{display:flex;align-items:center;gap:12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:4px}.quantity-btn{width:44px;height:44px;border:none;background:#ffffff14;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-primary);flex-shrink:0}.quantity-btn:hover:not(:disabled){background:#ffffff26;transform:scale(1.05)}.quantity-btn:active:not(:disabled){transform:scale(.95)}.quantity-btn:disabled{opacity:.4;cursor:not-allowed}.quantity-input{flex:1;background:transparent;border:none;outline:none;text-align:center;font-size:1.25rem;font-weight:600;color:var(--text-primary);padding:12px 8px;min-width:0}.quantity-input::-webkit-inner-spin-button,.quantity-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.quantity-input[type=number]{-moz-appearance:textfield}.quantity-modal-total{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);background:#ffffff05}.quantity-modal-total-label{font-size:1rem;font-weight:600;color:var(--text-secondary)}.quantity-modal-total-price{font-size:1.5rem;font-weight:700;color:var(--primary)}.quantity-modal-actions{display:flex;gap:12px;padding:20px 28px}.quantity-modal-btn{flex:1;padding:14px 24px;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.quantity-modal-btn-cancel{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary)}.quantity-modal-btn-cancel:hover{background:#ffffff1a;color:var(--text-primary)}.quantity-modal-btn-confirm{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 12px #3b82f64d}.quantity-modal-btn-confirm:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.quantity-modal-btn-confirm:active:not(:disabled){transform:translateY(0)}.quantity-modal-btn-confirm:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 640px){.quantity-modal-container{max-width:100%;border-radius:20px}.quantity-modal-header,.quantity-modal-product,.quantity-modal-content,.quantity-modal-total,.quantity-modal-actions{padding-left:20px;padding-right:20px}.quantity-modal-title{font-size:1.1rem}.quantity-modal-product-image{width:60px;height:60px}.quantity-modal-total-price{font-size:1.25rem}}.product-card{background:#141826b8;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;transition:all .28s ease;position:relative;display:flex;flex-direction:column;height:100%;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);box-shadow:0 18px 40px #00000059,0 2px 8px #0003}html.light .product-card{background:#ffffffe0;border-color:#0000000f}.product-card:before{content:"";position:absolute;inset:-1px;border-radius:18px;padding:1px;background:linear-gradient(135deg,#667eeab3,#7c3aed99,#22c55e8c);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease;pointer-events:none}.product-card:hover{transform:translateY(-4px);box-shadow:0 26px 70px #00000073,0 8px 18px #0000004d;border-color:#7c3aed59}.product-card:hover:before{opacity:1}.product-card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background-image:radial-gradient(1px 1px at 10px 10px,#ffffff0f 0,#fff0),radial-gradient(1px 1px at 30px 25px,#ffffff0d 0,#fff0),radial-gradient(1px 1px at 25px 35px,#ffffff0a 0,#fff0);background-size:40px 40px;opacity:.45}.product-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%}.product-image-wrapper{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6e8bff1f,#22c55e1f,#f59e0b1f);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0d}.product-image{position:static;width:100%;height:100%;object-fit:contain;object-position:center;display:block;transition:all .3s ease}.product-card:hover .product-image{transform:scale(1.05);filter:drop-shadow(0 8px 18px rgba(0,0,0,.35))}.product-image-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(135deg,#6e8bff33,#22c55e33,#f59e0b33);border:2px dashed var(--border-color)}.placeholder-icon{font-size:4rem;opacity:.5}.placeholder-text{font-weight:600;color:var(--text-secondary);text-transform:uppercase;font-size:.9rem}.product-badges{position:absolute;top:12px;left:12px;display:flex;flex-direction:column;gap:6px;z-index:2}.badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.badge-new{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.badge-sale{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.badge-bestseller{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.badge-preorder{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.badge-out-of-stock{background:#475569e6;color:#fff}.badge-discount{background:linear-gradient(135deg,#3b82f6,#2563eb,#1d4ed8);color:#fff;border:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 2px 8px #3b82f666}.product-quick-actions{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;gap:8px;z-index:3;opacity:0;transition:opacity .3s ease}.product-card:hover .product-quick-actions{opacity:1}.quick-action-btn{width:36px;height:36px;border-radius:50%;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}html.dark .quick-action-btn{background:#1e293be6;border-color:#ffffff1a}.quick-action-btn:hover{background:var(--primary-gradient);color:#fff;transform:scale(1.1)}.quick-action-btn.active{background:#ef4444;color:#fff}.product-info{padding:16px;display:flex;flex-direction:column;gap:8px;flex:1}.product-series{font-size:.85rem;color:var(--text-secondary);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.product-name{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.8em}.product-rating{display:flex;align-items:center;gap:6px;font-size:.85rem}.rating-stars{display:flex;gap:2px}.rating-value{font-weight:600;color:var(--text-primary)}.rating-count{color:var(--text-secondary)}.product-pricing{margin:4px 0 8px}.product-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price-current{font-size:1.25rem;font-weight:800;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.price-original{font-size:.95rem;color:var(--text-secondary);text-decoration:line-through}.stock-warning{padding:6px 12px;border-radius:8px;background:#f59e0b1a;color:#f59e0b;font-size:.85rem;font-weight:600;text-align:center}.btn-add-to-cart{width:100%;padding:12px 16px;border-radius:10px;background:var(--primary-gradient);color:#fff;border:none;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;margin-top:0;min-height:44px}.btn-add-to-cart:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-add-to-cart.disabled{background:#94a3b8;cursor:not-allowed;transform:none}.btn-add-to-cart.disabled:hover{transform:none;box-shadow:none}.btn-add-to-cart.in-cart{background:linear-gradient(135deg,#10b981,#059669)}.card-actions{display:flex;flex-direction:row;gap:8px;margin-top:auto;padding:0 16px 16px;width:100%;box-sizing:border-box;position:relative;z-index:5;pointer-events:auto}.card-actions .btn-add-to-cart,.card-actions .btn-buy-now,.card-actions .btn-preorder{flex:1;min-width:0;width:auto;margin-top:0}.btn-buy-now{padding:12px 16px;border-radius:10px;background:var(--primary);color:#fff;border:none;font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;min-height:44px}.btn-buy-now:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);background:var(--primary-hover, var(--primary))}.btn-buy-now:disabled{background:#94a3b8;cursor:not-allowed;opacity:.5}.btn-buy-now:disabled:hover{transform:none;box-shadow:none}.btn-preorder{width:100%;padding:12px 16px;border-radius:10px;background:transparent;color:var(--primary);border:1px solid var(--primary);font-weight:600;font-size:.95rem;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:all .3s ease;min-height:44px}.btn-preorder:hover{background:#3b82f61f}@media (max-width: 768px){.product-quick-actions{opacity:1;transform:translate(0)}.quick-action-btn{width:32px;height:32px}.product-info{padding:12px}.product-name{font-size:1rem}.price-current{font-size:1.1rem}.btn-add-to-cart{padding:10px 16px;font-size:.9rem}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.product-card:hover .product-badges .badge{animation:pulse 2s ease-in-out infinite}.product-card.list{display:flex;flex-direction:row;align-items:stretch;gap:20px;padding:18px;min-height:200px;overflow:visible}.product-card.list .product-link{display:flex;flex-direction:row;align-items:stretch;width:100%;height:auto;gap:16px}.product-card.list .product-image-wrapper{width:200px;height:200px;min-width:200px;padding-top:0;flex-shrink:0;aspect-ratio:1 / 1}.product-card.list .product-image-wrapper .product-badges{display:none}.product-card:not(.list) .product-info .product-badges.product-info-badges{display:none}.product-card.list .product-image-wrapper .product-badges:not(.product-info-badges){display:none}.product-card.list .product-info{flex:1;padding:0;display:flex;flex-direction:column;justify-content:space-between;min-height:100%;overflow:visible;gap:0}.product-card.list .product-info .product-series{font-size:.95rem;color:var(--text-secondary);margin:0 0 6px;font-weight:500;order:1}.product-card.list .product-info .product-name{font-size:1.25rem;font-weight:700;line-height:1.4;margin:0 0 8px;color:var(--text-primary);order:2;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card.list .product-info .product-badges{position:static;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:6px;margin:0 0 8px;order:3}.product-card.list .product-info .product-rating{display:flex;align-items:center;justify-content:center;gap:6px;margin:auto 0 6px;order:3;font-size:.85rem}.product-card.list .product-info .product-pricing{margin:0;display:flex;align-items:baseline;justify-content:center;gap:10px;order:4}.product-card.list .product-info .stock-warning{order:5;margin-top:4px;font-size:.85rem}.product-card.list .product-quick-actions{display:none}.product-card.list .card-actions{display:flex;flex-direction:column;gap:8px;margin-top:0;padding:0;width:150px;min-width:150px;flex-shrink:0;align-items:stretch}.product-card.list .card-actions .btn-add-to-cart,.product-card.list .card-actions .btn-buy-now,.product-card.list .card-actions .btn-preorder{width:100%;margin:0;padding:10px 12px;font-size:.9rem;white-space:nowrap}@media (max-width: 768px){.product-card.list{flex-direction:column;text-align:center}.product-card.list .product-image-wrapper{width:100%;height:200px;padding-top:100%}}.customer-shop{min-height:100vh;background:transparent;color:var(--text-primary);transition:all .3s ease;position:relative}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:24px;padding:40px 20px}.loading-container p{font-size:1.1rem;color:var(--text-secondary);font-weight:500;margin-top:8px}.container{max-width:1400px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:32px;position:relative;z-index:2}.glass-card{border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.shop-header{text-align:center}.shop-title{font-size:3rem;font-weight:800;margin:0 0 16px;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.shop-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0;line-height:1.6}.stats-bar{text-align:center}.stats-bar.glass-card,.filter-section.glass-card{position:relative;background:#0c1220d1;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:0 28px 70px #00000073,inset 0 1px #ffffff0f;border-radius:22px}.stats-bar.glass-card:before,.filter-section.glass-card:before{content:"";position:absolute;inset:-1px;border-radius:22px;padding:1px;background:linear-gradient(135deg,#667eea8c,#7c3aed73,#22c55e66);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.9}.stats-bar.glass-card:after,.filter-section.glass-card:after{content:"";position:absolute;inset:0;border-radius:20px;background:radial-gradient(55% 35% at var(--mx, 10%) -10%,rgba(255,255,255,.12),transparent 60%),radial-gradient(50% 35% at calc(100% - var(--mx, 10%)) 120%,rgba(59,130,246,.14),transparent 60%);filter:blur(6px);pointer-events:none;animation:moveGlow 8s ease-in-out infinite alternate;opacity:.8}@keyframes moveGlow{0%{--mx: 10%;opacity:.6}to{--mx: 90%;opacity:.9}}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.stat-item:hover{background:var(--bg-tertiary);transform:translateY(-4px)}.stat-number{font-size:2rem;font-weight:700;margin-bottom:4px}.filter-section{display:flex;flex-direction:column;gap:24px}.filter-tabs{display:flex;flex-wrap:wrap;gap:32px;justify-content:center;align-items:center}.filter-section .filter-tabs{gap:32px!important}.filter-section .filter-tabs>*{margin:0!important;padding:0!important}.search-section{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:300px}.search-input{width:100%;padding:12px 16px 12px 48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.sort-controls{display:flex;gap:12px;align-items:center}.sort-select{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.9rem;cursor:pointer;transition:all .3s ease}.sort-select:focus{outline:none;border-color:var(--primary)}.view-controls{display:flex;gap:4px;background:var(--bg-secondary);border-radius:12px;padding:4px}.view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.view-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.view-btn.active{background:var(--primary);color:#fff}.products-section{display:flex;flex-direction:column;gap:24px}.products-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.products-title{font-size:1.8rem;font-weight:700;margin:0;color:var(--text-primary)}.products-count{font-size:.9rem;color:var(--text-secondary);background:var(--bg-secondary);padding:8px 16px;border-radius:20px;border:1px solid var(--border-color)}.product-grid{display:grid;gap:24px;transition:all .3s ease}.product-grid.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.product-grid.list{grid-template-columns:1fr}.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color)}.no-results-icon{font-size:4rem;margin-bottom:16px}.no-results h3{font-size:1.5rem;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.no-results p{font-size:1rem;color:var(--text-secondary);margin:0 0 24px}.pagination-section{display:flex;justify-content:center}.pagination{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:var(--bg-tertiary);transform:translateY(-2px)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease}.pagination-page:hover{background:var(--bg-tertiary)}.pagination-page.active{background:var(--primary);color:#fff;border-color:var(--primary)}.pagination-dots{padding:0 8px;color:var(--text-secondary)}@media (max-width: 1024px){.container{padding:20px;gap:24px}.glass-card{padding:24px}.shop-title{font-size:2.5rem}.stats-container{grid-template-columns:repeat(2,1fr)}.search-section{flex-direction:column;align-items:stretch}.search-input-wrapper{min-width:auto}.sort-controls{justify-content:space-between}}@media (max-width: 768px){.container{padding:16px;gap:20px}.glass-card{padding:20px}.shop-title{font-size:2rem}.shop-subtitle{font-size:1rem}.stats-container{grid-template-columns:repeat(2,1fr);gap:16px}.stat-item{padding:16px}.stat-number{font-size:1.5rem}.filter-tabs{justify-content:flex-start;overflow-x:auto;padding-bottom:8px;gap:32px!important}.filter-section .filter-tabs{gap:32px!important}.filter-tabs>*{margin:0!important;padding:0!important}.filter-section .filter-tabs>*{margin:0!important;padding:0!important}.product-grid.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.products-header{flex-direction:column;align-items:flex-start}.products-title{font-size:1.5rem}.pagination{flex-wrap:wrap;justify-content:center}.pagination-pages{order:-1;width:100%;justify-content:center;margin-bottom:16px}}@media (max-width: 480px){.container{padding:12px;gap:16px}.glass-card{padding:16px}.shop-title{font-size:1.8rem}.stats-container{grid-template-columns:1fr}.search-input{padding:10px 12px 10px 40px;font-size:.9rem}.search-icon{left:12px}.sort-select{padding:10px 12px;font-size:.8rem}.view-btn{width:32px;height:32px}.product-grid.grid{grid-template-columns:1fr}.products-title{font-size:1.3rem}.pagination-page{width:36px;height:36px;font-size:.9rem}.pagination-btn{padding:10px 16px;font-size:.8rem}}.dark .glass-card{background:#1e293ba6;border-color:#ffffff26;backdrop-filter:blur(25px) saturate(180%);-webkit-backdrop-filter:blur(25px) saturate(180%)}.dark .search-input,.dark .sort-select{background:#ffffff0d;border-color:#ffffff1a}.dark .view-controls{background:#ffffff0d}.dark .stat-item,.dark .no-results{background:#ffffff0d;border-color:#ffffff1a}.light .glass-card{background:#fffc;border-color:#0000001a;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%)}.light .search-input,.light .sort-select{background:#fffc;border-color:#0000001a}.light .view-controls{background:#fffc}.light .stat-item,.light .no-results{background:#fffc;border-color:#0000001a}.customer-cart{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.cart-header{text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f626,#3b82f60d,#3b82f61a);border:2px solid rgba(59,130,246,.3)}.cart-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(59,130,246,.2) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 4s ease-in-out infinite}.cart-title{font-size:3rem;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;position:relative;z-index:1}.cart-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0;position:relative;z-index:1}.cart-stats{text-align:center}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-card{background:var(--bg-secondary);border-radius:16px;padding:24px;text-align:center;border:1px solid var(--border-color);transition:all .3s ease}.stat-number{font-size:2rem;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.cart-content{display:grid;grid-template-columns:2fr 1fr;gap:32px}.cart-items{display:flex;flex-direction:column;gap:24px}.bulk-actions{display:flex;gap:12px;flex-wrap:wrap}.bulk-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-weight:500;cursor:pointer;transition:all .3s ease}.bulk-btn:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.bulk-btn.danger{background:#ef44441a;border-color:#ef44444d;color:#ef4444}.bulk-btn.danger:hover{background:#ef444433}.cart-items-list{display:flex;flex-direction:column;gap:16px}.cart-item{display:grid;grid-template-columns:auto 100px 1fr auto auto auto;gap:20px;align-items:center;padding:20px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.cart-item:hover{background:var(--bg-tertiary)}.cart-item.selected{border-color:var(--primary);background:#3b82f60d}.item-checkbox input{width:20px;height:20px;accent-color:var(--primary)}.item-image{width:80px;height:80px;border-radius:12px;overflow:hidden;background:var(--bg-tertiary)}.item-name{font-size:1.1rem;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.item-series{font-size:.9rem;color:var(--text-secondary);margin:0 0 8px}.item-price{font-size:1rem;font-weight:600;color:var(--accent)}.item-quantity{display:flex;align-items:center;gap:8px}.quantity-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .3s ease}.quantity-btn:hover{background:var(--primary);color:#fff}.quantity-value{font-size:1rem;font-weight:600;min-width:30px;text-align:center}.item-total{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.item-actions{display:flex;gap:8px}.action-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#ef4444;color:#fff;border-color:#ef4444}.cart-summary{position:sticky;top:100px;height:fit-content}.summary-title{font-size:1.5rem;font-weight:700;margin:0 0 24px;color:var(--text-primary)}.summary-details{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}.summary-row.total{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.summary-divider{height:1px;background:var(--border-color);margin:8px 0}.summary-benefits{display:flex;flex-direction:column;gap:12px;margin-bottom:24px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.benefit-item{display:flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-secondary)}.checkout-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 24px;background:var(--primary-gradient);border:none;border-radius:12px;color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.checkout-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.checkout-btn:disabled{opacity:.6;cursor:not-allowed}.payment-methods{text-align:center;font-size:.9rem;color:var(--text-secondary)}.payment-icons{display:flex;justify-content:center;gap:8px;margin-top:8px;font-size:1.2rem}.empty-cart{text-align:center;padding:60px 20px}.empty-title{font-size:2rem;font-weight:700;margin:0 0 16px;color:var(--text-primary)}.empty-desc{font-size:1.1rem;color:var(--text-secondary);margin:0 0 32px;line-height:1.6}.recommendations{text-align:center}.recommendations-title{font-size:1.5rem;font-weight:700;margin:0 0 24px;color:var(--text-primary)}.recommendations-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.recommendation-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color);transition:all .3s ease;cursor:pointer}.recommendation-item:hover{background:var(--bg-tertiary);transform:translateY(-2px)}.rec-image{width:60px;height:60px;border-radius:8px;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0}.rec-image img{width:100%;height:100%;object-fit:cover}.rec-details{flex:1;text-align:left}.rec-name{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.rec-category{font-size:.8rem;color:var(--text-secondary);margin:0 0 8px}.rec-price{font-size:.9rem;font-weight:600;color:var(--accent)}.add-rec-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--primary);border:none;border-radius:8px;color:#fff;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s ease}.add-rec-btn:hover{background:var(--primary-600);transform:scale(1.05)}@media (max-width: 1024px){.container{padding:20px;gap:24px}.glass-card{padding:24px}.cart-title{font-size:2.5rem}.cart-content{grid-template-columns:1fr;gap:24px}.cart-summary{position:static}.stats-container{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:16px;gap:20px}.glass-card{padding:20px}.cart-title{font-size:2rem}.cart-subtitle{font-size:1rem}.stats-container{grid-template-columns:1fr;gap:16px}.stat-card{padding:20px}.stat-number{font-size:1.5rem}.cart-item{grid-template-columns:auto 80px 1fr;grid-template-rows:auto auto auto;gap:12px}.item-quantity,.item-total,.item-actions{grid-column:1 / -1;justify-self:start}.item-quantity{grid-row:2}.item-total{grid-row:3}.item-actions{grid-row:3;justify-self:end}.bulk-actions{flex-direction:column}.bulk-btn{justify-content:center}.recommendations-grid{grid-template-columns:1fr}.recommendation-item{flex-direction:column;text-align:center}.rec-details{text-align:center}}@media (max-width: 480px){.container{padding:12px;gap:16px}.glass-card{padding:16px}.cart-title{font-size:1.8rem}.cart-item{padding:16px;gap:12px}.item-image{width:60px;height:60px}.item-name{font-size:1rem}.quantity-btn{width:28px;height:28px}.action-btn{width:32px;height:32px}.checkout-btn{padding:14px 20px;font-size:1rem}.empty-title{font-size:1.5rem}.empty-desc{font-size:1rem}}.dark .cart-header{background:linear-gradient(135deg,#3b82f633,#3b82f61a,#3b82f626)}.dark .stat-card,.dark .cart-item,.dark .summary-benefits,.dark .recommendation-item{background:#ffffff0d;border-color:#ffffff1a}.light .cart-header{background:linear-gradient(135deg,#3b82f61a,#3b82f60d,#3b82f614)}.light .stat-card,.light .cart-item,.light .summary-benefits,.light .recommendation-item{background:#fffc;border-color:#0000001a}.qr-payment-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.qr-payment-modal{background:#0c1220f2;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(22px) saturate(180%);-webkit-backdrop-filter:blur(22px) saturate(180%);box-shadow:0 28px 70px #00000073,inset 0 1px #ffffff0f;border-radius:24px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;position:relative}.qr-payment-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid rgba(255,255,255,.1)}.qr-payment-header h3{display:flex;align-items:center;gap:12px;font-size:1.25rem;font-weight:700;margin:0;color:var(--text-primary)}.qr-payment-close{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;color:var(--text-secondary)}.qr-payment-close:hover{background:#ffffff1a;color:var(--text-primary);transform:rotate(90deg)}.qr-payment-content{padding:28px;display:flex;flex-direction:column;align-items:center;gap:24px}.qr-code-container{width:100%;display:flex;justify-content:center;align-items:center;padding:20px;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1)}.qr-code-image{max-width:100%;height:auto;border-radius:8px}.qr-code-svg-wrapper{display:flex;justify-content:center;align-items:center;padding:16px;background:#fff;border-radius:12px;width:100%;max-width:300px;margin:0 auto}.qr-code-svg{width:100%;height:auto;max-width:256px}.qr-code-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;padding:40px;color:var(--text-secondary)}.qr-code-placeholder p{margin:0;font-size:.9rem}.qr-payment-info{width:100%;display:flex;flex-direction:column;gap:12px}.qr-payment-amount,.qr-payment-order{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.qr-label{font-size:.95rem;color:var(--text-secondary);font-weight:500}.qr-value{font-size:1.1rem;font-weight:700;color:var(--primary)}.qr-payment-status{width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;background:#3b82f61a;border-radius:12px;border:1px solid rgba(59,130,246,.2)}.payment-spinner{width:40px;height:40px;border:4px solid rgba(59,130,246,.2);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.qr-payment-status p{margin:0;font-size:1rem;font-weight:600;color:var(--text-primary)}.payment-hint{font-size:.85rem!important;font-weight:400!important;color:var(--text-secondary)!important;text-align:center}.qr-payment-actions{display:flex;flex-direction:column;gap:12px;margin-top:20px}.qr-payment-link-btn{width:100%;padding:14px 24px;background:var(--primary-gradient);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;text-align:center;display:block;transition:all .2s ease;box-shadow:0 4px 12px #3b82f64d}.qr-payment-link-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.qr-payment-link-btn:active{transform:translateY(0)}.qr-payment-cancel-btn{width:100%;padding:12px 24px;background:transparent;border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.qr-payment-cancel-btn:hover{background:#ef44441a;border-color:#ef444480;color:#ef4444;transform:translateY(-2px)}.qr-payment-cancel-btn:active{transform:scale(.98)}@media (max-width: 640px){.qr-payment-modal{max-width:100%;border-radius:20px}.qr-payment-header,.qr-payment-content{padding-left:20px;padding-right:20px}.qr-payment-header h3{font-size:1.1rem}}.customer-profile{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.profile-header{text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#6e8bff1a,#22c55e1a,#f59e0b1a)}.profile-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 4s ease-in-out infinite}.profile-info{position:relative;z-index:1}.profile-avatar{width:100px;height:100px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-size:2.5rem;margin:0 auto 20px;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.profile-avatar:hover{transform:translateY(-4px) scale(1.05)}.avatar-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;color:#fff}.profile-avatar:hover .avatar-overlay{opacity:1}.profile-name{font-size:2rem;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px}.profile-level{display:inline-flex;align-items:center;gap:8px;background:#f59e0b1a;color:#fbbf24;padding:8px 16px;border-radius:20px;font-weight:600;margin-bottom:16px}.achievement-badges{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.achievement-badge{display:flex;align-items:center;gap:6px;background:#22c55e1a;color:#22c55e;padding:6px 12px;border-radius:16px;font-size:.9rem;font-weight:500}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease;position:relative;overflow:hidden}.stat-item:before{content:"";position:absolute;inset:0;background:var(--primary-gradient);opacity:0;transition:all .3s ease}.stat-item:hover:before{opacity:.05}.stat-item:hover{transform:translateY(-4px);background:var(--bg-tertiary)}.stat-item svg{color:var(--primary);z-index:1}.stat-number{font-size:1.8rem;font-weight:700;color:var(--text-primary);z-index:1}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500;z-index:1}.tabs-container{padding:0}.tab-buttons{display:flex;gap:0;background:var(--bg-secondary);border-radius:12px;padding:4px;border:1px solid var(--border-color)}.tab-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease;flex:1;justify-content:center}.tab-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab-btn.active{background:var(--primary);color:#fff}.tab-content-container{min-height:400px}.tab-content{width:100%;min-height:200px;display:block!important}.tab-content:empty{min-height:400px;display:flex;align-items:center;justify-content:center}.profile-form{display:flex!important;flex-direction:column;gap:32px;width:100%;visibility:visible!important;opacity:1!important}.form-section{display:flex;flex-direction:column;gap:20px}.form-section h3{font-size:1.3rem;font-weight:700;margin:0;color:var(--text-primary);padding-bottom:12px;border-bottom:2px solid var(--border-color)}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.form-group input,.form-group textarea{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #3b82f61a}.form-group input:disabled,.form-group textarea:disabled{opacity:.6;cursor:not-allowed}.password-input{position:relative}.password-input input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px}.password-toggle:disabled{opacity:.6;cursor:not-allowed}.form-actions{display:flex;gap:16px;justify-content:flex-end;padding-top:20px;border-top:1px solid var(--border-color)}.order-card{background:var(--bg-secondary);border-radius:16px;padding:24px;border:1px solid var(--border-color);transition:all .3s ease}.order-card:hover{background:var(--bg-tertiary)}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.order-info h3{font-size:1.2rem;font-weight:700;margin:0 0 4px;color:var(--text-primary)}.order-info p{font-size:.9rem;color:var(--text-secondary);margin:0}.status-badge{padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;color:#fff}.order-products{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.product-item{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border-radius:8px;font-size:.9rem}.product-item img{width:32px;height:32px;border-radius:4px;object-fit:cover}.order-footer{display:flex;justify-content:space-between;align-items:center}.order-total{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.order-actions{display:flex;gap:8px}.favorites-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}.favorite-item{background:var(--bg-secondary);border-radius:16px;padding:20px;border:1px solid var(--border-color);transition:all .3s ease}.favorite-item:hover{background:var(--bg-tertiary)}.item-image{position:relative;width:100%;height:200px;border-radius:12px;overflow:hidden;margin-bottom:16px;background:var(--bg-tertiary)}.remove-favorite{position:absolute;top:12px;right:12px;width:36px;height:36px;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease}.remove-favorite:hover{background:#ef4444;transform:scale(1.1)}.item-details h3{font-size:1.1rem;font-weight:700;margin:0 0 8px;color:var(--text-primary)}.item-details p{font-size:.9rem;color:var(--text-secondary);margin:0 0 8px}.item-price{font-size:1.1rem;font-weight:700;color:var(--accent);margin-bottom:8px}.added-date{font-size:.8rem;color:var(--text-secondary);margin:0}.item-actions{margin-top:16px}.settings-sections{display:flex;flex-direction:column;gap:32px}.settings-section h3{font-size:1.3rem;font-weight:700;margin:0 0 20px;color:var(--text-primary);padding-bottom:12px;border-bottom:2px solid var(--border-color)}.settings-section.danger h3{color:#ef4444;border-bottom-color:#ef44444d}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--border-color)}.setting-item:last-child{border-bottom:none}.setting-info h4{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.setting-info p{font-size:.9rem;color:var(--text-secondary);margin:0}.toggle-switch{position:relative;display:inline-block;width:50px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:var(--bg-tertiary);transition:.3s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}input:checked+.slider{background-color:var(--primary)}input:checked+.slider:before{transform:translate(26px)}.danger-actions{display:flex;gap:16px;flex-wrap:wrap}@media (max-width: 1024px){.container{padding:20px;gap:24px}.glass-card{padding:24px}.profile-name{font-size:1.8rem}.stats-grid{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}.tab-buttons{flex-wrap:wrap}.tab-btn{flex:none;min-width:120px}}@media (max-width: 768px){.container{padding:16px;gap:20px}.glass-card{padding:20px}.profile-name{font-size:1.5rem}.profile-avatar{width:80px;height:80px;font-size:2rem}.stats-grid{grid-template-columns:1fr}.achievement-badges{flex-direction:column;align-items:center}.tab-buttons{flex-direction:column}.tab-btn{width:100%}.order-header{flex-direction:column;gap:12px}.order-footer{flex-direction:column;gap:12px;align-items:stretch}.order-actions{justify-content:center}.favorites-grid{grid-template-columns:1fr}.form-actions,.danger-actions{flex-direction:column}}@media (max-width: 480px){.container{padding:12px;gap:16px}.glass-card{padding:16px}.profile-name{font-size:1.3rem}.profile-avatar{width:70px;height:70px;font-size:1.8rem}.stat-item{padding:20px}.stat-number{font-size:1.5rem}.order-card,.favorite-item{padding:16px}.item-image{height:150px}.btn{padding:10px 20px;font-size:.8rem}}.dark .profile-header{background:linear-gradient(135deg,#6e8bff26,#22c55e26,#f59e0b26)}.dark .stat-item,.dark .order-card,.dark .favorite-item,.dark .tab-buttons{background:#ffffff0d;border-color:#ffffff1a}.light .profile-header{background:linear-gradient(135deg,#6e8bff14,#22c55e14,#f59e0b14)}.light .stat-item,.light .order-card,.light .favorite-item,.light .tab-buttons{background:#fffc;border-color:#0000001a}.customer-orders{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid var(--border-color);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite}.orders-header{text-align:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#22c55e26,#22c55e0d,#22c55e1a);border:2px solid rgba(34,197,94,.3)}.orders-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(34,197,94,.2) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 4s ease-in-out infinite}.orders-title{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;position:relative;z-index:1}.orders-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0;position:relative;z-index:1}.orders-stats{text-align:center}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px}.stat-card{background:var(--bg-secondary);border-radius:16px;padding:20px;text-align:center;border:1px solid var(--border-color);transition:all .3s ease}.stat-card:hover{transform:translateY(-4px);background:var(--bg-tertiary)}.stat-number{font-size:2rem;font-weight:900;background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.stat-label{font-size:.9rem;color:var(--text-secondary);font-weight:500}.filter-section{padding:24px}.filter-controls{display:flex;flex-direction:column;gap:20px}.filter-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter-tab{display:flex;align-items:center;gap:10px;padding:14px 24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:16px;color:var(--text-primary);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000d}.filter-tab:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.filter-tab:hover:before{left:100%}.filter-tab:hover{background:var(--bg-tertiary);border-color:var(--filter-color, var(--primary));transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.filter-tab.active{background:linear-gradient(135deg,var(--filter-color, var(--success)),var(--filter-color, var(--success)));color:#fff;border-color:var(--filter-color, var(--success));box-shadow:0 4px 16px #22c55e4d}.filter-tab.active svg{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.filter-tab svg{transition:transform .3s ease}.filter-tab:hover svg{transform:scale(1.1)}.filter-tab.active svg{transform:scale(1.15)}.search-controls{display:flex;justify-content:flex-end}.search-input-wrapper{position:relative;width:300px}.search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-secondary);z-index:2}.search-input{width:100%;padding:12px 16px 12px 48px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:.9rem;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--success);box-shadow:0 0 0 3px #22c55e1a}.search-input::placeholder{color:var(--text-secondary)}.orders-section{display:flex;flex-direction:column;gap:24px}.orders-header-info{display:flex;justify-content:space-between;align-items:center}.orders-count{font-size:1.3rem;font-weight:700;margin:0;color:var(--text-primary)}.orders-list{display:flex;flex-direction:column;gap:20px}.order-card{background:var(--bg-secondary);border-radius:16px;padding:20px;border:1px solid var(--border-color);transition:all .3s ease;display:flex;flex-direction:column;gap:16px;box-shadow:0 2px 8px #0000001a}.order-card:hover{background:var(--bg-secondary);box-shadow:0 8px 24px #0000001a}.order-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:0}.order-info{display:flex;flex-direction:column;gap:8px}.order-id{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.order-product-title{font-size:1.3rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.more-products{font-size:1rem;font-weight:500;color:var(--text-secondary)}.order-meta-info{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.order-id-text{font-size:.85rem;color:var(--text-secondary);font-weight:500}.order-date{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary)}.status-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff}.order-items{display:flex;flex-direction:column;gap:10px;margin-bottom:0;padding:14px 16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.order-item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:var(--bg-secondary);border-radius:8px;border:1px solid var(--border-color);transition:all .2s ease}.order-item:hover{background:var(--bg-tertiary);transform:translate(4px);box-shadow:0 2px 8px #0000001a}.item-image{width:56px;height:56px;border-radius:8px;overflow:hidden;background:var(--bg-tertiary);flex-shrink:0;border:1px solid var(--border-color)}.item-image img{width:100%;height:100%;object-fit:cover}.item-details{flex:1}.item-name{font-size:1rem;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.item-price{font-size:.9rem;font-weight:600;color:var(--accent)}.item-quantity{display:flex;align-items:center;justify-content:center;min-width:50px}.quantity-badge{display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;color:var(--text-primary);background:linear-gradient(135deg,#3b82f633,#3b82f61a);border:1px solid rgba(59,130,246,.3);padding:6px 12px;border-radius:8px;min-width:50px}.order-summary{display:flex;flex-direction:column;gap:8px;margin-bottom:0;padding:14px 16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.total-price{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.order-details{display:flex;flex-direction:column;gap:8px;margin-bottom:0;padding:14px 16px;background:var(--bg-secondary);border-radius:10px;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a}.detail-item{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary)}.order-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:4px}.empty-orders{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;background:var(--bg-secondary);border-radius:20px;border:1px solid var(--border-color)}.empty-orders h3{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.empty-orders p{font-size:1rem;color:var(--text-secondary);margin:0 0 32px;line-height:1.6}.btn.danger{background:#ef4444;color:#fff}.btn.danger:hover{background:#dc2626;transform:translateY(-2px)}.btn.small{padding:8px 16px;font-size:.8rem}.btn.large{padding:16px 32px;font-size:1.1rem;font-weight:700}.btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1024px){.container{padding:20px;gap:24px}.glass-card{padding:24px}.orders-title{font-size:2.5rem}.stats-container{grid-template-columns:repeat(3,1fr)}.filter-controls{flex-direction:column;gap:16px}.filter-tabs{gap:6px}.filter-tab{padding:12px 18px;font-size:.9rem}.search-controls{justify-content:stretch}.search-input-wrapper{width:100%}}@media (max-width: 768px){.container{padding:16px;gap:20px}.glass-card{padding:20px}.orders-title{font-size:2rem}.orders-subtitle{font-size:1rem}.stats-container{grid-template-columns:repeat(2,1fr);gap:16px}.filter-tabs{gap:4px}.filter-tab{padding:10px 14px;font-size:.85rem;gap:6px}.filter-tab svg{width:16px;height:16px}.stat-card{padding:16px}.stat-number{font-size:1.5rem}.filter-tabs{flex-direction:column}.filter-tab{justify-content:center}.order-header{flex-direction:column;gap:12px}.order-item{flex-direction:column;text-align:center;gap:12px}.item-image{width:80px;height:80px}.order-actions{justify-content:center}.order-details{gap:12px}.detail-item{flex-direction:column;align-items:flex-start;gap:4px}}@media (max-width: 480px){.container{padding:12px;gap:16px}.glass-card{padding:16px}.orders-title{font-size:1.8rem}.stats-container{grid-template-columns:1fr}.order-card{padding:16px}.order-item{padding:8px}.item-image{width:60px;height:60px}.btn{padding:10px 16px;font-size:.8rem}.btn.small{padding:6px 12px;font-size:.7rem}.empty-title{font-size:1.3rem}.empty-desc{font-size:.9rem}}.dark .orders-header{background:linear-gradient(135deg,#22c55e33,#22c55e1a,#22c55e26)}.dark .stat-card{background:#ffffff0d;border-color:#ffffff1a}.dark .order-card{background:#1e293b!important;border-color:#ffffff1a}.dark .order-items{background:#1e293b!important;border-color:#ffffff26;box-shadow:0 2px 12px #0000004d}.dark .order-item{background:#334155!important;border-color:#ffffff1a}.dark .order-summary,.dark .order-details{background:#1e293b!important;border-color:#ffffff26;box-shadow:0 2px 12px #0000004d}.dark .empty-orders{background:#ffffff0d;border-color:#ffffff1a}.light .orders-header{background:linear-gradient(135deg,#22c55e1a,#22c55e0d,#22c55e14)}.light .stat-card{background:#fffc;border-color:#0000001a}.light .order-card{background:#fff!important;border-color:#0000001a}.light .order-items{background:#fff!important;border-color:#0000001f;box-shadow:0 2px 12px #00000014}.light .order-item{background:#f8fafc!important;border-color:#0000001a}.light .order-summary,.light .order-details{background:#fff!important;border-color:#0000001f;box-shadow:0 2px 12px #00000014}.light .empty-orders{background:#fffc;border-color:#0000001a}.customer-tracking{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.container{max-width:1400px;margin:0 auto;padding:24px;display:flex;flex-direction:column;gap:32px}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000001a;transition:all .3s ease}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.tracking-header{position:relative;overflow:hidden;background:linear-gradient(135deg,#a855f726,#a855f70d,#a855f71a);border:2px solid rgba(168,85,247,.3)}.tracking-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,transparent 30%,rgba(168,85,247,.2) 50%,transparent 70%);transform:translate(-100%);animation:shimmer 4s ease-in-out infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.tracking-title{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 16px;position:relative;z-index:1}.tracking-subtitle{font-size:1.2rem;color:var(--text-secondary);margin:0;position:relative;z-index:1}.search-section{padding:24px}.search-section h3{font-size:1.3rem;font-weight:700;margin:0 0 20px;color:var(--text-primary)}.search-form{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:.9rem;font-weight:600;color:var(--text-primary)}.form-field input{padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s ease}.form-field input:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.form-field input::placeholder{color:var(--text-secondary)}.form-field select{padding:12px 36px 12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);font-size:1rem;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a855f7' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.form-field select:focus{outline:none;border-color:#a855f7;box-shadow:0 0 0 3px #a855f71a}.form-field select option{background:var(--bg-secondary);color:var(--text-primary);padding:8px}.dark .form-field select{background-color:#1e1e28cc;border-color:#a855f74d;color:var(--text-primary)}.dark .form-field select option{background-color:#1e1e28f2;color:var(--text-primary)}.dark .form-field select:focus{border-color:#a855f7;box-shadow:0 0 0 3px #a855f733}.light .form-field select{background-color:#ffffffe6;border-color:#0000001a;color:var(--text-primary)}.light .form-field select option{background-color:#fffffff2;color:var(--text-primary)}.search-btn{display:flex;align-items:center;gap:8px;padding:12px 24px;background:linear-gradient(135deg,#a855f7,#7c3aed);border:none;border-radius:12px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;height:fit-content}.search-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #a855f74d}.search-btn:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.tracking-results{display:flex;flex-direction:column;gap:24px}.order-info{padding:24px}.info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.info-header h3{font-size:1.3rem;font-weight:700;margin:0;color:var(--text-primary)}.refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.8rem;cursor:pointer;transition:all .3s ease}.refresh-btn:hover:not(:disabled){background:var(--bg-tertiary)}.refresh-btn:disabled{opacity:.6;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}.info-card{background:var(--bg-secondary);border-radius:12px;padding:16px;border:1px solid var(--border-color)}.info-label{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.info-value{word-break:break-all;overflow:hidden;text-overflow:ellipsis;font-size:1rem;font-weight:600;color:var(--text-primary)}.status-badge{display:flex;align-items:center;gap:6px;color:var(--primary)}.progress-section{padding:24px;text-align:center}.progress-section h3{font-size:1.3rem;font-weight:700;margin:0 0 24px;color:var(--text-primary)}.progress-container{display:flex;align-items:center;justify-content:center;gap:40px}.progress-ring{position:relative}.progress-circle{transition:stroke-dashoffset .5s ease-in-out}.progress-text{font-size:1.2rem;font-weight:700;fill:var(--text-primary)}.progress-info{display:flex;flex-direction:column;gap:16px}.estimated-delivery{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.estimated-delivery .label{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px}.estimated-delivery .value{font-size:1rem;font-weight:600;color:var(--text-primary)}.timeline-section{padding:24px}.timeline-section h3{font-size:1.3rem;font-weight:700;margin:0 0 24px;color:var(--text-primary)}.timeline{position:relative;padding-left:24px}.timeline:before{content:"";position:absolute;left:12px;top:0;bottom:0;width:2px;background:var(--border-color)}.timeline-item{position:relative;margin-bottom:24px;display:flex;align-items:flex-start;gap:16px}.timeline-item:last-child{margin-bottom:0}.timeline-marker{position:absolute;left:-36px;top:0;width:24px;height:24px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:2}.timeline-item.completed .timeline-marker{background:var(--success);border-color:var(--success);color:#fff}.timeline-item.current .timeline-marker{background:var(--primary);border-color:var(--primary);color:#fff;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.timeline-content{flex:1;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.timeline-item.completed .timeline-content{background:#22c55e0d;border-color:#22c55e33}.timeline-item.current .timeline-content{background:#3b82f60d;border-color:#3b82f633}.timeline-title{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.timeline-description{font-size:.9rem;color:var(--text-secondary);margin-bottom:8px}.timeline-timestamp{font-size:.8rem;color:var(--text-secondary);font-weight:500}.products-section{padding:24px}.products-section h3{font-size:1.3rem;font-weight:700;margin:0 0 20px;color:var(--text-primary)}.products-list{display:flex;flex-direction:column;gap:16px}.product-item{display:flex;align-items:center;gap:20px;padding:20px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border-color);transition:all .3s ease}.product-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:var(--primary)}.product-image{width:100px;height:100px;min-width:100px;border-radius:12px;overflow:hidden;background:var(--bg-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--border-color)}.product-image img{width:100%;height:100%;object-fit:cover;background:var(--bg-secondary)}.product-image img[src="/images/loading"]{opacity:.5}.product-info{flex:1;min-width:0}.product-info h4{font-size:1.1rem;font-weight:600;margin:0 0 8px;color:var(--text-primary);line-height:1.4;word-wrap:break-word}.product-info p{font-size:.95rem;color:var(--text-secondary);margin:0;font-weight:500}.shipping-section{padding:24px}.shipping-section h3{font-size:1.3rem;font-weight:700;margin:0 0 20px;color:var(--text-primary)}.shipping-details{display:flex;flex-direction:column;gap:16px}.detail-item{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:12px;border:1px solid var(--border-color)}.detail-item .label{font-size:.8rem;color:var(--text-secondary);margin-bottom:4px;font-weight:500}.detail-item .value{font-size:1rem;font-weight:600;color:var(--text-primary)}.detail-item .sub-value{font-size:.8rem;color:var(--text-secondary);margin-top:4px}.actions-section{padding:24px}.action-buttons{display:flex;gap:16px;justify-content:center}.no-results{text-align:center;padding:60px 20px}.no-results-icon{font-size:4rem;margin-bottom:24px}.no-results h3{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.no-results p{font-size:1rem;color:var(--text-secondary);margin:0;line-height:1.6}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border:none;border-radius:12px;font-weight:600;text-decoration:none;cursor:pointer;transition:all .3s ease;font-size:.9rem}.btn.primary{background:var(--primary-gradient);color:#fff}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 8px 16px #3b82f64d}.btn.secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn.secondary:hover{background:var(--bg-tertiary);transform:translateY(-2px)}@media (max-width: 1024px){.container{padding:20px;gap:24px}.glass-card{padding:24px}.tracking-title{font-size:2.5rem}.search-form{grid-template-columns:1fr;gap:16px}.progress-container{flex-direction:column;gap:24px}.info-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.container{padding:16px;gap:20px}.glass-card{padding:20px}.tracking-title{font-size:2rem}.tracking-subtitle{font-size:1rem}.info-header{flex-direction:column;gap:12px;align-items:stretch}.info-grid{grid-template-columns:1fr}.timeline{padding-left:16px}.timeline-marker{left:-28px;width:20px;height:20px}.timeline-marker svg{width:12px;height:12px}.action-buttons{flex-direction:column}.product-item{flex-direction:column;text-align:center;gap:12px}.product-image{width:80px;height:80px}}@media (max-width: 480px){.container{padding:12px;gap:16px}.glass-card{padding:16px}.tracking-title{font-size:1.8rem}.search-section,.order-info,.progress-section,.timeline-section,.products-section,.shipping-section,.actions-section{padding:16px}.timeline-content,.detail-item{padding:12px}.btn{padding:10px 20px;font-size:.8rem}.no-results{padding:40px 16px}.no-results-icon{font-size:3rem}.no-results h3{font-size:1.3rem}.no-results p{font-size:.9rem}}.dark .tracking-header{background:linear-gradient(135deg,#a855f733,#a855f71a,#a855f726)}.dark .info-card,.dark .timeline-content,.dark .product-item,.dark .detail-item,.dark .estimated-delivery{background:#ffffff0d;border-color:#ffffff1a}.light .tracking-header{background:linear-gradient(135deg,#a855f71a,#a855f70d,#a855f714)}.light .info-card,.light .timeline-content,.light .product-item,.light .detail-item,.light .estimated-delivery{background:#fffc;border-color:#0000001a}.orders-list-section{display:flex;flex-direction:column;gap:20px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card-tracking{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;transition:all .3s ease}.order-card-tracking:hover{box-shadow:0 4px 16px #0000001a}.order-header-tracking{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;background:var(--card-bg);border-bottom:1px solid var(--border-color);transition:all .2s ease}.order-header-tracking:hover{background:var(--hover-bg)}.order-header-left{display:flex;flex-direction:column;gap:8px;flex:1}.order-header-right{display:flex;align-items:center;gap:16px}.order-id-tracking{font-size:1.2rem;font-weight:700;color:var(--text-primary)}.order-product-title-tracking{font-size:1.2rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.4}.more-products-tracking{font-size:.95rem;font-weight:500;color:var(--text-secondary)}.order-meta-info-tracking{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.order-id-text-tracking{font-size:.85rem;color:var(--text-secondary);font-weight:500}.order-date-tracking{display:flex;align-items:center;gap:6px;font-size:.9rem;color:var(--text-secondary)}.status-badge-tracking{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;color:#fff;white-space:nowrap}.order-total-tracking{font-size:1.1rem;font-weight:700;color:var(--text-primary);min-width:120px;text-align:right}.tracking-details-expanded{padding:24px;background:var(--bg-secondary);display:flex;flex-direction:column;gap:20px;overflow:hidden}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:24px}.empty-state h3{font-size:1.5rem;font-weight:700;margin:0 0 12px;color:var(--text-primary)}.empty-state p{font-size:1rem;color:var(--text-secondary);margin:0}.refresh-btn .spinning{animation:spin 1s linear infinite}@media (max-width: 768px){.order-header-tracking{flex-direction:column;align-items:flex-start;gap:12px}.order-header-right{width:100%;justify-content:space-between}.order-total-tracking{min-width:auto;text-align:left}.tracking-details-expanded{padding:16px}}.customer-preorder{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);transition:all .3s ease}.container{max-width:1400px;margin:0 auto;padding:24px}.glass-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;padding:24px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #00000014;transition:all .3s ease}.glass-card:hover{box-shadow:0 6px 28px #0000001f}.preorder-header{text-align:center;background:linear-gradient(135deg,#f59e0b1f,#f59e0b0d);border:2px solid rgba(245,158,11,.2);margin-bottom:24px}.preorder-title{font-size:2.5rem;font-weight:900;background:linear-gradient(135deg,#f59e0b,#fbbf24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px}.preorder-subtitle{font-size:1.1rem;color:var(--text-secondary);margin:0}.preorder-content{display:grid;grid-template-columns:1fr 400px;gap:24px}@media (max-width: 1024px){.preorder-content{grid-template-columns:1fr}}.preorder-products{min-height:400px}.section-title{font-size:1.3rem;font-weight:700;margin:0 0 20px;color:var(--text-primary);padding-bottom:12px;border-bottom:2px solid var(--border-color)}.empty-state{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-state svg{margin-bottom:16px;opacity:.5}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,max-content));gap:20px;justify-content:center;justify-items:stretch}.product-card{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:16px;transition:all .3s ease;cursor:pointer}.product-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001a}.product-card.selected{border-color:#f59e0b;background:#f59e0b0d}.product-image{width:100%;height:150px;border-radius:8px;overflow:hidden;background:var(--bg-tertiary);margin-bottom:12px;display:flex;align-items:center;justify-content:center}.product-image img{width:100%;height:100%;object-fit:contain}.product-info{text-align:center}.product-info h4{font-size:.95rem;font-weight:600;margin:0 0 4px;color:var(--text-primary);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-series{font-size:.8rem;color:var(--text-secondary);margin:0 0 8px}.product-price-row{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.product-price-row .price{font-size:1.1rem;font-weight:700;color:var(--accent)}.product-price-row .deposit{font-size:.85rem;font-weight:600;color:#f59e0b}.product-actions{margin-top:12px}.btn-add{width:100%;padding:10px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .3s ease}.btn-add:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f59e0b4d}.quantity-controls{display:flex;align-items:center;justify-content:center;gap:8px}.btn-qty{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.btn-qty:hover{background:var(--bg-tertiary);border-color:#f59e0b}.quantity{min-width:32px;text-align:center;font-weight:600;font-size:1rem}.btn-remove{width:32px;height:32px;border-radius:6px;border:1px solid var(--border-color);background:#ef44441a;color:#ef4444;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;margin-left:4px}.btn-remove:hover{background:#ef444433;border-color:#ef4444}.preorder-summary{position:sticky;top:24px;height:fit-content;max-height:calc(100vh - 48px);overflow-y:auto}.summary-items{margin-bottom:20px;max-height:300px;overflow-y:auto}.summary-item{display:flex;justify-content:space-between;align-items:flex-start;padding:12px;background:var(--bg-secondary);border-radius:8px;margin-bottom:8px}.item-info{flex:1}.item-info h4{font-size:.9rem;font-weight:600;margin:0 0 4px;color:var(--text-primary)}.item-quantity{font-size:.8rem;color:var(--text-secondary)}.item-price{text-align:right}.item-price>div{font-size:.95rem;font-weight:600;color:var(--text-primary)}.item-deposit{font-size:.8rem;color:#f59e0b;margin-top:4px}.summary-notes{margin-bottom:20px}.summary-notes label{display:block;font-size:.9rem;font-weight:600;margin-bottom:8px;color:var(--text-primary)}.summary-notes textarea{width:100%;padding:10px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px}.summary-notes textarea:focus{outline:none;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b1a}.summary-totals{padding:16px;background:var(--bg-secondary);border-radius:8px;margin-bottom:20px}.total-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:.95rem}.total-row:not(:last-child){border-bottom:1px solid var(--border-color)}.total-row span{color:var(--text-secondary)}.total-row strong{font-size:1.1rem;color:var(--text-primary)}.deposit-row{margin-top:8px}.deposit-row span{color:var(--text-primary);font-weight:600}.deposit-amount{color:#f59e0b!important;font-size:1.2rem!important}.remaining-row{margin-top:8px;padding-top:12px;border-top:2px solid var(--border-color)}.remaining-row span{color:var(--text-primary);font-weight:600}.payment-info{margin-bottom:20px}.payment-note{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#f59e0b1a;border-left:3px solid #f59e0b;border-radius:6px;font-size:.85rem;line-height:1.5;color:var(--text-primary)}.payment-note svg{color:#f59e0b;flex-shrink:0;margin-top:2px}.btn-submit{width:100%;padding:16px;background:linear-gradient(135deg,#f59e0b,#fbbf24);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s ease}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.empty-cart{text-align:center;padding:60px 20px;color:var(--text-secondary)}.empty-cart svg{margin-bottom:16px;opacity:.5;color:var(--text-secondary)}.empty-cart h3{font-size:1.3rem;margin:0 0 8px;color:var(--text-primary)}.empty-cart p{margin:0;color:var(--text-secondary)}.loading-spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.container{padding:16px}.glass-card{padding:20px}.preorder-title{font-size:2rem}.preorder-subtitle{font-size:1rem}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.product-image{height:120px}.preorder-summary{position:static;max-height:none}}@media (max-width: 480px){.container{padding:12px}.glass-card{padding:16px}.preorder-title{font-size:1.8rem}.products-grid{grid-template-columns:1fr 1fr;gap:10px}.product-image{height:100px}.product-info h4{font-size:.85rem}.btn-add{font-size:.8rem;padding:8px}}.product-detail-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.detail-gallery{display:flex;flex-direction:column;gap:12px}.gallery-main{position:relative;width:100%;padding-top:100%;border-radius:16px;overflow:hidden;background:var(--bg-secondary);border:1px solid var(--border-color)}.gallery-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gallery-main .nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border-radius:50%;border:1px solid var(--border-color);background:var(--card-bg);display:grid;place-items:center}.gallery-main .nav.prev{left:12px}.gallery-main .nav.next{right:12px}.gallery-main .nav:hover{box-shadow:0 8px 18px #00000040;border-color:#a855f780}.gallery-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.thumb{aspect-ratio:1/1;border-radius:10px;overflow:hidden;border:2px solid transparent}.thumb.active{border-color:var(--primary)}.thumb img{width:100%;height:100%;object-fit:cover;display:block}.detail-info{display:flex;flex-direction:column;gap:16px}.detail-title{margin:0;font-size:1.6rem;font-weight:800}.detail-meta{display:flex;gap:12px;color:var(--text-secondary);align-items:center}.detail-meta .rating{display:inline-flex;gap:6px;align-items:center}.detail-price{display:flex;gap:12px;align-items:baseline}.detail-price .current{font-size:1.8rem;font-weight:900;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-price .original{color:var(--text-secondary);text-decoration:line-through}.detail-price .discount{color:#ef4444;font-weight:800}.detail-actions{display:flex;gap:12px;align-items:center}.detail-actions .quantity{display:inline-flex;gap:10px;align-items:center;border:1px solid var(--border-color);border-radius:10px;padding:8px 10px;background:var(--bg-secondary)}.detail-actions .quantity span{min-width:24px;text-align:center;font-weight:700;color:var(--text-primary)}.detail-actions .quantity button{width:28px;height:28px;display:grid;place-items:center;border:none;background:transparent;cursor:pointer;color:var(--text-primary);border-radius:6px;transition:all .2s ease}.detail-actions .quantity button:hover{background:#7c3aed26;color:#c4b5fd;box-shadow:0 0 0 2px #7c3aed33 inset}.detail-actions .quantity button:active{transform:scale(.95)}.btn{display:inline-flex;gap:8px;align-items:center;padding:12px 18px;border-radius:10px;border:none;cursor:pointer;font-weight:700;transition:all .2s ease}.btn.primary{background:var(--primary-gradient);color:#fff;box-shadow:0 10px 20px #7c3aed40}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px #7c3aed59;filter:saturate(1.1)}.btn.primary:active{transform:translateY(0)}.btn.outline{background:transparent;border:1px solid var(--primary);color:var(--text-primary)}.btn.outline:hover{background:linear-gradient(135deg,#7c3aed1f,#a855f71f);box-shadow:0 8px 18px #7c3aed33}.detail-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.detail-benefits .benefit{background:var(--bg-secondary);border:1px solid var(--border-color);padding:12px;border-radius:12px;display:flex;gap:8px;align-items:center}.detail-shop{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed var(--border-color);padding-top:12px}.shop-left{display:flex;align-items:center;gap:12px}.shop-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--primary);color:#fff;font-weight:800}.shop-name{display:inline-flex;gap:6px;align-items:center;font-weight:700}.shop-actions{display:flex;gap:10px}.detail-desc{display:flex;flex-direction:column;gap:12px}.detail-desc h3{margin:0}.desc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;color:var(--text-secondary)}.desc-content{white-space:pre-wrap;line-height:1.6}.breadcrumb-link{color:var(--text-secondary);text-decoration:none}.breadcrumb-sep{margin:0 6px;color:var(--text-secondary)}.breadcrumb-current{font-weight:700}@media (max-width: 1024px){.product-detail-grid{grid-template-columns:1fr}}.App{min-height:100vh;background:var(--bg-primary);color:var(--text-primary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--bg-primary);color:var(--text-primary);line-height:1.6}:root{--bg-primary: #f8fafc;--bg-secondary: #f1f5f9;--bg-tertiary: #e2e8f0;--text-primary: #1e293b;--text-secondary: #64748b;--sidebar-bg: #ffffff;--card-bg: #ffffff;--border-color: #e2e8f0;--hover-bg: #f1f5f9;--active-bg: #f0f9ff;--primary: #3b82f6;--primary-600: #2563eb;--primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--accent: #f59e0b;--accent-gradient: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)}html.dark{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-tertiary: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--sidebar-bg: #1e293b;--card-bg: #1e293b;--border-color: #334155;--hover-bg: #334155;--active-bg: #1e40af;--primary: #60a5fa;--primary-600: #3b82f6;--accent: #fbbf24;--success: #34d399;--warning: #fbbf24;--danger: #f87171}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}::selection{background:#3b82f633;color:var(--text-primary)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in{animation:fadeIn .3s ease-out}.slide-in{animation:slideIn .3s ease-out}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.font-medium{font-weight:500}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.bg-primary{background:var(--primary-gradient)}.bg-card{background:var(--card-bg)}.border{border:1px solid var(--border-color)}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.shadow{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.p-4{padding:1rem}.p-6{padding:1.5rem}.m-4{margin:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}@media (max-width: 640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:flex-col{flex-direction:column}.sm\:text-sm{font-size:.875rem}.sm\:p-2{padding:.5rem}.sm\:gap-2{gap:.5rem}}@media (max-width: 768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.md\:grid{display:grid}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}}@media (max-width: 1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}}