:root{--bg: #f8f7ff;--bg-secondary: #f0eeff;--surface: #ffffff;--primary: #7c3aed;--primary-hover: #6d28d9;--primary-light: #ede9fe;--primary-glow: rgba(124, 58, 237, .15);--secondary: #f59e0b;--text: #1e1b4b;--text-secondary: #6b7280;--text-light: #9ca3af;--border: #e5e7eb;--border-light: #f3f4f6;--success: #10b981;--error: #ef4444;--warning: #f59e0b;--radius: 16px;--radius-sm: 10px;--radius-lg: 24px;--shadow: 0 4px 24px rgba(124, 58, 237, .08);--shadow-lg: 0 12px 40px rgba(124, 58, 237, .12);--shadow-hover: 0 16px 48px rgba(124, 58, 237, .18);--transition: .3s cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, sans-serif;--font-display: "Space Grotesk", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button{cursor:pointer;border:none;font-family:var(--font);font-size:14px}input,textarea,select{font-family:var(--font);font-size:14px;outline:none}img{max-width:100%;display:block}ul{list-style:none}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:80px}.page-loader{display:flex;align-items:center;justify-content:center;min-height:100vh}.spinner{width:40px;height:40px;border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(124,58,237,.08);transition:var(--transition)}.header.scrolled{box-shadow:0 4px 30px #7c3aed1a}.header-inner{max-width:1280px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:72px}.logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--primary);transition:var(--transition)}.logo:hover{transform:scale(1.03)}.logo-icon{width:36px;height:36px;background:linear-gradient(135deg,var(--primary),#a78bfa);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:18px;animation:logoFloat 3s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(5deg)}}.nav-links{display:flex;align-items:center;gap:8px}.nav-link{padding:8px 16px;border-radius:var(--radius-sm);color:var(--text-secondary);font-weight:500;font-size:14px;transition:var(--transition);position:relative}.nav-link:hover,.nav-link.active{color:var(--primary);background:var(--primary-light)}.cart-btn{position:relative;display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);background:var(--primary-light);color:var(--primary);font-weight:600;transition:var(--transition)}.cart-btn:hover{background:var(--primary);color:#fff}.cart-badge{position:absolute;top:-4px;right:-4px;background:var(--error);color:#fff;width:20px;height:20px;border-radius:50%;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;animation:badgePop .3s cubic-bezier(.68,-.55,.27,1.55)}@keyframes badgePop{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.user-menu{display:flex;align-items:center;gap:8px}.user-avatar{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.btn-login{padding:8px 20px;border-radius:var(--radius-sm);background:var(--primary);color:#fff;font-weight:600;transition:var(--transition)}.btn-login:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px var(--primary-glow)}.dropdown{position:relative}.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);padding:8px;z-index:50;animation:dropIn .2s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px;color:var(--text);transition:var(--transition);width:100%;background:none;text-align:left}.dropdown-item:hover{background:var(--primary-light);color:var(--primary)}.dropdown-divider{height:1px;background:var(--border-light);margin:4px 0}.hero{position:relative;padding:80px 24px 100px;overflow:hidden;background:linear-gradient(135deg,#f8f7ff,#ede9fe,#e0d6ff)}.hero-bg-shapes{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.hero-shape{position:absolute;border-radius:50%;opacity:.15;animation:shapeFloat 8s ease-in-out infinite}.hero-shape:nth-child(1){width:300px;height:300px;background:var(--primary);top:-100px;right:-50px;animation-delay:0s}.hero-shape:nth-child(2){width:200px;height:200px;background:var(--secondary);bottom:-80px;left:10%;animation-delay:2s}.hero-shape:nth-child(3){width:150px;height:150px;background:#a78bfa;top:30%;left:60%;animation-delay:4s}.hero-shape:nth-child(4){width:100px;height:100px;background:#f472b6;top:60%;right:20%;animation-delay:1s;border-radius:30%;animation-name:shapeRotate}@keyframes shapeFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,15px) scale(.95)}}@keyframes shapeRotate{0%,to{transform:rotate(0) translate(0)}50%{transform:rotate(90deg) translate(20px,-20px)}}.hero-content{max-width:1280px;margin:0 auto;text-align:center;position:relative;z-index:1}.hero h1{font-family:var(--font-display);font-size:clamp(40px,7vw,72px);font-weight:700;line-height:1.1;margin-bottom:20px;background:linear-gradient(135deg,var(--primary),#a78bfa,var(--primary));background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gradientShift 4s ease-in-out infinite}@keyframes gradientShift{0%,to{background-position:0% center}50%{background-position:100% center}}.hero p{font-size:clamp(16px,2.5vw,20px);color:var(--text-secondary);max-width:600px;margin:0 auto 36px;line-height:1.6}.hero-cta{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:var(--primary);color:#fff;font-size:16px;font-weight:600;border-radius:50px;transition:var(--transition);position:relative;overflow:hidden}.hero-cta:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 32px var(--primary-glow)}.hero-cta:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:.6s}.hero-cta:hover:after{transform:translate(100%)}.hero-stats{display:flex;justify-content:center;gap:48px;margin-top:60px}.hero-stat{text-align:center}.hero-stat-value{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--primary)}.hero-stat-label{font-size:14px;color:var(--text-secondary);margin-top:4px}.section{padding:80px 24px;max-width:1280px;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-title{font-family:var(--font-display);font-size:32px;font-weight:700;color:var(--text);margin-bottom:12px}.section-subtitle{font-size:16px;color:var(--text-secondary)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:20px}.category-card{position:relative;border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:var(--transition);aspect-ratio:1;display:flex;align-items:flex-end}.category-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover)}.category-card-bg{position:absolute;top:0;right:0;bottom:0;left:0;transition:var(--transition)}.category-card:hover .category-card-bg{transform:scale(1.08)}.category-card-content{position:relative;z-index:1;padding:20px;width:100%;background:linear-gradient(to top,rgba(0,0,0,.6),transparent)}.category-card-name{color:#fff;font-weight:600;font-size:16px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:24px}.product-card{background:var(--surface);border-radius:var(--radius);overflow:hidden;transition:var(--transition);border:1px solid var(--border-light);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:transparent}.product-card-image{aspect-ratio:1/1;overflow:hidden;position:relative;background:var(--bg-secondary)}.product-card-image-inner{width:100%;height:100%;display:flex;align-items:center;justify-content:center;transition:var(--transition);font-size:48px;padding:16px}.product-card:hover .product-card-image-inner{transform:scale(1.06)}.product-card-image img{width:100%;height:100%;object-fit:contain}.product-card-stock{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600;background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.product-card-stock.in-stock{color:var(--success)}.product-card-stock.low-stock{color:var(--warning)}.product-card-stock.out-of-stock{color:var(--error)}.product-card-body{padding:20px;flex:1;display:flex;flex-direction:column}.product-card-category{font-size:12px;color:var(--primary);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.product-card-name{font-weight:600;font-size:16px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-desc{font-size:13px;color:var(--text-secondary);margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-footer{display:flex;align-items:center;justify-content:space-between}.product-card-price{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text)}.product-card-price span{font-size:14px;font-weight:400;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;transition:var(--transition);position:relative;overflow:hidden}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 16px var(--primary-glow)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:var(--primary-light);color:var(--primary)}.btn-secondary:hover{background:#ddd6fe}.btn-outline{background:transparent;border:2px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-danger{background:#fef2f2;color:var(--error)}.btn-danger:hover{background:var(--error);color:#fff}.btn-success{background:#ecfdf5;color:var(--success)}.btn-success:hover{background:var(--success);color:#fff}.btn-sm{padding:8px 16px;font-size:13px}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;background:var(--primary-light);color:var(--primary);transition:var(--transition)}.btn-icon:hover{background:var(--primary);color:#fff;transform:scale(1.05)}.form-group{margin-bottom:20px}.form-label{display:block;font-size:14px;font-weight:600;color:var(--text);margin-bottom:6px}.form-input{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:var(--transition);font-size:14px}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.form-input::placeholder{color:var(--text-light)}.form-select{width:100%;padding:12px 16px;border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);transition:var(--transition);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%236b7280' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;cursor:pointer}.form-select:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}textarea.form-input{resize:vertical;min-height:100px}.auth-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:40px 24px}.auth-card{width:100%;max-width:420px;background:var(--surface);border-radius:var(--radius-lg);padding:40px;box-shadow:var(--shadow-lg);border:1px solid var(--border-light)}.auth-card h2{font-family:var(--font-display);font-size:28px;margin-bottom:8px;text-align:center}.auth-card .subtitle{text-align:center;color:var(--text-secondary);font-size:14px;margin-bottom:32px}.auth-link{text-align:center;margin-top:20px;font-size:14px;color:var(--text-secondary)}.auth-link a{color:var(--primary);font-weight:600}.auth-link a:hover{text-decoration:underline}.product-detail{max-width:1280px;margin:0 auto;padding:40px 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.product-image-main{border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:120px;position:sticky;top:100px}.product-image-main img{width:100%;height:100%;object-fit:cover}.product-info h1{font-family:var(--font-display);font-size:32px;margin-bottom:8px}.product-info .category-tag{display:inline-block;padding:4px 12px;background:var(--primary-light);color:var(--primary);font-size:13px;font-weight:600;border-radius:20px;margin-bottom:20px}.product-price-big{font-family:var(--font-display);font-size:36px;font-weight:700;color:var(--text);margin-bottom:20px}.product-description{color:var(--text-secondary);line-height:1.7;margin-bottom:32px;font-size:15px}.product-stock-info{display:flex;align-items:center;gap:8px;margin-bottom:24px;font-size:14px}.stock-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.stock-dot.green{background:var(--success)}.stock-dot.yellow{background:var(--warning)}.stock-dot.red{background:var(--error)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.quantity-selector{display:flex;align-items:center;gap:4px;margin-bottom:24px}.quantity-btn{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text);font-size:18px;font-weight:600;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.quantity-btn:hover{background:var(--primary-light);color:var(--primary)}.quantity-value{width:60px;text-align:center;font-size:18px;font-weight:600}.add-to-cart-btn{width:100%;padding:16px;font-size:16px}.cart-page{max-width:1280px;margin:0 auto;padding:40px 24px}.cart-page h1{font-family:var(--font-display);font-size:32px;margin-bottom:32px}.cart-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}.cart-items{display:flex;flex-direction:column;gap:16px}.cart-item{display:flex;gap:20px;padding:20px;background:var(--surface);border-radius:var(--radius);border:1px solid var(--border-light);transition:var(--transition)}.cart-item:hover{box-shadow:var(--shadow)}.cart-item-image{width:100px;height:100px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:36px}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-info{flex:1}.cart-item-name{font-weight:600;margin-bottom:4px}.cart-item-price{color:var(--text-secondary);font-size:14px}.cart-item-actions{display:flex;align-items:center;gap:12px;margin-top:12px}.cart-item-total{font-family:var(--font-display);font-weight:700;font-size:18px;text-align:right}.cart-summary{background:var(--surface);border-radius:var(--radius);padding:32px;border:1px solid var(--border-light);position:sticky;top:100px}.cart-summary h3{font-family:var(--font-display);font-size:20px;margin-bottom:24px}.cart-summary-row{display:flex;justify-content:space-between;margin-bottom:12px;font-size:14px;color:var(--text-secondary)}.cart-summary-total{display:flex;justify-content:space-between;padding-top:16px;border-top:2px solid var(--border);margin-top:16px;font-family:var(--font-display);font-size:20px;font-weight:700}.checkout-btn{width:100%;margin-top:24px;padding:16px;font-size:16px}.cart-empty{text-align:center;padding:80px 20px}.cart-empty-icon{font-size:64px;margin-bottom:20px;opacity:.5}.cart-empty h2{font-family:var(--font-display);margin-bottom:12px}.cart-empty p{color:var(--text-secondary);margin-bottom:24px}.checkout-page{max-width:800px;margin:0 auto;padding:40px 24px}.checkout-page h1{font-family:var(--font-display);font-size:32px;margin-bottom:32px}.checkout-card{background:var(--surface);border-radius:var(--radius);padding:32px;border:1px solid var(--border-light);margin-bottom:24px}.checkout-card h3{font-family:var(--font-display);font-size:18px;margin-bottom:20px;display:flex;align-items:center;gap:8px}.card-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.card-inputs .full-width{grid-column:1 / -1}.payment-notice{background:var(--primary-light);padding:12px 16px;border-radius:var(--radius-sm);font-size:13px;color:var(--primary);text-align:center;margin-top:16px}.profile-page{max-width:1280px;margin:0 auto;padding:40px 24px}.profile-page h1{font-family:var(--font-display);font-size:32px;margin-bottom:32px}.profile-header{display:flex;align-items:center;gap:24px;background:var(--surface);border-radius:var(--radius);padding:32px;margin-bottom:32px;border:1px solid var(--border-light)}.profile-avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#a78bfa);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700}.profile-info h2{font-family:var(--font-display);font-size:24px}.profile-info p{color:var(--text-secondary);font-size:14px}.orders-list{display:flex;flex-direction:column;gap:16px}.order-card{background:var(--surface);border-radius:var(--radius);padding:24px;border:1px solid var(--border-light);transition:var(--transition)}.order-card:hover{box-shadow:var(--shadow)}.order-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.order-number{font-family:var(--font-display);font-weight:700}.order-date{font-size:13px;color:var(--text-secondary)}.order-status{padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600}.order-status.pending{background:#fef3c7;color:#92400e}.order-status.paid{background:#d1fae5;color:#065f46}.order-status.processing{background:#dbeafe;color:#1e40af}.order-status.shipped{background:#e0e7ff;color:#3730a3}.order-status.delivered{background:#d1fae5;color:#065f46}.order-status.cancelled{background:#fee2e2;color:#991b1b}.order-items-list{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.order-item-row{display:flex;justify-content:space-between;font-size:14px;color:var(--text-secondary)}.order-total{display:flex;justify-content:space-between;padding-top:12px;border-top:1px solid var(--border-light);font-weight:700}.success-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:40px 24px;text-align:center}.success-icon{width:100px;height:100px;border-radius:50%;background:#d1fae5;color:var(--success);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;font-size:48px;animation:successPop .5s cubic-bezier(.68,-.55,.27,1.55)}@keyframes successPop{0%{transform:scale(0) rotate(-180deg)}to{transform:scale(1) rotate(0)}}.success-page h1{font-family:var(--font-display);font-size:32px;margin-bottom:12px}.success-page p{color:var(--text-secondary);margin-bottom:32px}.catalog-page{max-width:1280px;margin:0 auto;padding:40px 24px}.catalog-page h1{font-family:var(--font-display);font-size:32px;margin-bottom:32px}.catalog-filters{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:32px}.filter-chip{padding:8px 20px;border-radius:50px;background:var(--surface);border:2px solid var(--border);font-size:14px;font-weight:500;color:var(--text-secondary);transition:var(--transition);cursor:pointer}.filter-chip:hover{border-color:var(--primary);color:var(--primary)}.filter-chip.active{background:var(--primary);border-color:var(--primary);color:#fff}.catalog-search{position:relative;margin-bottom:24px;max-width:400px}.catalog-search input{width:100%;padding:12px 16px 12px 44px;border:2px solid var(--border);border-radius:50px;background:var(--surface);font-size:14px;transition:var(--transition)}.catalog-search input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-glow)}.catalog-search .search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--text-light)}.no-results{text-align:center;padding:60px 20px;color:var(--text-secondary)}.admin-layout{display:flex;min-height:calc(100vh - 80px)}.admin-sidebar{width:260px;background:var(--surface);border-right:1px solid var(--border-light);padding:24px 16px;position:sticky;top:72px;height:calc(100vh - 72px);overflow-y:auto}.admin-sidebar h3{font-family:var(--font-display);font-size:16px;color:var(--text-light);text-transform:uppercase;letter-spacing:1px;padding:0 12px;margin-bottom:16px}.admin-nav-link{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500;color:var(--text-secondary);transition:var(--transition);margin-bottom:4px}.admin-nav-link:hover{background:var(--primary-light);color:var(--primary)}.admin-nav-link.active{background:var(--primary);color:#fff}.admin-content{flex:1;padding:32px;max-width:calc(100% - 260px)}.admin-content h1{font-family:var(--font-display);font-size:28px;margin-bottom:32px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;margin-bottom:40px}.stat-card{background:var(--surface);border-radius:var(--radius);padding:24px;border:1px solid var(--border-light);transition:var(--transition)}.stat-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.stat-card-value{font-family:var(--font-display);font-size:28px;font-weight:700;margin-bottom:4px}.stat-card-label{font-size:14px;color:var(--text-secondary)}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.admin-table{width:100%;background:var(--surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-light)}.admin-table table{width:100%;border-collapse:collapse}.admin-table th{text-align:left;padding:14px 20px;font-size:13px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--bg);border-bottom:1px solid var(--border-light)}.admin-table td{padding:14px 20px;font-size:14px;border-bottom:1px solid var(--border-light);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--bg)}.table-actions{display:flex;gap:8px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:200;padding:24px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius-lg);padding:32px;width:100%;max-width:520px;max-height:90vh;overflow-y:auto;animation:modalIn .3s cubic-bezier(.16,1,.3,1)}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal h2{font-family:var(--font-display);font-size:22px;margin-bottom:24px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.footer{background:var(--surface);border-top:1px solid var(--border-light);padding:48px 24px 24px;margin-top:80px}.footer-inner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer-brand h3{font-family:var(--font-display);font-size:20px;color:var(--primary);margin-bottom:12px}.footer-brand p{color:var(--text-secondary);font-size:14px;line-height:1.6}.footer-links h4{font-weight:600;margin-bottom:16px;font-size:14px}.footer-links a{display:block;color:var(--text-secondary);font-size:14px;padding:4px 0;transition:var(--transition)}.footer-links a:hover{color:var(--primary);transform:translate(4px)}.footer-bottom{max-width:1280px;margin:32px auto 0;padding-top:24px;border-top:1px solid var(--border-light);text-align:center;font-size:13px;color:var(--text-light)}.gradient-0{background:linear-gradient(135deg,#667eea,#764ba2)}.gradient-1{background:linear-gradient(135deg,#f093fb,#f5576c)}.gradient-2{background:linear-gradient(135deg,#4facfe,#00f2fe)}.gradient-3{background:linear-gradient(135deg,#43e97b,#38f9d7)}.gradient-4{background:linear-gradient(135deg,#fa709a,#fee140)}.gradient-5{background:linear-gradient(135deg,#a18cd1,#fbc2eb)}.gradient-6{background:linear-gradient(135deg,#ffecd2,#fcb69f)}.gradient-7{background:linear-gradient(135deg,#ff9a9e,#fecfef)}@media (max-width: 1024px){.product-detail{grid-template-columns:1fr;gap:32px}.product-image-main{position:static}.cart-layout{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}.admin-sidebar{width:220px}}@media (max-width: 768px){.header-inner{padding:0 16px}.nav-links{gap:4px}.hero{padding:60px 16px 80px}.hero-stats{gap:24px;flex-wrap:wrap}.categories-grid,.products-grid{grid-template-columns:repeat(2,1fr)}.footer-inner{grid-template-columns:1fr}.admin-layout{flex-direction:column}.admin-sidebar{width:100%;height:auto;position:static;display:flex;flex-wrap:wrap;gap:4px;padding:12px}.admin-sidebar h3{display:none}.admin-content{max-width:100%;padding:16px}.card-inputs{grid-template-columns:1fr}}@media (max-width: 480px){.products-grid,.categories-grid{grid-template-columns:1fr}.hero h1{font-size:32px}.auth-card{padding:24px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#c4b5fd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}::selection{background:var(--primary-light);color:var(--primary)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:960px;margin:0 auto}.feature-card{background:var(--surface);padding:32px 24px;border-radius:var(--radius);border:1px solid var(--border-light);text-align:center;transition:var(--transition)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:var(--primary-light)}.feature-card-icon{width:56px;height:56px;border-radius:14px;background:var(--primary-light);color:var(--primary);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;transition:var(--transition)}.feature-card:hover .feature-card-icon{background:var(--primary);color:#fff;transform:scale(1.1) rotate(5deg)}.feature-card h3{font-family:var(--font-display);font-size:18px;margin-bottom:8px}.feature-card p{font-size:14px;color:var(--text-secondary);line-height:1.5}.category-card-illustration{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;transition:transform .5s cubic-bezier(.4,0,.2,1)}.category-card:hover .category-card-illustration{transform:scale(1.08)}.category-card-illustration svg{width:55%;height:55%;filter:drop-shadow(0 2px 8px rgba(0,0,0,.15))}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--primary-glow)}50%{box-shadow:0 0 24px var(--primary-glow),0 0 48px #7c3aed14}}@keyframes wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(3deg)}75%{transform:rotate(-3deg)}}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.animate-float{animation:floatY 3s ease-in-out infinite}.animate-glow{animation:glowPulse 2s ease-in-out infinite}.animate-wiggle:hover{animation:wiggle .4s ease}.product-card{will-change:transform}.product-card:hover .product-card-image-inner{transform:scale(1.08)}.btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,rgba(255,255,255,.3) 0%,transparent 70%);opacity:0;transition:opacity .3s}.btn-primary:active:before{opacity:1}.nav-link:after{content:"";position:absolute;bottom:4px;left:50%;width:0;height:2px;background:var(--primary);border-radius:1px;transition:all .3s cubic-bezier(.4,0,.2,1);transform:translate(-50%)}.nav-link:hover:after,.nav-link.active:after{width:60%}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;max-width:400px}}