:root{--header-height:70px;--bg:#fff;--surface:#f9fafb;--text:#1f2937;--text-secondary:#6b7280;--border:#e5e7eb}[data-theme=dark]{--bg:#0f172a;--surface:#1e293b;--text:#f8fafc;--text-secondary:#cbd5e1;--border:#334155}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);transition:all .3s;overflow-x:hidden}.container{max-width:1280px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.btn-primary{display:inline-block;padding:1rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s;cursor:pointer;border:none;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(139,92,246,.4)}.navbar{z-index:100}.nav-container{max-width:1280px;width:100%;margin:0 auto;padding:0 2rem;justify-content:space-between}.logo,.nav-container{display:flex;align-items:center}.logo{gap:.5rem;text-decoration:none;cursor:pointer}.logo svg{width:32px;height:32px;filter:drop-shadow(0 2px 5px rgba(139,92,246,.3))}.logo-text{font-size:1.3rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent}.nav-links{display:flex;gap:2rem;align-items:center}.nav-link{background:none;border:none;color:var(--text);text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;cursor:pointer;padding:.5rem 0;position:relative}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#8b5cf6,#ec4899);transition:width .3s ease}.nav-link:hover{color:#8b5cf6}.nav-link:hover:after{width:100%}.nav-link.active{color:#8b5cf6}.nav-link.active:after{width:100%}.nav-icons{display:flex;gap:1rem;align-items:center}.cart-icon,.menu-btn,.theme-btn{background:none;border:none;cursor:pointer;color:var(--text);position:relative;padding:.5rem;border-radius:50%;transition:all .3s;display:flex;align-items:center;justify-content:center}.cart-icon:hover,.menu-btn:hover,.theme-btn:hover{background:var(--surface);transform:translateY(-2px)}.cart-icon span{position:absolute;top:-5px;right:-5px;font-size:10px;padding:2px 5px;border-radius:50%}.cart-icon span,.login-btn{background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;font-weight:600}.login-btn{display:flex;align-items:center;gap:.3rem;border:none;padding:.4rem 1rem;border-radius:40px;font-size:.85rem;cursor:pointer;transition:all .3s ease}.login-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(139,92,246,.5)}.menu-btn{display:none}main{padding-top:var(--header-height)}.hero{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;position:relative;overflow:hidden;background:var(--bg)}.gradient-bg{position:absolute;inset:0;z-index:0;overflow:hidden}.orb1,.orb2,.orb3{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2;animation:float 20s infinite}.orb1{width:500px;height:500px;background:#8b5cf6;top:-200px;left:-200px}.orb2{width:400px;height:400px;background:#ec4899;bottom:-150px;right:-150px;animation-delay:-5s}.orb3{width:300px;height:300px;background:#f59e0b;top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:-10s}.hero-content{text-align:center;max-width:800px;margin:0 auto;position:relative;z-index:1}.hero-badge{display:inline-block;background:rgba(139,92,246,.1);padding:.5rem 1rem;border-radius:50px;font-size:.85rem;color:#8b5cf6;margin-bottom:2rem}.hero-title{font-size:clamp(2rem,6vw,4rem);font-weight:800;margin-bottom:1.5rem;color:var(--text)}.hero-light{background:linear-gradient(135deg,#c4b5fd,#f0a0c0);background-clip:text;-webkit-background-clip:text;color:transparent;display:inline-block}.hero-accent{background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent;display:block}.hero-description{font-size:1.2rem;color:var(--text-secondary);margin-bottom:2rem}.products{padding:4rem 0;background:var(--surface)}.section-title{text-align:center;font-size:2rem;font-weight:700;margin-bottom:3rem;color:var(--text)}.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:2rem;gap:2rem}.product-card{background:var(--bg);border-radius:20px;overflow:hidden;transition:all .3s;box-shadow:0 4px 6px rgba(0,0,0,.1)}.product-card:hover{transform:translateY(-10px)}.product-image{position:relative;overflow:hidden;aspect-ratio:1}.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.product-card:hover .product-image img{transform:scale(1.1)}.badge-new{left:10px;background:#10b981}.badge-discount,.badge-new{position:absolute;top:10px;padding:4px 12px;border-radius:20px;font-size:12px;color:#fff;font-weight:600}.badge-discount{right:10px;background:#ef4444}.cart-btn{position:absolute;bottom:-50px;left:20px;right:20px;background:#fff;color:#1a1a1a;padding:12px;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:bottom .3s;cursor:pointer;border:none}.product-card:hover .cart-btn{bottom:20px}.product-info{padding:1rem}.product-info h3{font-size:1rem;margin-bottom:.25rem;color:var(--text)}.product-info p{color:var(--text-secondary);font-size:.8rem;margin-bottom:.25rem}.product-price{font-size:1.1rem;font-weight:700;color:#8b5cf6}.old-price{font-size:.75rem;color:var(--text-secondary);text-decoration:line-through;margin-left:8px}.details-btn{background:none;border:none;color:#8b5cf6;font-size:.75rem;font-weight:500;cursor:pointer;padding:6px 0 2px;margin-top:6px;display:inline-flex;align-items:center;gap:4px;transition:all .3s ease;border-top:1px solid var(--border);width:100%;justify-content:center}.details-btn:hover{color:#ec4899;gap:8px}.details-icon{transition:transform .3s ease}.details-icon.rotated{transform:rotate(180deg)}.product-description{overflow:hidden;margin-top:8px;padding-top:8px;border-top:1px dashed var(--border)}.product-description p{font-size:.75rem;line-height:1.4;color:var(--text-secondary);margin:0}.footer{padding:2rem 0;border-top:1px solid var(--border);text-align:center;background:var(--bg)}.footer-links{display:flex;justify-content:center;gap:2rem;margin:.5rem 0;flex-wrap:wrap}.footer-link{background:none;border:none;color:var(--text-secondary);cursor:pointer;transition:all .3s ease;font-size:.85rem;padding:.25rem 0;position:relative;text-decoration:none}.footer-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#8b5cf6,#ec4899);transition:width .3s ease}.footer-link:hover{color:#8b5cf6}.footer-link:hover:after{width:100%}.footer-copyright{color:var(--text-secondary);font-size:.75rem}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-bottom:.5rem}.footer-logo{width:32px;height:32px;object-fit:contain}.footer-brand-text{font-size:.9rem;font-weight:600;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent}.preloader{position:fixed;inset:0;background:linear-gradient(135deg,#1e1b4b,#0f172a);z-index:10000;display:flex;align-items:center;justify-content:center}.preloader-content{text-align:center}.preloader-gem{color:#8b5cf6;margin-bottom:2rem}.preloader-logo{font-size:2rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:1rem}.progress-bar{width:250px;height:2px;background:hsla(0,0%,100%,.2);border-radius:2px;overflow:hidden;margin:.5rem 0}.progress-fill{height:100%;background:linear-gradient(135deg,#8b5cf6,#ec4899);transition:width .2s}.progress-text{color:#fff;font-size:.85rem;margin-bottom:.5rem}.preloader-text{color:hsla(0,0%,100%,.6);font-size:.75rem}.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200}.cart-sidebar{position:fixed;right:0;top:0;width:380px;height:100%;background:var(--bg);z-index:201;display:flex;flex-direction:column;box-shadow:-5px 0 30px rgba(0,0,0,.3)}.cart-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.2rem;border-bottom:1px solid var(--border)}.cart-header h2{font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent}.close-cart-btn{width:32px;height:32px;background:rgba(239,68,68,.1);border:none;border-radius:50%;cursor:pointer;color:#ef4444;transition:all .3s}.close-cart-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.cart-items{flex:1 1;overflow-y:auto;flex-direction:column;gap:.5rem}.cart-item,.cart-items{padding:.8rem;display:flex}.cart-item{align-items:center;gap:.8rem;background:var(--surface);border-radius:12px}.cart-item-image{object-fit:cover}.cart-image-placeholder,.cart-item-image{width:50px;height:50px;border-radius:10px}.cart-image-placeholder{background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:20px}.cart-item-info{flex:1 1}.cart-item-info h4{font-size:.85rem;font-weight:600;color:var(--text)}.cart-item-info p{font-size:.8rem;color:#8b5cf6;font-weight:600}.cart-item-actions{display:flex;align-items:center;gap:.3rem}.cart-item-actions input{width:50px;padding:.3rem;border:1px solid var(--border);border-radius:8px;background:var(--bg);color:var(--text);text-align:center;font-size:.8rem}.delete-item-btn{width:32px;height:32px;background:rgba(239,68,68,.1);border:none;border-radius:50%;cursor:pointer;color:#ef4444}.delete-item-btn:hover{background:#ef4444;color:#fff;transform:scale(1.1)}.cart-footer{padding:1rem 1.2rem;border-top:1px solid var(--border)}.cart-total{font-size:1rem;font-weight:700;margin-bottom:.8rem;text-align:right}.cart-total span{color:#8b5cf6;font-size:1.1rem}.cart-empty{text-align:center;color:var(--text-secondary);padding:2rem;font-size:.9rem}.btn-block{width:100%}.discount-banner{position:fixed;top:var(--header-height);left:0;right:0;background:linear-gradient(135deg,#8b5cf6,#ec4899);padding:8px 0;z-index:99;box-shadow:0 2px 8px rgba(0,0,0,.1)}.discount-banner-content{display:flex;align-items:center;justify-content:center;gap:10px;color:#fff;font-weight:500;text-align:center;position:relative;padding:0 35px}.discount-banner-content span{font-size:12px;line-height:1.3}.discount-banner-close{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.2);border:none;border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s ease}.discount-banner-close:hover{background:hsla(0,0%,100%,.3);transform:translateY(-50%) scale(1.05)}.ufo{position:absolute;z-index:100;pointer-events:none;filter:drop-shadow(0 0 8px rgba(139,92,246,.6));animation:flyUFO 12s ease-in-out infinite;top:20%;left:-100px;opacity:1}@keyframes flyUFO{0%{transform:translateX(0) translateY(0) rotate(0deg);opacity:1}10%{transform:translateX(10vw) translateY(-10px) rotate(2deg)}30%{transform:translateX(30vw) translateY(-20px) rotate(0deg)}50%{transform:translateX(50vw) translateY(50px) rotate(3deg)}70%{transform:translateX(70vw) translateY(-10px) rotate(-2deg)}90%{transform:translateX(90vw) translateY(20px) rotate(1deg)}to{transform:translateX(calc(100vw + 200px)) translateY(80px) rotate(5deg);opacity:1}}.ufo-beam{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);width:2px;height:40px;background:linear-gradient(180deg,rgba(139,92,246,.6),transparent);animation:beamPulse .5s ease-in-out infinite alternate}@keyframes beamPulse{0%{opacity:.3;width:2px;height:30px}to{opacity:.7;width:3px;height:50px}}.ufo-trail{position:absolute;top:50%;left:-20px;width:20px;height:2px;background:linear-gradient(90deg,rgba(139,92,246,.6),transparent);animation:trailGlow .3s linear infinite}@keyframes trailGlow{0%{opacity:.3;width:15px}to{opacity:.8;width:30px}}@media (max-width:768px){.ufo{transform:scale(.7);top:10%;left:-80px}}.particle{position:absolute;width:2px;height:2px;background:hsla(0,0%,100%,.5);border-radius:50%;pointer-events:none;z-index:5;animation:fallParticle linear infinite}@keyframes fallParticle{0%{transform:translateY(-100vh);opacity:0}10%{opacity:.6}90%{opacity:.3}to{transform:translateY(100vh);opacity:0}}.filters-section{margin-bottom:1.5rem;background:var(--surface);padding:1rem;border-radius:16px;border:1px solid var(--border)}.filters-container{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem}.filter-search{flex:2 1;min-width:180px;display:flex;align-items:center;gap:.5rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:.5rem .8rem}.filter-search input{flex:1 1;background:none;border:none;outline:none;color:var(--text);font-size:.85rem}.filter-dropdown{flex:1 1;min-width:130px}.filter-dropdown select{width:100%;padding:.5rem .8rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:.85rem;cursor:pointer}.filter-reset{display:flex;align-items:center;gap:.3rem;background:rgba(239,68,68,.1);border:none;padding:.5rem .8rem;border-radius:25px;color:#ef4444;font-size:.75rem;cursor:pointer}.filter-results-count{margin-top:.8rem;font-size:.75rem;color:var(--text-secondary)}.loading-spinner{text-align:center;padding:3rem;color:var(--text-secondary)}.no-results{text-align:center;padding:2rem;background:var(--surface);border-radius:16px}.mobile-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;opacity:0;visibility:hidden;transition:all .3s ease}.mobile-menu-overlay.active{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);z-index:1001;padding:1rem;transform:translateY(-100%);transition:transform .3s ease;max-height:100vh;overflow-y:auto}.mobile-menu.active{transform:translateY(0)}.mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.8rem;border-bottom:1px solid var(--border);margin-bottom:.8rem}.mobile-menu-logo{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent}.mobile-menu-close{background:rgba(239,68,68,.1);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ef4444;transition:all .3s}.mobile-menu-close:hover{background:#ef4444;color:#fff}.mobile-menu-links{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.8rem}.mobile-nav-link{display:block;padding:.6rem .8rem;color:var(--text);text-decoration:none;font-size:.95rem;font-weight:500;border-radius:10px;transition:all .3s}.mobile-nav-link:hover{background:var(--surface);color:#8b5cf6}.login-btn-mobile{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;background:linear-gradient(135deg,#8b5cf6,#ec4899);border:none;padding:.6rem;border-radius:40px;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer}.login-btn-mobile:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.4)}@media (max-width:768px){.navbar{height:56px}.nav-container{padding:0 .8rem}.logo svg{width:22px;height:22px}.logo-text{font-size:.9rem}.nav-links{display:none}.menu-btn{display:flex}.nav-icons{gap:.3rem}.cart-icon,.menu-btn,.theme-btn{padding:.35rem}.cart-icon svg,.menu-btn svg,.theme-btn svg{width:18px;height:18px}.cart-icon span{font-size:9px;padding:1px 4px;top:-3px;right:-3px}.login-btn{padding:.25rem .6rem;font-size:.7rem}.login-btn svg{width:14px;height:14px}main{padding-top:56px}.discount-banner{top:56px;padding:6px 0}.discount-banner-content span{font-size:9px}.discount-banner-close{width:20px;height:20px;right:6px}.products{padding:2rem 0}.section-title{font-size:1.5rem;margin-bottom:1.5rem}.cart-sidebar{width:100%}.hero-title{font-size:1.8rem}.hero-badge{font-size:.7rem;margin-bottom:1rem}.hero-description{font-size:.9rem;margin-bottom:1.5rem}.btn-primary{padding:.7rem 1.5rem;font-size:.85rem}.filters-container{flex-direction:column}.filter-dropdown,.filter-search{width:100%}.products-grid{gap:1rem}}@media (max-width:480px){.logo-text{font-size:.75rem}.login-text{display:none}.login-btn{padding:.25rem .5rem}.discount-banner-content span{font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.footer-links{gap:1rem}.footer-link{font-size:.75rem}}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{width:100%}.form-input{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font-size:.9rem;transition:all .3s}.form-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.form-error{color:#ef4444;font-size:.8rem;text-align:center;padding:.5rem;background:rgba(239,68,68,.1);border-radius:8px}.form-footer{text-align:center;padding-top:.5rem;border-top:1px solid var(--border);display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.form-hint{color:var(--text-secondary);font-size:.8rem}.form-link{background:none;border:none;color:#8b5cf6;font-size:.8rem;cursor:pointer;text-decoration:underline;transition:opacity .3s}.form-link:hover{opacity:.8}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg);border-radius:28px;width:90%;max-width:420px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px -12px rgba(0,0,0,.5)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 1.2rem .5rem}.modal-header h3{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent}.modal-header button{background:var(--surface);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all .2s}.modal-header button:hover{background:var(--border);transform:rotate(90deg)}.modal-body{padding:.5rem 1.2rem 1.2rem}.user-info{display:flex;align-items:center;gap:.5rem}.user-name{font-size:.85rem;font-weight:500;color:var(--text)}.logout-btn{background:none;border:none;color:#ef4444;cursor:pointer;font-size:.8rem;padding:.3rem .6rem;border-radius:20px;transition:all .3s}.logout-btn:hover{background:rgba(239,68,68,.1)}.modal-close-btn{background:var(--surface);border:none;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);transition:all .2s}.modal-close-btn:hover{background:var(--border);transform:rotate(90deg)}.profile-trigger{cursor:pointer}.dropdown-arrow{transition:transform .3s ease}.dropdown-arrow.rotated{transform:rotate(180deg)}@media (max-width:768px){.profile-dropdown{top:56px;right:1rem;left:1rem;width:auto}}.profile-dropdown-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.1))}.profile-dropdown-avatar{width:40px;height:40px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.profile-dropdown-info{flex:1 1}.profile-dropdown-name{font-weight:600;font-size:.9rem;color:var(--text)}.profile-dropdown-email{font-size:.7rem;color:var(--text-secondary)}.profile-dropdown-divider{height:1px;background:var(--border);margin:0}.profile-dropdown-bonus-section{display:flex;align-items:center;gap:8px;padding:12px 16px;background:rgba(245,158,11,.1);color:#f59e0b;font-size:.85rem;font-weight:500}.profile-dropdown-menu{padding:8px 0}.profile-dropdown-item{display:flex;align-items:center;gap:12px;cursor:pointer;transition:all .2s;color:var(--text)}.profile-dropdown-item svg,.profile-dropdown-item:hover{color:#8b5cf6}.profile-dropdown-item.logout-item{color:#ef4444}.profile-dropdown-item.logout-item:hover{background:rgba(239,68,68,.1);color:#ef4444}.profile-dropdown-item.logout-item svg{color:#ef4444}.profile-dropdown-logout{padding:4px 0}.personal-data-form{display:flex;flex-direction:column;gap:1rem}.personal-data-field{display:flex;justify-content:space-between;align-items:center;padding:.8rem 0;border-bottom:1px solid var(--border)}.personal-data-field label{font-weight:500;color:var(--text-secondary);font-size:.85rem}.personal-data-field p{color:var(--text);font-size:.9rem}.orders-empty{text-align:center;padding:2rem}.orders-empty svg{color:var(--text-secondary);margin-bottom:1rem;opacity:.5}.orders-empty p{color:var(--text-secondary);margin-bottom:1.5rem}.user-info-web{display:flex;align-items:center;gap:.8rem;background:rgba(139,92,246,.1);padding:.3rem .8rem;border-radius:60px;border:1px solid rgba(139,92,246,.2)}.user-avatar-web{width:28px;height:28px;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.user-details-web{display:flex;flex-direction:column;gap:2px}.user-name-web{font-size:.8rem;font-weight:600;color:var(--text)}.user-role-web{font-size:.65rem;color:var(--text-secondary)}.user-bonus-web{font-weight:600;padding:.2rem .5rem}.profile-bonus-mobile,.user-bonus-web{font-size:.7rem;color:#f59e0b;background:rgba(245,158,11,.15);border-radius:20px}.profile-bonus-mobile{display:flex;align-items:center;gap:4px;margin-top:6px;padding:4px 8px;width:-moz-fit-content;width:fit-content}.profile-icon-web{display:flex;align-items:center;gap:.3rem;background:rgba(139,92,246,.1);padding:.4rem .7rem;border-radius:40px;cursor:pointer;transition:all .3s ease;border:1px solid rgba(139,92,246,.2)}.profile-icon-web:hover{background:rgba(139,92,246,.2);transform:translateY(-2px)}.profile-icon-web svg{color:var(--text)}.admin-panel{padding:2rem;margin:2rem 0}.admin-header{margin-bottom:2rem}.admin-info{margin-bottom:1rem}.admin-table td,.admin-table th{padding:1rem}.icon-btn{padding:.5rem}.admin-link-nav:after{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.admin-link-nav:hover{color:#ef4444}.admin-link-nav:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#ef4444;transition:width .3s ease}.admin-link-nav:hover:after{width:100%}.admin-mobile{color:#ef4444}.global-admin-panel{padding:2rem}.global-admin-header{margin-bottom:2rem}.global-admin-header h2{font-size:1.8rem}.close-admin-btn{width:48px;height:48px}.admin-panel{padding:1.5rem;background:var(--surface);border-radius:20px;width:100%}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.admin-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent;margin:0}.admin-header .btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.6rem 1.2rem;font-size:.9rem;white-space:nowrap}.admin-info{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.1));padding:.75rem 1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.85rem;color:var(--text-secondary);text-align:center}.table-responsive{overflow-x:auto;width:100%;border-radius:12px}.admin-table{width:100%;border-collapse:collapse;background:var(--bg);border-radius:12px;overflow:hidden;min-width:600px}.admin-table td,.admin-table th{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border)}.admin-table th{background:var(--surface);font-weight:600;font-size:.85rem}.admin-table td{font-size:.85rem;color:var(--text)}.admin-table tr.dragging,.admin-table tr:hover{background:var(--surface)}.admin-table tr.dragging{opacity:.5}.icon-btn{background:none;border:none;cursor:pointer;padding:.4rem;border-radius:8px;color:var(--text);transition:all .2s;display:inline-flex;align-items:center;justify-content:center}.icon-btn:hover{background:var(--surface);transform:translateY(-2px)}.icon-btn.delete:hover{color:#ef4444}.global-admin-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;overflow-y:auto;padding:1rem}.global-admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--border);flex-wrap:wrap;gap:1rem}.global-admin-header h2{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent;margin:0}.close-admin-btn{background:rgba(239,68,68,.1);border:none;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#ef4444;transition:all .3s}.close-admin-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.global-admin-content{max-width:1400px;margin:0 auto}@media (max-width:768px){.admin-panel{padding:1rem}.admin-header{flex-direction:column;align-items:stretch;text-align:center}.admin-header .btn-primary{width:100%;justify-content:center}.admin-table td,.admin-table th{padding:.5rem;font-size:.75rem}.global-admin-panel{padding:.5rem}.global-admin-header h2{font-size:1.2rem}.close-admin-btn{width:36px;height:36px}}@media (max-width:480px){.admin-table td,.admin-table th{padding:.4rem;font-size:.7rem}.admin-table td:first-child,.admin-table th:first-child{padding-left:.3rem}.admin-table td:last-child,.admin-table th:last-child{padding-right:.3rem}.icon-btn{padding:.3rem}.icon-btn svg{width:14px;height:14px}.global-admin-header{margin-bottom:1rem}.global-admin-header h2{font-size:1rem}.close-admin-btn{width:32px;height:32px}.admin-info{font-size:.7rem;padding:.5rem}}@media (max-width:380px){.admin-table{min-width:500px}.admin-table td,.admin-table th{padding:.3rem;font-size:.65rem}.admin-header h2{font-size:1.2rem}.admin-header .btn-primary{font-size:.8rem;padding:.5rem 1rem}}.product-name-cell{max-width:200px}.product-name-cell,.stone-cell{white-space:normal;word-break:break-word}.action-buttons{display:flex;gap:.3rem;flex-wrap:wrap}.saving-indicator{margin-top:.5rem;font-size:.8rem;color:#8b5cf6;animation:pulse 1s infinite}@media (max-width:768px){.product-name-cell{max-width:120px}.action-buttons{flex-direction:column;gap:.2rem}.admin-table .stone-cell{max-width:100px;white-space:normal;word-break:break-word}}@media (max-width:480px){.product-name-cell{max-width:80px;font-size:.7rem}.stone-cell{max-width:70px;font-size:.7rem}}.product-form{display:flex;flex-direction:column;gap:1.2rem;padding:.5rem 0}.form-row{display:flex;gap:1rem;flex-wrap:wrap}.form-row .form-group{flex:1 1;min-width:150px}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--bg);color:var(--text);font-size:.9rem;transition:all .3s;font-family:inherit}.form-textarea{resize:vertical;min-height:80px}.form-input:focus,.form-textarea:focus{outline:none;border-color:#8b5cf6;box-shadow:0 0 0 3px rgba(139,92,246,.1)}.image-upload-area{border:2px dashed var(--border);border-radius:16px;padding:1.5rem;text-align:center;transition:all .3s;cursor:pointer;background:var(--surface)}.image-upload-area.drag-active{border-color:#8b5cf6;background:rgba(139,92,246,.05)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.8rem}.upload-icon{color:var(--text-secondary);opacity:.5}.upload-placeholder p{font-size:.85rem;color:var(--text-secondary)}.file-input{display:none}.file-input-label{display:inline-block;padding:.5rem 1.5rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;border-radius:40px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s}.file-input-label:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(139,92,246,.3)}.image-preview-container{position:relative;display:inline-block}.image-preview-img{max-width:150px;max-height:150px;border-radius:12px;object-fit:cover}.remove-image-btn{position:absolute;top:-8px;right:-8px;width:28px;height:28px;background:#ef4444;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#fff;transition:all .3s}.remove-image-btn:hover{transform:scale(1.1)}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;padding:.3rem 0}.checkbox-label input{width:18px;height:18px;cursor:pointer;accent-color:#8b5cf6}.checkbox-label span{font-size:.9rem;color:var(--text)}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:.5rem;padding-top:.5rem;border-top:1px solid var(--border)}.btn-secondary{padding:.75rem 1.5rem;border-radius:40px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s;background:var(--surface);border:1px solid var(--border);color:var(--text)}.btn-secondary:hover{background:var(--border);transform:translateY(-2px)}@media (max-width:768px){.product-form{gap:1rem}.form-row{flex-direction:column;gap:.8rem}.form-row .form-group{min-width:100%}.form-actions{flex-direction:column-reverse}.form-actions button{width:100%}.image-preview-img{max-width:120px;max-height:120px}.upload-placeholder p{font-size:.75rem}.file-input-label{padding:.4rem 1.2rem;font-size:.8rem}}@media (max-width:480px){.form-input,.form-textarea{padding:.6rem .8rem;font-size:.85rem}.form-group label{font-size:.75rem}.btn-primary,.btn-secondary{padding:.6rem 1rem;font-size:.85rem}}.admin-link-nav,.nav-link,.profile-dropdown-item{position:relative;text-decoration:none;transition:all .3s ease;cursor:pointer}.admin-link-nav:after,.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(135deg,#8b5cf6,#ec4899);transition:width .3s ease}.admin-link-nav:hover,.nav-link:hover,.profile-dropdown-item:hover{color:#8b5cf6!important}.admin-link-nav:hover:after,.nav-link:hover:after{width:100%}.admin-link-nav.active,.nav-link.active{color:#8b5cf6}.admin-link-nav.active:after,.nav-link.active:after{width:100%}.profile-dropdown-item{padding:10px 16px;font-size:.85rem}.profile-dropdown-item:hover{background:var(--surface);padding-left:20px}.admin-link-nav:hover{background:none!important;transform:none;color:#8b5cf6!important}.about-page{min-height:calc(100vh - 70px);background:var(--bg);padding-top:70px}.about-hero{background:var(--bg);padding:4rem 2rem;text-align:center;position:relative}.about-logo-large{width:120px;height:120px;object-fit:contain;margin-bottom:1.5rem;filter:drop-shadow(0 4px 20px rgba(139,92,246,.3))}.about-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:.5rem}.about-subtitle{font-size:1.1rem;color:var(--text-secondary)}.about-story{padding:4rem 2rem;max-width:800px;margin:0 auto}.about-story h2{font-size:2rem;font-weight:700;text-align:center;margin-bottom:2rem;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent}.about-story-text{font-size:1.05rem;line-height:1.7;color:var(--text)}.about-story-text p{margin-bottom:1.2rem}.about-quote{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.1));padding:1.5rem;border-radius:20px;margin:1.5rem 0;display:flex;gap:1rem;align-items:flex-start;border-left:3px solid #8b5cf6}.about-quote svg{color:#8b5cf6;flex-shrink:0}.about-quote p{margin:0;font-style:italic;font-weight:500}.about-features{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;padding:3rem 2rem;background:var(--surface);border-radius:30px;margin:2rem auto;max-width:1000px}.about-feature{text-align:center;padding:1.5rem}.about-feature svg{color:#8b5cf6;margin-bottom:1rem}.about-feature h3{font-size:1.2rem;font-weight:600;margin-bottom:.5rem;color:var(--text)}.about-feature p{font-size:.9rem;color:var(--text-secondary)}.about-signature-centered{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:3rem auto 4rem;padding:1.5rem 2rem;max-width:400px;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(236,72,153,.08));border-radius:60px;border:1px solid rgba(139,92,246,.2)}.signature-heart{color:#ec4899;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.about-signature-centered p{font-size:1rem;font-weight:500;color:var(--text);margin:0}@media (max-width:768px){.about-page{padding-top:56px}.about-hero{padding:2rem 1rem}.about-logo-large{width:80px;height:80px}.about-story{padding:2rem 1rem}.about-story h2{font-size:1.5rem}.about-story-text{font-size:.95rem}.about-quote{padding:1rem}.about-features{padding:2rem 1rem;gap:1rem;margin:1rem}.about-feature{padding:1rem}.about-signature-centered{margin:2rem auto 3rem;padding:1rem 1.5rem}.about-signature-centered p{font-size:.9rem}}.delivery-page{min-height:calc(100vh - 70px);background:var(--bg);padding:4rem 2rem;display:flex;align-items:center;justify-content:center}.delivery-content{max-width:1200px;margin:0 auto;text-align:center}.delivery-hero{margin-bottom:3rem}.delivery-icon{color:#8b5cf6;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.delivery-title{font-size:clamp(2rem,5vw,3rem);font-weight:800;background:linear-gradient(135deg,#8b5cf6,#ec4899);background-clip:text;-webkit-background-clip:text;color:transparent;margin-bottom:1rem}.delivery-subtitle{font-size:1.2rem;color:var(--text-secondary)}.delivery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem;margin:3rem 0}.delivery-card{background:var(--surface);padding:2rem;border-radius:20px;text-align:center;transition:all .3s ease;border:1px solid var(--border)}.delivery-card:hover{transform:translateY(-5px);border-color:#8b5cf6;box-shadow:0 10px 30px rgba(139,92,246,.1)}.delivery-card svg{color:#8b5cf6;margin-bottom:1rem}.delivery-card h3{font-size:1.3rem;font-weight:600;margin-bottom:.8rem;color:var(--text)}.delivery-card p{color:var(--text-secondary);line-height:1.5}.delivery-developing{margin-top:4rem;padding:2rem;background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(236,72,153,.1));border-radius:20px;text-align:center}.developing-badge{display:inline-flex;align-items:center;gap:1rem;background:rgba(139,92,246,.2);padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:600;color:#8b5cf6;margin-bottom:1rem}.developing-dot{width:6px;height:6px;background:#8b5cf6;border-radius:50%;display:inline-block;animation:pulse 1.5s ease-in-out infinite}.developing-dot:first-child{animation-delay:0s}.developing-dot:last-child{animation-delay:1s}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1.2)}}.developing-text{color:var(--text-secondary);font-size:1rem;line-height:1.6}@media (max-width:768px){.delivery-page{padding:2rem 1rem;min-height:calc(100vh - 56px)}.delivery-grid{gap:1rem}.delivery-card{padding:1.5rem}.delivery-card h3{font-size:1.1rem}.delivery-card p{font-size:.9rem}.developing-badge{font-size:.8rem;gap:.5rem}.developing-text{font-size:.9rem}}.navbar{height:var(--header-height);top:0;width:100%;border-bottom:1px solid var(--border);z-index:1000;padding:0;display:flex;align-items:center}.navbar,.profile-dropdown{position:fixed;background:var(--bg)}.profile-dropdown{top:70px;right:2rem;width:280px;border-radius:16px;box-shadow:0 10px 40px rgba(0,0,0,.15);border:1px solid var(--border);z-index:1001;overflow:hidden;animation:dropdownSlideIn .2s ease}@media (max-width:768px){.navbar{height:56px}.profile-dropdown{top:56px;right:1rem;left:1rem;width:auto}}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}main{margin-top:var(--header-height)}@media (max-width:768px){main{margin-top:56px}}