.navbar{background-color:var(--background);border-bottom:1px solid var(--border-color);padding:var(--spacing-lg) 0;position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.navbar-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;text-decoration:none}.logo-image{height:40px;width:auto;display:block}.navbar-logo:hover .logo-image{opacity:.8;transition:opacity .2s}.navbar-menu{display:flex;list-style:none;gap:var(--spacing-xl);align-items:center}.navbar-menu li a{color:var(--text-primary);font-weight:500;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);transition:background-color .2s}.navbar-menu li a:hover{background-color:var(--surface)}@media (max-width: 768px){.navbar-menu{gap:var(--spacing-md);font-size:.875rem}.navbar-container{padding:0 var(--spacing-md)}}.hamburger{display:none;background:none;border:none;width:40px;height:40px;align-items:center;justify-content:center;cursor:pointer;padding:6px}.hamburger span{display:block;width:22px;height:2px;background:var(--text-primary);margin:4px 0;transition:transform .2s,opacity .2s}.hamburger.open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.mobile-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:90}.navbar-menu{transition:transform .24s ease,opacity .24s ease}@media (max-width: 1024px){.hamburger{display:flex;flex-direction:column}.navbar-menu{position:fixed;top:0;right:0;height:100vh;width:280px;background:var(--background);flex-direction:column;align-items:flex-start;padding:80px 20px 20px;gap:0;box-shadow:-8px 0 24px #0f172a14;transform:translate(100%);opacity:0;z-index:95}.navbar-menu.open{transform:translate(0);opacity:1}.navbar-menu li{width:100%}.navbar-menu li a{display:block;padding:14px 16px;font-size:1rem;width:100%;border-radius:var(--radius-md)}.navbar-menu li a:hover{background-color:var(--surface)}.logo-image{height:36px}}.footer{background-color:var(--text-primary);color:#fff;margin-top:auto;padding:var(--spacing-2xl) 0 var(--spacing-lg)}.footer-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl);display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-2xl)}.footer-section h4{margin-bottom:var(--spacing-md);font-size:1.125rem}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:var(--spacing-sm)}.footer-section a{color:#cbd5e1;text-decoration:none;transition:color .2s}.footer-section a:hover{color:#fff}.footer-bottom{text-align:center;margin-top:var(--spacing-2xl);padding-top:var(--spacing-lg);border-top:1px solid #334155;color:#94a3b8}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;gap:var(--spacing-lg)}}.product-card{background-color:var(--background);border:2px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;height:100%;box-shadow:var(--shadow-sm);position:relative}.product-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #0000001a;border-color:var(--primary-color)}.product-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-color) 0%,#1e40af 100%);opacity:0;transition:opacity .3s ease}.product-card:hover:before{opacity:1}.product-card a{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}.product-image{width:100%;height:280px;overflow:hidden;background-color:var(--surface);position:relative;flex-shrink:0}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.product-card:hover .product-image img{transform:scale(1.08)}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--surface) 0%,#e2e8f0 50%,var(--border-color) 100%);position:relative}.image-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(0,0,0,.02) 10px,rgba(0,0,0,.02) 20px)}.placeholder-content{text-align:center;color:var(--text-secondary);z-index:1;position:relative}.placeholder-icon{font-size:3.5rem;margin-bottom:var(--spacing-md);opacity:.4;filter:grayscale(100%)}.placeholder-text{font-size:.875rem;font-weight:600;max-width:160px;word-wrap:break-word;opacity:.6;line-height:1.4}.card-favorite-btn{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:44px;height:44px;border:none;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:50%;font-size:1.25rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;z-index:10;opacity:0;transform:scale(.8)}.product-card:hover .card-favorite-btn{opacity:1;transform:scale(1)}.card-favorite-btn:hover{transform:scale(1.15);box-shadow:0 6px 20px #0003}.card-favorite-btn.active{opacity:1;transform:scale(1);background:#ef444426;color:#dc2626}.card-favorite-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.product-card{margin:0 var(--spacing-sm);border-radius:var(--radius-md)}.product-image{height:240px}.product-info{padding:var(--spacing-md)}.product-title{font-size:1.125rem}.product-description{font-size:.875rem;margin-bottom:var(--spacing-md)}.product-footer{flex-direction:row;align-items:center;gap:var(--spacing-sm)}.product-price{font-size:1.25rem}.view-product-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:.8rem}.card-favorite-btn{width:40px;height:40px;top:var(--spacing-sm);right:var(--spacing-sm);opacity:1;transform:scale(1)}}@media (max-width: 480px){.product-image{height:200px}.product-footer{flex-direction:column;align-items:stretch;gap:var(--spacing-md)}.view-product-btn{width:100%;justify-content:center;padding:var(--spacing-sm)}}.product-info{padding:var(--spacing-lg);flex-grow:1;display:flex;flex-direction:column;position:relative}.product-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-md);color:var(--text-primary);line-height:1.3;text-transform:capitalize}.product-description{color:var(--text-secondary);font-size:.95rem;margin-bottom:var(--spacing-lg);line-height:1.6;flex-grow:1;font-weight:400}.product-footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;gap:var(--spacing-md)}.product-price{font-size:1.375rem;font-weight:800;color:var(--primary-color);white-space:nowrap}.view-product-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.view-product-btn:hover{background-color:var(--primary-hover);transform:translate(2px)}.btn-arrow{transition:transform .3s ease}.view-product-btn:hover .btn-arrow{transform:translate(2px)}.home{flex:1}.welcome-banner{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:var(--spacing-lg);position:relative;animation:slideDown .5s ease-out}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.welcome-content{max-width:1200px;margin:0 auto;position:relative;padding:0 var(--spacing-lg)}.welcome-content h2{margin:0 0 var(--spacing-sm) 0;font-size:1.75rem}.welcome-content p{margin:0;opacity:.95}.close-banner{position:absolute;top:0;right:var(--spacing-lg);background:#fff3;border:none;color:#fff;font-size:2rem;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:background .2s;line-height:1;padding:0}.close-banner:hover{background:#ffffff4d}.hero{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:var(--spacing-2xl) 0;text-align:center}.hero-content{max-width:800px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.hero h1{font-size:3rem;margin-bottom:var(--spacing-lg);font-weight:800}.hero p{font-size:1.25rem;margin-bottom:var(--spacing-2xl);opacity:.95}.cta-button{background-color:#fff;color:#667eea;padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-lg);font-weight:700;font-size:1.125rem;text-decoration:none;display:inline-block;transition:transform .2s,box-shadow .2s}.cta-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);color:#667eea}.featured-products{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl)}.featured-products h2{font-size:2rem;text-align:center;margin-bottom:var(--spacing-2xl);color:var(--text-primary)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-bottom:3rem}.view-all{text-align:center}.view-all a{font-weight:600;font-size:1.125rem}.features{background-color:var(--surface);padding:var(--spacing-2xl) var(--spacing-xl)}.features h2{font-size:2rem;text-align:center;margin-bottom:var(--spacing-2xl)}.features-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-2xl)}.feature{text-align:center}.feature h3{font-size:1.5rem;margin-bottom:var(--spacing-md)}.feature p{color:var(--text-secondary)}@media (max-width: 1024px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.product-grid{grid-template-columns:1fr}}.products-page{max-width:1400px;margin:0 auto;padding:0 var(--spacing-lg);min-height:calc(100vh - 300px)}.products-container{width:100%}.products-header{position:relative;text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);margin-bottom:var(--spacing-xl);border-radius:var(--radius-lg);overflow:hidden}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,var(--primary-color) 0%,#1e40af 100%);opacity:.05;z-index:0}.hero-content{position:relative;z-index:1}.products-header h1{font-size:3rem;font-weight:800;margin-bottom:var(--spacing-md);color:var(--text-primary);line-height:1.2}.products-header p{font-size:1.25rem;color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6;font-weight:400}.products-filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.search-bar{flex:1;min-width:300px}.search-input-container{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:var(--spacing-md);width:20px;height:20px;color:var(--text-secondary);z-index:1}.search-input{width:100%;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) calc(var(--spacing-md) * 3);border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--background);color:var(--text-primary);font-size:1rem;font-weight:400;transition:all .3s ease}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;transform:translateY(-1px)}.search-input::placeholder{color:var(--text-secondary);opacity:.7}.category-filter select{padding:var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--background);color:var(--text-primary);font-size:1rem;font-weight:500;min-width:150px;transition:all .3s ease}.category-filter select:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.clear-filters,.clear-filters-btn{padding:var(--spacing-sm) var(--spacing-lg);background-color:transparent;color:var(--primary-color);border:2px solid var(--primary-color);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.clear-filters:hover,.clear-filters-btn:hover{background-color:var(--primary-color);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.no-results .clear-filters-btn{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.no-results .clear-filters-btn:hover{background-color:var(--primary-hover)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:var(--spacing-2xl);width:100%;max-width:1400px;margin-left:auto;margin-right:auto}.product-grid-item{opacity:0;transform:translateY(20px);animation:fadeInUp .5s ease forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}@media (min-width: 1200px){.products-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (min-width: 768px) and (max-width: 1199px){.products-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (max-width: 767px){.products-grid{grid-template-columns:1fr;gap:1rem;margin-left:calc(var(--spacing-md) * -1);margin-right:calc(var(--spacing-md) * -1)}.product-grid-item{margin:0 var(--spacing-md)}}.loading-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--text-secondary)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border-color);border-left:4px solid var(--primary-color);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--spacing-lg)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-state h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--text-primary)}.loading-state p{font-size:1rem;color:var(--text-secondary)}.error-state{text-align:center;padding:var(--spacing-2xl);color:var(--text-primary);background-color:var(--surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);max-width:500px;margin:var(--spacing-2xl) auto}.error-icon{font-size:4rem;margin-bottom:var(--spacing-lg);opacity:.6}.error-state h2{color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:1.75rem;font-weight:700}.error-state p{color:var(--text-secondary);margin-bottom:var(--spacing-md);line-height:1.6}.error-state p:last-of-type{margin-bottom:var(--spacing-lg);font-weight:500}.retry-btn{display:inline-block;padding:var(--spacing-md) var(--spacing-xl);background-color:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.retry-btn:hover{background-color:var(--primary-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}.no-results{text-align:center;padding:var(--spacing-2xl);background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin:var(--spacing-xl) 0}.no-results-icon{font-size:3rem;margin-bottom:var(--spacing-lg);opacity:.5}.no-results h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-md);color:var(--text-primary)}.no-results p{font-size:1rem;color:var(--text-secondary);margin-bottom:var(--spacing-lg);line-height:1.6}.pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-2xl);padding:var(--spacing-lg) 0}.pagination-btn{padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--background);color:var(--text-primary);cursor:pointer;transition:all .3s ease;font-weight:500;min-width:44px;height:44px;display:flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color);font-weight:700}.pagination-numbers{display:flex;gap:var(--spacing-xs)}.products-stats{margin-bottom:var(--spacing-lg);text-align:center}.products-stats p{color:var(--text-secondary);font-size:.95rem;font-weight:500}@media (max-width: 768px){.products-page{padding:0 var(--spacing-md)}.products-header{padding:var(--spacing-xl) var(--spacing-md);margin-bottom:var(--spacing-lg)}.products-header h1{font-size:2.25rem;line-height:1.1}.products-header p{font-size:1.125rem}.products-filters{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.search-bar{min-width:auto}.search-input{font-size:16px}.pagination{flex-wrap:wrap;gap:var(--spacing-xs);padding:var(--spacing-md) 0}.pagination-btn{min-width:40px;height:40px;padding:var(--spacing-xs) var(--spacing-sm);font-size:.875rem}}@media (max-width: 480px){.products-header h1{font-size:2rem}.products-header p{font-size:1rem}.search-input{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) calc(var(--spacing-sm) * 2.5)}.search-icon{left:var(--spacing-sm);width:18px;height:18px}.pagination-numbers{max-width:100%;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.pagination-numbers::-webkit-scrollbar{display:none}}@media (prefers-reduced-motion: no-preference){.products-filters{animation:slideInDown .6s ease}.products-header{animation:slideInDown .8s ease}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.btn{padding:var(--spacing-md) var(--spacing-xl);border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:inline-block;text-align:center}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background-color:var(--primary-hover);box-shadow:var(--shadow-md)}.btn-secondary{background-color:var(--surface);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0}.btn-danger{background-color:var(--error);color:#fff}.btn-danger:hover:not(:disabled){background-color:#dc2626}.product-detail{max-width:1200px;margin:0 auto;padding:var(--spacing-2xl) var(--spacing-xl);min-height:calc(100vh - 300px)}.detail-container{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-2xl)}.product-images{position:sticky;top:100px;height:fit-content}.main-image{width:100%;aspect-ratio:4/3;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--spacing-md);background-color:var(--surface);border:1px solid var(--border-color)}.main-image img{width:100%;height:100%;object-fit:cover}.image-thumbnails{display:flex;gap:var(--spacing-md)}.image-thumbnails img{width:80px;height:60px;object-fit:cover;border-radius:var(--radius-md);cursor:pointer;border:2px solid transparent;transition:border-color .2s}.image-thumbnails img:hover,.image-thumbnails img.active{border-color:var(--primary-color)}.product-details h1{font-size:2rem;margin-bottom:var(--spacing-md);color:var(--text-primary)}.product-details .price{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:var(--spacing-lg)}.product-meta{display:flex;gap:var(--spacing-xl);padding:var(--spacing-md) 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:var(--spacing-lg);color:var(--text-secondary)}.product-description{margin-bottom:var(--spacing-2xl)}.product-description h3{font-size:1.25rem;margin-bottom:var(--spacing-md)}.product-description p{color:var(--text-secondary);line-height:1.8;white-space:pre-line}.purchase-section{position:sticky;bottom:0;background-color:var(--background);padding:var(--spacing-lg) 0;border-top:1px solid var(--border-color)}.purchase-section{display:flex;gap:12px;align-items:center}.purchase-section button{padding:var(--spacing-lg);font-size:1.125rem}.purchase-section>button:first-child{flex:1}.favorite-btn{width:56px;height:56px;border:none;background:transparent;border-radius:8px;font-size:1.5rem;cursor:pointer;transition:all .2s;flex-shrink:0}.favorite-btn:hover{transform:scale(1.05)}.favorite-btn.active{background:transparent}.favorite-btn:disabled{opacity:.5;cursor:not-allowed}.product-license-notice{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-lg);box-shadow:var(--shadow-sm)}.product-license-notice .license-title{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-xs)}.product-license-notice .license-content{color:var(--text-secondary);line-height:1.6;margin-bottom:var(--spacing-md)}.product-license-notice .license-content p{margin-bottom:var(--spacing-sm);font-size:.9rem}.product-license-notice .license-content p:last-child{margin-bottom:0}.product-license-notice .license-link{font-size:.875rem;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--border-color)}.product-license-notice .license-link a{color:var(--primary-color);text-decoration:none;font-weight:500;transition:opacity .2s}.product-license-notice .license-link a:hover{opacity:.8}@media (max-width: 968px){.detail-container{grid-template-columns:1fr}.product-images{position:static}}.input-group{margin-bottom:var(--spacing-lg)}.input-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--text-primary)}.input-group input{width:100%;padding:var(--spacing-md);border:1px solid var(--border-color);border-radius:var(--radius-md);font-size:1rem;transition:border-color .2s,box-shadow .2s}.input-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a}.input-group input.error{border-color:var(--error)}.error-message{display:block;margin-top:var(--spacing-sm);color:var(--error);font-size:.875rem}.auth-page{min-height:calc(100vh - 200px);display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-xl);background-color:var(--surface)}.auth-container{background-color:var(--background);padding:var(--spacing-2xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:450px}.auth-container h1{font-size:2rem;margin-bottom:var(--spacing-sm);text-align:center;color:var(--text-primary)}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-2xl)}.auth-form{margin-bottom:var(--spacing-lg)}.auth-form button[type=submit]{width:100%;margin-top:var(--spacing-md)}.auth-footer{text-align:center;color:var(--text-secondary)}.auth-footer a{color:var(--primary-color);font-weight:600}.sidebar{position:fixed;left:0;top:0;width:260px;height:100vh;background-color:#fff;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;z-index:1000;transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar-header{padding:24px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;background:#fff;position:relative;flex-shrink:0}.sidebar-logo{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.mobile-close-btn{position:absolute;top:16px;right:16px;width:32px;height:32px;background:none;border:none;color:#374151;font-size:24px;cursor:pointer;display:none;align-items:center;justify-content:center;z-index:1010;transition:color .2s;padding:8px;line-height:1;width:40px;height:40px;flex-shrink:0}.mobile-dashboard-header{display:none}.sidebar-nav{flex:1;padding:16px 0;display:flex;flex-direction:column;overflow-y:auto}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#6b7280;text-decoration:none;font-size:.9375rem;font-weight:500;transition:all .2s;border:none;background:none;cursor:pointer;width:100%;text-align:left;border-left:3px solid transparent}.nav-item:hover{background-color:#f9fafb;color:#111827}.nav-item.active{background-color:#eff6ff;color:#2563eb;border-left-color:#2563eb;font-weight:600}.nav-icon{font-size:1.25rem;width:24px;text-align:center}.nav-label{flex:1}.nav-spacer{flex:1;min-height:20px}.logout-btn{margin-top:auto;color:#dc2626}.logout-btn:hover{background-color:#fef2f2;color:#991b1b}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#fff;padding:32px;border-radius:12px;max-width:400px;width:90%;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.modal-content h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 12px}.modal-content p{color:#6b7280;margin:0 0 24px;font-size:.9375rem}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{padding:10px 20px;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;border:none;transition:all .2s}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1d4ed8}.btn-secondary{background-color:#f3f4f6;color:#374151}.btn-secondary:hover{background-color:#e5e7eb}@media (max-width: 768px){.mobile-dashboard-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border-bottom:1px solid #e5e7eb;position:fixed;top:0;left:0;right:0;z-index:990;height:60px;box-sizing:border-box}.mobile-logo{font-size:1.25rem;font-weight:700;color:#111827;margin:0}.mobile-menu-btn{width:40px;height:40px;padding:8px;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;justify-content:center;gap:6px;z-index:1020;position:relative}.menu-line{display:block;width:24px;height:2px;background-color:#374151;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform-origin:center;position:relative}.mobile-menu-btn.open .menu-line:first-child{transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.open .menu-line:nth-child(2){opacity:0;transform:translate(-10px)}.mobile-menu-btn.open .menu-line:last-child{transform:translateY(-8px) rotate(-45deg)}.sidebar{transform:translate(-100%);box-shadow:4px 0 16px #0000001a}.sidebar.mobile-open{transform:translate(0)}.mobile-close-btn{display:flex;opacity:1;visibility:visible;border-radius:50%;background-color:#f3f4f6;color:#374151;transition:all .2s}.mobile-close-btn:hover{background-color:#e5e7eb;color:#111827}.mobile-close-btn:active{background-color:#d1d5db}.sidebar-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;opacity:0;visibility:hidden;transition:opacity .3s;z-index:980}.sidebar.mobile-open+.sidebar-backdrop{opacity:1;visibility:visible}.sidebar-nav{padding-top:20px}}.dashboard-home{min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;position:sticky;top:0;z-index:50}.header-content{max-width:1400px;margin:0 auto;padding:24px 32px;display:flex;justify-content:space-between;align-items:center}.header-left{display:flex;align-items:center;gap:24px}.dashboard-header h1{font-size:1.75rem;font-weight:700;color:#111827;margin:0}.back-to-store{color:#2563eb;text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .2s}.back-to-store:hover{color:#1d4ed8;text-decoration:underline}.header-actions{display:flex;align-items:center;gap:16px}.user-menu{position:relative}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem;cursor:pointer;border:none;transition:transform .2s}.user-avatar:hover{transform:scale(1.05)}.profile-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 10px 25px #00000026;min-width:180px;z-index:100;overflow:hidden}.profile-dropdown button{display:flex;align-items:center;gap:10px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;font-size:.9375rem;color:#374151;cursor:pointer;transition:background .2s}.profile-dropdown button:hover{background:#f9fafb}.profile-dropdown button:not(:last-child){border-bottom:1px solid #f3f4f6}.dashboard-content{max-width:1400px;margin:0 auto;padding:32px}.search-section{background:#fff;padding:24px;border-radius:12px;margin-bottom:32px;box-shadow:0 1px 3px #0000001a}.search-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px}.search-icon{font-size:1.25rem;color:#6b7280}.search-bar input{flex:1;border:none;background:none;font-size:.9375rem;color:#111827;outline:none}.search-bar input::placeholder{color:#9ca3af}.filter-controls{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.sort-select{padding:8px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:.875rem;color:#374151;background:#fff;cursor:pointer;outline:none}.sort-select:hover{border-color:#2563eb}.view-toggle{display:flex;border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;margin-left:auto}.view-toggle button{padding:8px 16px;border:none;background:#fff;color:#6b7280;cursor:pointer;font-size:1.125rem;transition:all .2s}.view-toggle button:hover{background:#f9fafb}.view-toggle button.active{background:#2563eb;color:#fff}.view-toggle button:not(:last-child){border-right:1px solid #e5e7eb}.downloads-section,.recommended-section{margin-bottom:48px}.downloads-section h2,.recommended-section h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 24px}.downloads-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.downloads-list{display:flex;flex-direction:column;gap:16px}.asset-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s}.downloads-grid .asset-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.downloads-list .asset-card{display:flex;gap:20px}.asset-thumbnail{width:100%;height:200px;overflow:hidden;background:#f3f4f6}.downloads-list .asset-thumbnail{width:120px;height:120px;flex-shrink:0}.asset-thumbnail img{width:100%;height:100%;object-fit:cover}.asset-info{padding:20px}.downloads-list .asset-info{flex:1;display:flex;flex-direction:column;justify-content:center;padding:16px 20px 16px 0}.asset-info h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 12px}.asset-files{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.file-badge{padding:4px 12px;background:#eff6ff;color:#2563eb;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.asset-actions{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}.btn-download{padding:10px 20px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-download:hover{background:#1d4ed8}.btn-secondary-sm{padding:10px 16px;background:#f3f4f6;color:#374151;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary-sm:hover{background:#e5e7eb}.asset-meta{font-size:.875rem;color:#6b7280}.empty-state{text-align:center;padding:64px 24px;background:#fff;border-radius:12px}.loading-state{text-align:center;padding:64px 24px;color:#6b7280}.recommended-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.recommended-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s}.recommended-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.recommended-thumbnail{width:100%;height:160px;overflow:hidden;background:#f3f4f6}.recommended-thumbnail img{width:100%;height:100%;object-fit:cover}.recommended-info{padding:16px}.recommended-info h3{font-size:1rem;font-weight:600;color:#111827;margin:0 0 8px}.recommended-description{font-size:.875rem;color:#6b7280;margin:0 0 12px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommended-price{font-size:1.125rem;font-weight:700;color:#2563eb;margin-bottom:12px}.btn-view-product{display:inline-block;width:100%;padding:10px 16px;background:#f3f4f6;color:#374151;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;text-align:center;transition:all .2s}.btn-view-product:hover{background:#e5e7eb;color:#111827}.placeholder-card{background:#fff;border:2px dashed #e5e7eb;border-radius:12px;padding:48px 24px;text-align:center;color:#9ca3af;grid-column:1 / -1}.placeholder-card .empty-icon{font-size:3rem;display:block;margin-bottom:16px}.placeholder-card h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 8px}.placeholder-card p{margin:0;color:#6b7280}@media (max-width: 768px){.header-content{padding:20px 16px}.header-left{flex-direction:column;align-items:flex-start;gap:8px}.dashboard-header h1{font-size:1.25rem}.dashboard-content{padding:20px 16px}.downloads-grid{grid-template-columns:1fr}.downloads-list .asset-card{flex-direction:column}.downloads-list .asset-thumbnail{width:100%;height:160px}.downloads-list .asset-info{padding:16px}.dashboard-header{position:static}}.purchases-page{min-height:100vh;padding:32px;max-width:1200px;margin:0 auto}.page-header{margin-bottom:32px}.page-header h1{font-size:2rem;font-weight:700;color:#111827;margin:0 0 8px}.page-header p{font-size:1rem;color:#6b7280;margin:0}.page-content{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.purchases-list{display:flex;flex-direction:column;gap:16px}.purchase-item{display:flex;gap:20px;padding:16px;border:1px solid #e5e7eb;border-radius:10px;transition:all .2s;align-items:center}.purchase-item:hover{border-color:#2563eb;box-shadow:0 4px 12px #2563eb1a}.purchase-thumbnail{width:100px;height:100px;border-radius:8px;overflow:hidden;background:#f3f4f6;flex-shrink:0}.purchase-thumbnail img{width:100%;height:100%;object-fit:cover}.purchase-details{flex:1}.purchase-details h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 12px}.purchase-meta{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.file-type{padding:4px 10px;background:#eff6ff;color:#2563eb;border-radius:6px;font-size:.75rem;font-weight:600}.purchase-date,.purchase-price{font-size:.875rem;color:#6b7280}.purchase-price{font-weight:600;color:#111827}.purchase-actions{flex-shrink:0}.btn-download{padding:10px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-download:hover{background:#1d4ed8;transform:translateY(-1px)}.empty-state{text-align:center;padding:80px 24px}.empty-icon{font-size:4rem;display:block;margin-bottom:16px;opacity:.5}.empty-state h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 8px}.empty-state p{color:#6b7280;font-size:1rem;margin:0 0 24px}.btn-primary{display:inline-block;padding:12px 24px;background:#2563eb;color:#fff;text-decoration:none;border-radius:8px;font-weight:500;transition:all .2s}.loading-state{text-align:center;padding:80px 24px;color:#6b7280;font-size:1rem}@media (max-width: 768px){.purchases-page{padding:20px 16px}.purchase-item{flex-direction:column;align-items:flex-start}.purchase-thumbnail{width:100%;height:180px}.purchase-actions,.btn-download{width:100%}}.favorites-page{min-height:100vh;padding:32px;max-width:1400px;margin:0 auto}.favorites-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.favorite-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a;transition:all .2s;display:flex;flex-direction:column}.favorite-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #0000001a}.card-thumbnail{width:100%;height:200px;overflow:hidden;background:#f3f4f6}.card-thumbnail img{width:100%;height:100%;object-fit:cover}.card-content{padding:20px;flex:1}.card-content h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 8px}.card-description{font-size:.875rem;color:#6b7280;margin:0 0 12px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-price{font-size:1.25rem;font-weight:700;color:#2563eb}.card-actions{padding:16px 20px;border-top:1px solid #e5e7eb;display:flex;gap:8px}.btn-view{flex:1;padding:10px 16px;background:#2563eb;color:#fff;text-decoration:none;border-radius:8px;font-size:.875rem;font-weight:500;text-align:center;transition:all .2s}.btn-view:hover{background:#1d4ed8}.btn-remove{padding:10px 16px;background:#fef2f2;color:#dc2626;border:none;border-radius:8px;font-size:1.125rem;cursor:pointer;transition:all .2s}.btn-remove:hover{background:#fee2e2}@media (max-width: 1024px){.favorites-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.favorites-page{padding:20px 16px}.favorites-grid{grid-template-columns:1fr}}.settings-page{min-height:100vh;padding:32px;max-width:800px;margin:0 auto}.page-content{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.settings-section{padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid #e5e7eb}.settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.settings-section h2{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 20px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.form-group input[type=email],.form-group input[type=password],.form-group input[type=text]{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9375rem;color:#111827;transition:all .2s;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.input-disabled{background:#f9fafb;color:#9ca3af;cursor:not-allowed}.form-help{font-size:.8125rem;color:#6b7280;margin:8px 0 0}.btn-primary{padding:12px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary:hover{background:#1d4ed8}.alert{padding:12px 16px;border-radius:8px;margin-bottom:24px;font-size:.875rem}.alert-success{background:#d1fae5;color:#065f46;border:1px solid #6ee7b7}.alert-error{background:#fee2e2;color:#991b1b;border:1px solid #fca5a5}.preference-item{margin-bottom:16px}.preference-item label{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:.9375rem;color:#374151}.preference-item input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#2563eb}@media (max-width: 768px){.settings-page{padding:20px 16px}.page-content{padding:24px 20px}}.support-page{min-height:100vh;padding:32px;max-width:1200px;margin:0 auto}.support-content{margin-top:32px}.support-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:32px}.contact-section{background:#fff;padding:32px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.contact-section h2{font-size:1.5rem;font-weight:600;color:#111827;margin:0 0 24px}.success-message{padding:16px;background:#d1fae5;color:#065f46;border-radius:8px;margin-bottom:24px;border:1px solid #6ee7b7}.contact-form .form-group{margin-bottom:20px}.contact-form label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:8px}.contact-form input,.contact-form textarea{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;font-size:.9375rem;color:#111827;font-family:inherit;transition:all .2s;box-sizing:border-box}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.contact-form textarea{resize:vertical;min-height:120px}.btn-submit{width:100%;padding:14px 24px;background:#2563eb;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-submit:hover{background:#1d4ed8}.help-section{display:flex;flex-direction:column;gap:20px}.help-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.help-card h3{font-size:1.125rem;font-weight:600;color:#111827;margin:0 0 8px}.help-card p{font-size:.875rem;color:#6b7280;margin:0 0 12px}.help-link{display:inline-block;color:#2563eb;font-size:.875rem;font-weight:500;text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:color .2s}.help-link:hover{color:#1d4ed8;text-decoration:underline}@media (max-width: 968px){.support-grid{grid-template-columns:1fr}}@media (max-width: 768px){.support-page{padding:20px 16px}.contact-section{padding:24px 20px}}.dashboard-layout{display:flex;min-height:100vh;background-color:#f9fafb}.dashboard-main{flex:1;margin-left:260px;min-height:100vh}@media (max-width: 768px){.dashboard-main{margin-left:0;padding-top:60px}}.checkout{flex:1;background:var(--surface);padding:var(--spacing-2xl) 0;min-height:calc(100vh - 200px)}.checkout-container{max-width:900px;margin:0 auto;padding:0 var(--spacing-xl)}.checkout-container h1{text-align:center;margin-bottom:var(--spacing-2xl);color:var(--text-primary);font-size:2.5rem;font-weight:700}.checkout-content{display:flex;flex-direction:column;gap:var(--spacing-xl)}.product-preview{background:#fff;border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:0 2px 8px #0000001a;display:flex;gap:var(--spacing-lg);align-items:center}.product-preview img{width:120px;height:120px;object-fit:cover;border-radius:var(--border-radius)}.preview-details h2{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1.25rem}.preview-details p{margin:0;color:var(--text-secondary)}.preview-details .price{font-size:1.5rem;font-weight:700;color:var(--primary);margin-top:var(--spacing-sm)}.checkout-form{background:var(--background);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg);max-width:600px;margin:0 auto}.order-summary-compact{margin-bottom:var(--spacing-2xl);padding:var(--spacing-lg);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-color)}.order-summary-compact h3{margin:0 0 var(--spacing-sm) 0;color:var(--text-primary);font-size:1.25rem;font-weight:600}.total-amount{font-size:1.375rem;font-weight:700;color:var(--primary-color);margin:0}.legal-notice{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--surface);border-radius:var(--radius-md);border:1px solid var(--border-color)}.legal-notice p{margin:0 0 var(--spacing-sm) 0;color:var(--text-secondary);line-height:1.6;font-size:.95rem}.legal-notice p:last-child{margin-bottom:0}.legal-notice a{color:var(--primary-color);text-decoration:underline;font-weight:500;transition:color .2s ease}.legal-notice a:hover{color:var(--primary-hover)}.terms-checkbox{margin-bottom:var(--spacing-xl);padding:var(--spacing-md)}.checkbox-container{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:.95rem;color:var(--text-primary);line-height:1.5}.terms-input{width:18px;height:18px;accent-color:var(--primary-color);cursor:pointer}.checkbox-text{font-weight:500}.payment-section{margin-top:var(--spacing-xl);padding:var(--spacing-lg);background:var(--background);border-radius:var(--radius-md);border:1px solid var(--border-color)}.payment-button{width:100%;margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-lg);font-size:1.125rem;font-weight:600;border-radius:var(--radius-md);transition:all .3s ease}.payment-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.trust-message{margin-top:var(--spacing-lg);text-align:center;padding:var(--spacing-md);background:#2563eb0d;border-radius:var(--radius-sm);border:1px solid rgba(37,99,235,.1)}.trust-message p{margin:0 0 var(--spacing-xs) 0;font-size:.875rem;color:var(--text-secondary);line-height:1.4}.trust-message p:last-child{margin-bottom:0}.test-mode-note{text-align:center;margin-top:var(--spacing-md);font-size:.875rem;color:var(--text-secondary)}.checkout-error{text-align:center;padding:var(--spacing-2xl);background:#fff;border-radius:var(--border-radius);box-shadow:0 2px 8px #0000001a}.checkout-error h2{color:var(--error);margin-bottom:var(--spacing-md)}@media (max-width: 768px){.checkout-container{padding:0 var(--spacing-md)}.checkout-form{padding:var(--spacing-lg);margin:0}.order-summary-compact{margin-bottom:var(--spacing-lg);padding:var(--spacing-md)}.legal-notice{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}.legal-notice p{font-size:.875rem}.terms-checkbox{margin-bottom:var(--spacing-lg)}.checkbox-container{font-size:.875rem}.payment-button{padding:var(--spacing-md);font-size:1rem}.trust-message{margin-top:var(--spacing-md);padding:var(--spacing-sm)}.product-preview{flex-direction:column;text-align:center}.product-preview img{width:100%;height:200px}}@media (max-width: 480px){.checkout-form{padding:var(--spacing-md);border-radius:var(--radius-md)}.order-summary-compact h3{font-size:1.125rem}.total-amount{font-size:1.25rem}.payment-button{font-size:.95rem;padding:var(--spacing-sm) var(--spacing-md)}}._container_wa9mc_1{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}._loginBox_wa9mc_10{background:#fff;padding:3rem;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;width:100%}._loginBox_wa9mc_10 h1{margin:0 0 .5rem;color:#1a202c;font-size:2rem}._subtitle_wa9mc_25{color:#718096;margin:0 0 2rem}._error_wa9mc_30{background:#fed7d7;color:#c53030;padding:.75rem 1rem;border-radius:6px;margin-bottom:1.5rem;font-size:.875rem}._formGroup_wa9mc_39{margin-bottom:1.5rem}._formGroup_wa9mc_39 label{display:block;font-weight:600;margin-bottom:.5rem;color:#2d3748;font-size:.875rem}._formGroup_wa9mc_39 input{width:100%;padding:.75rem 1rem;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;transition:border-color .2s}._formGroup_wa9mc_39 input:focus{outline:none;border-color:#667eea}._submitBtn_wa9mc_65{width:100%;padding:.875rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}._submitBtn_wa9mc_65:hover:not(:disabled){background:#5a67d8}._submitBtn_wa9mc_65:disabled{opacity:.6;cursor:not-allowed}._hint_wa9mc_87{margin-top:2rem;padding:1rem;background:#f7fafc;border-radius:6px;text-align:center}._hint_wa9mc_87 p{margin:0 0 .5rem;font-size:.875rem;color:#718096}._hint_wa9mc_87 code{background:#e2e8f0;padding:.25rem .5rem;border-radius:4px;font-size:.875rem;color:#2d3748}._container_xwn0j_1{min-height:100vh;background:#f7fafc;padding:2rem}._loading_xwn0j_7{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.25rem;color:#718096}._header_xwn0j_16{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}._header_xwn0j_16 h1{margin:0;color:#1a202c;font-size:2rem}._header_xwn0j_16 p{margin:.25rem 0 0;color:#718096}._logoutBtn_xwn0j_34{padding:.5rem 1.5rem;background:#fff;color:#e53e3e;border:2px solid #e53e3e;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}._logoutBtn_xwn0j_34:hover{background:#e53e3e;color:#fff}._actions_xwn0j_50{margin-bottom:2rem}._addBtn_xwn0j_54{padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;font-size:1rem;transition:background .2s}._addBtn_xwn0j_54:hover{background:#5a67d8}._stats_xwn0j_70{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}._statCard_xwn0j_77{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 1px 3px #0000001a}._statCard_xwn0j_77 h3{margin:0 0 .5rem;color:#718096;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}._statNumber_xwn0j_93{margin:0;font-size:2rem;font-weight:700;color:#1a202c}._tableContainer_xwn0j_100{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden}._table_xwn0j_100{width:100%;border-collapse:collapse}._table_xwn0j_100 thead{background:#f7fafc}._table_xwn0j_100 th{padding:1rem;text-align:left;font-weight:600;color:#2d3748;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e2e8f0}._table_xwn0j_100 td{padding:1rem;border-bottom:1px solid #e2e8f0;color:#2d3748}._table_xwn0j_100 tbody tr:hover{background:#f7fafc}._badge_xwn0j_137{display:inline-block;padding:.25rem .75rem;background:#e6fffa;color:#047857;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:capitalize}._fileKey_xwn0j_148{font-size:.75rem;background:#f7fafc;padding:.25rem .5rem;border-radius:4px;color:#4a5568}._actionBtns_xwn0j_156{display:flex;gap:.5rem}._editBtn_xwn0j_161,._deleteBtn_xwn0j_162{padding:.5rem 1rem;border:none;border-radius:4px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}._editBtn_xwn0j_161{background:#e6fffa;color:#047857}._editBtn_xwn0j_161:hover{background:#047857;color:#fff}._deleteBtn_xwn0j_162{background:#fed7d7;color:#c53030}._deleteBtn_xwn0j_162:hover{background:#c53030;color:#fff}._emptyState_xwn0j_192{padding:3rem;text-align:center;color:#718096}._modalOverlay_xwn0j_199{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}._modal_xwn0j_199{background:#fff;padding:2rem;border-radius:12px;max-width:600px;width:90%;max-height:90vh;overflow-y:auto}._modal_xwn0j_199 h2{margin:0 0 1.5rem;color:#1a202c}._formGroup_xwn0j_227{margin-bottom:1.25rem}._formGroup_xwn0j_227 label{display:block;font-weight:600;margin-bottom:.5rem;color:#2d3748;font-size:.875rem}._formGroup_xwn0j_227 input,._formGroup_xwn0j_227 textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:6px;font-size:1rem;font-family:inherit;min-width:0;overflow-wrap:anywhere;word-break:break-word}._formGroup_xwn0j_227 input:focus,._formGroup_xwn0j_227 textarea:focus{outline:none;border-color:#667eea}._formGroup_xwn0j_227 small{display:block;margin-top:.25rem;color:#718096;font-size:.875rem}._formRow_xwn0j_266{display:grid;grid-template-columns:1fr 1fr;gap:1rem}._modalActions_xwn0j_272{display:flex;gap:1rem;margin-top:2rem;justify-content:flex-end}._cancelBtn_xwn0j_279,._saveBtn_xwn0j_280{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .2s}._cancelBtn_xwn0j_279{background:#e2e8f0;color:#2d3748}._cancelBtn_xwn0j_279:hover{background:#cbd5e0}._saveBtn_xwn0j_280{background:#667eea;color:#fff}._saveBtn_xwn0j_280:hover:not(:disabled){background:#5a67d8}._saveBtn_xwn0j_280:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){._container_xwn0j_1{padding:1rem}._header_xwn0j_16{flex-direction:column;align-items:flex-start;gap:1rem}._stats_xwn0j_70{grid-template-columns:1fr}._table_xwn0j_100{font-size:.875rem}._table_xwn0j_100 th,._table_xwn0j_100 td{padding:.75rem .5rem}._actionBtns_xwn0j_156{flex-direction:column}._formRow_xwn0j_266{grid-template-columns:1fr}}.legal-page{background-color:var(--surface);min-height:100vh;padding:var(--spacing-2xl) 0}.legal-container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.legal-content{background:#fff;border-radius:var(--radius-lg);padding:var(--spacing-2xl);box-shadow:var(--shadow-lg)}.legal-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--spacing-lg);text-align:center}.legal-date{color:var(--text-secondary);text-align:center;margin-bottom:var(--spacing-2xl);font-size:.875rem}.legal-prose{max-width:none;color:var(--text-primary);line-height:1.7}.legal-prose p{margin-bottom:var(--spacing-lg)}.legal-prose h2{font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--primary-color)}.legal-prose h3{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.legal-prose ul{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-xl)}.legal-prose li{margin-bottom:var(--spacing-sm)}.legal-prose a{color:var(--primary-color);text-decoration:underline;transition:opacity .2s}.legal-prose a:hover{opacity:.8}.legal-info-box{background-color:var(--surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.legal-info-box.primary{background-color:#e0f2fe;border-color:var(--primary-color)}.legal-info-box.primary p,.legal-info-box.primary li{color:var(--primary-color)}.legal-info-box.success{background-color:#f0fdf4;border-color:var(--success)}.legal-info-box.success h3,.legal-info-box.success p,.legal-info-box.success li{color:#166534}.legal-info-box.warning{background-color:#fefce8;border-color:#eab308}.legal-info-box.warning h3,.legal-info-box.warning p,.legal-info-box.warning li{color:#a16207}.legal-info-box.danger{background-color:#fef2f2;border-color:var(--error)}.legal-info-box.danger h3,.legal-info-box.danger p,.legal-info-box.danger li{color:#dc2626}.legal-info-box h3{font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.legal-info-box h4{font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-xs)}.legal-info-box p{font-size:.875rem;margin-bottom:var(--spacing-sm)}.legal-info-box p:last-child{margin-bottom:0}.legal-info-box ul{margin:0;padding-left:var(--spacing-lg)}.legal-info-box li{font-size:.875rem;margin-bottom:var(--spacing-xs)}.legal-contact{background-color:#e0f2fe;border:1px solid var(--primary-color);border-radius:var(--radius-md);padding:var(--spacing-xl);margin-top:var(--spacing-2xl);text-align:center}.legal-contact h3{color:var(--primary-color);font-size:1.125rem;font-weight:600;margin-bottom:var(--spacing-md)}.legal-contact p{color:var(--primary-color);font-size:.875rem;margin-bottom:var(--spacing-xs)}.legal-contact a{color:var(--primary-color);font-weight:600;text-decoration:underline}.legal-contact a:hover{opacity:.8}@media (max-width: 768px){.legal-page{padding:var(--spacing-lg) 0}.legal-container{padding:0 var(--spacing-md)}.legal-content{padding:var(--spacing-xl)}.legal-title{font-size:2rem}.legal-prose h2{font-size:1.25rem}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--secondary-color: #64748b;--background: #ffffff;--surface: #f8fafc;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: #e2e8f0;--error: #ef4444;--success: #10b981;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}body{font-family:-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;color:var(--text-primary);background-color:var(--background);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}a{color:var(--primary-color);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-hover)}.loading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:1.125rem;color:var(--text-secondary)}.error-banner{background-color:#fee2e2;color:var(--error);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);border:1px solid #fecaca}