@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--primary: #0084CC;--primary-light: #339AD6;--primary-dark: #006AA3;--secondary: #D4AF37;--secondary-light: #E5C359;--secondary-dark: #A6892C;--accent: #00AEEF;--accent-light: #33BEF2;--background: #F8FAFC;--background-alt: #F1F5F9;--surface: #FFFFFF;--surface-hover: #F8FAFC;--dark: #0F172A;--dark-light: #334155;--text-primary: #0F172A;--text-secondary: #475569;--text-muted: #94A3B8;--border: #E2E8F0;--border-light: #F1F5F9;--gradient-primary: linear-gradient(135deg, #0084CC 0%, #00AEEF 100%);--gradient-secondary: linear-gradient(135deg, #D4AF37 0%, #F3D98E 50%, #D4AF37 100%);--gradient-hero: linear-gradient(135deg, rgba(0, 132, 204, .95) 0%, rgba(15, 23, 42, .9) 100%);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 50px rgba(0, 0, 0, .15);--shadow-secondary: 0 4px 20px rgba(212, 175, 55, .3);--shadow-primary: 0 4px 20px rgba(0, 132, 204, .3);--font-heading: "Playfair Display", Georgia, serif;--font-body: "Poppins", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--header-height: 70px;--container-max: 1280px;--sidebar-width: 280px}html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);background-color:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;color:var(--text-primary)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-light)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;outline:none;border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);background-color:var(--surface);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b22521a}input::placeholder,textarea::placeholder{color:var(--text-muted)}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.text-primary{color:var(--primary)}.text-secondary-color{color:var(--secondary)}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-surface{background-color:var(--surface)}.bg-background{background-color:var(--background)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-md);transition:all var(--transition-normal);cursor:pointer;min-height:48px;border:none}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #8b225266}.btn-secondary{background:var(--gradient-secondary);color:#fff;box-shadow:var(--shadow-secondary)}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 25px #d4af3766}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover{background:var(--primary);color:#fff}.btn-ghost{background:transparent;color:var(--text-primary)}.btn-ghost:hover{background:var(--background-alt)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);min-height:56px}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:36px}.btn-block{width:100%}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.card-glass{background:#ffffffd9;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5)}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full)}.badge-primary{background:var(--primary);color:#fff}.badge-secondary{background:var(--secondary);color:var(--dark)}.badge-success{background:#10b981;color:#fff}.badge-warning{background:#f59e0b;color:#fff}.badge-danger{background:#ef4444;color:#fff}.divider{height:1px;background:var(--border);margin:var(--space-6) 0}.divider-accent{height:2px;background:var(--gradient-secondary);width:60px}.section{padding:var(--space-16) 0}.section-sm{padding:var(--space-10) 0}.section-lg{padding:var(--space-20) 0}.grid{display:grid;gap:var(--space-6)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 5px #d4af374d}50%{box-shadow:0 0 20px #d4af3799}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%,to{transform:translateY(0)}25%{transform:translateY(-5px)}50%{transform:translateY(0)}75%{transform:translateY(-3px)}}@keyframes textGlow{0%,to{text-shadow:0 0 5px rgba(212,175,55,.3)}50%{text-shadow:0 0 15px rgba(212,175,55,.6),0 0 30px rgba(212,175,55,.4)}}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(4);opacity:0}}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideUp{animation:slideUp .5s ease-out}.animate-slideDown{animation:slideDown .5s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-spin{animation:spin 1s linear infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-scaleIn{animation:scaleIn .4s ease-out}.animate-bounce{animation:bounce .6s ease-out}.stagger-children>*:nth-child(1){animation-delay:.1s}.stagger-children>*:nth-child(2){animation-delay:.2s}.stagger-children>*:nth-child(3){animation-delay:.3s}.stagger-children>*:nth-child(4){animation-delay:.4s}.stagger-children>*:nth-child(5){animation-delay:.5s}.stagger-children>*:nth-child(6){animation-delay:.6s}.reveal{opacity:0;transition:all .8s cubic-bezier(.5,0,0,1);will-change:transform,opacity}.reveal-up{transform:translateY(40px)}.reveal-in{transform:scale(.95)}.reveal.active{opacity:1;transform:translate(0) scale(1)}.reveal-stagger>*:nth-child(1){transition-delay:.1s}.reveal-stagger>*:nth-child(2){transition-delay:.2s}.reveal-stagger>*:nth-child(3){transition-delay:.3s}.reveal-stagger>*:nth-child(4){transition-delay:.4s}.reveal-stagger>*:nth-child(5){transition-delay:.5s}.reveal-stagger>*:nth-child(6){transition-delay:.6s}.hover-lift{transition:transform var(--transition-normal),box-shadow var(--transition-normal)}.hover-lift:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-fast)}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow var(--transition-normal)}.hover-glow:hover{box-shadow:var(--shadow-gold)}.skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--background-alt)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--primary);color:#fff}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:1024px){:root{--header-height: 64px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.grid-4{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){:root{--header-height: 60px}html{font-size:15px}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.hide-mobile{display:none!important}}@media(max-width:480px){html{font-size:14px}.container{padding:0 var(--space-3)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.btn{min-height:44px}}@media print{.no-print{display:none!important}}.header{position:fixed;top:36px;left:0;right:0;z-index:1000;background:#fffffff2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:all var(--transition-normal)}@media(max-width:768px){.header{top:32px}}.header--scrolled{box-shadow:var(--shadow-md);background:#fffffffa}.header__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4);height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.header__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;flex-shrink:0}.header__logo-img{height:50px;width:auto;object-fit:contain}.header__logo-text-wrapper{display:flex;flex-direction:column;justify-content:center;line-height:1}.header__logo-text{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:700;color:var(--primary);letter-spacing:.5px}.header__logo-accent{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--secondary);letter-spacing:2px}.header__nav{display:none;align-items:center;gap:var(--space-8)}.header__nav-link{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-decoration:none;text-transform:uppercase;letter-spacing:1px;padding:var(--space-2) 0;position:relative;transition:color var(--transition-fast)}.header__nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-secondary);transition:width var(--transition-normal)}.header__nav-link:hover,.header__nav-link--active{color:var(--primary)}.header__nav-link:hover:after,.header__nav-link--active:after{width:100%}.header__actions{display:flex;align-items:center;gap:var(--space-4)}.header__seller-btn{display:none;font-size:11px!important;white-space:nowrap}.header__login-link{display:none;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px;transition:color var(--transition-fast)}.header__login-link:hover{color:var(--primary)}.header__actions-divider{display:none;width:1px;height:20px;background:var(--border);margin:0 var(--space-1)}@media(min-width:992px){.header__seller-btn{display:inline-flex}.header__login-link,.header__actions-divider{display:block}}.header__profile-icon{display:flex;align-items:center;justify-content:center;text-decoration:none;transition:transform var(--transition-fast)}.header__profile-icon:hover{transform:scale(1.05)}.header__profile-avatar{width:36px;height:36px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;box-shadow:var(--shadow-sm)}.header__action-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.header__action-btn:hover{background:var(--background-alt);color:var(--primary)}.header__cart-btn{position:relative}.header__cart-count{position:absolute;top:4px;right:4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:10px;font-weight:600;border-radius:var(--radius-full);padding:0 4px}.header__menu-toggle{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast)}.header__menu-toggle:hover{background:var(--background-alt)}.header__search{position:absolute;top:100%;left:0;right:0;background:#fff;padding:var(--space-4);box-shadow:var(--shadow-lg);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all var(--transition-normal)}.header__search--open{transform:translateY(0);opacity:1;visibility:visible}.header__search-form{max-width:600px;margin:0 auto;display:flex;align-items:center;gap:var(--space-3);background:var(--background);border-radius:var(--radius-full);padding:var(--space-2) var(--space-4)}.header__search-icon{color:var(--text-muted);flex-shrink:0}.header__search-input{flex:1;border:none;background:transparent;font-size:var(--text-base);padding:var(--space-2);outline:none}.header__search-submit{padding:var(--space-2) var(--space-4);background:var(--gradient-primary);color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:transform var(--transition-fast)}.header__search-submit:hover{transform:scale(1.05)}.header__mobile-menu{position:fixed;top:calc(var(--header-height) + 36px);left:0;bottom:0;width:280px;background:#fff;z-index:9999;transform:translate(-100%);transition:transform var(--transition-normal) ease-out;overflow-y:auto;box-shadow:var(--shadow-xl);display:flex;flex-direction:column}.header__mobile-menu--open{transform:translate(0)}@media(max-width:768px){.header__mobile-menu{top:calc(var(--header-height) + 32px)}}@media(min-width:769px){.header__mobile-menu{display:none!important}}.header__mobile-nav{padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.header__mobile-link{display:block;padding:var(--space-4);font-size:var(--text-base);font-weight:500;color:var(--text-primary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast)}.header__mobile-link:hover,.header__mobile-link--active{background:var(--background);color:var(--primary)}.header__mobile-link--highlight{background:#dcfce7;color:#16a34a}.header__mobile-divider{height:1px;background:var(--border);margin:var(--space-4) 0}.header__overlay{position:fixed;top:calc(var(--header-height) + 36px);left:0;right:0;bottom:0;background:#00000080;z-index:9998;animation:fadeIn .3s ease}@media(max-width:768px){.header__overlay{top:calc(var(--header-height) + 32px)}}@media(min-width:769px){.header__overlay{display:none!important}}@media(min-width:769px){.header__nav{display:flex}.header__menu-toggle{display:none}}@media(max-width:480px){.header__logo-text{font-size:var(--text-xl)}.header__logo-accent{font-size:var(--text-base)}.header__action-btn{width:40px;height:40px}}.footer{background:var(--dark);color:#fff;margin-top:auto}.footer__newsletter{background:var(--gradient-primary);padding:var(--space-12) var(--space-4)}.footer__newsletter-content{max-width:600px;margin:0 auto;text-align:center}.footer__newsletter-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:#fff;margin-bottom:var(--space-2)}.footer__newsletter-text{color:#fffc;margin-bottom:var(--space-6)}.footer__newsletter-form{display:flex;gap:var(--space-2);max-width:450px;margin:0 auto}.footer__newsletter-input{flex:1;padding:var(--space-4);border:none;border-radius:var(--radius-full);font-size:var(--text-base);background:#fff;color:var(--text-primary);min-width:0}.footer__newsletter-input::placeholder{color:var(--text-muted)}.footer__newsletter-btn{width:56px;height:56px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--secondary);color:var(--dark);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.footer__newsletter-btn:hover{transform:scale(1.05);background:var(--secondary-light)}.footer__main{padding:var(--space-16) var(--space-4);border-bottom:1px solid rgba(255,255,255,.1)}.footer__container{max-width:var(--container-max);margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:var(--space-8)}.footer__logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;margin-bottom:var(--space-4)}.footer__logo-img{height:60px;width:auto;object-fit:contain}.footer__logo-text-wrapper{display:flex;flex-direction:column;justify-content:center;line-height:1}.footer__logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:700;color:#fff;letter-spacing:.5px}.footer__logo-accent{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:500;color:var(--secondary);letter-spacing:2px}.footer__tagline{color:#ffffffb3;font-size:var(--text-sm);line-height:1.8;margin-bottom:var(--space-6)}.footer__social{display:flex;gap:var(--space-3)}.footer__social-link{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;color:#fff;border-radius:var(--radius-full);transition:all var(--transition-fast)}.footer__social-link:hover{background:var(--secondary);color:var(--dark);transform:translateY(-3px)}.footer__links-title{font-family:var(--font-heading);font-size:var(--text-lg);color:#fff;margin-bottom:var(--space-6)}.footer__links-list{display:flex;flex-direction:column;gap:var(--space-3)}.footer__link{color:#ffffffb3;font-size:var(--text-sm);text-decoration:none;transition:all var(--transition-fast);display:inline-block}.footer__link:hover{color:var(--secondary);transform:translate(5px)}.footer__contact-list{display:flex;flex-direction:column;gap:var(--space-4)}.footer__contact-item{display:flex;align-items:flex-start;gap:var(--space-3);color:#ffffffb3;font-size:var(--text-sm);text-decoration:none;transition:color var(--transition-fast)}.footer__contact-item:hover{color:var(--secondary)}.footer__contact-item svg{flex-shrink:0;margin-top:2px;color:var(--secondary)}.footer__bottom{padding:var(--space-6) var(--space-4)}.footer__bottom-content{display:flex;justify-content:space-between;align-items:center}.footer__copyright{color:#ffffff80;font-size:var(--text-sm);margin:0}.footer__made-with{display:flex;align-items:center;gap:var(--space-1);color:#ffffff80;font-size:var(--text-sm);margin:0}.footer__heart{color:#ef4444;animation:pulse 1.5s ease-in-out infinite}@media(max-width:1024px){.footer__container{grid-template-columns:1fr 1fr}.footer__brand{grid-column:span 2;text-align:center}.footer__social{justify-content:center}}@media(max-width:768px){.footer__newsletter{padding:var(--space-8) var(--space-4)}.footer__newsletter-title{font-size:var(--text-xl)}.footer__newsletter-form{flex-direction:column}.footer__newsletter-btn{width:100%;height:48px}.footer__main{padding:var(--space-10) var(--space-4)}.footer__container{grid-template-columns:1fr;text-align:center}.footer__brand{grid-column:span 1}.footer__logo{justify-content:center}.footer__links-list,.footer__contact-list{align-items:center}.footer__contact-item{justify-content:center;text-align:left}.footer__bottom-content{flex-direction:column;gap:var(--space-2);text-align:center}}@media(max-width:480px){.footer__newsletter-title{font-size:var(--text-lg)}}.announcement-bar{position:fixed;top:0;left:0;right:0;z-index:calc(var(--z-sticky) + 10);height:36px;background:var(--gradient-primary);display:flex;align-items:center;overflow:hidden}.announcement-bar__track{flex:1;overflow:hidden;mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 5%,black 95%,transparent 100%)}.announcement-bar__content{display:flex;white-space:nowrap;animation:marquee 30s linear infinite}.announcement-bar__content:hover{animation-play-state:paused}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.announcement-bar__item{display:inline-flex;align-items:center;color:#fff;font-size:var(--text-xs);font-weight:500;letter-spacing:.5px;padding:0 var(--space-6)}.announcement-bar__separator{margin-left:var(--space-6);opacity:.5}.announcement-bar__close{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.announcement-bar__close:hover{background:#fff3}@media(max-width:768px){.announcement-bar{height:32px}.announcement-bar__item{font-size:11px;padding:0 var(--space-4)}.announcement-bar__separator{margin-left:var(--space-4)}.announcement-bar__content{animation-duration:20s}}.category-nav{--category-nav-height: 50px;background-color:var(--surface);border-bottom:1px solid var(--border-light);position:fixed;top:calc(36px + var(--header-height));left:0;right:0;z-index:999;width:100%;transition:all var(--transition-normal)}.category-nav__container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.category-nav__list{display:flex;justify-content:center;gap:var(--space-8);height:50px;align-items:center}.category-nav__item{height:100%;display:flex;align-items:center}.category-nav__link{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-transform:capitalize;transition:color var(--transition-fast);white-space:nowrap}.category-nav__link:hover,.category-nav__item--active .category-nav__link{color:var(--secondary)}.category-nav__chevron{transition:transform var(--transition-fast)}.category-nav__item:hover .category-nav__chevron{transform:rotate(180deg)}.mega-menu{position:absolute;top:100%;left:0;width:100%;background:var(--surface);box-shadow:0 15px 30px #0000001a;border-top:1px solid var(--border-light);padding:var(--space-8) 0;opacity:0;visibility:hidden;transform:translateY(10px);transition:all var(--transition-normal);z-index:1000}.category-nav__item:hover .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu__container{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-8);width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--space-8)}.mega-menu__column{display:flex;flex-direction:column}.mega-menu__title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-4);border-bottom:2px solid var(--secondary);padding-bottom:12px;width:fit-content;white-space:nowrap}.mega-menu__title--empty{border-bottom:none;visibility:hidden}.mega-menu__links{display:flex;flex-direction:column;gap:.6rem}.mega-menu__link{font-size:13px;color:var(--text-secondary);transition:all var(--transition-fast);display:block;line-height:1.4}.mega-menu__link:hover{color:var(--secondary);text-decoration:underline}.mega-menu__link--special{color:var(--secondary);font-weight:500;margin-top:var(--space-1)}@media(max-width:1024px){.category-nav__list{gap:var(--space-4)}.category-nav__link{font-size:12px}.mega-menu__container{grid-template-columns:repeat(2,1fr);gap:var(--space-10);padding:0 var(--space-12)}}@media(max-width:768px){.category-nav{display:none}}.product-card{display:block;text-decoration:none;background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.product-card__image-wrapper{position:relative;aspect-ratio:3 / 4;overflow:hidden;background:var(--background)}.product-card__image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card__image{transform:scale(1.08)}.product-card__discount{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--primary);color:#fff;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm)}.product-card__bestseller{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--secondary);color:var(--dark);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm)}.product-card__actions{position:absolute;bottom:var(--space-3);right:var(--space-3);display:flex;gap:var(--space-2);opacity:0;transform:translateY(10px);transition:all var(--transition-normal)}.product-card:hover .product-card__actions{opacity:1;transform:translateY(0)}.product-card__action-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--text-primary);border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);cursor:pointer;transition:all var(--transition-fast)}.product-card__action-btn:hover{background:var(--primary);color:#fff;transform:scale(1.1)}.product-card__action-btn--active{background:var(--primary);color:#fff}.product-card__overlay{position:absolute;inset:0;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.product-card:hover .product-card__overlay{opacity:1}.product-card__view-btn{padding:var(--space-3) var(--space-6);background:#fff;color:var(--text-primary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full);transform:translateY(10px);transition:transform var(--transition-normal)}.product-card:hover .product-card__view-btn{transform:translateY(0)}.product-card__content{padding:var(--space-4)}.product-card__category{display:block;font-size:var(--text-xs);color:var(--secondary-dark);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.product-card__name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card__rating{display:flex;align-items:center;gap:var(--space-1);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary)}.product-card__star{color:var(--secondary);fill:var(--secondary)}.product-card__reviews{color:var(--text-muted)}.product-card__price{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.product-card__current-price{font-size:var(--text-lg);font-weight:600;color:var(--primary)}.product-card__original-price{font-size:var(--text-sm);color:var(--text-muted);text-decoration:line-through}@media(max-width:768px){.product-card__actions{opacity:1;transform:translateY(0)}.product-card__overlay{display:none}.product-card__action-btn{width:36px;height:36px}.product-card__content{padding:var(--space-3)}.product-card__name{font-size:var(--text-sm)}.product-card__current-price{font-size:var(--text-base)}}@media(max-width:380px){.product-card__rating{font-size:var(--text-xs)}.product-card__price{flex-direction:column;align-items:flex-start;gap:var(--space-1)}}.hero-slider{position:relative;width:100%;height:90vh;min-height:850px;max-height:none;overflow:hidden;background:#1a1a1a}.hero-slider__container{height:100%;width:100%;position:relative}.hero-slider__slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;visibility:hidden;transition:opacity 1s ease-in-out}.hero-slider__slide--active{opacity:1;visibility:visible;z-index:1}.hero-slider__bg{position:absolute;inset:0}.hero-slider__image{width:100%;height:100%;object-fit:cover;object-position:center}.hero-slider__promo-box{position:absolute;left:5%;top:50%;transform:translateY(-50%);width:380px;max-width:90%;background:linear-gradient(135deg,#6b1839,#8b2252,#6b1839);border:3px solid #D4AF37;padding:50px 35px 40px;z-index:10;text-align:center;box-shadow:0 20px 60px #0006}.hero-slider__promo-tag{display:inline-block;color:#d4af37;font-size:1rem;font-weight:500;letter-spacing:3px;text-transform:uppercase;margin-bottom:15px}.hero-slider__promo-title{font-family:Playfair Display,serif;font-size:3.5rem;font-weight:400;font-style:italic;color:#fff;line-height:1.1;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.hero-slider__promo-divider{width:60px;height:2px;background:#d4af37;margin:0 auto 20px}.hero-slider__promo-discount{margin-bottom:15px}.hero-slider__promo-upto{display:block;font-size:1rem;color:#fffc;letter-spacing:2px;text-transform:uppercase;margin-bottom:5px}.hero-slider__promo-percent{font-size:5rem;font-weight:700;color:#d4af37;line-height:1;text-shadow:3px 3px 6px rgba(0,0,0,.4)}.hero-slider__promo-off{display:block;font-size:1.5rem;font-weight:600;color:#fff;letter-spacing:3px;text-transform:uppercase}.hero-slider__promo-text{font-size:.85rem;color:#d4af37;letter-spacing:2px;text-transform:uppercase;font-weight:500;margin-top:15px}.hero-slider__promo-btn{display:inline-flex;align-items:center;gap:10px;margin-top:25px;padding:14px 32px;background:#d4af37;color:#1a1a1a;font-size:.9rem;font-weight:600;letter-spacing:1px;text-transform:uppercase;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease}.hero-slider__promo-btn:hover{background:#fff;color:#6b1839;transform:translateY(-2px);box-shadow:0 8px 25px #d4af3766}.hero-slider__particles{display:none}.hero-slider__dots{position:absolute;bottom:30px;right:50px;display:flex;gap:12px;z-index:20}.hero-slider__dot{width:10px;height:10px;border-radius:50%;background:#fff6;border:2px solid rgba(255,255,255,.6);cursor:pointer;transition:all .3s ease;padding:0}.hero-slider__dot--active{background:#fff;border-color:#fff;width:28px;border-radius:14px;box-shadow:0 2px 8px #0000004d}.hero-slider__dot:hover{background:#ffffffb3}.hero-slider__arrow{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:20;transition:all .3s ease;opacity:0}.hero-slider:hover .hero-slider__arrow{opacity:1}.hero-slider__arrow:hover{background:#ffffff4d;border-color:#fff6;transform:translateY(-50%) scale(1.05)}.hero-slider__arrow--prev{left:25px}.hero-slider__arrow--next{right:25px}@media(max-width:1200px){.hero-slider{height:calc(100vh - 120px);min-height:450px;max-height:700px}.hero-slider__promo-box{width:340px;padding:35px 30px}.hero-slider__promo-title{font-size:3rem}.hero-slider__promo-percent{font-size:4rem}}@media(max-width:1024px){.hero-slider{height:70vh;min-height:400px;max-height:600px}.hero-slider__promo-box{width:300px;padding:30px 25px;left:4%}.hero-slider__promo-tag{font-size:.85rem;letter-spacing:2px}.hero-slider__promo-title{font-size:2.5rem;margin-bottom:15px}.hero-slider__promo-percent{font-size:3.5rem}.hero-slider__promo-off{font-size:1.2rem}.hero-slider__promo-text{font-size:.75rem}.hero-slider__promo-btn{padding:12px 25px;font-size:.8rem}}@media(max-width:768px){.hero-slider{height:60vh;min-height:350px;max-height:500px;margin-top:0}.hero-slider__image{object-position:70% center}.hero-slider__promo-box{width:260px;padding:25px 20px;left:3%;border-width:2px}.hero-slider__promo-tag{font-size:.75rem;margin-bottom:10px}.hero-slider__promo-title{font-size:2rem;margin-bottom:12px}.hero-slider__promo-divider{width:40px;margin-bottom:15px}.hero-slider__promo-percent{font-size:3rem}.hero-slider__promo-off{font-size:1rem}.hero-slider__promo-upto{font-size:.85rem}.hero-slider__promo-text{font-size:.7rem;letter-spacing:1px}.hero-slider__promo-btn{padding:10px 20px;font-size:.75rem;margin-top:18px}.hero-slider__arrow{display:none}.hero-slider__dots{bottom:15px;right:20px;gap:8px}.hero-slider__dot{width:8px;height:8px}.hero-slider__dot--active{width:22px}}@media(max-width:576px){.hero-slider{height:55vh;min-height:320px;max-height:450px}.hero-slider__image{object-position:65% center}.hero-slider__promo-box{width:200px;padding:18px 15px;left:3%}.hero-slider__promo-tag{font-size:.65rem;letter-spacing:1px;margin-bottom:8px}.hero-slider__promo-title{font-size:1.5rem;margin-bottom:10px}.hero-slider__promo-divider{width:30px;height:1px;margin-bottom:10px}.hero-slider__promo-upto{font-size:.7rem}.hero-slider__promo-percent{font-size:2.2rem}.hero-slider__promo-off{font-size:.85rem;letter-spacing:2px}.hero-slider__promo-text{font-size:.6rem;margin-top:10px}.hero-slider__promo-btn{padding:8px 16px;font-size:.7rem;margin-top:15px;gap:6px}.hero-slider__promo-btn svg{width:14px;height:14px}.hero-slider__dots{bottom:12px;right:15px;gap:6px}.hero-slider__dot{width:6px;height:6px;border-width:1px}.hero-slider__dot--active{width:18px}}@media(max-width:400px){.hero-slider{height:50vh;min-height:280px}.hero-slider__promo-box{width:170px;padding:14px 12px}.hero-slider__promo-tag{font-size:.55rem}.hero-slider__promo-title{font-size:1.25rem}.hero-slider__promo-percent{font-size:1.8rem}.hero-slider__promo-off{font-size:.75rem}.hero-slider__promo-btn{padding:6px 12px;font-size:.6rem}}.home__hero-bg{position:absolute;inset:0;background:var(--gradient-hero);z-index:0}.home__hero-bg:before{content:"";position:absolute;inset:0;background-image:url(../../assets/banner1.svg);background-size:cover;background-position:center;opacity:.15;animation:zoomIn 20s ease-in-out infinite alternate}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.1)}}.home__hero-particles{position:absolute;inset:0;overflow:hidden;z-index:0}.home__hero-particles:before,.home__hero-particles:after{content:"";position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,transparent 70%);border-radius:50%;animation:float 8s ease-in-out infinite}.home__hero-particles:before{top:10%;left:-10%;animation-delay:0s}.home__hero-particles:after{bottom:20%;right:-10%;animation-delay:4s}.home__hero-content{position:relative;z-index:1;max-width:800px;text-align:center;animation:slideUp .8s ease-out}.home__hero-tag{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--secondary);color:var(--dark);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:var(--radius-full);margin-bottom:var(--space-6);animation:slideDown .6s ease-out,glow 2s ease-in-out infinite}.home__hero-title{font-family:var(--font-heading);font-size:var(--text-5xl);font-weight:700;color:#fff;line-height:1.2;margin-bottom:var(--space-6);animation:slideUp .8s ease-out .2s both}.home__hero-accent{display:block;color:var(--secondary);animation:textGlow 3s ease-in-out infinite}.home__hero-text{font-size:var(--text-lg);color:#ffffffe6;line-height:1.8;margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto;animation:slideUp .8s ease-out .4s both}.home__hero-actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;animation:slideUp .8s ease-out .6s both}.home__hero-actions .btn{position:relative;overflow:hidden}.home__hero-actions .btn:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:#ffffff4d;border-radius:50%;transform:translate(-50%,-50%) scale(0);transition:transform .5s ease}.home__hero-actions .btn:active:after{animation:ripple .6s ease-out}.home__hero-btn-outline{color:#fff;border-color:#fff}.home__hero-btn-outline:hover{background:#fff;color:var(--primary)}.home__hero-decoration{position:absolute;bottom:0;left:0;right:0;height:100px;background:var(--background);clip-path:ellipse(70% 100% at 50% 100%)}.home__features{padding:var(--space-12) 0;background:var(--background);margin-top:-50px;position:relative;z-index:2}.home__features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.home__feature{text-align:center;padding:var(--space-6);background:var(--surface);border-radius:var(--radius-xl);transition:all var(--transition-normal);animation:slideUp .6s ease-out both}.home__feature:nth-child(1){animation-delay:.1s}.home__feature:nth-child(2){animation-delay:.2s}.home__feature:nth-child(3){animation-delay:.3s}.home__feature:nth-child(4){animation-delay:.4s}.home__feature:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.home__feature-icon{width:72px;height:72px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-xl);transition:transform var(--transition-normal)}.home__feature:hover .home__feature-icon{transform:scale(1.1) rotate(5deg)}.home__feature-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.home__feature-text{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.home__section-header{text-align:center;margin-bottom:var(--space-12)}.home__section-tag{display:inline-block;font-size:var(--text-sm);color:var(--secondary-dark);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-2)}.home__section-title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.home__section-header .divider-gold{margin:0 auto}.home__categories{background:var(--surface)}.home__categories-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.home__category-card{display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--space-8) var(--space-6);background:var(--background);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-normal);border:2px solid transparent;animation:scaleIn .5s ease-out both}.home__category-card:nth-child(1){animation-delay:.1s}.home__category-card:nth-child(2){animation-delay:.2s}.home__category-card:nth-child(3){animation-delay:.3s}.home__category-card:nth-child(4){animation-delay:.4s}.home__category-card:nth-child(5){animation-delay:.5s}.home__category-card:nth-child(6){animation-delay:.6s}.home__category-card:hover{border-color:var(--secondary);transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg),0 0 20px #d4af3733}.home__category-image-wrapper{width:100%;aspect-ratio:1;margin-bottom:var(--space-6);overflow:hidden;border-radius:var(--radius-lg);background:var(--background-alt)}.home__category-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.home__category-card:hover .home__category-image{transform:scale(1.1)}.home__category-name{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.home__category-description{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.home__category-link{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:500;color:var(--primary);transition:gap var(--transition-fast)}.home__category-card:hover .home__category-link{gap:var(--space-2)}.home__products{background:var(--background)}.home__products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.home__products-action{text-align:center;margin-top:var(--space-10)}.home__banner{padding:var(--space-20) var(--space-4);background:var(--gradient-primary);position:relative;overflow:hidden}.home__banner:before{content:"";position:absolute;inset:0;background-image:url(../../assets/banner-offer.svg);background-size:cover;background-position:center;opacity:.1}.home__banner-content{position:relative;max-width:700px;margin:0 auto;text-align:center;z-index:1}.home__banner-tag{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--secondary);color:var(--dark);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.home__banner-title{font-family:var(--font-heading);font-size:var(--text-4xl);color:#fff;margin-bottom:var(--space-4)}.home__banner-text{font-size:var(--text-lg);color:#ffffffe6;margin-bottom:var(--space-8)}.home__testimonials{background:var(--surface)}.home__testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.home__testimonial{padding:var(--space-8);background:var(--background);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal);animation:slideUp .6s ease-out both;position:relative;overflow:hidden}.home__testimonial:nth-child(1){animation-delay:.1s}.home__testimonial:nth-child(2){animation-delay:.2s}.home__testimonial:nth-child(3){animation-delay:.3s}.home__testimonial:before{content:'"';position:absolute;top:-10px;left:20px;font-size:120px;font-family:var(--font-heading);color:var(--secondary);opacity:.1;line-height:1}.home__testimonial:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.home__testimonial-stars{font-size:var(--text-xl);color:var(--secondary);margin-bottom:var(--space-4);animation:textGlow 2s ease-in-out infinite}.home__testimonial-text{font-size:var(--text-base);font-style:italic;color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-6);position:relative;z-index:1}.home__testimonial-author{display:flex;flex-direction:column;gap:var(--space-1)}.home__testimonial-name{font-weight:600;color:var(--text-primary)}.home__testimonial-location{font-size:var(--text-sm);color:var(--text-muted)}.home__cta{padding:var(--space-20) var(--space-4);background:var(--dark)}.home__cta-content{text-align:center}.home__cta-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:#fff;margin-bottom:var(--space-4)}.home__cta-text{font-size:var(--text-lg);color:#ffffffb3;margin-bottom:var(--space-8)}@media(max-width:1024px){.home__hero-title{font-size:var(--text-4xl)}.home__features-grid,.home__categories-grid{grid-template-columns:repeat(2,1fr)}.home__products-grid{grid-template-columns:repeat(3,1fr)}.home__testimonials-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.home__hero{min-height:auto;padding-top:calc(var(--header-height) + 36px + var(--space-12));padding-bottom:var(--space-16)}.home__hero-title{font-size:var(--text-3xl)}.home__hero-text{font-size:var(--text-base)}.home__hero-actions{flex-direction:column;width:100%;max-width:300px;margin:0 auto}.home__hero-decoration{height:50px}.home__features-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.home__feature{padding:var(--space-4)}.home__feature-icon{width:56px;height:56px}.home__categories-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.home__category-card{padding:var(--space-6) var(--space-4)}.home__products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.home__banner-title{font-size:var(--text-2xl)}.home__testimonials-grid{grid-template-columns:1fr}.home__cta-title{font-size:var(--text-2xl)}}@media(max-width:480px){.home__hero-title{font-size:var(--text-2xl)}.home__features-grid,.home__categories-grid{grid-template-columns:1fr}.home__section-title{font-size:var(--text-2xl)}}.shop{padding-top:var(--header-height);min-height:100vh}.shop__header{padding:var(--space-12) 0;background:var(--gradient-primary);text-align:center}.shop__title{font-family:var(--font-heading);font-size:var(--text-3xl);color:#fff;margin-bottom:var(--space-2)}.shop__subtitle{color:#fffc;margin:0}.shop__content{padding:var(--space-6) var(--space-4)}.shop__filter-toggle{display:none;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-primary);cursor:pointer;margin-bottom:var(--space-4);position:relative}.shop__filter-badge{width:8px;height:8px;background:var(--primary);border-radius:var(--radius-full);position:absolute;top:var(--space-3);right:var(--space-4)}.shop__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.shop__toolbar-left,.shop__toolbar-right{display:flex;align-items:center;gap:var(--space-4)}.shop__filter-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.shop__filter-btn:hover{border-color:var(--primary);color:var(--primary)}.shop__sort{display:flex;align-items:center;gap:var(--space-2)}.shop__sort-label{font-size:var(--text-sm);color:var(--text-secondary)}.shop__sort-select{padding:var(--space-2) var(--space-4);padding-right:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%235A5A5A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center}.shop__view-mode{display:flex;border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.shop__view-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-muted);border:none;cursor:pointer;transition:all var(--transition-fast)}.shop__view-btn:hover{color:var(--primary)}.shop__view-btn--active{background:var(--primary);color:#fff}.shop__view-btn--active:hover{color:#fff}.shop__main{display:flex;gap:var(--space-6)}.shop__sidebar{width:280px;flex-shrink:0;background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);height:fit-content;position:sticky;top:calc(var(--header-height) + var(--space-4))}.shop__sidebar-header{display:none;align-items:center;justify-content:space-between;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.shop__sidebar-title{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.shop__sidebar-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-primary);cursor:pointer}.shop__clear-filters{display:block;width:100%;padding:var(--space-3);background:#fee2e2;color:#ef4444;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;margin-bottom:var(--space-6);transition:all var(--transition-fast)}.shop__clear-filters:hover{background:#fca5a5}.shop__filter-group{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.shop__filter-group:last-of-type{border-bottom:none;margin-bottom:0;padding-bottom:0}.shop__filter-title{font-family:var(--font-heading);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-primary);margin-bottom:var(--space-4)}.shop__filter-options{display:flex;flex-direction:column;gap:var(--space-3)}.shop__filter-option{display:flex;align-items:center;gap:var(--space-3);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);transition:color var(--transition-fast)}.shop__filter-option:hover{color:var(--text-primary)}.shop__filter-option input[type=radio]{width:18px;height:18px;border:2px solid var(--border);border-radius:var(--radius-full);appearance:none;cursor:pointer;transition:all var(--transition-fast)}.shop__filter-option input[type=radio]:checked{border-color:var(--primary);background:var(--primary);box-shadow:inset 0 0 0 3px #fff}.shop__color-options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.shop__color-btn{width:32px;height:32px;border-radius:var(--radius-full);border:2px solid var(--border);cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;justify-content:center}.shop__color-btn:hover{transform:scale(1.1)}.shop__color-btn--active{border-color:var(--primary);box-shadow:0 0 0 2px #fff,0 0 0 4px var(--primary)}.shop__color-check{color:#fff;font-size:var(--text-sm);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.shop__apply-filters{display:none;margin-top:var(--space-6)}.shop__products{flex:1;min-width:0}.shop__products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.shop__products-grid--list{grid-template-columns:1fr}.shop__empty{text-align:center;padding:var(--space-16);background:var(--surface);border-radius:var(--radius-lg)}.shop__empty-icon{font-size:64px;margin-bottom:var(--space-4)}.shop__empty-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2)}.shop__empty-text{color:var(--text-secondary);margin-bottom:var(--space-6)}.shop__overlay{display:none}@media(max-width:1024px){.shop__products-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.shop__header{padding:var(--space-8) 0}.shop__title{font-size:var(--text-2xl)}.shop__filter-toggle{display:flex}.shop__toolbar{justify-content:flex-end}.shop__filter-btn,.shop__view-mode,.shop__sort-label{display:none}.shop__main{flex-direction:column}.shop__sidebar{position:fixed;top:0;left:0;bottom:0;width:100%;max-width:350px;z-index:var(--z-modal);border-radius:0;transform:translate(-100%);transition:transform var(--transition-normal);overflow-y:auto;padding-bottom:100px}.shop__sidebar--open{transform:translate(0)}.shop__sidebar-header{display:flex}.shop__apply-filters{display:block;position:sticky;bottom:0;background:var(--surface);padding-top:var(--space-4);margin-top:auto}.shop__overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:var(--z-modal-backdrop);animation:fadeIn .3s ease}.shop__products-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(max-width:480px){.shop__products-grid{gap:var(--space-3)}}.product-detail{padding-top:calc(var(--header-height) + 36px + var(--space-6));padding-bottom:var(--space-16);min-height:100vh}.product-detail__not-found{text-align:center;padding:var(--space-16)}.product-detail__breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-6)}.product-detail__breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast)}.product-detail__breadcrumb a:hover{color:var(--primary)}.product-detail__back{display:none;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;background:none;border:none;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;margin-bottom:var(--space-4)}.product-detail__main{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);position:relative}.product-detail__images{position:sticky;top:calc(var(--header-height) + 36px + var(--space-6));height:fit-content;z-index:10}.product-detail__main-image{position:relative;aspect-ratio:3/4;border-radius:var(--radius-xl);overflow:hidden;background:var(--background);margin-bottom:var(--space-4);cursor:crosshair}.product-detail__main-image img{width:100%;height:100%;object-fit:cover;pointer-events:none}.product-detail__discount-badge{position:absolute;top:var(--space-4);left:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--primary);color:#fff;font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);z-index:3}.product-detail__zoom-lens{position:absolute;width:150px;height:150px;border:3px solid var(--secondary);background:#d4af3726;border-radius:var(--radius-md);pointer-events:none;transform:translate(-50%,-50%);z-index:2;box-shadow:0 0 20px #d4af374d;-webkit-backdrop-filter:brightness(1.1);backdrop-filter:brightness(1.1)}.product-detail__zoom-result{position:absolute;top:0;left:calc(100% + var(--space-4));width:calc(100% - var(--space-4));height:100%;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl);z-index:200;background:#fff;animation:scaleIn .2s ease-out;border:2px solid var(--secondary);pointer-events:none}.product-detail__zoom-image{width:100%;height:100%;background-size:200%;background-repeat:no-repeat}.product-detail__thumbnails{display:flex;gap:var(--space-3)}.product-detail__thumbnail{width:80px;height:100px;border-radius:var(--radius-md);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);padding:0;background:var(--background)}.product-detail__thumbnail img{width:100%;height:100%;object-fit:cover}.product-detail__thumbnail--active,.product-detail__thumbnail:hover{border-color:var(--primary)}.product-detail__info{padding-top:var(--space-4)}.product-detail__category{display:inline-block;font-size:var(--text-sm);color:var(--secondary-dark);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-2)}.product-detail__title{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);line-height:1.3;margin-bottom:var(--space-4)}.product-detail__rating{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.product-detail__stars{display:flex;gap:2px}.product-detail__stars .star-filled{color:var(--secondary);fill:var(--secondary)}.product-detail__stars .star-empty{color:var(--border)}.product-detail__rating-text{font-size:var(--text-sm);color:var(--text-secondary)}.product-detail__price{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.product-detail__current-price{font-size:var(--text-3xl);font-weight:700;color:var(--primary)}.product-detail__original-price{font-size:var(--text-xl);color:var(--text-muted);text-decoration:line-through}.product-detail__savings{padding:var(--space-1) var(--space-3);background:#dcfce7;color:#16a34a;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full)}.product-detail__description{font-size:var(--text-base);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-6)}.product-detail__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.product-detail__tag{padding:var(--space-1) var(--space-3);background:var(--background);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.5px;border-radius:var(--radius-full)}.product-detail__actions{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.product-detail__quantity{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.product-detail__quantity-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.product-detail__quantity-controls{display:flex;align-items:center;gap:var(--space-2);background:var(--background);border-radius:var(--radius-md);padding:var(--space-1)}.product-detail__quantity-controls button{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.product-detail__quantity-controls button:hover:not(:disabled){background:var(--primary);color:#fff}.product-detail__quantity-controls button:disabled{opacity:.5;cursor:not-allowed}.product-detail__quantity-controls span{min-width:40px;text-align:center;font-weight:600}.product-detail__buttons{display:flex;gap:var(--space-4)}.product-detail__add-btn,.product-detail__buy-btn{flex:1}.product-detail__add-btn--added{background:#16a34a!important}.product-detail__features{display:flex;gap:var(--space-6);margin-bottom:var(--space-6)}.product-detail__feature{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary)}.product-detail__feature svg{color:var(--primary)}.product-detail__accordions{border-top:1px solid var(--border)}.product-detail__accordion{border-bottom:1px solid var(--border)}.product-detail__accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-4) 0;background:none;border:none;font-size:var(--text-base);font-weight:500;color:var(--text-primary);cursor:pointer;transition:color var(--transition-fast)}.product-detail__accordion-header:hover{color:var(--primary)}.product-detail__accordion-body{padding-bottom:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);line-height:1.8;animation:slideDown .3s ease}.product-detail__details-list,.product-detail__features-list{list-style:none;padding:0;margin:0}.product-detail__details-list li,.product-detail__features-list li{padding:var(--space-2) 0;border-bottom:1px dashed var(--border-light)}.product-detail__details-list li:last-child,.product-detail__features-list li:last-child{border-bottom:none}.product-detail__features-list li:before{content:"✓";margin-right:var(--space-2);color:var(--secondary)}.product-detail__related{margin-top:var(--space-16);padding-top:var(--space-8);border-top:1px solid var(--border)}.product-detail__related-title{font-family:var(--font-heading);font-size:var(--text-2xl);text-align:center;margin-bottom:var(--space-8)}.product-detail__related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}@media(max-width:1024px){.product-detail__main{gap:var(--space-8)}.product-detail__related-grid{grid-template-columns:repeat(3,1fr)}.product-detail__zoom-result{width:350px;height:350px}}@media(max-width:768px){.product-detail{padding-top:calc(var(--header-height) + 36px + var(--space-4))}.product-detail__breadcrumb{display:none}.product-detail__back{display:flex}.product-detail__main{grid-template-columns:1fr;gap:var(--space-6)}.product-detail__images{position:relative;top:0}.product-detail__main-image{aspect-ratio:4/5;cursor:default}.product-detail__zoom-lens,.product-detail__zoom-result{display:none!important}.product-detail__thumbnails{overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.product-detail__thumbnail{width:60px;height:75px;flex-shrink:0}.product-detail__title,.product-detail__current-price{font-size:var(--text-2xl)}.product-detail__features{flex-wrap:wrap;gap:var(--space-4)}.product-detail__buttons{flex-direction:column}.product-detail__related-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}}@media(max-width:480px){.product-detail__price{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.product-detail__features{flex-direction:column;gap:var(--space-3)}}.cart-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);position:relative}.cart-item__image-wrapper{width:100px;height:130px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden;background:var(--background)}.cart-item__image{width:100%;height:100%;object-fit:cover}.cart-item__details{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.cart-item__info{margin-bottom:var(--space-3)}.cart-item__category{font-size:var(--text-xs);color:var(--secondary-dark);text-transform:uppercase;letter-spacing:1px}.cart-item__name{font-family:var(--font-heading);font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-top:var(--space-1);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-item__price-mobile{display:none;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.cart-item__controls{display:flex;align-items:center;gap:var(--space-4)}.cart-item__quantity{display:flex;align-items:center;gap:var(--space-2);background:var(--background);border-radius:var(--radius-md);padding:var(--space-1)}.cart-item__qty-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--surface);color:var(--text-primary);border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.cart-item__qty-btn:hover:not(:disabled){background:var(--primary);color:#fff}.cart-item__qty-btn:disabled{opacity:.5;cursor:not-allowed}.cart-item__qty-value{min-width:32px;text-align:center;font-weight:600;color:var(--text-primary)}.cart-item__subtotal{display:flex;flex-direction:column;gap:var(--space-1)}.cart-item__subtotal-label{font-size:var(--text-xs);color:var(--text-muted)}.cart-item__subtotal-value{font-size:var(--text-base);font-weight:600;color:var(--primary)}.cart-item__price{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);min-width:100px}.cart-item__current-price{font-size:var(--text-base);font-weight:600;color:var(--primary)}.cart-item__original-price{font-size:var(--text-sm);color:var(--text-muted);text-decoration:line-through}.cart-item__remove{position:absolute;top:var(--space-3);right:var(--space-3);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.cart-item__remove:hover{background:#fee2e2;color:#ef4444}@media(max-width:768px){.cart-item{flex-wrap:wrap;padding:var(--space-3)}.cart-item__image-wrapper{width:80px;height:105px}.cart-item__price{display:none}.cart-item__price-mobile{display:flex}.cart-item__controls{width:100%;justify-content:space-between;margin-top:var(--space-2)}.cart-item__name{font-size:var(--text-sm);padding-right:var(--space-8)}.cart-item__remove{top:var(--space-2);right:var(--space-2)}}@media(max-width:480px){.cart-item__image-wrapper{width:70px;height:90px}.cart-item__qty-btn{width:28px;height:28px}.cart-item__qty-value{min-width:28px}}.cart{padding-top:calc(var(--header-height) + 36px + var(--space-8));padding-bottom:var(--space-16);min-height:100vh}.cart--empty{display:flex;align-items:center;justify-content:center}.cart__empty-state{text-align:center;padding:var(--space-8);max-width:400px;margin:0 auto}.cart__empty-icon{width:120px;height:120px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:var(--radius-full);color:var(--text-muted)}.cart__empty-title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-3)}.cart__empty-text{color:var(--text-secondary);margin-bottom:var(--space-8)}.cart__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:2px solid var(--border)}.cart__title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary)}.cart__count{padding:var(--space-1) var(--space-3);background:var(--primary);color:#fff;font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-full)}.cart__content{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start}.cart__items{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm)}.cart__items-header{display:flex;justify-content:space-between;padding-bottom:var(--space-4);margin-bottom:var(--space-4);border-bottom:1px solid var(--border);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.cart__items-list{display:flex;flex-direction:column;gap:var(--space-4)}.cart__actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.cart__clear-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;color:#ef4444;border:1px solid #EF4444;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast)}.cart__clear-btn:hover{background:#fee2e2}.cart__summary{position:sticky;top:calc(var(--header-height) + var(--space-4))}.cart__summary-card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md);border:1px solid var(--border)}.cart__summary-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.cart__summary-rows{margin-bottom:var(--space-6)}.cart__summary-row{display:flex;justify-content:space-between;padding:var(--space-3) 0;font-size:var(--text-sm);color:var(--text-secondary)}.cart__summary-row--savings{color:#16a34a}.cart__summary-row--total{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.cart__summary-row--total span:last-child{color:var(--primary);font-size:var(--text-xl)}.cart__summary-divider{height:1px;background:var(--border);margin:var(--space-3) 0}.cart__free-shipping{color:#16a34a;font-weight:600}.cart__shipping-note{font-size:var(--text-xs);color:var(--secondary-dark);margin:0;padding:var(--space-2);background:#fef3c7;border-radius:var(--radius-sm);text-align:center}.cart__savings-text{font-size:var(--text-sm);color:#16a34a;background:#dcfce7;padding:var(--space-3);border-radius:var(--radius-md);text-align:center;margin:var(--space-4) 0 0}.cart__trust-badges{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);text-align:center;font-size:var(--text-xs);color:var(--text-muted)}@media(max-width:1024px){.cart__content{grid-template-columns:1fr 320px;gap:var(--space-6)}}@media(max-width:768px){.cart{padding-top:calc(var(--header-height) + 36px + var(--space-4))}.cart__header{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.cart__title{font-size:var(--text-2xl)}.cart__content{grid-template-columns:1fr}.cart__items{padding:var(--space-4)}.cart__items-header{display:none}.cart__actions{flex-direction:column;gap:var(--space-4)}.cart__summary{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky);padding:var(--space-4);background:var(--surface);box-shadow:0 -4px 20px #0000001a;border-radius:var(--radius-xl) var(--radius-xl) 0 0}.cart__summary-card{box-shadow:none;padding:0;border:none}.cart__summary-title,.cart__trust-badges{display:none}.cart__summary-rows{margin-bottom:var(--space-4)}.cart__items{margin-bottom:180px}}.checkout{padding-top:calc(var(--header-height) + 36px + var(--space-6));padding-bottom:var(--space-16);min-height:100vh;background:var(--background)}.checkout--empty{display:flex;align-items:center;justify-content:center}.checkout__empty-state{text-align:center}.checkout__progress{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-6) 0}.checkout__step{display:flex;align-items:center;gap:var(--space-2);opacity:.5;transition:all var(--transition-normal)}.checkout__step--active{opacity:1}.checkout__step-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--border);color:var(--text-muted);font-weight:600;border-radius:var(--radius-full);transition:all var(--transition-normal)}.checkout__step--active .checkout__step-number{background:var(--primary);color:#fff}.checkout__step-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.checkout__step--active .checkout__step-label{color:var(--text-primary)}.checkout__step-line{width:80px;height:2px;background:var(--border)}.checkout__content{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8);align-items:start}.checkout__main{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-sm)}.checkout__section-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.checkout__section-header svg{color:var(--primary)}.checkout__section-header h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin:0}.checkout__form{display:flex;flex-direction:column;gap:var(--space-5)}.checkout__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.checkout__form-row--3{grid-template-columns:repeat(3,1fr)}.checkout__field{display:flex;flex-direction:column;gap:var(--space-2)}.checkout__field label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.checkout__input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.checkout__input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #8b22521a}.checkout__input-wrapper svg{color:var(--text-muted);flex-shrink:0}.checkout__input-wrapper input{flex:1;border:none;background:transparent;padding:0;font-size:var(--text-base)}.checkout__input-wrapper input:focus{box-shadow:none}.checkout__field input:not(.checkout__input-wrapper input),.checkout__field textarea{padding:var(--space-3) var(--space-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast)}.checkout__field input:focus,.checkout__field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b22521a;outline:none}.checkout__field input.error,.checkout__field textarea.error,.checkout__input-wrapper:has(input.error){border-color:#ef4444}.checkout__error{font-size:var(--text-xs);color:#ef4444}.checkout__form-actions{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border)}.checkout__payment{display:flex;flex-direction:column;gap:var(--space-6)}.checkout__payment-info{text-align:center}.checkout__payment-amount{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-4);background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg)}.checkout__payment-amount span{font-size:var(--text-sm);opacity:.8}.checkout__payment-amount strong{font-size:var(--text-3xl)}.checkout__qr-section{text-align:center;padding:var(--space-6);background:var(--background);border-radius:var(--radius-lg)}.checkout__qr-wrapper{width:200px;height:200px;margin:0 auto var(--space-4);background:#fff;border-radius:var(--radius-lg);padding:var(--space-4);box-shadow:var(--shadow-md)}.checkout__qr-image{width:100%;height:100%;object-fit:contain}.checkout__qr-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);gap:var(--space-2)}.checkout__upi-info{margin-top:var(--space-4)}.checkout__upi-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.checkout__upi-id{display:inline-flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#fff;border:1px dashed var(--border);border-radius:var(--radius-md);font-weight:500}.checkout__copy-btn{padding:var(--space-1) var(--space-3);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;transition:all var(--transition-fast)}.checkout__copy-btn:hover{background:var(--primary-dark)}.checkout__payment-steps{padding:var(--space-4);background:#fef3c7;border-radius:var(--radius-lg);border-left:4px solid var(--secondary)}.checkout__payment-steps h4{font-size:var(--text-sm);color:var(--dark);margin-bottom:var(--space-3)}.checkout__payment-steps ol{list-style:decimal;padding-left:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary)}.checkout__payment-steps li{padding:var(--space-1) 0}.checkout__upload-section h4{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2)}.checkout__upload-section>p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.checkout__upload-area{display:block;border:2px dashed var(--border);border-radius:var(--radius-lg);padding:var(--space-8);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.checkout__upload-area:hover{border-color:var(--primary);background:#8b22520d}.checkout__upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--text-muted)}.checkout__upload-placeholder svg{color:var(--primary)}.checkout__upload-hint{font-size:var(--text-xs)}.checkout__upload-preview{position:relative}.checkout__upload-preview img{max-width:200px;max-height:200px;border-radius:var(--radius-md);margin:0 auto}.checkout__upload-change{position:absolute;bottom:var(--space-2);left:50%;transform:translate(-50%);padding:var(--space-2) var(--space-4);background:#000000b3;color:#fff;font-size:var(--text-xs);border-radius:var(--radius-full)}.checkout__sidebar{position:sticky;top:calc(var(--header-height) + var(--space-4))}.checkout__summary{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-md)}.checkout__summary-title{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.checkout__summary-items{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6);max-height:300px;overflow-y:auto}.checkout__summary-item{display:flex;gap:var(--space-3)}.checkout__summary-item-image{width:60px;height:75px;position:relative;flex-shrink:0}.checkout__summary-item-image img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md)}.checkout__summary-item-qty{position:absolute;top:-6px;right:-6px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;font-size:10px;font-weight:600;border-radius:var(--radius-full)}.checkout__summary-item-info{flex:1;min-width:0}.checkout__summary-item-name{display:block;font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.checkout__summary-item-price{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.checkout__summary-totals{padding-top:var(--space-4);border-top:1px solid var(--border)}.checkout__summary-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.checkout__summary-divider{height:1px;background:var(--border);margin:var(--space-2) 0}.checkout__summary-total{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.checkout__summary-total span:last-child{color:var(--primary)}.checkout__trust{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:var(--text-xs);color:var(--text-muted)}.checkout__trust svg{color:#16a34a}@media(max-width:1024px){.checkout__content{grid-template-columns:1fr 320px}}@media(max-width:768px){.checkout{padding-top:calc(var(--header-height) + 36px + var(--space-4))}.checkout__progress{margin-bottom:var(--space-4);padding:var(--space-4) 0}.checkout__step-label{display:none}.checkout__step-line{width:40px}.checkout__content{grid-template-columns:1fr}.checkout__main{padding:var(--space-5)}.checkout__form-row,.checkout__form-row--3{grid-template-columns:1fr}.checkout__form-actions{flex-direction:column-reverse;gap:var(--space-3)}.checkout__form-actions .btn{width:100%}.checkout__sidebar{position:relative;top:0;order:-1}.checkout__summary-items{max-height:none}.checkout__qr-wrapper{width:180px;height:180px}}.order-confirmation{padding-top:calc(var(--header-height) + 36px + var(--space-8));padding-bottom:var(--space-16);min-height:100vh;background:var(--background)}.order-confirmation--not-found{display:flex;align-items:center;justify-content:center;text-align:center}.order-confirmation__content{max-width:700px;margin:0 auto;background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-md);text-align:center}.order-confirmation__icon{width:100px;height:100px;margin:0 auto var(--space-6);display:flex;align-items:center;justify-content:center;background:#dcfce7;color:#16a34a;border-radius:var(--radius-full);animation:scaleIn .5s ease}@keyframes scaleIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.order-confirmation__title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-3)}.order-confirmation__subtitle{color:var(--text-secondary);margin-bottom:var(--space-6)}.order-confirmation__order-id{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);background:var(--background);border-radius:var(--radius-full);font-size:var(--text-sm);margin-bottom:var(--space-8)}.order-confirmation__order-id strong{color:var(--primary);font-size:var(--text-base)}.order-confirmation__next-steps{text-align:left;padding:var(--space-6);background:#fef3c7;border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.order-confirmation__next-steps h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--dark);margin-bottom:var(--space-4);text-align:center}.order-confirmation__steps{display:flex;flex-direction:column;gap:var(--space-4)}.order-confirmation__step{display:flex;gap:var(--space-4);align-items:flex-start}.order-confirmation__step-icon{width:48px;height:48px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#fff;color:var(--secondary-dark);border-radius:var(--radius-full)}.order-confirmation__step-content h4{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.order-confirmation__step-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.order-confirmation__details{text-align:left;margin-bottom:var(--space-6)}.order-confirmation__details h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--border)}.order-confirmation__info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.order-confirmation__info-card{padding:var(--space-4);background:var(--background);border-radius:var(--radius-md)}.order-confirmation__info-card h4{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.order-confirmation__info-card p{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;margin:0}.order-confirmation__info-card p svg{vertical-align:middle;margin-right:var(--space-1);color:var(--primary)}.order-confirmation__items{margin-bottom:var(--space-4)}.order-confirmation__items h4{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-3)}.order-confirmation__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--background);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.order-confirmation__item img{width:50px;height:65px;object-fit:cover;border-radius:var(--radius-sm)}.order-confirmation__item-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.order-confirmation__item-name{font-size:var(--text-sm);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.order-confirmation__item-qty{font-size:var(--text-xs);color:var(--text-muted)}.order-confirmation__item-price{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.order-confirmation__totals{padding-top:var(--space-4);border-top:1px solid var(--border)}.order-confirmation__total-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.order-confirmation__total-row--final{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border)}.order-confirmation__total-row--final span:last-child{color:var(--primary)}.order-confirmation__contact{padding:var(--space-6);background:var(--background);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.order-confirmation__contact h4{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2)}.order-confirmation__contact>p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.order-confirmation__contact-links{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.order-confirmation__contact-links a{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--primary);text-decoration:none}.order-confirmation__actions{display:flex;gap:var(--space-4);justify-content:center}@media(max-width:768px){.order-confirmation{padding-top:calc(var(--header-height) + 36px + var(--space-4))}.order-confirmation__content{padding:var(--space-6);border-radius:var(--radius-lg)}.order-confirmation__title{font-size:var(--text-2xl)}.order-confirmation__info-grid{grid-template-columns:1fr}.order-confirmation__step-icon{width:40px;height:40px}.order-confirmation__actions{flex-direction:column}}.track-order{padding-top:calc(var(--header-height) + 36px + var(--space-8));padding-bottom:var(--space-16);min-height:100vh;background:var(--background)}.track-order__header{text-align:center;margin-bottom:var(--space-8)}.track-order__title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2)}.track-order__subtitle{color:var(--text-secondary)}.track-order__search{max-width:600px;margin:0 auto var(--space-8);display:flex;gap:var(--space-3)}.track-order__search-wrapper{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.track-order__search-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #8b22521a}.track-order__search-wrapper svg{color:var(--text-muted)}.track-order__input{flex:1;border:none;background:transparent;font-size:var(--text-base);outline:none}.track-order__error{display:flex;align-items:center;justify-content:center;gap:var(--space-2);max-width:600px;margin:0 auto var(--space-6);padding:var(--space-4);background:#fee2e2;color:#dc2626;border-radius:var(--radius-md);font-size:var(--text-sm)}.track-order__result{max-width:800px;margin:0 auto;background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-md)}.track-order__order-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border)}.track-order__order-header h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-1)}.track-order__order-header p{font-size:var(--text-sm);color:var(--text-muted);margin:0}.track-order__badges{display:flex;gap:var(--space-2);flex-wrap:wrap}.track-order__status,.track-order__payment{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;border-radius:var(--radius-full)}.status--processing{background:#dbeafe;color:#2563eb}.payment--pending{background:#fef3c7;color:#d97706}.track-order__progress{margin-bottom:var(--space-8);overflow-x:auto}.track-order__progress-bar{display:flex;justify-content:space-between;position:relative;min-width:500px}.track-order__progress-bar:before{content:"";position:absolute;top:20px;left:30px;right:30px;height:3px;background:var(--border);z-index:0}.track-order__progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);position:relative;z-index:1}.track-order__progress-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--surface);border:3px solid var(--border);color:var(--text-muted);border-radius:var(--radius-full);transition:all var(--transition-normal)}.track-order__progress-step--completed .track-order__progress-icon{background:var(--primary);border-color:var(--primary);color:#fff}.track-order__progress-step--current .track-order__progress-icon{border-color:var(--primary);background:var(--primary);color:#fff;box-shadow:0 0 0 6px #8b225233}.track-order__progress-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.track-order__progress-step--completed .track-order__progress-label,.track-order__progress-step--current .track-order__progress-label{color:var(--text-primary);font-weight:500}.track-order__timeline{margin-bottom:var(--space-8)}.track-order__timeline h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4)}.track-order__timeline-list{display:flex;flex-direction:column;gap:var(--space-4);padding-left:var(--space-6);border-left:2px solid var(--border)}.track-order__timeline-item{display:flex;align-items:flex-start;gap:var(--space-3);position:relative}.track-order__timeline-dot{position:absolute;left:calc(-1 * var(--space-6) - 5px);width:12px;height:12px;background:var(--primary);border-radius:var(--radius-full);border:2px solid var(--surface)}.track-order__timeline-content{display:flex;flex-direction:column;gap:var(--space-1)}.track-order__timeline-message{font-size:var(--text-sm);color:var(--text-primary)}.track-order__timeline-time{font-size:var(--text-xs);color:var(--text-muted)}.track-order__items{margin-bottom:var(--space-6)}.track-order__items h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-4)}.track-order__items-list{display:flex;flex-direction:column;gap:var(--space-3)}.track-order__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--background);border-radius:var(--radius-md)}.track-order__item img{width:60px;height:75px;object-fit:cover;border-radius:var(--radius-sm)}.track-order__item-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.track-order__item-name{font-size:var(--text-sm);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.track-order__item-meta{font-size:var(--text-xs);color:var(--text-muted)}.track-order__item-price{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.track-order__address{margin-bottom:var(--space-6);padding:var(--space-4);background:var(--background);border-radius:var(--radius-md)}.track-order__address h3{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.track-order__address p{font-size:var(--text-sm);color:var(--text-primary);line-height:1.6;margin:0}.track-order__total{padding-top:var(--space-4);border-top:1px solid var(--border)}.track-order__total-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.track-order__total-row--final{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border)}.track-order__total-row--final span:last-child{color:var(--primary)}.track-order__no-result{text-align:center;padding:var(--space-12);color:var(--text-muted)}.track-order__no-result h3{font-size:var(--text-lg);color:var(--text-primary);margin:var(--space-4) 0 var(--space-2)}.track-order__no-result p{font-size:var(--text-sm);margin:0}@media(max-width:768px){.track-order{padding-top:calc(var(--header-height) + 36px + var(--space-4))}.track-order__title{font-size:var(--text-2xl)}.track-order__search{flex-direction:column}.track-order__result{padding:var(--space-5)}.track-order__order-header{flex-direction:column;align-items:flex-start}.track-order__progress{padding-bottom:var(--space-4)}.track-order__item img{width:50px;height:65px}}.about{padding-top:var(--header-height)}.about__hero{padding:var(--space-20) var(--space-4);background:var(--gradient-primary);text-align:center;position:relative;overflow:hidden}.about__hero:before{content:"";position:absolute;inset:0;background-image:url(https://images.unsplash.com/photo-1583391733956-3750e0ff4e8b?w=1920);background-size:cover;background-position:center;opacity:.1}.about__hero-content{position:relative;max-width:700px;margin:0 auto}.about__hero-tag{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--secondary);color:var(--dark);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:var(--radius-full);margin-bottom:var(--space-6)}.about__hero-title{font-family:var(--font-heading);font-size:var(--text-4xl);color:#fff;line-height:1.2;margin-bottom:var(--space-6)}.about__hero-accent{color:var(--secondary)}.about__hero-text{font-size:var(--text-lg);color:#ffffffe6;line-height:1.8}.about__story-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.about__story-text h2{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-6)}.about__story-text p{font-size:var(--text-base);color:var(--text-secondary);line-height:1.8;margin-bottom:var(--space-4)}.about__story-image{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-xl)}.about__story-image img{width:100%;height:500px;object-fit:cover}.about__section-header{text-align:center;margin-bottom:var(--space-12)}.about__section-tag{display:inline-block;font-size:var(--text-sm);color:var(--secondary-dark);text-transform:uppercase;letter-spacing:2px;margin-bottom:var(--space-2)}.about__section-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary)}.about__values{background:var(--background)}.about__values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.about__value-card{text-align:center;padding:var(--space-8);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.about__value-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.about__value-icon{width:72px;height:72px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-xl)}.about__value-card h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-3)}.about__value-card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0}.about__stats{padding:var(--space-16) var(--space-4);background:var(--dark)}.about__stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);text-align:center}.about__stat{display:flex;flex-direction:column;gap:var(--space-2)}.about__stat-number{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:700;color:var(--secondary)}.about__stat-label{font-size:var(--text-sm);color:#ffffffb3;text-transform:uppercase;letter-spacing:1px}.about__mission{background:var(--surface)}.about__mission-content{max-width:800px;margin:0 auto;text-align:center}.about__mission-content h2{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-6)}.about__mission-text{font-family:var(--font-heading);font-size:var(--text-xl);font-style:italic;color:var(--text-secondary);line-height:1.8;padding:var(--space-8);background:var(--background);border-radius:var(--radius-xl);border-left:4px solid var(--secondary)}.about__cta{padding:var(--space-20) var(--space-4);background:var(--gradient-primary);text-align:center}.about__cta h2{font-family:var(--font-heading);font-size:var(--text-3xl);color:#fff;margin-bottom:var(--space-3)}.about__cta p{font-size:var(--text-lg);color:#fffc;margin-bottom:var(--space-8)}@media(max-width:1024px){.about__values-grid{grid-template-columns:repeat(2,1fr)}.about__stats-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-8)}}@media(max-width:768px){.about__hero{padding:var(--space-12) var(--space-4)}.about__hero-title{font-size:var(--text-3xl)}.about__story-content{grid-template-columns:1fr;gap:var(--space-8)}.about__story-image{order:-1}.about__story-image img{height:300px}.about__values-grid{grid-template-columns:1fr}.about__value-card{padding:var(--space-6)}.about__stats-grid{grid-template-columns:repeat(2,1fr)}.about__stat-number{font-size:var(--text-3xl)}.about__mission-text{font-size:var(--text-lg);padding:var(--space-6)}.about__cta h2{font-size:var(--text-2xl)}}@media(max-width:480px){.about__hero-title{font-size:var(--text-2xl)}.about__hero-text{font-size:var(--text-base)}}.contact{padding-top:var(--header-height)}.contact__hero{padding:var(--space-16) var(--space-4);background:var(--gradient-primary);text-align:center}.contact__hero-content{max-width:600px;margin:0 auto}.contact__hero-tag{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--secondary);color:var(--dark);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.contact__hero-title{font-family:var(--font-heading);font-size:var(--text-3xl);color:#fff;margin-bottom:var(--space-4)}.contact__hero-text{font-size:var(--text-base);color:#ffffffe6;line-height:1.7}.contact__info{margin-top:calc(-1 * var(--space-12))}.contact__info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.contact__info-card{background:var(--surface);padding:var(--space-6);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-md);transition:all var(--transition-normal)}.contact__info-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.contact__info-icon{width:56px;height:56px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg)}.contact__info-card h3{font-family:var(--font-heading);font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-2)}.contact__info-card p{font-size:var(--text-sm);color:var(--text-secondary);margin:var(--space-1) 0}.contact__main{background:var(--background)}.contact__content{display:grid;grid-template-columns:1fr 380px;gap:var(--space-8)}.contact__form-section{background:var(--surface);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.contact__form-header{margin-bottom:var(--space-6)}.contact__form-header h2{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2)}.contact__form-header p{color:var(--text-secondary)}.contact__success{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#dcfce7;color:#16a34a;border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);font-weight:500}.contact__form{display:flex;flex-direction:column;gap:var(--space-5)}.contact__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.contact__field{display:flex;flex-direction:column;gap:var(--space-2)}.contact__field label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.contact__field input,.contact__field select,.contact__field textarea{padding:var(--space-3) var(--space-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast)}.contact__field input:focus,.contact__field select:focus,.contact__field textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #8b22521a;outline:none}.contact__form .btn{align-self:flex-start}.contact__sidebar{display:flex;flex-direction:column;gap:var(--space-6)}.contact__whatsapp{background:#25d366;border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;color:#fff}.contact__whatsapp svg{margin-bottom:var(--space-3)}.contact__whatsapp h3{font-family:var(--font-heading);font-size:var(--text-xl);margin-bottom:var(--space-2)}.contact__whatsapp p{font-size:var(--text-sm);opacity:.9;margin-bottom:var(--space-4)}.btn-success{background:#fff;color:#25d366;font-weight:600}.btn-success:hover{background:#ffffffe6}.contact__social{background:var(--surface);padding:var(--space-6);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.contact__social h3{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-1)}.contact__social>p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-4)}.contact__social-links{display:flex;flex-direction:column;gap:var(--space-3)}.contact__social-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--background);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;transition:all var(--transition-fast)}.contact__social-link:hover{transform:translate(4px)}.contact__social-link--instagram svg{color:#e1306c}.contact__social-link--facebook svg{color:#1877f2}.contact__social-link span{font-size:var(--text-sm);font-weight:500}.contact__faq{background:var(--surface)}.contact__faq-header{text-align:center;margin-bottom:var(--space-8)}.contact__faq-header h2{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2)}.contact__faq-header p{color:var(--text-secondary)}.contact__faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);max-width:1000px;margin:0 auto}.contact__faq-item{padding:var(--space-6);background:var(--background);border-radius:var(--radius-lg)}.contact__faq-item h4{font-size:var(--text-base);color:var(--text-primary);margin-bottom:var(--space-3)}.contact__faq-item p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.7;margin:0}@media(max-width:1024px){.contact__info-grid{grid-template-columns:repeat(2,1fr)}.contact__content{grid-template-columns:1fr 340px;gap:var(--space-6)}}@media(max-width:768px){.contact__hero{padding:var(--space-12) var(--space-4)}.contact__hero-title{font-size:var(--text-2xl)}.contact__info{margin-top:calc(-1 * var(--space-8))}.contact__info-grid{grid-template-columns:1fr;gap:var(--space-4)}.contact__info-card{display:flex;align-items:center;gap:var(--space-4);text-align:left;padding:var(--space-4)}.contact__info-icon{margin:0;width:48px;height:48px;flex-shrink:0}.contact__content{grid-template-columns:1fr}.contact__form-section{padding:var(--space-5)}.contact__form-row{grid-template-columns:1fr}.contact__form .btn{width:100%}.contact__sidebar{order:-1}.contact__faq-grid{grid-template-columns:1fr}}.seller-page{background-color:var(--background)}.seller-section-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.seller-section-header h2{font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-4)}.seller-section-header p{color:var(--text-secondary)}.seller-hero{background:linear-gradient(135deg,var(--dark) 0%,#1e293b 100%);padding:var(--space-20) 0;color:#fff;text-align:center;position:relative;overflow:hidden}.seller-hero:before{content:"";position:absolute;inset:0;background:url(https://images.unsplash.com/photo-1582236521508-3064f7ea7bc4?auto=format&fit=crop&q=80&w=1920) center/cover;opacity:.15;z-index:1}.seller-hero__content{position:relative;z-index:2;max-width:800px;margin:0 auto}.seller-hero__tag{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--secondary);color:#fff;font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:2px;border-radius:var(--radius-sm);margin-bottom:var(--space-6);box-shadow:0 0 20px #d4af3766}.seller-hero__title{font-size:clamp(2.5rem,6vw,4rem);line-height:1.1;margin-bottom:var(--space-6);color:#fff}.seller-hero__title span{color:var(--secondary)}.seller-hero__text{font-size:var(--text-lg);color:#fffc;margin-bottom:var(--space-10);line-height:1.8}.seller-benefits{padding:var(--space-20) 0;background:#fff}.seller-benefits__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.seller-benefit-card{padding:var(--space-8);background:var(--background);border-radius:var(--radius-xl);text-align:center;transition:all var(--transition-normal);border:1px solid var(--border-light)}.seller-benefit-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-lg);background:#fff}.benefit-icon-wrapper{width:60px;height:60px;background:var(--gradient-primary);color:#fff;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6)}.seller-benefit-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3)}.seller-benefit-card p{font-size:var(--text-sm);color:var(--text-secondary)}.seller-plans{padding:var(--space-20) 0}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-8);max-width:900px;margin:0 auto}.plan-card{background:#fff;padding:var(--space-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);position:relative;display:flex;flex-direction:column;border:2px solid transparent}.plan-card--recommended{border-color:var(--secondary);transform:scale(1.05);z-index:2}.plan-badge{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);background:var(--secondary);color:#fff;padding:var(--space-2) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;text-transform:uppercase}.plan-name{font-size:var(--text-xl);margin-bottom:var(--space-2)}.plan-price{font-size:var(--text-4xl);font-weight:700;color:var(--primary);margin-bottom:var(--space-6)}.plan-features{list-style:none;margin-bottom:var(--space-8);flex-grow:1}.plan-features li{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.plan-features li svg{color:#10b981;flex-shrink:0}.plan-features li.feature-locked{color:var(--text-muted);opacity:.6}.seller-register{padding:var(--space-20) 0;background:#fff}.register-container{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-16);background:var(--dark);border-radius:var(--radius-2xl);padding:var(--space-12);color:#fff;overflow:hidden;position:relative}.register-info h2{color:#fff;font-size:var(--text-3xl);margin-bottom:var(--space-6)}.register-info p{color:#ffffffb3;margin-bottom:var(--space-10)}.info-list{display:flex;flex-direction:column;gap:var(--space-6)}.info-item{display:flex;gap:var(--space-4)}.info-icon{width:44px;height:44px;background:#ffffff1a;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--secondary);flex-shrink:0}.info-item h4{color:#fff;margin-bottom:2px}.info-item p{margin:0;font-size:var(--text-sm)}.register-form-card{background:#fff;padding:var(--space-8);border-radius:var(--radius-xl);color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-weight:500;font-size:var(--text-sm);margin-bottom:var(--space-1);color:var(--text-secondary)}.register-form-card input,.register-form-card textarea{width:100%}@media(max-width:992px){.register-container{grid-template-columns:1fr;gap:var(--space-10);padding:var(--space-8)}.plan-card--recommended{transform:none}}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.membership-payment{padding:40px 0 80px;min-height:80vh;background:var(--background)}.back-btn{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:.9rem;margin-bottom:24px;transition:color .2s}.back-btn:hover{color:var(--primary)}.payment-success{max-width:480px;margin:60px auto;text-align:center;padding:60px 40px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.success-icon{width:80px;height:80px;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:#fff}.payment-success h1{font-size:1.75rem;margin-bottom:12px;color:var(--text-primary)}.payment-success p{color:var(--text-secondary);margin-bottom:24px}.success-info{display:flex;align-items:center;gap:10px;padding:16px;background:#fef3c7;border-radius:var(--radius-md);color:#92400e;font-size:.875rem;margin-bottom:32px}.payment-container{display:grid;grid-template-columns:1fr 1.2fr;gap:40px;max-width:1100px;margin:0 auto}.payment-summary h2{font-size:1.25rem;margin-bottom:20px;color:var(--text-primary)}.summary-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0}.item-name{font-weight:500;color:var(--text-primary)}.item-price{font-weight:600;color:var(--primary)}.summary-divider{height:1px;background:var(--border);margin:12px 0}.summary-benefits{padding:12px 0}.summary-benefits h4{font-size:.875rem;color:var(--text-secondary);margin-bottom:12px;font-weight:500}.summary-benefits ul{display:flex;flex-direction:column;gap:8px}.summary-benefits li{font-size:.875rem;color:var(--text-primary)}.summary-total{display:flex;justify-content:space-between;align-items:center;padding-top:12px;font-weight:600}.total-amount{font-size:1.5rem;color:var(--primary)}.membership-note{display:flex;gap:12px;padding:16px;background:#eff6ff;border-radius:var(--radius-md);margin-top:20px;color:#1e40af}.membership-note svg{flex-shrink:0;margin-top:2px}.membership-note p{font-size:.8rem;line-height:1.5;margin:0}.payment-form-section h2{font-size:1.25rem;margin-bottom:20px;color:var(--text-primary)}.upi-payment-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md);margin-bottom:24px}.upi-header{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--primary);margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border)}.upi-details{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}.qr-code-wrapper{display:flex;flex-direction:column;align-items:center;gap:8px}.qr-code-wrapper img{width:150px;height:150px;border:2px solid var(--border);border-radius:var(--radius-md);padding:8px;background:#fff}.qr-code-wrapper span{font-size:.75rem;color:var(--text-muted)}.upi-id-section{flex:1}.upi-id-section label{display:block;font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.upi-id-copy{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--background);border-radius:var(--radius-md);margin-bottom:8px}.upi-id-copy span{flex:1;font-family:monospace;font-size:1rem;font-weight:600;color:var(--text-primary)}.copy-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--primary);color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:500;transition:all .2s}.copy-btn:hover{background:var(--primary-dark)}.upi-hint{font-size:.8rem;color:var(--text-muted);margin:0}.payment-form{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.payment-form h3{font-size:1rem;margin-bottom:4px;color:var(--text-primary)}.form-subtitle{font-size:.875rem;color:var(--text-muted);margin-bottom:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group--full{grid-column:span 2}.form-group label{font-size:.8rem;font-weight:500;color:var(--text-secondary)}.form-group input{padding:12px 16px;border:1px solid var(--border);border-radius:var(--radius-md);font-size:.9rem;transition:border-color .2s}.form-group input:focus{border-color:var(--primary);outline:none}.screenshot-upload{margin-bottom:24px}.screenshot-upload>label{display:block;font-size:.8rem;font-weight:500;color:var(--text-secondary);margin-bottom:8px}.upload-area{border:2px dashed var(--border);border-radius:var(--radius-lg);background:var(--background);transition:all .2s}.upload-area:hover{border-color:var(--primary)}.upload-area.has-preview{border-style:solid;border-color:var(--primary)}.upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;cursor:pointer;color:var(--text-muted)}.upload-label span{font-weight:500}.upload-hint{font-size:.75rem!important;font-weight:400!important}.preview-container{position:relative;padding:16px}.preview-container img{width:100%;max-height:200px;object-fit:contain;border-radius:var(--radius-md)}.change-btn{position:absolute;top:24px;right:24px;padding:8px 16px;background:#000000b3;color:#fff;border-radius:var(--radius-md);font-size:.8rem;font-weight:500}@media(max-width:900px){.payment-container{grid-template-columns:1fr;gap:24px}.payment-summary{order:2}.payment-form-section{order:1}}@media(max-width:600px){.membership-payment{padding:24px 0 60px}.form-grid{grid-template-columns:1fr}.form-group--full{grid-column:span 1}.upi-details{flex-direction:column;align-items:center;text-align:center}.qr-code-wrapper img{width:180px;height:180px}.upi-id-section{width:100%}.payment-success{margin:40px 16px;padding:40px 24px}}.seller-dashboard{padding:40px 0 80px;min-height:80vh;background:var(--background)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-header h1{font-size:1.75rem;margin-bottom:4px}.dashboard-header p{color:var(--text-secondary)}.membership-status{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-full);font-weight:500;font-size:.875rem}.membership-status.active{background:#d1fae5;color:#065f46}.status-dot{width:8px;height:8px;border-radius:50%;background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.referral-code-card{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:var(--radius-xl);padding:32px;margin-bottom:24px}.referral-code-header{margin-bottom:20px}.referral-code-header h2{font-size:1.25rem;margin-bottom:4px}.referral-code-header .hint{opacity:.8;font-size:.875rem}.referral-code-display{display:flex;align-items:center;justify-content:space-between;background:#ffffff26;border-radius:var(--radius-lg);padding:20px 24px}.referral-code-display .code{font-family:monospace;font-size:2rem;font-weight:700;letter-spacing:2px}.code-actions{display:flex;gap:12px}.action-btn{display:flex;align-items:center;gap:8px;padding:12px 20px;background:#fff3;color:#fff;border-radius:var(--radius-md);font-weight:500;transition:all .2s}.action-btn:hover{background:#ffffff4d}.action-btn.primary{background:var(--secondary);color:var(--text-primary)}.action-btn.primary:hover{background:var(--secondary-dark)}.progress-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:24px}.progress-card{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.progress-card.completed{border:2px solid #10B981}.progress-card.gold.completed{border-color:var(--secondary)}.progress-card-header{display:flex;align-items:center;gap:12px;margin-bottom:20px;color:var(--primary)}.progress-card.gold .progress-card-header{color:#d97706}.progress-card-header h3{font-size:1rem;color:var(--text-primary)}.progress-bar-container{height:12px;background:var(--background);border-radius:var(--radius-full);overflow:hidden;margin-bottom:12px}.progress-bar{height:100%;background:linear-gradient(90deg,var(--primary),#3B82F6);border-radius:var(--radius-full);transition:width .5s ease}.progress-bar.gold{background:linear-gradient(90deg,#f59e0b,#d97706)}.progress-info{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary)}.completed-badge{color:#10b981;font-weight:600}.completed-badge.gold{color:#d97706}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:32px}.stat-card{background:var(--surface);border-radius:var(--radius-lg);padding:20px;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm)}.stat-card svg{color:var(--primary)}.stat-content{display:flex;flex-direction:column}.stat-value{font-size:1.5rem;font-weight:700;color:var(--text-primary)}.stat-label{font-size:.8rem;color:var(--text-muted)}.referral-history{background:var(--surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-md)}.referral-history h2{font-size:1.125rem;margin-bottom:20px}.referral-list{display:flex;flex-direction:column;gap:12px}.referral-item{display:flex;align-items:center;gap:16px;padding:16px;background:var(--background);border-radius:var(--radius-md)}.referral-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.referral-details{flex:1;display:flex;flex-direction:column;gap:4px}.referral-name{font-weight:500;color:var(--text-primary)}.referral-date{font-size:.8rem;color:var(--text-muted)}.referral-check{color:#10b981}.empty-referrals{text-align:center;padding:40px;color:var(--text-muted)}.empty-referrals svg{margin-bottom:12px;opacity:.5}.pending-card,.no-membership-card,.completed-card{max-width:500px;margin:60px auto;text-align:center;padding:48px 40px;background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.pending-icon,.no-membership-icon,.completed-icon{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px}.pending-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.no-membership-icon{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff}.completed-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.pending-card h1,.no-membership-card h1,.completed-card h1{font-size:1.5rem;margin-bottom:12px}.pending-card p,.no-membership-card p,.completed-card p{color:var(--text-secondary);margin-bottom:24px}.pending-details{background:var(--background);border-radius:var(--radius-md);padding:16px;margin-bottom:24px}.detail-row{display:flex;justify-content:space-between;padding:8px 0;font-size:.875rem}.detail-row:first-child{border-bottom:1px solid var(--border);padding-bottom:12px;margin-bottom:4px}.status-badge{padding:4px 12px;border-radius:var(--radius-full);font-weight:500;font-size:.75rem}.status-pending{background:#fef3c7;color:#92400e}.achievement-summary{display:flex;justify-content:center;gap:32px;margin-bottom:32px;padding:24px;background:var(--background);border-radius:var(--radius-lg)}.achievement-item{text-align:center}.achievement-value{display:block;font-size:1.5rem;font-weight:700;color:var(--primary);margin-bottom:4px}.achievement-item.gold .achievement-value{font-size:2rem}.achievement-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.renew-section{padding-top:24px;border-top:1px solid var(--border)}.renew-section h3{font-size:1rem;margin-bottom:8px}.renew-section p{margin-bottom:20px}@media(max-width:768px){.seller-dashboard{padding:24px 0 60px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.referral-code-display{flex-direction:column;gap:16px;text-align:center}.referral-code-display .code{font-size:1.5rem}.progress-grid,.stats-grid{grid-template-columns:1fr}.pending-card,.no-membership-card,.completed-card{margin:40px 16px;padding:32px 24px}.achievement-summary{flex-direction:column;gap:16px}}.profile-page{padding:var(--space-12) 0;background:var(--background);min-height:calc(100vh - 80px)}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:var(--space-8);align-items:start}.profile-sidebar{background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border);overflow:hidden}.profile-user-card{padding:var(--space-8);text-align:center;background:var(--primary-light);border-bottom:1px solid var(--border)}.profile-avatar{width:80px;height:80px;background:var(--primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-3xl);font-weight:700;margin:0 auto var(--space-4);box-shadow:var(--shadow-md)}.profile-user-info h3{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-1)}.profile-user-info p{color:var(--text-secondary);font-size:var(--text-sm)}.profile-nav{padding:var(--space-4)}.profile-nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:var(--space-1)}.profile-nav-item span{flex:1;font-weight:500}.profile-nav-item:hover{background:var(--background);color:var(--primary)}.profile-nav-item.active{background:var(--primary-light);color:var(--primary)}.profile-nav-item.highlight{background:#dcfce7;color:#16a34a}.profile-nav-item.logout{width:100%;border:none;background:transparent;cursor:pointer;color:#dc2626}.profile-nav-item.logout:hover{background:#fee2e2}.profile-content{display:flex;flex-direction:column;gap:var(--space-6)}.profile-section{background:var(--surface);padding:var(--space-8);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.section-header h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.detail-item{display:flex;gap:var(--space-4);align-items:flex-start}.detail-icon{width:40px;height:40px;background:var(--background);color:var(--primary);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.detail-info label{display:block;font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-1)}.detail-info p{font-size:var(--text-md);color:var(--text-primary);font-weight:500}.address-card{display:flex;gap:var(--space-4);padding:var(--space-5);background:var(--background);border-radius:var(--radius-lg);border:1px solid var(--border)}.address-icon{color:var(--primary);flex-shrink:0}.address-info p{color:var(--text-secondary);line-height:1.6}.membership-card{display:flex;gap:var(--space-6);align-items:center;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;padding:var(--space-8);border-radius:var(--radius-xl)}.membership-icon{color:#ffffffe6}.membership-content h3{font-size:var(--text-xl);margin-bottom:var(--space-2)}.membership-content p{color:#fffc;margin-bottom:var(--space-4)}.membership-content .btn{background:#fff;color:#16a34a}@media(max-width:992px){.profile-grid{grid-template-columns:1fr}}@media(max-width:640px){.details-grid{grid-template-columns:1fr}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background-alt) 0%,var(--surface) 100%);padding:var(--space-8) var(--space-4);position:relative;overflow:hidden}.auth-page:before{content:"";position:absolute;width:300px;height:300px;background:var(--primary);filter:blur(150px);opacity:.1;top:-150px;right:-150px;border-radius:50%}.auth-page:after{content:"";position:absolute;width:400px;height:400px;background:var(--secondary);filter:blur(150px);opacity:.1;bottom:-200px;left:-200px;border-radius:50%}.auth-container{width:100%;max-width:1000px;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:start;z-index:10}.auth-card{background:var(--surface);padding:var(--space-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light)}.auth-header{text-align:center;margin-bottom:var(--space-8)}.auth-title{font-size:var(--text-3xl);margin-bottom:var(--space-2);color:var(--text-primary)}.auth-subtitle{color:var(--text-muted)}.auth-form{display:flex;flex-direction:column;gap:var(--space-6)}.form-group label{font-weight:500;font-size:var(--text-sm);color:var(--text-secondary)}.input-with-icon{position:relative}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted)}.input-with-icon input{width:100%;padding-left:calc(var(--space-4) + 30px);height:52px;border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all var(--transition-normal)}.input-with-icon input:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0084cc1a}.form-help{font-size:var(--text-xs);color:var(--text-muted)}.auth-error{background:#fee2e2;color:#dc2626;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);text-align:center}.login-btn{background:var(--primary);color:#fff;padding:var(--space-4);border:none;border-radius:var(--radius-md);font-size:var(--text-md);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast)}.login-btn:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px)}.login-btn:disabled{opacity:.7;cursor:not-allowed}.auth-footer{margin-top:var(--space-8);text-align:center;font-size:var(--text-sm);color:var(--text-secondary)}.auth-footer a{color:var(--primary);font-weight:600;text-decoration:none}.auth-footer a:hover{text-decoration:underline}.referral-benefits{padding:var(--space-4)}.benefits-title{font-size:var(--text-2xl);margin-bottom:var(--space-8);color:var(--text-primary);position:relative;padding-bottom:var(--space-3)}.benefits-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:var(--gradient-secondary);border-radius:var(--radius-full)}.benefits-grid{display:flex;flex-direction:column;gap:var(--space-6)}.benefit-card{display:flex;gap:var(--space-5);padding:var(--space-6);background:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);border-radius:var(--radius-xl);transition:transform var(--transition-normal)}.benefit-card:hover{transform:translate(10px);background:var(--surface)}.benefit-card.highlight{background:linear-gradient(135deg,#d4af370d,#d4af371a);border:1px solid rgba(212,175,55,.2)}.benefit-icon{width:48px;height:48px;background:var(--surface);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;color:var(--secondary);box-shadow:var(--shadow-sm);flex-shrink:0}.benefit-content h3{font-size:var(--text-lg);margin-bottom:var(--space-1);color:var(--text-primary)}.benefit-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.benefits-note{margin-top:var(--space-8);font-size:var(--text-xs);color:var(--text-muted);font-style:italic;background:#0084cc0d;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border-left:3px solid var(--primary)}@media(max-width:992px){.auth-container{grid-template-columns:1fr;max-width:550px}.referral-benefits{order:-1}}.register-page{min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--background-alt) 0%,var(--surface) 100%);padding:var(--space-8) var(--space-4);width:100%}.auth-register-container{width:100%;max-width:750px;margin:0 auto}.register-card{background:var(--surface);padding:var(--space-10);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid var(--border-light)}.register-header{text-align:center;margin-bottom:var(--space-8)}.register-icon{width:64px;height:64px;background:var(--primary-light);color:var(--primary);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.register-header h1{font-family:var(--font-heading);font-size:var(--text-3xl);color:var(--text-primary);margin-bottom:var(--space-2)}.register-header p{color:var(--text-secondary)}.register-error{background:#fee2e2;color:#dc2626;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-6);font-size:var(--text-sm);text-align:center}.register-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{font-size:var(--text-sm);font-weight:600;color:var(--text-secondary)}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.input-with-icon input,.input-with-icon textarea{width:100%;padding:var(--space-4) var(--space-4) var(--space-4) 48px;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-lg);font-size:var(--text-base);transition:all var(--transition-normal);box-sizing:border-box}.input-with-icon input{height:52px}.input-with-icon textarea{min-height:80px;resize:vertical}.input-with-icon input:focus,.input-with-icon textarea:focus{border-color:var(--primary);box-shadow:0 0 0 4px #0084cc1a;outline:none}.input-with-icon input::placeholder,.input-with-icon textarea::placeholder{color:var(--text-muted)}.register-btn{margin-top:var(--space-4);background:var(--gradient-primary);color:#fff;padding:var(--space-4) var(--space-6);border:none;border-radius:var(--radius-lg);font-size:var(--text-md);font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:var(--space-2);transition:all var(--transition-fast);height:52px}.register-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.register-btn:disabled{opacity:.7;cursor:not-allowed}.register-footer{margin-top:var(--space-8);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.register-footer a{color:var(--primary);font-weight:600;text-decoration:none}.register-footer a:hover{text-decoration:underline}.spinner{animation:rotate 2s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:640px){.register-card{padding:var(--space-6)}.form-grid{grid-template-columns:1fr}}.admin-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--dark);position:relative}.admin-login:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);opacity:.1}.admin-login__container{width:100%;max-width:420px;position:relative;z-index:1}.admin-login__card{background:var(--surface);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-xl)}.admin-login__header{text-align:center;margin-bottom:var(--space-8)}.admin-login__logo{width:80px;height:80px;margin:0 auto var(--space-4);display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);font-size:32px;border-radius:var(--radius-xl);box-shadow:var(--shadow-md)}.admin-login__title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-2)}.admin-login__subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.admin-login__error{padding:var(--space-3) var(--space-4);background:#fee2e2;color:#dc2626;border-radius:var(--radius-md);font-size:var(--text-sm);text-align:center;margin-bottom:var(--space-4)}.admin-login__form{display:flex;flex-direction:column;gap:var(--space-5)}.admin-login__field{display:flex;flex-direction:column;gap:var(--space-2)}.admin-login__field label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.admin-login__input-wrapper{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.admin-login__input-wrapper:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #8b22521a}.admin-login__input-wrapper svg{color:var(--text-muted);flex-shrink:0}.admin-login__input-wrapper input{flex:1;border:none;background:transparent;font-size:var(--text-base);outline:none}.admin-login__toggle-password{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:0;display:flex;transition:color var(--transition-fast)}.admin-login__toggle-password:hover{color:var(--text-primary)}.admin-login__demo{margin-top:var(--space-6);padding:var(--space-4);background:#fef3c7;border-radius:var(--radius-md);text-align:center}.admin-login__demo h4{font-size:var(--text-xs);color:#b45309;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-2)}.admin-login__demo p{font-size:var(--text-sm);color:#92400e;margin:var(--space-1) 0}.admin-login__demo strong{color:#78350f}@media(max-width:480px){.admin-login__card{padding:var(--space-6)}.admin-login__logo{width:64px;height:64px;font-size:24px}}.admin-sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--dark);color:#fff;display:flex;flex-direction:column;z-index:var(--z-modal)}.admin-sidebar__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);border-bottom:1px solid rgba(255,255,255,.1)}.admin-sidebar__logo{display:flex;align-items:center;gap:var(--space-3)}.admin-sidebar__logo-icon{font-size:var(--text-2xl)}.admin-sidebar__logo-text{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600}.admin-sidebar__close{display:none;background:transparent;border:none;color:#fff;cursor:pointer;padding:var(--space-2)}.admin-sidebar__nav{flex:1;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.admin-sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:#ffffffb3;text-decoration:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.admin-sidebar__link:hover{background:#ffffff1a;color:#fff}.admin-sidebar__link--active{background:var(--primary);color:#fff}.admin-sidebar__link--active:hover{background:var(--primary-dark)}.admin-sidebar__footer{padding:var(--space-4);border-top:1px solid rgba(255,255,255,.1)}.admin-sidebar__logout{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:1px solid rgba(255,255,255,.2);color:#ffffffb3;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.admin-sidebar__logout:hover{background:#ef4444;border-color:#ef4444;color:#fff}.admin-sidebar__overlay{display:none}@media(max-width:1024px){.admin-sidebar{transform:translate(-100%);transition:transform var(--transition-normal)}.admin-sidebar--open{transform:translate(0)}.admin-sidebar__close{display:flex}.admin-sidebar__overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:calc(var(--z-modal) - 1);animation:fadeIn .3s ease}}.admin-layout{display:flex;min-height:100vh;background:var(--background)}.admin-layout__main{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column}.admin-layout__header{display:none;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--surface);border-bottom:1px solid var(--border)}.admin-layout__menu-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer}.admin-layout__brand{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.admin-layout__content{flex:1;overflow-y:auto}@media(max-width:1024px){.admin-layout__main{margin-left:0}.admin-layout__header{display:flex}}.dashboard{padding:var(--space-6)}.dashboard__header{margin-bottom:var(--space-6)}.dashboard__title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-1)}.dashboard__subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.dashboard__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5);margin-bottom:var(--space-6)}.dashboard__stat{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-fast)}.dashboard__stat:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard__stat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg)}.stat--blue .dashboard__stat-icon{background:#dbeafe;color:#2563eb}.stat--green .dashboard__stat-icon{background:#dcfce7;color:#16a34a}.stat--yellow .dashboard__stat-icon{background:#fef3c7;color:#d97706}.stat--purple .dashboard__stat-icon{background:#ede9fe;color:#7c3aed}.dashboard__stat-content{display:flex;flex-direction:column;gap:var(--space-1)}.dashboard__stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.dashboard__stat-label{font-size:var(--text-sm);color:var(--text-secondary)}.dashboard__content{display:grid;grid-template-columns:1fr 350px;gap:var(--space-6)}.dashboard__section{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:var(--shadow-sm)}.dashboard__section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.dashboard__section-header h2{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary)}.dashboard__section-link{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--primary);text-decoration:none;font-weight:500}.dashboard__section-link:hover{text-decoration:underline}.dashboard__orders{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard__order{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--background);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard__order:hover{background:var(--border-light)}.dashboard__order-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.dashboard__order-id{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.dashboard__order-customer{font-size:var(--text-xs);color:var(--text-muted)}.dashboard__order-meta{display:flex;align-items:center;gap:var(--space-4)}.dashboard__order-status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:10px;font-weight:600;text-transform:uppercase;border-radius:var(--radius-full)}.dashboard__order-total{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.dashboard__order-date{font-size:var(--text-xs);color:var(--text-muted)}.dashboard__order-view{width:32px;height:32px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);border-radius:var(--radius-md);transition:all var(--transition-fast)}.dashboard__order-view:hover{background:var(--primary);color:#fff}.dashboard__empty{text-align:center;padding:var(--space-8);color:var(--text-muted)}.dashboard__empty p{margin-top:var(--space-3)}.dashboard__actions{display:flex;flex-direction:column;gap:var(--space-3)}.dashboard__action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--background);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast)}.dashboard__action svg{color:var(--primary)}.dashboard__action:hover{background:var(--primary);color:#fff}.dashboard__action:hover svg{color:#fff}.dashboard__alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:#fef3c7;border-radius:var(--radius-md);margin-top:var(--space-5)}.dashboard__alert svg{color:#d97706;flex-shrink:0}.dashboard__alert div{flex:1;font-size:var(--text-sm);color:#92400e}.dashboard__alert strong{color:#78350f}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}@media(max-width:1200px){.dashboard__stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.dashboard__content{grid-template-columns:1fr}.dashboard__section--small{order:-1}}@media(max-width:768px){.dashboard{padding:var(--space-4)}.dashboard__stats{grid-template-columns:1fr}.dashboard__order-meta{flex-direction:column;align-items:flex-end;gap:var(--space-1)}.dashboard__order-total{order:-1}}.admin-products{padding:var(--space-6)}.admin-products__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.admin-products__title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-1)}.admin-products__subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.admin-products__filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.admin-products__search{flex:1;max-width:400px;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.admin-products__search svg{color:var(--text-muted)}.admin-products__search input{flex:1;border:none;background:transparent;font-size:var(--text-sm);outline:none}.admin-products__select{padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}.admin-products__table-wrapper{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.admin-products__table{width:100%;border-collapse:collapse}.admin-products__table th,.admin-products__table td{padding:var(--space-4);text-align:left;border-bottom:1px solid var(--border)}.admin-products__table th{background:var(--background);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.admin-products__table tbody tr:hover{background:var(--background)}.admin-products__product-info{display:flex;align-items:center;gap:var(--space-3)}.admin-products__product-info img{width:50px;height:65px;object-fit:cover;border-radius:var(--radius-sm)}.admin-products__product-name{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.admin-products__product-fabric{font-size:var(--text-xs);color:var(--text-muted)}.admin-products__category{padding:var(--space-1) var(--space-2);background:var(--background);font-size:var(--text-xs);border-radius:var(--radius-sm);text-transform:capitalize}.admin-products__price span{display:block;font-size:var(--text-sm);font-weight:600;color:var(--primary)}.admin-products__original-price{font-size:var(--text-xs)!important;font-weight:400!important;color:var(--text-muted)!important;text-decoration:line-through}.admin-products__discount{display:inline-block;padding:var(--space-1) var(--space-2);background:#dcfce7;color:#16a34a;font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm)}.admin-products__stock{display:inline-block;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-sm)}.admin-products__stock.in-stock{background:#dcfce7;color:#16a34a}.admin-products__stock.out-of-stock{background:#fee2e2;color:#dc2626}.admin-products__actions{display:flex;gap:var(--space-2)}.admin-products__action-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.admin-products__action-btn--edit{background:#dbeafe;color:#2563eb}.admin-products__action-btn--edit:hover{background:#2563eb;color:#fff}.admin-products__action-btn--delete{background:#fee2e2;color:#dc2626}.admin-products__action-btn--delete:hover{background:#dc2626;color:#fff}.admin-products__modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal);animation:fadeIn .2s ease}.admin-products__modal{width:100%;max-width:600px;max-height:90vh;background:var(--surface);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}.admin-products__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5);border-bottom:1px solid var(--border)}.admin-products__modal-header h2{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary)}.admin-products__modal-close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer;transition:color var(--transition-fast)}.admin-products__modal-close:hover{color:var(--text-primary)}.admin-products__form{padding:var(--space-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-4)}.admin-products__form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.admin-products__field{display:flex;flex-direction:column;gap:var(--space-2)}.admin-products__field label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.admin-products__field input,.admin-products__field select,.admin-products__field textarea{padding:var(--space-3);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm)}.admin-products__field input:focus,.admin-products__field select:focus,.admin-products__field textarea:focus{border-color:var(--primary);outline:none}.admin-products__field--checkbox label{flex-direction:row;align-items:center;gap:var(--space-2);cursor:pointer}.admin-products__image-input{display:flex;gap:var(--space-2);margin-bottom:var(--space-2)}.admin-products__image-input input{flex:1}.admin-products__remove-image{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border:none;border-radius:var(--radius-md);cursor:pointer}.admin-products__add-image{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);background:transparent;border:1px dashed var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.admin-products__add-image:hover{border-color:var(--primary);color:var(--primary)}.admin-products__form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.admin-products__api-badge{display:inline-block;margin-left:var(--space-2);color:#16a34a;font-size:var(--text-xs);font-weight:600}.admin-products__empty{padding:var(--space-8);text-align:center;color:var(--text-muted)}.admin-products__image-upload{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.admin-products__upload-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.admin-products__upload-btn:hover{background:var(--primary-dark)}.admin-products__upload-hint{font-size:var(--text-xs);color:var(--text-muted)}.admin-products__image-previews{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.admin-products__image-preview{position:relative;aspect-ratio:3/4;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border)}.admin-products__image-preview img{width:100%;height:100%;object-fit:cover}.admin-products__image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#dc2626e6;color:#fff;border:none;border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.admin-products__image-remove:hover{transform:scale(1.1)}.admin-products__no-images{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6);background:var(--background);border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted)}.admin-products__no-images p{font-size:var(--text-sm)}.admin-products__checkboxes{display:flex;gap:var(--space-6);flex-wrap:wrap}.admin-products__checkbox{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);cursor:pointer}.admin-products__checkbox input{width:18px;height:18px;accent-color:var(--primary)}@media(max-width:768px){.admin-products{padding:var(--space-4)}.admin-products__header{flex-direction:column;gap:var(--space-4)}.admin-products__filters{flex-direction:column}.admin-products__search{max-width:none}.admin-products__table-wrapper{overflow-x:auto}.admin-products__table{min-width:700px}.admin-products__form-row{grid-template-columns:1fr}.admin-products__modal{max-height:100vh;border-radius:0}.admin-products__checkboxes{flex-direction:column;gap:var(--space-3)}}.admin-orders{padding:var(--space-6);height:calc(100vh - var(--space-12));display:flex;flex-direction:column}.admin-orders__header{margin-bottom:var(--space-6)}.admin-orders__title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-1)}.admin-orders__subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.admin-orders__filters{display:flex;gap:var(--space-4);margin-bottom:var(--space-6)}.admin-orders__search{flex:1;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.admin-orders__search svg{color:var(--text-muted)}.admin-orders__search input{flex:1;border:none;background:transparent;font-size:var(--text-sm);outline:none}.admin-orders__select{padding:var(--space-3) var(--space-4);padding-right:var(--space-8);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}.admin-orders__content{display:grid;grid-template-columns:1fr 450px;gap:var(--space-6);flex:1;min-height:0}.admin-orders__list{display:flex;flex-direction:column;gap:var(--space-4);overflow-y:auto;padding-right:var(--space-2)}.admin-orders__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.admin-orders__card:hover{border-color:var(--primary)}.admin-orders__card--active{border-color:var(--primary);box-shadow:0 0 0 2px #8b22521a}.admin-orders__card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.admin-orders__card-id{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.admin-orders__card-date{font-size:var(--text-xs);color:var(--text-muted)}.admin-orders__card-badges{display:flex;gap:var(--space-2)}.admin-orders__status,.admin-orders__payment{padding:2px var(--space-2);font-size:10px;font-weight:600;text-transform:uppercase;border-radius:var(--radius-full)}.status--pending{background:#fef3c7;color:#d97706}.status--confirmed,.status--processing{background:#dbeafe;color:#2563eb}.status--shipped{background:#e0e7ff;color:#4f46e5}.status--delivered{background:#dcfce7;color:#16a34a}.status--cancelled{background:#fee2e2;color:#dc2626}.payment--pending{background:#fff7ed;color:#ea580c}.payment--verified{background:#dcfce7;color:#16a34a}.payment--rejected{background:#fee2e2;color:#dc2626}.admin-orders__card-body{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.admin-orders__card-customer{font-size:var(--text-sm);color:var(--text-primary)}.admin-orders__card-total{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.admin-orders__card-items{display:flex;gap:var(--space-2)}.admin-orders__card-items img{width:40px;height:50px;object-fit:cover;border-radius:var(--radius-sm)}.admin-orders__card-more{width:40px;height:50px;display:flex;align-items:center;justify-content:center;background:var(--background);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-muted)}.admin-orders__empty{text-align:center;padding:var(--space-8);color:var(--text-muted)}.admin-orders__details{background:var(--surface);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.admin-orders__details-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--background);border-bottom:1px solid var(--border)}.admin-orders__details-header h2{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary)}.admin-orders__details-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:var(--text-muted);cursor:pointer}.admin-orders__details-content{flex:1;overflow-y:auto;padding:var(--space-5)}.admin-orders__detail-section{margin-bottom:var(--space-6);padding-bottom:var(--space-5);border-bottom:1px solid var(--border)}.admin-orders__detail-section:last-child{border-bottom:none;margin-bottom:0}.admin-orders__detail-section h3{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--space-3)}.admin-orders__detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.admin-orders__detail-item{display:flex;flex-direction:column;gap:var(--space-1)}.admin-orders__detail-item span{font-size:var(--text-xs);color:var(--text-muted)}.admin-orders__detail-item strong{font-size:var(--text-sm);color:var(--text-primary)}.admin-orders__status-select{padding:var(--space-2);font-size:var(--text-sm);font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer}.admin-orders__customer-name{font-size:var(--text-base);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.admin-orders__customer-contact,.admin-orders__customer-address{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-2)}.admin-orders__items{display:flex;flex-direction:column;gap:var(--space-3)}.admin-orders__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);background:var(--background);border-radius:var(--radius-md)}.admin-orders__item img{width:50px;height:65px;object-fit:cover;border-radius:var(--radius-sm)}.admin-orders__item-info{flex:1;display:flex;flex-direction:column;gap:var(--space-1)}.admin-orders__item-name{font-size:var(--text-sm);color:var(--text-primary)}.admin-orders__item-qty{font-size:var(--text-xs);color:var(--text-muted)}.admin-orders__item-price{font-size:var(--text-sm);font-weight:600;color:var(--primary)}.admin-orders__screenshot{background:var(--background);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.admin-orders__screenshot img{max-width:100%;max-height:300px;border-radius:var(--radius-md)}.admin-orders__payment-actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.btn-success{background:#16a34a;color:#fff}.btn-success:hover{background:#15803d}.btn-danger{background:#dc2626;color:#fff}.btn-danger:hover{background:#b91c1c}.admin-orders__totals{background:var(--background);border-radius:var(--radius-md);padding:var(--space-4)}.admin-orders__total-row{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.admin-orders__total-row--final{font-size:var(--text-base);font-weight:600;color:var(--text-primary);padding-top:var(--space-3);margin-top:var(--space-2);border-top:1px solid var(--border)}.admin-orders__total-row--final span:last-child{color:var(--primary)}@media(max-width:1024px){.admin-orders__content{grid-template-columns:1fr}.admin-orders__details{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:450px;z-index:var(--z-modal);box-shadow:var(--shadow-xl)}}@media(max-width:768px){.admin-orders{padding:var(--space-4);height:auto}.admin-orders__filters{flex-direction:column}.admin-orders__details{max-width:100%}}.admin-memberships{padding:24px}.admin-memberships__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.admin-memberships__header h1{font-size:1.5rem;margin-bottom:4px}.admin-memberships__header p{color:var(--text-secondary);font-size:.875rem}.header-stats{display:flex;gap:12px}.stat-badge{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-full);font-size:.8rem;font-weight:500}.stat-badge.pending{background:#fef3c7;color:#92400e}.stat-badge.active{background:#d1fae5;color:#065f46}.memberships-tabs{display:flex;gap:8px;margin-bottom:24px;border-bottom:1px solid var(--border);padding-bottom:16px}.tab{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--background);border-radius:var(--radius-md);color:var(--text-secondary);font-weight:500;transition:all .2s}.tab:hover{background:var(--surface)}.tab.active{background:var(--primary);color:#fff}.tab-count{padding:2px 8px;background:#fff3;border-radius:var(--radius-full);font-size:.75rem}.tab:not(.active) .tab-count{background:var(--border)}.empty-state{text-align:center;padding:60px 40px;background:var(--surface);border-radius:var(--radius-lg)}.empty-state svg{color:var(--text-muted);margin-bottom:16px;opacity:.5}.empty-state h3{margin-bottom:8px;color:var(--text-primary)}.empty-state p{color:var(--text-muted)}.requests-list{display:flex;flex-direction:column;gap:16px}.request-card{display:grid;grid-template-columns:1fr auto auto auto;gap:24px;align-items:center;padding:20px 24px;background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.request-info{display:flex;align-items:center;gap:16px}.user-avatar,.member-avatar{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1.125rem}.user-details h3,.member-details h3{font-size:1rem;margin-bottom:2px}.user-details p,.member-details p{font-size:.8rem;color:var(--text-muted);margin-bottom:2px}.mobile{font-size:.75rem;color:var(--text-secondary)}.request-meta{text-align:right}.submitted-time{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted)}.view-screenshot-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--background);border-radius:var(--radius-md);color:var(--text-secondary);font-size:.875rem;transition:all .2s}.view-screenshot-btn:hover{background:var(--primary);color:#fff}.request-actions{display:flex;gap:8px}.btn-success{background:#10b981;color:#fff}.btn-success:hover{background:#059669}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626}.request-actions .btn{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:var(--radius-md);font-size:.875rem;font-weight:500}.members-list{display:flex;flex-direction:column;gap:12px}.member-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.member-header{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;cursor:pointer;transition:background .2s}.member-header:hover{background:var(--background)}.member-info,.member-stats{display:flex;align-items:center;gap:16px}.status-badge{padding:4px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.completed{background:#fef3c7;color:#92400e}.referral-count{font-size:.875rem;color:var(--text-secondary)}.member-expanded{padding:20px;background:var(--background);border-top:1px solid var(--border)}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin-bottom:20px}.detail-item{display:flex;flex-direction:column;gap:4px}.detail-item .label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted)}.detail-item .value{font-weight:500;color:var(--text-primary)}.detail-item .value.code{font-family:monospace;background:var(--surface);padding:6px 12px;border-radius:var(--radius-md);display:inline-block}.detail-item .value.success{color:#10b981}.detail-item .value.gold{color:#d97706}.member-expanded .referral-list h4{font-size:.875rem;margin-bottom:12px;color:var(--text-secondary)}.referral-chips{display:flex;flex-wrap:wrap;gap:8px}.referral-chip{padding:6px 12px;background:var(--surface);border-radius:var(--radius-full);font-size:.8rem;color:var(--text-secondary)}.screenshot-modal{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:40px}.screenshot-content{position:relative;max-width:500px;width:100%;background:#fff;border-radius:var(--radius-lg);overflow:hidden}.screenshot-content img{width:100%;display:block}.close-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;background:#0009;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}@media(max-width:900px){.request-card{grid-template-columns:1fr;gap:16px}.request-meta{text-align:left}.header-stats{flex-direction:column}}@media(max-width:600px){.admin-memberships{padding:16px}.admin-memberships__header{flex-direction:column;gap:16px}.memberships-tabs{flex-direction:column}.tab{justify-content:center}.request-actions{width:100%}.request-actions .btn{flex:1;justify-content:center}}.admin-settings{padding:var(--space-6);max-width:900px}.admin-settings__header{margin-bottom:var(--space-6)}.admin-settings__title{font-family:var(--font-heading);font-size:var(--text-2xl);color:var(--text-primary);margin-bottom:var(--space-1)}.admin-settings__subtitle{color:var(--text-secondary);font-size:var(--text-sm)}.admin-settings__form{display:flex;flex-direction:column;gap:var(--space-6)}.admin-settings__section{background:var(--surface);border-radius:var(--radius-lg);padding:var(--space-6);box-shadow:var(--shadow-sm)}.admin-settings__section-header{margin-bottom:var(--space-5);padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.admin-settings__section-header h2{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-1)}.admin-settings__section-header p{font-size:var(--text-sm);color:var(--text-secondary)}.admin-settings__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.admin-settings__field{display:flex;flex-direction:column;gap:var(--space-2)}.admin-settings__field--full{grid-column:span 2}.admin-settings__field label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.admin-settings__field input,.admin-settings__field textarea{padding:var(--space-3) var(--space-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);transition:all var(--transition-fast)}.admin-settings__field input:focus,.admin-settings__field textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #8b22521a}.admin-settings__hint{font-size:var(--text-xs);color:var(--text-muted)}.admin-settings__qr-upload{display:flex;align-items:center;gap:var(--space-4)}.admin-settings__qr-preview{width:120px;height:120px;object-fit:contain;background:var(--background);border-radius:var(--radius-md);padding:var(--space-2)}.admin-settings__upload-btn{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--background);border:1px dashed var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.admin-settings__upload-btn:hover{border-color:var(--primary);color:var(--primary)}.admin-settings__announcements{display:flex;flex-direction:column;gap:var(--space-4)}.admin-settings__announcement-add{display:flex;gap:var(--space-3)}.admin-settings__announcement-add input{flex:1;padding:var(--space-3) var(--space-4);background:var(--background);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base)}.admin-settings__announcement-add input:focus{border-color:var(--primary);outline:none}.admin-settings__announcement-list{display:flex;flex-direction:column;gap:var(--space-2)}.admin-settings__announcement-item{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--background);border-radius:var(--radius-md);animation:slideUp .3s ease}.admin-settings__announcement-item span{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.admin-settings__announcement-remove{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#fee2e2;color:#dc2626;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.admin-settings__announcement-remove:hover{background:#dc2626;color:#fff}.admin-settings__actions{padding-top:var(--space-4)}.btn--saved{background:#16a34a!important}.btn--saved:hover{background:#15803d!important}@media(max-width:768px){.admin-settings,.admin-settings__section{padding:var(--space-4)}.admin-settings__grid{grid-template-columns:1fr}.admin-settings__field--full{grid-column:span 1}.admin-settings__qr-upload{flex-direction:column;align-items:flex-start}}html,body,#root{min-height:100vh}html{scroll-behavior:smooth}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s ease,transform .3s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease}.section{padding:var(--space-16) var(--space-4)}.page-container{padding-top:calc(36px + var(--header-height) + 50px)}@media(max-width:768px){.page-container{padding-top:calc(32px + var(--header-height))}}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--space-4)}.hide-mobile{display:block}.show-mobile{display:none}@media(max-width:768px){.hide-mobile{display:none!important}.show-mobile{display:block}}.loading{display:flex;align-items:center;justify-content:center;min-height:50vh;color:var(--text-muted)}.loading-spinner{width:48px;height:48px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.scroll-to-top{position:fixed;bottom:var(--space-6);right:var(--space-6);width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition-normal);z-index:var(--z-fixed)}.scroll-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background:var(--primary-dark);transform:translateY(-4px)}