@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600&display=swap";:root{--bg-primary:#faf8f5;--bg-secondary:#f0eeeb;--text-primary:#1d1d1f;--text-secondary:#86868b;--accent:#000;--accent-hover:#333;--border:#e5e5ea;--font-family:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:4rem;--spacing-3xl:6rem;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 8px #0000000a;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 12px 32px #0000001f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-primary:#000;--bg-secondary:#121212;--text-primary:#f5f5f7;--text-secondary:#86868b;--accent:#fff;--accent-hover:#e0e0e0;--border:#333336}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-normal), color var(--transition-normal);width:100%;line-height:1.5;overflow-x:clip}html{width:100%;overflow-x:clip}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:600;line-height:1.2}img{max-width:100%;height:auto;display:block}.container{max-width:1400px;padding:0 var(--spacing-xl);margin:0 auto}@media (width<=768px){.container{padding:0 var(--spacing-md)}}select,select option{font-family:"Outfit", var(--font-family);letter-spacing:.02em;font-weight:500}.btn-primary{-webkit-backdrop-filter:blur(16px)saturate(180%);color:#fff;border-radius:var(--radius-full);letter-spacing:.03em;cursor:pointer;background:#141416d9;border:1px solid #ffffff26;justify-content:center;align-items:center;padding:14px 32px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex;box-shadow:0 8px 24px #00000026}[data-theme=dark] .btn-primary{background:#ffffff1f;border:1px solid #ffffff40;box-shadow:0 8px 32px #0000004d}.btn-primary:hover{background:#000000f2;border-color:#ffffff40;transform:translateY(-2px);box-shadow:0 12px 32px #00000040}[data-theme=dark] .btn-primary:hover{background:#fff3;border-color:#fff6}.btn-primary:active{transform:translateY(0)}.btn-secondary{-webkit-backdrop-filter:blur(16px)saturate(180%);color:var(--text-primary);border-radius:var(--radius-full);letter-spacing:.03em;cursor:pointer;background:#1414160a;border:1px solid #14141626;justify-content:center;align-items:center;padding:14px 32px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.25,1,.5,1);display:inline-flex}[data-theme=dark] .btn-secondary{color:#fff;background:#ffffff0d;border:1px solid #ffffff26}.btn-secondary:hover{background:#14141614;border-color:#1414164d;transform:translateY(-2px)}[data-theme=dark] .btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.btn-secondary:active{transform:translateY(1px)}.section{padding:var(--spacing-3xl) 0}@media (width<=768px){.section{padding:var(--spacing-2xl) 0}}.app{flex-direction:column;width:100%;min-height:100vh;display:flex;overflow-x:clip}main{flex:1}.admin-login-container{flex-direction:row;width:100vw;min-height:100vh;display:flex;overflow:hidden}.admin-login-visual{background:linear-gradient(135deg, var(--bg-primary) 0%, var(--bg-secondary) 100%);color:var(--text-primary);border-right:1px solid var(--border);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.admin-login-visual:before{content:"";z-index:1;background:radial-gradient(circle,#6464640d 0%,#0000 70%);width:150%;height:150%;animation:8s ease-in-out infinite alternate slowPulse;position:absolute;top:-25%;left:-25%}@keyframes slowPulse{0%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.admin-visual-content{z-index:2;text-align:center;max-width:450px}.admin-visual-logo{background:var(--text-primary);width:80px;height:80px;color:var(--bg-primary);border-radius:20px;justify-content:center;align-items:center;margin-bottom:24px;display:inline-flex;box-shadow:0 10px 30px #0000001a}.admin-visual-content h1{letter-spacing:-.03em;background:linear-gradient(to right, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:1rem;font-size:3.5rem;font-weight:800;line-height:1.1}.admin-visual-content p{color:var(--text-secondary);font-size:1.15rem;line-height:1.6}.admin-login-form-wrapper{background-color:var(--bg-primary);flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.admin-login-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:24px;width:100%;max-width:420px;padding:40px;box-shadow:0 4px 40px #0000000d}.admin-login-card-header{margin-bottom:32px}.admin-login-card-header h2{color:var(--text-primary);margin:0 0 8px;font-size:1.8rem}.admin-login-card-header p{color:var(--text-secondary);margin:0}.admin-input-group{margin-bottom:20px}.admin-input-group label{color:var(--text-primary);margin-bottom:8px;font-size:.95rem;font-weight:500;display:block}.admin-input-wrapper{position:relative}.admin-input-icon{color:var(--text-secondary);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.admin-input-wrapper input{border:1.5px solid var(--border);background-color:var(--bg-secondary);width:100%;color:var(--text-primary);box-sizing:border-box;border-radius:12px;padding:14px 14px 14px 44px;font-size:1rem;transition:all .2s}.admin-input-wrapper input:focus{border-color:var(--text-primary);background-color:var(--bg-primary);outline:none;box-shadow:0 0 0 4px #6464641a}.admin-login-btn{background-color:var(--text-primary);width:100%;color:var(--bg-primary);cursor:pointer;border:none;border-radius:12px;margin-top:12px;padding:14px;font-size:1rem;font-weight:600;transition:transform .1s,box-shadow .2s}.admin-login-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.admin-login-btn:active{transform:translateY(1px)}.admin-divider{text-align:center;color:var(--text-secondary);align-items:center;margin:28px 0;display:flex}.admin-divider:before,.admin-divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.admin-divider:not(:empty):before{margin-right:.5em}.admin-divider:not(:empty):after{margin-left:.5em}@media (width<=768px){.admin-login-container{flex-direction:column;height:auto;min-height:100vh}.admin-login-visual{border-bottom:none;border-right:none;flex:none;height:45vh;min-height:350px;padding:30px 20px 60px}.admin-visual-logo{width:60px;height:60px;margin-bottom:16px}.admin-visual-content h1{font-size:2.5rem}.admin-visual-content p{font-size:1rem}.admin-login-form-wrapper{z-index:10;border-radius:32px 32px 0 0;flex:none;align-items:flex-start;margin-top:-32px;padding:40px 24px 30px;position:relative;box-shadow:0 -10px 40px #00000026}.admin-login-card{box-shadow:none;background:0 0;border:none;padding:0}}.navbar{z-index:100;width:100%;max-width:100%;transition:all var(--transition-normal);-webkit-backdrop-filter:none;box-shadow:none;background-color:#0000;border:none;border-radius:0;padding:24px 48px;position:fixed;top:0;left:0;transform:none}.navbar.scrolled{background-color:var(--bg-primary);border-bottom:1px solid var(--border);width:100%;box-shadow:var(--shadow-sm);padding:16px 48px;top:0;left:0;transform:none}.navbar-container{justify-content:space-between;align-items:center;width:100%;display:flex}.navbar-left{flex:1;align-items:center;gap:3rem;display:flex}.navbar-links{align-items:center;gap:2rem;display:flex}.navbar-logo{transition:opacity var(--transition-fast);flex:1;justify-content:center;align-items:center;display:flex}.navbar-logo.logo-hidden{opacity:0;pointer-events:none}.mobile-only-logo{display:none!important}.mobile-only-icon{display:none}.desktop-only-icon{display:block}.navbar-logo-img{filter:invert();width:auto;height:20px;display:block}[data-theme=dark] .navbar-logo-img{filter:invert(0)}.navbar-links{gap:var(--spacing-xl);display:flex}.nav-link{color:var(--text-primary);opacity:.8;transition:opacity var(--transition-fast);font-size:.9rem;font-weight:500;position:relative}.nav-link:hover{opacity:1}.nav-link:after{content:"";background-color:var(--text-primary);width:0;height:2px;transition:width var(--transition-fast);position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.navbar-icons{justify-content:flex-end;align-items:center;gap:var(--spacing-lg);flex:1;display:flex}.icon-btn{color:var(--text-primary);opacity:1;transition:opacity var(--transition-fast);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex}.cart-btn{position:relative}.cart-badge{background-color:var(--accent);color:var(--bg-primary);border-radius:var(--radius-full);justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;font-weight:600;display:flex;position:absolute;top:-6px;right:-8px}.navbar-search-overlay{opacity:0;pointer-events:none;width:100%;transition:all var(--transition-normal);padding:0 16px;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-10px)}.navbar-search-overlay.open{opacity:1;pointer-events:auto;transform:translateY(0)}.navbar-search-form{align-items:center;gap:var(--spacing-sm);background-color:color-mix(in srgb, var(--bg-primary) 85%, transparent);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-full);padding:10px 16px;display:flex;box-shadow:0 8px 32px #0003}.navbar-search-icon{color:var(--text-secondary);flex-shrink:0}.navbar-search-input{font-family:var(--font-family);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.navbar-search-input::placeholder{color:var(--text-secondary)}.navbar-search-submit{background:var(--accent);color:var(--bg-primary);border-radius:var(--radius-full);cursor:pointer;width:36px;height:36px;transition:background var(--transition-fast), transform var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar-search-submit:hover{background:var(--accent-hover);transform:scale(1.05)}.mobile-menu-btn{cursor:pointer;color:var(--text-primary);background:0 0;border:none;display:flex}.mobile-menu{opacity:0;pointer-events:none;width:100%;transition:all var(--transition-normal);border-radius:32px;flex-direction:column;padding:24px;display:flex;position:absolute;top:calc(100% + 10px);left:0;transform:translateY(-10px);-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background:#0f0f0f59!important;border:1px solid #ffffff1a!important;border-top-color:#ffffff40!important;box-shadow:0 16px 40px #0006!important}[data-theme=light] .mobile-menu{background:#f0f0f080!important;border:1px solid #ffffff4d!important;border-top-color:#fff9!important}.mobile-menu.open{opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-menu-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width>=769px){.mobile-menu-grid{grid-template-columns:repeat(4,1fr)}}.mobile-menu-box{color:var(--text-primary);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;text-decoration:none;transition:transform .2s,background .2s;display:flex}[data-theme=light] .mobile-menu-box{background:#00000008;border:1px solid #0000000d}.mobile-menu-box:active{transform:scale(.96)}.mobile-menu-icon{background:var(--bg-primary);width:48px;height:48px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 4px 12px #0000001a}[data-theme=dark] .mobile-menu-icon{box-shadow:0 4px 12px #ffffff0d}.mobile-menu-box span{font-size:.95rem;font-weight:500}@media (width<=768px){.navbar,.navbar.scrolled{width:100%;min-width:unset;border-radius:0;padding:16px 20px;top:0;left:0;transform:none;-webkit-backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:none!important}.navbar{padding:var(--spacing-sm) var(--spacing-md);box-shadow:none!important;background-color:#0000!important;border:none!important}.navbar.scrolled.shop-mode{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:#ebebeb!important;border-bottom:none!important}[data-theme=dark] .navbar.scrolled.shop-mode{-webkit-backdrop-filter:none!important;box-shadow:none!important;background:#191919!important;border-bottom:none!important}.navbar.shop-mode .navbar-icons,.navbar.scrolled.shop-mode .navbar-icons{box-shadow:none!important;-webkit-backdrop-filter:none!important;background:0 0!important;border:none!important}.navbar.shop-mode .navbar-left,.navbar.scrolled.shop-mode .navbar-left{box-shadow:none!important;background:#00000014!important;border:none!important}[data-theme=dark] .navbar.shop-mode .navbar-left,[data-theme=dark] .navbar.scrolled.shop-mode .navbar-left{background:#ffffff1a!important;border:1px solid #fff3!important}.navbar-container{justify-content:space-between!important}#navbar-shop-controls{align-items:center;gap:8px;margin-right:12px;display:flex}#navbar-shop-controls .advance-filters-btn{box-shadow:none!important;color:var(--text-primary)!important;background:0 0!important;border:none!important;border-radius:0!important;align-items:center!important;height:auto!important;padding:0!important;display:flex!important}[data-theme=dark] #navbar-shop-controls .advance-filters-btn{color:var(--text-primary)!important;background:0 0!important;border:none!important}.navbar-links,.hidden-mobile,.navbar-icons button[aria-label=Toggle\ search]{display:none}.mobile-menu-btn{border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-only-logo{display:flex!important}.desktop-only-logo{display:none!important}.mobile-only-icon{display:block!important}.desktop-only-icon{display:none!important}.navbar-left,.navbar-icons{flex:unset;border-radius:32px;align-items:center;gap:4px;margin:0;padding:10px 18px;display:flex;-webkit-backdrop-filter:blur(24px)saturate(180%)!important;background:#ffffff1a!important;border:1px solid #ffffff26!important;border-top-color:#ffffff4d!important;box-shadow:0 16px 40px #0003,inset 0 1px 2px #fff3,inset 0 -1px 2px #0000001a!important}.navbar-left{padding-left:8px!important}.navbar-icons{gap:16px!important}}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border);border-radius:48px 48px 0 0;margin-top:40px;padding:80px 0 40px;position:relative;overflow:hidden}.footer-container{grid-template-columns:2fr 1fr 1fr 1fr;gap:60px;margin-bottom:80px;display:grid}.footer-brand{flex-direction:column;display:flex}.footer-logo-text{letter-spacing:-.06em;color:var(--text-primary);margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1;text-decoration:none;display:block}.footer-logo-accent{color:var(--accent)}.footer-description{color:var(--text-secondary);max-width:340px;margin-bottom:32px;font-size:1.05rem;line-height:1.6}.footer-socials{gap:20px;display:flex}.social-link{color:var(--text-primary);opacity:.6;border:1px solid var(--border);background:var(--bg-secondary);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .3s;display:flex}.social-link:hover{opacity:1;border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-primary);transform:translateY(-4px)}.footer-heading{color:var(--text-primary);letter-spacing:-.02em;margin-bottom:24px;font-size:1.1rem;font-weight:600}.footer-links-group{flex-direction:column;gap:16px;display:flex}.footer-link{color:var(--text-secondary);width:fit-content;font-size:1rem;text-decoration:none;transition:all .3s;position:relative}.footer-link:after{content:"";background-color:var(--text-primary);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.footer-link:hover{color:var(--text-primary)}.footer-link:hover:after{width:100%}.footer-bottom{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding-top:32px;font-size:.95rem;display:flex}@media (width<=992px){.footer-container{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}}@media (width<=600px){.footer-container{gap:var(--spacing-xl);grid-template-columns:1fr}.footer-brand{grid-column:span 1}.footer-bottom{gap:var(--spacing-md);text-align:center;flex-direction:column}}.announcement-bar{color:#f8f3f0;white-space:nowrap;z-index:2000;background:#3a1c1d;width:100%;padding:10px 0;font-size:.85rem;font-weight:500;position:absolute;top:0;left:0;overflow:hidden}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.3333%)}}.announcement-track{width:max-content;animation:8s linear infinite marquee;display:flex}.announcement-track:hover{animation-play-state:paused}.announcement-track span{padding:0 40px}.hero-split{width:100%;height:100vh;margin-top:0;display:flex;position:relative;overflow:hidden}.hero-side{flex:1;height:100%;position:relative;overflow:hidden}.hero-left,.hero-right{background-color:#e6f0f9}.hero-img{object-fit:cover;object-position:center top;transform-origin:top;width:100%;height:100%;transform:scale(1.3)}.hero-right .hero-img{object-position:right top;transform:scale(1.4)}.hero-center-content{z-index:10;text-align:center;pointer-events:none;width:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-logo-text{font-family:var(--font-family);color:#fff;letter-spacing:-.05em;text-shadow:0 10px 30px #00000026;margin:0;font-size:clamp(6rem,18vw,20rem);font-weight:800;line-height:1}.hero-dot{color:#fff}.hero-bottom-center{z-index:10;flex-direction:column;align-items:center;gap:24px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.btn-shop-now{-webkit-backdrop-filter:blur(16px);color:#fff;letter-spacing:1px;text-transform:uppercase;pointer-events:auto;text-shadow:0 2px 4px #0000004d;background-color:#ffffff26;border:1px solid #fff3;border-color:#fff6 #fff3 #fff3 #fff6;border-radius:999px;justify-content:center;align-items:center;gap:12px;padding:16px 48px;font-size:1.05rem;font-weight:500;text-decoration:none;transition:all .4s cubic-bezier(.25,1,.5,1);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #00000026}.btn-arrow{transition:transform .4s cubic-bezier(.25,1,.5,1)}.btn-shop-now:hover .btn-arrow{transform:translate(6px)}.btn-shop-now:before{content:"";background:linear-gradient(90deg,#0000,#fff6,#0000);width:150%;height:100%;transition:all .6s;position:absolute;top:0;left:-150%;transform:skew(-20deg)}.btn-shop-now:hover{background-color:#ffffff40;border:1px solid #ffffff4d;border-color:#ffffff80 #ffffff4d #ffffff4d #ffffff80;transform:translateY(-3px);box-shadow:0 12px 40px #00000040}.btn-shop-now:hover:before{left:150%}.hero-scroll-indicator{color:#333;cursor:pointer;pointer-events:auto;flex-direction:column;align-items:center;gap:4px;font-size:.95rem;font-weight:500;transition:color .3s;display:flex}.hero-scroll-indicator:hover{color:#000}[data-theme=dark] .hero-scroll-indicator{color:#fff}[data-theme=dark] .hero-scroll-indicator:hover{color:#ccc}[data-theme=dark] .btn-shop-now{background-color:#0000004d;border:1px solid #ffffff1a;border-color:#fff3 #ffffff1a #ffffff1a #fff3;box-shadow:0 8px 32px #0006}[data-theme=dark] .btn-shop-now:hover{background-color:#0006;border:1px solid #ffffff26;border-color:#ffffff4d #ffffff26 #ffffff26 #ffffff4d}@media (width<=768px){.hero-split{flex-direction:column}.hero-logo-text{font-size:clamp(5rem,25vw,10rem)}.hero-bottom-center{bottom:24px}.btn-shop-now{gap:8px;padding:12px 32px;font-size:.95rem}}@keyframes fadeUp{0%{opacity:0;transform:translate(-50%,calc(40px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes fadeUpBottom{0%{opacity:0;transform:translate(-50%)translateY(40px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.fade-up{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) forwards fadeUp}.fade-up-delayed{opacity:0;animation:1s cubic-bezier(.16,1,.3,1) .3s forwards fadeUpBottom}.trust-bar-section{background-color:var(--bg-primary);border-bottom:1px solid var(--border);width:100%;padding:var(--spacing-lg) 0;overflow:hidden}.trust-bar-container{justify-content:space-between;align-items:center;gap:var(--spacing-md);max-width:1200px;padding:0 var(--spacing-xl);flex-wrap:wrap;margin:0 auto;display:flex}.trust-item{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);transition:transform var(--transition-normal);cursor:default;display:flex}.trust-item:hover{transform:translateY(-2px)}.trust-icon-wrapper{width:40px;height:40px;color:var(--text-primary);transition:all var(--transition-normal);background-color:#1414160d;border-radius:50%;justify-content:center;align-items:center;display:flex}[data-theme=dark] .trust-icon-wrapper{color:#fff;background-color:#ffffff1a}.trust-item:hover .trust-icon-wrapper{background-color:var(--accent);color:#fff}[data-theme=dark] .trust-item:hover .trust-icon-wrapper{color:#000;background-color:#fff}.trust-text{flex-direction:column;display:flex}.trust-title{font-family:"Outfit", var(--font-family);letter-spacing:.02em;font-size:.95rem;font-weight:600}.trust-subtitle{color:var(--text-secondary);font-size:.8rem}@media (width<=992px){.trust-bar-container{gap:var(--spacing-xl);grid-template-columns:repeat(2,1fr);display:grid}}@media (width<=576px){.trust-bar-container{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr)}.trust-icon-wrapper{width:32px;height:32px}.trust-icon-wrapper svg{width:16px;height:16px}.trust-title{font-size:.8rem}.trust-subtitle{font-size:.7rem}}.marquee-container{white-space:nowrap;color:#1a1a1a;background-color:#f8f6f5;border-top:1px solid #0000000d;border-bottom:1px solid #0000000d;align-items:center;width:100%;padding:1.5rem 0;display:flex;position:relative;overflow:hidden}.marquee-track{width:max-content;animation:linear infinite scroll;display:flex}.marquee-content{align-items:center;padding-right:2rem;display:flex}.marquee-text-item{letter-spacing:.1em;text-transform:uppercase;font-size:1.25rem;font-weight:600}.marquee-image-group,.marquee-custom-group{align-items:stretch;gap:20px;padding:0 10px;display:flex}.marquee-image-item{border-radius:8px;width:250px;height:300px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px #0003}.marquee-image-item img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.marquee-image-item:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000004d}.marquee-image-item:hover img{transform:scale(1.05)}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.featured-categories{background-color:var(--bg-primary)}.section-header{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:flex-end;display:flex}.section-title{letter-spacing:-.02em;font-size:2.5rem}.categories-grid{gap:var(--spacing-lg);grid-template-rows:repeat(2,300px);grid-template-columns:repeat(4,1fr);display:grid}.category-card{border-radius:var(--radius-lg);cursor:pointer;position:relative;overflow:hidden}.category-card:first-child{grid-area:span 2/span 2}.category-card:nth-child(2){grid-area:span 1/span 2}.category-card:nth-child(3),.category-card:nth-child(4){grid-area:span 1/span 1}.category-image-wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.category-image{object-fit:cover;object-position:center 15%;width:100%;height:100%;transition:transform var(--transition-slow)}.category-card:hover .category-image{transform:scale(1.05)}.category-overlay{width:100%;height:100%;transition:background var(--transition-normal);background:linear-gradient(#0000 40%,#0006 100%);position:absolute;top:0;left:0}.category-card:hover .category-overlay{background:linear-gradient(#0003 40%,#0009 100%)}.category-content{-webkit-backdrop-filter:blur(12px);color:#fff;z-index:2;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex-direction:column;align-items:flex-start;padding:1.5rem;transition:transform .3s,background .3s;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;right:1.5rem}.category-card:hover .category-content{background:#ffffff26;transform:translateY(-5px)}.category-name{margin-bottom:var(--spacing-xs);text-shadow:0 2px 4px #0000004d;font-size:1.5rem;font-weight:600}.category-link{text-transform:uppercase;letter-spacing:.05em;opacity:.8;transition:all var(--transition-fast);font-size:.9rem;font-weight:600;transform:translate(0)}.category-card:hover .category-link{opacity:1;transform:translate(5px)}.categories-slider{-webkit-overflow-scrolling:touch;gap:var(--spacing-md);padding:0 var(--spacing-md);scrollbar-width:none;cursor:grab;display:flex;overflow-x:auto}.categories-slider:active{cursor:grabbing}.categories-slider::-webkit-scrollbar{display:none}.categories-slider .category-card{border-radius:var(--radius-lg);flex:0 0 350px;height:500px;position:relative;overflow:hidden}@media (width<=768px){.section-title{font-size:2rem}.categories-slider .category-card{flex:0 0 85%;height:400px}}.product-section{background-color:var(--bg-primary)}.view-all-link{color:var(--text-secondary);transition:all var(--transition-fast);letter-spacing:.02em;border-bottom:2px solid #0000;padding-bottom:2px;font-weight:600}.view-all-link:hover{color:var(--text-primary);border-bottom-color:var(--text-primary)}.product-grid{gap:var(--spacing-xl) var(--spacing-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.product-card{cursor:pointer;border-radius:var(--radius-lg);background:var(--bg-secondary);flex-direction:column;gap:16px;min-width:0;padding:12px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;box-shadow:0 10px 30px #0000000a}.product-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}[data-theme=dark] .product-card:hover{background:#ffffff08;box-shadow:0 20px 40px #0006}.product-image-container{border-radius:calc(var(--radius-lg) - 4px);aspect-ratio:4/5;background-color:var(--bg-secondary);width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}[data-theme=dark] .product-image-container{box-shadow:inset 0 0 0 1px #ffffff0a}.product-image-container:after{content:"";opacity:0;z-index:1;background:linear-gradient(#0000 60%,#0000004d 100%);transition:opacity .4s;position:absolute;inset:0}.product-card:hover .product-image-container:after{opacity:1}.product-image{object-fit:cover;width:100%;height:100%;transition:opacity .5s,transform .6s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.product-card:hover .product-image{transform:scale(1.08)}.add-to-cart-btn{z-index:3;opacity:0;-webkit-backdrop-filter:blur(12px);color:#1a1a1a;border-radius:var(--radius-full);background-color:#ffffffe6;border:1px solid #ffffff80;justify-content:center;align-items:center;gap:8px;width:calc(100% - 32px);height:44px;font-size:.9rem;font-weight:600;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:16px;left:16px;right:16px;transform:translateY(15px);box-shadow:0 8px 24px #0000001f}[data-theme=dark] .add-to-cart-btn{color:#fff;background-color:#1e1e1ed9;border-color:#ffffff1a}.product-card:hover .add-to-cart-btn{opacity:1;transform:translateY(0)}.add-to-cart-btn:hover{background-color:var(--text-primary);color:var(--bg-primary);transform:translateY(-2px);box-shadow:0 12px 28px #0003}.add-to-cart-btn.out-of-stock-btn{-webkit-backdrop-filter:blur(16px);color:var(--error);cursor:not-allowed;background-color:#dc262626;border:1px solid #dc26264d}.add-to-cart-btn.out-of-stock-btn:hover{color:var(--error);box-shadow:none;background-color:#dc262626;transform:none}.product-info{flex-direction:column;gap:6px;padding:0 8px;display:flex}.product-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:.75rem;font-weight:600}.product-name{color:var(--text-primary);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600;overflow:hidden}.product-price{color:var(--text-primary);align-items:center;gap:10px;margin-top:2px;font-size:1.15rem;font-weight:700;display:flex}.product-badge.out-of-stock{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.1em;text-transform:uppercase;z-index:2;white-space:normal;text-align:center;background:#dc2626e6;border:1px solid #fff3;border-radius:30px;width:90%;max-width:fit-content;padding:8px 20px;font-size:.8rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #dc26264d}@media (width<=1024px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.product-grid{gap:var(--spacing-lg) var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr))}.add-to-cart-btn{opacity:1;width:calc(100% - 16px);height:36px;bottom:8px;left:8px;right:8px;transform:translateY(0)}.add-to-cart-btn span{display:none}}@media (width<=480px){.product-grid{gap:var(--spacing-md) var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{border-radius:var(--radius-md);padding:8px}.product-image-container{border-radius:calc(var(--radius-md) - 2px)}.product-name{font-size:.95rem}.product-category{font-size:.7rem}.product-price{font-size:1rem}.product-badge.out-of-stock{letter-spacing:.05em;width:95%;padding:4px 8px;font-size:.65rem}}.testimonials-section{background-color:var(--bg-primary);text-align:center;padding:var(--spacing-3xl) 0;overflow:hidden}.testimonials-title{margin-bottom:var(--spacing-2xl);font-size:2.5rem}.testimonials-marquee-wrapper{width:100%;position:relative;overflow:hidden}.testimonials-marquee{width:max-content;padding:10px 0;animation:30s linear infinite marquee;display:flex}.testimonials-marquee:hover{animation-play-state:paused}.testimonial-image-card{border-radius:var(--radius-lg);width:320px;height:420px;box-shadow:var(--shadow-sm);margin-right:var(--spacing-xl);cursor:none;flex-shrink:0;transition:transform .4s cubic-bezier(.25,1,.5,1),box-shadow .4s;position:relative;overflow:hidden}.testimonial-image-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.testimonial-bg-image{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.25,1,.5,1)}.testimonial-image-card:hover .testimonial-bg-image{transform:scale(1.08)}.testimonial-card-overlay{width:100%;height:100%;padding:var(--spacing-xl);text-align:left;color:#fff;background:linear-gradient(#0000 0%,#000000d9 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;top:0;left:0}.testimonial-rating{margin-bottom:var(--spacing-sm);gap:4px;display:flex}.testimonial-content{margin-bottom:var(--spacing-md);font-size:1.05rem;line-height:1.5;font-family:var(--font-family);opacity:.95;text-shadow:0 2px 4px #00000080;color:#fff;font-style:italic}.testimonial-author .author-name{text-shadow:0 2px 4px #00000080;color:#fff;margin-bottom:2px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:600}.testimonial-author .author-role{opacity:.8;color:#ffffffe6;font-size:.85rem}@media (width<=768px){.testimonial-image-card{width:280px;height:380px}}.newsletter-section{background-color:var(--bg-primary);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.newsletter-container{text-align:center;justify-content:center;align-items:center;display:flex}.newsletter-content{width:100%;max-width:600px}.newsletter-content h2{margin-bottom:var(--spacing-sm);font-size:2.5rem}.newsletter-content p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1.1rem}.newsletter-form{gap:var(--spacing-sm);width:100%;display:flex}.newsletter-input{padding:var(--spacing-md) var(--spacing-xl);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);transition:border-color var(--transition-fast);background-color:#0000;outline:none;flex:1;font-family:inherit;font-size:1rem}.newsletter-input::placeholder{color:var(--text-secondary)}.newsletter-input:focus{border-color:var(--text-primary)}.newsletter-btn{white-space:nowrap}@media (width<=600px){.newsletter-form{flex-direction:column}.newsletter-content h2{font-size:2rem}}.promo-banner{padding:var(--spacing-3xl) 5%;background-color:var(--bg-primary);overflow:hidden}.promo-banner-container{align-items:center;gap:var(--spacing-3xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg);max-width:1400px;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 4px 30px #0003}.promo-banner.reverse .promo-banner-container{flex-direction:row-reverse}.promo-banner-content{padding:var(--spacing-3xl);flex:1}.promo-banner-content h2{margin-bottom:var(--spacing-md);color:var(--text-primary);letter-spacing:-.02em;font-size:2.5rem;font-weight:600}.promo-banner-content p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:1.1rem;line-height:1.6}.promo-btn{z-index:1;justify-content:center;align-items:center;position:relative;overflow:hidden;letter-spacing:.25em!important;text-transform:uppercase!important;color:var(--text-primary)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important;background:0 0!important;border:1px solid #96969666!important;border-radius:2px!important;padding:16px 36px!important;font-size:.8rem!important;font-weight:500!important;transition:all .6s cubic-bezier(.19,1,.22,1)!important;display:inline-flex!important}.promo-btn:before{content:"";background:var(--text-primary);z-index:-1;transform-origin:bottom;width:100%;height:100%;transition:transform .6s cubic-bezier(.19,1,.22,1);position:absolute;top:0;left:0;transform:scaleY(0)}.promo-btn:hover{color:var(--bg-primary)!important;border-color:var(--text-primary)!important;letter-spacing:.35em!important}.promo-btn:hover:before{transform:scaleY(1)}.promo-banner-image{flex:1;height:100%;min-height:400px;position:relative}.promo-banner-image img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;top:0;left:0}@media (width<=992px){.promo-banner-container,.promo-banner.reverse .promo-banner-container{flex-direction:column-reverse}.promo-banner-image{width:100%;min-height:300px}.promo-banner-content{padding:var(--spacing-2xl);text-align:center}}@media (width<=768px){.promo-btn{width:100%;margin-top:var(--spacing-sm)}}.faq-section{flex-direction:column;align-items:center;max-width:800px;margin:0 auto;display:flex}.faq-header{text-align:center;margin-bottom:var(--spacing-2xl)}.faq-title{font-family:"Outfit", var(--font-family);margin-bottom:var(--spacing-sm);color:var(--text-primary);font-size:2.5rem}.faq-subtitle{color:var(--text-secondary);font-size:1.1rem}.faq-list{gap:var(--spacing-md);flex-direction:column;width:100%;display:flex}.faq-item{border:1px solid var(--border);border-radius:var(--radius-md);transition:all var(--transition-normal);background-color:var(--bg-primary);cursor:pointer;overflow:hidden}.faq-item:hover{border-color:var(--text-secondary)}.faq-question{padding:var(--spacing-lg);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;display:flex}.faq-question h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:500}.faq-icon{color:var(--text-primary);width:24px;height:24px;transition:transform var(--transition-normal);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.faq-answer{max-height:0;padding:0 var(--spacing-lg);transition:max-height .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.faq-answer p{color:var(--text-secondary);padding-bottom:var(--spacing-lg);margin:0;line-height:1.6}.faq-item.active{border-color:var(--accent);box-shadow:var(--shadow-sm)}.faq-item.active .faq-answer{max-height:200px}[data-theme=dark] .faq-item{background-color:var(--bg-secondary)}.lookbook-section{width:100%;padding:var(--spacing-3xl) 0;position:relative;overflow:hidden}.lookbook-container{max-width:1200px;padding:0 var(--spacing-xl);flex-direction:column;align-items:center;margin:0 auto;display:flex}.lookbook-header{text-align:center;margin-bottom:var(--spacing-2xl)}.lookbook-title{font-family:"Outfit", var(--font-family);color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.03em;font-size:3rem}.lookbook-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.lookbook-image-wrapper{border-radius:var(--radius-lg);width:100%;max-width:900px;box-shadow:var(--shadow-lg);position:relative}.lookbook-image-inner{border-radius:var(--radius-lg);width:100%;position:relative;overflow:hidden}.lookbook-image-inner img{width:100%;height:auto;transition:transform var(--transition-slow);display:block}.lookbook-image-wrapper:hover .lookbook-image-inner img{transform:scale(1.02)}.hotspot{cursor:pointer;z-index:10;width:24px;height:24px;transition:all var(--transition-fast);background-color:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 12px #00000026}.hotspot:after{content:"";z-index:-1;background-color:#ffffff80;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute}.hotspot-inner{background-color:var(--accent);border-radius:50%;width:8px;height:8px}.hotspot:hover,.hotspot:focus,.hotspot:focus-within{background-color:var(--accent);transform:translate(-50%,-50%)scale(1.2)}.hotspot:hover .hotspot-inner,.hotspot:focus .hotspot-inner,.hotspot:focus-within .hotspot-inner{background-color:#fff}.hotspot-tooltip{-webkit-backdrop-filter:blur(12px)saturate(180%);padding:var(--spacing-md);border-radius:var(--radius-md);width:max-content;max-width:200px;box-shadow:var(--shadow-md);opacity:0;visibility:hidden;z-index:20;background:#ffffffd9;border:1px solid #ffffff4d;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:100%;left:50%;transform:translate(-50%)translateY(15px)}.hotspot:hover .hotspot-tooltip,.hotspot:focus .hotspot-tooltip,.hotspot:focus-within .hotspot-tooltip{opacity:1;visibility:visible;transform:translate(-50%)translateY(10px)}.hotspot-tooltip:before{content:"";background:#ffffffd9;border-top:1px solid #ffffff4d;border-left:1px solid #ffffff4d;width:12px;height:12px;position:absolute;top:-6px;left:50%;transform:translate(-50%)rotate(45deg)}[data-theme=dark] .hotspot-tooltip{background:#141416d9;border:1px solid #ffffff1a}[data-theme=dark] .hotspot-tooltip:before{background:#141416d9;border-top:1px solid #ffffff1a;border-left:1px solid #ffffff1a}.tooltip-title{font-family:"Outfit", var(--font-family);color:var(--text-primary);margin-bottom:4px;font-size:1rem;font-weight:600}.tooltip-price{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.9rem}.tooltip-btn{background:var(--accent);color:#fff;border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:background var(--transition-fast);border:none;padding:8px 12px;font-size:.8rem;font-weight:500}[data-theme=dark] .tooltip-btn{color:#000}.tooltip-btn:hover{background:var(--accent-hover)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (width<=768px){.lookbook-title{font-size:2rem}.lookbook-container{padding:0 var(--spacing-md)}}.social-wall-section{padding:var(--spacing-3xl) 0;background-color:var(--bg-secondary)}.social-wall-container{max-width:1400px;padding:0 var(--spacing-md);margin:0 auto}.social-wall-header{text-align:center;margin-bottom:var(--spacing-2xl)}.social-wall-title{font-family:"Outfit", var(--font-family);color:var(--text-primary);margin-bottom:var(--spacing-sm);letter-spacing:-.02em;font-size:2.5rem}.social-wall-subtitle{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.1rem}.social-grid{gap:var(--spacing-sm);grid-template-columns:repeat(4,1fr);grid-auto-rows:300px;display:grid}.social-item{border-radius:var(--radius-sm);cursor:pointer;position:relative;overflow:hidden}.social-item:first-child{grid-area:span 2/span 2}.social-item:nth-child(2){grid-area:span 1/span 2}.social-item img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform var(--transition-slow)}.social-overlay{opacity:0;width:100%;height:100%;transition:all var(--transition-normal);background:#0006;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.social-item:hover img{transform:scale(1.05)}.social-item:hover .social-overlay{opacity:1}.social-icon{color:#fff;margin-bottom:var(--spacing-sm);transition:transform var(--transition-normal);transform:translateY(20px)}.social-text{color:#fff;font-family:"Outfit", var(--font-family);transition:transform var(--transition-normal);font-size:1.1rem;font-weight:500;transition-delay:50ms;transform:translateY(20px)}.social-item:hover .social-icon,.social-item:hover .social-text{transform:translateY(0)}@media (width<=992px){.social-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:250px}.social-item:first-child{grid-area:span 1/span 2}.social-item:nth-child(2){grid-column:span 1}}@media (width<=576px){.social-grid{grid-template-columns:1fr;grid-auto-rows:300px}.social-item{grid-area:span 1/span 1!important}}.reveal-wrapper{opacity:0;will-change:opacity, transform;transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1);transform:translateY(30px)}.reveal-wrapper.is-visible{opacity:1;transform:translateY(0)}.store-os-banner-section{background-color:#fff;justify-content:center;align-items:center;padding:100px 24px;display:flex;overflow:hidden}.store-os-banner-card{text-align:center;width:100%;max-width:1000px;transform-style:preserve-3d;background:linear-gradient(135deg,#0f172a 0%,#1e1b4b 100%);border-radius:32px;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 40px 80px -20px #0f172a66,inset 0 1px #ffffff1a}.store-os-banner-card:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f126 0%,#0000 50%);width:200%;height:200%;animation:15s linear infinite rotateOrb;position:absolute;top:-50%;left:-50%}@keyframes rotateOrb{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.store-os-banner-content{z-index:2;position:relative;transform:translateZ(50px)}.os-badge{color:#c7d2fe;letter-spacing:.1em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:99px;margin-bottom:24px;padding:6px 12px;font-size:.75rem;font-weight:700;display:inline-block}.store-os-banner-content h2{color:#fff;letter-spacing:-.02em;margin-bottom:24px;font-size:3.5rem;font-weight:800;line-height:1.1}.os-gradient-text{background:linear-gradient(90deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.store-os-banner-content p{color:#94a3b8;max-width:600px;margin:0 auto 40px;font-size:1.25rem;line-height:1.6}.store-os-banner-content p strong{color:#fff}.os-action-btn{color:#0f172a;background:#fff;border-radius:99px;align-items:center;gap:12px;padding:18px 40px;font-size:1.125rem;font-weight:700;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;box-shadow:0 10px 25px #ffffff1a}.os-action-btn:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 40px #fff3}.os-action-btn:hover .os-arrow{transform:translate(4px)}.os-arrow{transition:transform .2s}.os-float-element{color:#ffffff1a;z-index:1;position:absolute}.el-1{animation:6s ease-in-out infinite float;top:15%;left:10%;transform:translateZ(20px)}.el-2{animation:8s ease-in-out infinite reverse float;bottom:20%;right:10%;transform:translateZ(30px)}.el-3{animation:7s ease-in-out 2s infinite float;top:20%;right:20%;transform:translateZ(10px)}@keyframes float{0%,to{transform:translateY(0)translateZ(20px)}50%{transform:translateY(-20px)translateZ(20px)}}@media (width<=768px){.store-os-banner-section{padding:60px 16px}.store-os-banner-card{padding:60px 24px;transform:none!important}.store-os-banner-content h2{font-size:2.25rem}.store-os-banner-content p{font-size:1rem}.os-float-element{display:none}}.breadcrumbs-list{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs-item{align-items:center;font-size:.9rem;display:flex}.breadcrumbs-link{color:var(--text-secondary);transition:color var(--transition-fast);text-decoration:none}.breadcrumbs-link:hover{color:var(--text-primary)}.breadcrumbs-separator{color:var(--text-secondary);margin-left:var(--spacing-sm);opacity:.6}.breadcrumbs-current{color:var(--text-primary);font-weight:500}.shop-filters{flex-direction:column;display:flex}.filters-clear-all{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;margin-bottom:var(--spacing-md);transition:all var(--transition-fast);background-color:#0000;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px;font-family:inherit;font-size:.85rem;font-weight:500;display:flex}.filters-clear-all:hover{color:var(--text-primary);border-color:var(--text-primary)}.filter-empty{color:var(--text-secondary);font-size:.85rem;font-style:italic}.price-error{color:#ff3b30;margin-top:6px;font-size:.8rem}.filter-section{border-bottom:1px solid var(--border);padding:var(--spacing-md) 0}.filter-section:last-child{border-bottom:none}.filter-section-header{width:100%;padding:var(--spacing-sm) 0;color:var(--text-primary);transition:opacity var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.filter-section-header:hover{opacity:.8}.filter-title{font-size:1rem;font-weight:600}.filter-content{transition:grid-template-rows var(--transition-normal);grid-template-rows:0fr;display:grid}.filter-content.expanded{grid-template-rows:1fr}.filter-content-inner{gap:var(--spacing-sm);flex-direction:column;min-height:0;display:flex;overflow:hidden}.filter-pill-container{flex-wrap:wrap;gap:8px;display:flex}.filter-pill{border-radius:var(--radius-full);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background-color:#0000;padding:8px 16px;font-size:.9rem;font-weight:500}.filter-pill:hover{border-color:var(--text-primary);color:var(--text-primary)}.filter-pill.active{background-color:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.filter-count{opacity:.6;margin-left:auto;font-size:.85rem}.filter-stars{color:var(--text-primary);letter-spacing:2px}.price-presets{margin-bottom:var(--spacing-md);flex-direction:column;gap:8px;display:flex}.price-preset-btn{background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-primary);text-align:left;cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;padding:10px 14px;font-size:.9rem;font-weight:500}.price-preset-btn:hover{background-color:var(--border);transform:translate(4px)}.price-inputs{align-items:center;gap:var(--spacing-sm);display:flex}.price-input-group{flex:1;position:relative}.currency{color:var(--text-secondary);font-size:.9rem;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.price-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);background-color:#0000;outline:none;padding:8px 10px 8px 24px;font-family:inherit}.price-input:focus{border-color:var(--text-primary)}.price-separator{color:var(--text-secondary)}.filter-toggle-label{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.toggle-switch{width:40px;height:24px;position:relative}.toggle-input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:all .4s;position:absolute;bottom:2px;left:2px}.toggle-input:checked+.toggle-slider{background-color:var(--text-primary);border-color:var(--text-primary)}.toggle-input:checked+.toggle-slider:before{background-color:var(--bg-primary);transform:translate(16px)}.quick-view-overlay{z-index:1000;padding:var(--spacing-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out forwards fadeIn;display:flex;position:fixed;inset:0}.quick-view-modal{background-color:var(--bg-primary);border-radius:var(--radius-lg);width:100%;max-width:900px;max-height:90vh;box-shadow:var(--shadow-xl);grid-template-columns:1fr 1fr;animation:.3s ease-out forwards slideUp;display:grid;position:relative;overflow:hidden}.close-modal-btn{background-color:var(--bg-primary);border:1px solid var(--border-color);cursor:pointer;z-index:100;width:36px;height:36px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:16px;right:16px;box-shadow:0 4px 12px #00000026}.close-modal-btn:hover{background:var(--bg-secondary);transform:scale(1.05)}.quick-view-image-container{background-color:var(--bg-secondary);height:100%;min-height:400px}.quick-view-image{object-fit:cover;width:100%;height:100%}.quick-view-details{padding:var(--spacing-2xl);flex-direction:column;display:flex;overflow-y:auto}.qv-category{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:.8rem}.qv-title{margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:1.8rem;font-weight:400}.qv-price-container{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);display:flex}.qv-price{font-size:1.4rem;font-weight:600}.qv-original-price{color:var(--text-secondary);font-size:1.1rem;text-decoration:line-through}.qv-description{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);flex-grow:1;line-height:1.6}.qv-actions{gap:var(--spacing-md);margin-top:auto;display:flex}.qv-add-to-cart{background-color:var(--text-primary);color:var(--bg-primary);padding:var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;justify-content:center;align-items:center;gap:var(--spacing-sm);border:none;flex:1;font-weight:500;transition:background-color .2s;display:flex}.qv-add-to-cart:hover{background-color:var(--accent)}.qv-view-details{padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);background:0 0;justify-content:center;align-items:center;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.qv-view-details:hover{border-color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.quick-view-modal{grid-template-columns:1fr;max-height:85vh}.quick-view-image-container{height:300px;min-height:300px}.quick-view-details{padding:var(--spacing-xl)}}.aura-loader-container{justify-content:center;align-items:center;width:100%;min-height:200px;display:flex}.aura-loader-container.fullscreen{background-color:var(--bg-primary);z-index:9999;position:fixed;inset:0}.aura-loader-text{letter-spacing:.35em;color:var(--border);-webkit-user-select:none;user-select:none;margin-right:-.35em;font-size:1.15rem;font-weight:500;position:relative}.aura-loader-text:after{content:attr(data-text);color:var(--text-primary);width:100%;height:100%;animation:2s cubic-bezier(.4,0,.2,1) infinite premiumShimmer;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 50%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 50%,#0000 100%);-webkit-mask-size:200% 100%;mask-size:200% 100%}@keyframes premiumShimmer{0%{-webkit-mask-position:250% 0;mask-position:250% 0}to{-webkit-mask-position:-150% 0;mask-position:-150% 0}}.shop-product-grid{gap:var(--spacing-xl) var(--spacing-lg);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.shop-product-card{cursor:pointer;border-radius:var(--radius-lg);background:var(--bg-secondary);flex-direction:column;gap:16px;min-width:0;padding:12px;transition:all .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;box-shadow:0 10px 30px #0000000a}.shop-product-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px #00000014}[data-theme=dark] .shop-product-card:hover{background:#ffffff08;box-shadow:0 20px 40px #0006}.shop-product-image-container{border-radius:calc(var(--radius-lg) - 4px);aspect-ratio:4/5;background-color:var(--bg-secondary);width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #0000000a}[data-theme=dark] .shop-product-image-container{box-shadow:inset 0 0 0 1px #ffffff0a}.shop-product-image-container:after{content:"";opacity:0;z-index:1;background:linear-gradient(#0000 60%,#0000004d 100%);transition:opacity .4s;position:absolute;inset:0}.shop-product-card:hover .shop-product-image-container:after{opacity:1}.shop-product-image{object-fit:cover;width:100%;height:100%;transition:opacity .5s,transform .6s cubic-bezier(.25,1,.5,1);position:absolute;top:0;left:0}.shop-product-image.secondary{opacity:0;transform:scale(1.08)}.shop-product-card:hover .shop-product-image.primary{opacity:0;transform:scale(1.05)}.shop-product-card:hover .shop-product-image.secondary{opacity:1;transform:scale(1)}.shop-product-badge{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);z-index:3;-webkit-backdrop-filter:blur(8px);padding:6px 12px;font-size:.7rem;font-weight:700;position:absolute;top:12px;left:12px}.shop-product-badge.new{color:#000;background-color:#ffffffe6;box-shadow:0 4px 12px #0000001a}.shop-product-badge.sale{color:#fff;background-color:#dc2626e6;box-shadow:0 4px 12px #dc26264d}.shop-product-badge.out-of-stock{-webkit-backdrop-filter:blur(8px);color:#fff;letter-spacing:.1em;text-transform:uppercase;z-index:2;white-space:normal;text-align:center;background:#dc2626e6;border:1px solid #fff3;border-radius:30px;width:90%;max-width:fit-content;padding:8px 20px;font-size:.8rem;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 20px #dc26264d}.wishlist-btn{-webkit-backdrop-filter:blur(8px);color:#1a1a1a;z-index:3;opacity:1;background-color:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:12px;right:12px;transform:translate(0)rotate(0);box-shadow:0 4px 12px #00000014}.wishlist-btn:hover{color:#ff3b30;background-color:#fff;transform:scale(1.1)!important}.shop-quick-actions{z-index:3;opacity:0;gap:8px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;bottom:16px;left:16px;right:16px;transform:translateY(15px)}.shop-product-card:hover .shop-quick-actions{opacity:1;transform:translateY(0)}.quick-action-btn{-webkit-backdrop-filter:blur(12px);color:#1a1a1a;border-radius:var(--radius-full);background-color:#ffffffe6;border:1px solid #ffffff80;justify-content:center;align-items:center;height:44px;font-size:.9rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 8px 24px #0000001f}[data-theme=dark] .quick-action-btn{color:#fff;background-color:#1e1e1ed9;border-color:#ffffff1a}.quick-action-btn:not(.primary-action){flex-shrink:0;width:44px}.quick-action-btn.primary-action{flex:1;gap:8px}.quick-action-btn:hover{color:#fff;background-color:#1a1a1a;transform:translateY(-2px);box-shadow:0 12px 28px #0003}[data-theme=dark] .quick-action-btn:hover{color:#1a1a1a;background-color:#fff}.quick-action-btn:hover svg{stroke:currentColor}.quick-action-btn.out-of-stock-btn{-webkit-backdrop-filter:blur(16px);color:var(--error);cursor:not-allowed;background-color:#dc262626;border:1px solid #dc26264d}.quick-action-btn.out-of-stock-btn:hover{color:var(--error);box-shadow:none;background-color:#dc262626;transform:none}.shop-product-info{flex-direction:column;gap:6px;padding:0 8px;display:flex}.shop-product-category{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;opacity:.8;font-size:.75rem;font-weight:600}.shop-product-name{color:var(--text-primary);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:600;overflow:hidden}.shop-product-pricing{align-items:center;gap:10px;margin-top:2px;display:flex}.shop-product-price{color:var(--text-primary);font-size:1.15rem;font-weight:700}.shop-product-original-price{color:var(--text-secondary);opacity:.7;font-size:.95rem;text-decoration:line-through}@media (width<=1200px){.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=768px){.shop-product-grid{gap:var(--spacing-lg) var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr))}.wishlist-btn{opacity:1;transform:none}.shop-quick-actions{opacity:1;bottom:8px;left:8px;right:8px;transform:none}.quick-action-btn{height:36px}.quick-action-btn.primary-action span,.quick-action-btn:not(.primary-action){display:none}}@media (width<=480px){.shop-product-grid{gap:var(--spacing-md) var(--spacing-sm);grid-template-columns:repeat(2,minmax(0,1fr))}.shop-product-card{border-radius:var(--radius-md);padding:8px}.shop-product-image-container{border-radius:calc(var(--radius-md) - 2px)}.shop-product-name{font-size:.95rem}.shop-product-category{font-size:.7rem}.shop-product-price{font-size:1rem}.shop-product-original-price{font-size:.8rem}.shop-product-badge.out-of-stock{letter-spacing:.05em;width:95%;padding:4px 8px;font-size:.65rem}}.shop-grid-loading{gap:var(--spacing-xl) var(--spacing-lg);grid-template-columns:repeat(3,1fr);display:grid}.shop-product-skeleton{flex-direction:column;gap:16px;padding:12px;display:flex}.skeleton-image{aspect-ratio:4/5;border-radius:calc(var(--radius-lg) - 4px);background-color:var(--bg-secondary)}.skeleton-info{flex-direction:column;gap:8px;padding:0 8px;display:flex}.skeleton-line{background-color:var(--bg-secondary);border-radius:4px;height:14px}.skeleton-line.short{width:40%}.skeleton-line.medium{width:60%}.shimmer{background:linear-gradient(90deg, var(--bg-secondary) 25%, var(--border) 50%, var(--bg-secondary) 75%);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1200px){.shop-grid-loading{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.shop-grid-loading{gap:var(--spacing-md) var(--spacing-sm);grid-template-columns:repeat(2,1fr)}}.shop-empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--spacing-md);flex-direction:column;min-height:300px;display:flex}.shop-empty-state h3{color:var(--text-primary);margin:0;font-size:1.4rem}.shop-empty-state p{max-width:300px;margin:0;font-size:1rem}.pagination-container{justify-content:center;align-items:center;gap:8px;margin-top:40px;margin-bottom:20px;display:flex}.pagination-btn,.pagination-page-btn{cursor:pointer;color:#374151;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-weight:500;transition:all .2s;display:flex}.pagination-btn:hover:not(:disabled),.pagination-page-btn:hover:not(.active){background-color:#f3f4f6;border-color:#d1d5db}.pagination-page-btn.active{background-color:var(--primary-color,#111827);color:#fff;border-color:var(--primary-color,#111827)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed;background-color:#f9fafb}.pagination-ellipsis{color:#6b7280;padding:0 4px}.shop-page{padding-top:100px;padding-bottom:var(--spacing-3xl);min-height:80vh}.shop-header{margin-bottom:var(--spacing-xl)}.shop-title{letter-spacing:-.03em;margin-top:var(--spacing-sm);background:linear-gradient(135deg, var(--text-primary) 30%, var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:3rem}.shop-toolbar{padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.category-bar{z-index:49;-webkit-backdrop-filter:blur(12px);margin-bottom:var(--spacing-xl);background:#faf8f5f2;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:16px calc(50vw - 50%) 12px;position:sticky;top:53px}[data-theme=dark] .category-bar{background:#000000f2}.category-scroll{gap:var(--spacing-sm);-ms-overflow-style:none;scrollbar-width:none;padding-bottom:4px;display:flex;overflow-x:auto}.category-scroll::-webkit-scrollbar{display:none}.category-pill{color:#000;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#fff;border:none;border-radius:24px;padding:8px 20px;font-size:.95rem;font-weight:500;box-shadow:0 2px 8px #0000000d}.category-pill:hover{background:#f0f0f0}.category-pill.active{color:#fff;background:#000}[data-theme=dark] .category-pill{color:#fff;box-shadow:none;background:#111;border:1px solid #ffffff1a}[data-theme=dark] .category-pill:hover{background:#222}[data-theme=dark] .category-pill.active{color:#000;background:#fff}.mobile-filters-btn{color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;gap:8px;padding:8px 16px;font-size:1rem;font-weight:500;display:none;position:relative}.filter-badge{background-color:var(--text-primary);width:20px;height:20px;color:var(--bg-primary);border-radius:50%;justify-content:center;align-items:center;margin-left:4px;font-size:.7rem;font-weight:700;display:inline-flex}.shop-results-count{color:var(--text-secondary);font-size:.95rem}.shop-sort{align-items:center;gap:12px;display:flex}.sort-label{color:var(--text-secondary);font-size:.95rem}.sort-select{appearance:none;color:var(--text-primary);cursor:pointer;background-color:#0000;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231d1d1f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:100%;background-repeat:no-repeat;background-size:10px;border:none;outline:none;padding-right:20px;font-family:inherit;font-size:1rem;font-weight:500}[data-theme=dark] .sort-select{background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23f5f5f7%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E)}.active-filters-bar{align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);flex-wrap:wrap;animation:.3s fadeSlideIn;display:flex}.active-filter-tag{border-radius:var(--radius-full);background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;animation:.25s tagPop;display:inline-flex}.active-filter-tag button{width:18px;height:18px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;line-height:1;display:inline-flex}.active-filter-tag button:hover{background-color:var(--text-primary);color:var(--bg-primary)}.clear-all-btn{color:var(--text-secondary);text-underline-offset:3px;transition:color var(--transition-fast);margin-left:auto;font-size:.85rem;text-decoration:underline}.clear-all-btn:hover{color:var(--text-primary)}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes tagPop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.shop-layout{gap:var(--spacing-3xl);align-items:flex-start;display:flex}.shop-sidebar{max-height:calc(100vh - 120px);padding-right:var(--spacing-sm);flex:0 0 250px;position:sticky;top:100px;overflow-y:auto}.shop-sidebar::-webkit-scrollbar{width:4px}.shop-sidebar::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:var(--radius-full)}.shop-main-content{flex:1}.mobile-filter-overlay{z-index:1000;opacity:0;pointer-events:none;width:100%;height:100vh;transition:opacity var(--transition-normal);background-color:#00000080;display:block;position:fixed;top:0;left:0}.mobile-filter-overlay.open{opacity:1;pointer-events:auto}.mobile-filter-drawer{-webkit-backdrop-filter:blur(24px)saturate(180%);width:85%;max-width:400px;height:100%;transition:right var(--transition-normal);background:#ffffffbf;border-left:1px solid #ffffff4d;flex-direction:column;display:flex;position:absolute;top:0;right:-100%;box-shadow:-4px 0 24px #0000001a}[data-theme=dark] .mobile-filter-drawer{background:#0f0f0fa6;border-left:1px solid #ffffff1a}.drawer-sort-select{-webkit-backdrop-filter:blur(12px)saturate(150%);width:100%;color:var(--text-primary);appearance:none;background:#ffffff80 url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231d1d1f%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E) right 12px center/10px no-repeat;border:1px solid #0000001a;border-radius:8px;outline:none;margin-bottom:24px;padding:12px;font-size:1rem}[data-theme=dark] .drawer-sort-select{background:#ffffff0d url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23f5f5f7%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);border:1px solid #ffffff1a}.mobile-filter-overlay.open .mobile-filter-drawer{right:0}.drawer-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.drawer-header h3{margin:0;font-size:1.5rem}.close-drawer-btn{color:var(--text-secondary);font-size:2rem;line-height:1}.drawer-content{padding:var(--spacing-xl);flex:1;overflow-y:auto}.drawer-footer{padding:var(--spacing-xl);border-top:1px solid var(--border)}.full-width{width:100%}@media (width<=992px){.mobile-filter-drawer{width:85%;max-width:350px}.limit-label,.limit-select,.desktop-only{display:none!important}.shop-toolbar{-webkit-backdrop-filter:blur(24px)saturate(180%);margin-bottom:var(--spacing-lg);z-index:50;background:#f0f0f0d9;border:1px solid #fff9;border-top-color:#ffffffe6;border-radius:32px;justify-content:space-between;align-items:center;padding:8px 12px;display:flex;position:sticky;top:76px;box-shadow:0 8px 32px #0000001a}[data-theme=dark] .shop-toolbar{background:#0f0f0fbf;border:1px solid #ffffff26;border-top-color:#ffffff40;box-shadow:0 8px 32px #0006}.advance-filters-btn,.sort-select{align-items:center;gap:4px;height:32px;margin:0;padding:6px 14px;font-size:.85rem;font-weight:500;display:flex;color:#000!important;background:#fff!important;border:none!important;border-radius:24px!important;box-shadow:0 2px 8px #0000000d!important}[data-theme=dark] .advance-filters-btn,[data-theme=dark] .sort-select{color:#fff!important;background:#111!important;border:1px solid #ffffff1a!important}.sort-select{appearance:none}.custom-sort-container{position:relative}.custom-sort-btn{cursor:pointer;-webkit-user-select:none;user-select:none}.sort-overlay{z-index:100;position:fixed;inset:0}.sort-options-glass{-webkit-backdrop-filter:blur(24px)saturate(180%);z-index:101;background:#ffffffd9;border:1px solid #fff6;border-radius:16px;flex-direction:column;gap:4px;width:200px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0003}[data-theme=dark] .sort-options-glass{background:#0f0f0fd9;border:1px solid #ffffff26}.sort-option{color:var(--text-primary);cursor:pointer;border-radius:12px;padding:10px 16px;font-size:.95rem;transition:background .2s}.sort-option:hover,.sort-option:active{background:#ffffff1a}.sort-option.active{background:var(--text-primary);color:var(--bg-primary)}[data-theme=dark] .sort-option:hover,[data-theme=dark] .sort-option:active{background:#ffffff0d}.sort-label{display:none}.shop-page{padding-top:84px}.shop-header{background:#ebebeb;flex-direction:column;gap:4px;margin:0 -16px;padding:16px 16px 0;display:flex}[data-theme=dark] .shop-header{background:#191919}.breadcrumbs{display:none!important}.shop-title{background:linear-gradient(to right, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-top:0;font-size:2.2rem}.category-bar{z-index:49;margin:0 -16px var(--spacing-lg) -16px;-webkit-backdrop-filter:none;box-shadow:none;background:#ebebeb;border:none;padding:8px 16px 12px;position:sticky;top:84px}[data-theme=dark] .category-bar{box-shadow:none;background:#191919;border:none}.mobile-filters-btn{display:flex}.mobile-filter-overlay{display:block}.shop-results-count{display:none}}@media (width<=600px){.shop-toolbar{flex-direction:row;align-items:center}.shop-sort{justify-content:flex-end}.active-filters-bar{gap:var(--spacing-xs)}}.mobile-filter-icon{display:none}.desktop-filter-text{display:inline}@media (width<=768px){.mobile-filter-icon{display:inline-block}.desktop-filter-text{display:none}}.product-gallery{gap:var(--spacing-md);flex-direction:column;display:flex;position:sticky;top:100px}.main-image-container{aspect-ratio:4/5;border-radius:var(--radius-lg);background-color:var(--bg-secondary);cursor:zoom-in;width:100%;position:relative;overflow:hidden}.main-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.main-image-container:hover .main-image{transform:scale(1.15)}.thumbnail-list{gap:var(--spacing-sm);padding-bottom:8px;display:flex;overflow-x:auto}.thumbnail-list::-webkit-scrollbar{display:none}.thumbnail-list{-ms-overflow-style:none;scrollbar-width:none}.thumbnail-btn{flex:0 0 calc(20% - var(--spacing-sm));aspect-ratio:1;border-radius:var(--radius-sm);transition:all var(--transition-fast);opacity:.6;border:2px solid #0000;padding:0;overflow:hidden}.thumbnail-btn.active{border-color:var(--text-primary);opacity:1}.thumbnail-btn:hover{opacity:1}.thumbnail-image{object-fit:cover;width:100%;height:100%}.gallery-wishlist-btn{top:var(--spacing-md);right:var(--spacing-md);background-color:var(--bg-primary);width:44px;height:44px;color:var(--text-primary);z-index:10;box-shadow:var(--shadow-sm);cursor:pointer;transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.gallery-wishlist-btn:hover{color:var(--accent);transform:scale(1.05)}.gallery-arrow{background-color:var(--bg-primary);width:48px;height:48px;color:var(--text-primary);z-index:10;box-shadow:var(--shadow-sm);opacity:0;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.main-image-container:hover .gallery-arrow{opacity:1}.gallery-arrow:hover{background-color:var(--text-primary);color:var(--bg-primary)}.gallery-arrow.left{left:var(--spacing-md)}.gallery-arrow.right{right:var(--spacing-md)}@media (width<=992px){.product-gallery{position:static}}@media (width<=768px){.product-gallery{gap:var(--spacing-sm)}.main-image-container{aspect-ratio:3/4;border-radius:var(--radius-md)}.main-image-container:hover .main-image{transform:none}.gallery-arrow{opacity:1;width:36px;height:36px}.gallery-arrow.left{left:var(--spacing-sm)}.gallery-arrow.right{right:var(--spacing-sm)}.gallery-wishlist-btn{width:40px;height:40px}.thumbnail-btn{flex:0 0 calc(25% - var(--spacing-sm))}}@media (width<=480px){.main-image-container{border-radius:var(--radius-sm)}.gallery-arrow{width:32px;height:32px}.thumbnail-btn{border-radius:6px;flex:0 0 calc(25% - 4px)}}@media (width>=993px){.product-gallery{gap:var(--spacing-lg);flex-direction:row-reverse}.main-image-container{flex:1}.thumbnail-list{flex-direction:column;flex-shrink:0;width:80px}.thumbnail-btn{flex:0 0 80px}}.product-info-container{flex-direction:column;display:flex}.product-category-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-size:.85rem}.product-title-large{letter-spacing:-.02em;margin-bottom:var(--spacing-sm);font-size:2.5rem;line-height:1.1}.product-reviews-summary{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.stars{color:var(--text-primary);align-items:center;gap:2px;display:flex;transform:translateY(6.5px)}.review-count{color:var(--text-secondary);font-size:.9rem;line-height:normal}.product-price-section{align-items:flex-end;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);display:flex}.current-price{font-size:1.5rem;font-weight:600}.original-price{color:var(--text-secondary);margin-bottom:2px;font-size:1.1rem;text-decoration:line-through}.short-description{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:1.1rem;line-height:1.6}.selectors-container{gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.selector-header{align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);display:flex}.selector-label{font-size:.95rem;font-weight:600}.selected-value{color:var(--text-secondary);font-size:.95rem}.size-guide-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:1px solid #0000;align-items:center;gap:6px;margin-left:auto;padding:4px 8px;font-size:.85rem;font-weight:500;display:flex}.size-guide-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--border)}.color-swatches{gap:var(--spacing-md);display:flex}.color-swatch{border:2px solid var(--border);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);border-radius:50%;padding:0}.color-swatch.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--text-primary);transform:scale(1.1)}.size-pills{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.size-pill{border:1px solid var(--border);background:var(--bg-primary);border-radius:var(--radius-sm);min-width:60px;height:44px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);padding:0 16px;font-weight:500}.size-pill:hover:not(:disabled){border-color:var(--text-secondary)}.size-pill.active{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.size-pill.out-of-stock{opacity:.5;cursor:not-allowed;background-color:var(--bg-secondary);text-decoration:line-through}.quantity-selector{border:1px solid var(--border);border-radius:var(--radius-full);align-items:center;width:120px;height:44px;display:flex}.qty-btn{color:var(--text-primary);flex:1;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.qty-btn:hover{background-color:var(--bg-secondary)}.qty-value{text-align:center;flex:1;font-weight:500}.stock-status{margin-bottom:var(--spacing-xl);align-items:center;gap:8px;font-size:.9rem;display:flex}.status-dot{border-radius:50%;width:8px;height:8px}.in-stock .status-dot{background-color:#34c759}.product-actions{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);flex-direction:column;display:flex}.add-to-cart-btn-large,.buy-now-btn{width:100%;height:54px;font-size:1.1rem;transition:all .3s!important}.add-to-cart-btn-large{color:#fff!important;background:#2c2c2e!important;border:1px solid #2c2c2e!important;box-shadow:0 4px 14px #2c2c2e33!important}.add-to-cart-btn-large:hover{transform:translateY(-2px);background:#1c1c1e!important;border-color:#1c1c1e!important}.buy-now-btn{color:#2c2c2e!important;background:0 0!important;border:1px solid #2c2c2e!important}.buy-now-btn:hover{transform:translateY(-2px);background:#2c2c2e0d!important}.secondary-actions{gap:var(--spacing-lg);padding:var(--spacing-sm) 0;border-top:1px solid var(--border);margin-top:var(--spacing-lg);color:var(--text-secondary);font-size:.9rem;display:flex}.sec-action-btn{color:var(--text-primary);opacity:.8;transition:opacity var(--transition-fast);align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:flex}.sec-action-btn:hover{opacity:1}@media (width<=992px){.short-description{margin-bottom:var(--spacing-md)}}@media (width<=768px){.product-title-large{margin-bottom:var(--spacing-xs);font-size:1.75rem}.product-category-label{font-size:.8rem}.current-price{font-size:1.3rem}.original-price{font-size:1rem}.short-description{margin-bottom:var(--spacing-md);font-size:.95rem}.selectors-container{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.product-price-section{margin-bottom:var(--spacing-sm)}.add-to-cart-btn-large,.buy-now-btn{height:48px;font-size:1rem}.product-actions{margin-bottom:var(--spacing-md)}.size-pill{min-width:52px;height:40px;padding:0 12px;font-size:.9rem}.quantity-selector{width:110px;height:40px}.color-swatch{width:28px;height:28px}.secondary-actions{margin-top:var(--spacing-md)}}@media (width<=480px){.product-title-large{font-size:1.5rem}.product-reviews-summary{margin-bottom:var(--spacing-md)}.selector-label{font-size:.9rem}.size-guide-link{font-size:.8rem}.add-to-cart-btn-large,.buy-now-btn{height:46px;font-size:.95rem}}@keyframes pulse-dot{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.blink-dot{animation:1.5s ease-in-out infinite pulse-dot}.size-guide-modal-overlay{z-index:1000;background-color:#00000080;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.size-guide-modal-content{background-color:var(--bg-primary);padding:var(--spacing-xl);border-radius:var(--radius-md);max-width:90%;max-height:90vh;position:relative;overflow-y:auto;box-shadow:0 10px 25px #0000001a}.size-guide-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;position:absolute;top:16px;right:16px}.size-guide-close:hover{color:var(--text-primary)}.size-guide-image{width:100%;max-width:500px;height:auto;display:block}.product-tabs-container{margin-top:var(--spacing-3xl);border-top:1px solid var(--border);padding-top:var(--spacing-xl)}.tabs-header{gap:var(--spacing-xl);border-bottom:1px solid var(--border);margin-bottom:var(--spacing-xl);scrollbar-width:none;display:flex;overflow-x:auto}.tabs-header::-webkit-scrollbar{display:none}.tab-btn{padding:var(--spacing-sm) 0 var(--spacing-md) 0;color:var(--text-secondary);white-space:nowrap;font-size:1.1rem;font-weight:500;position:relative}.tab-btn:hover,.tab-btn.active{color:var(--text-primary)}.tab-btn.active:after{content:"";background-color:var(--text-primary);width:100%;height:2px;position:absolute;bottom:-1px;left:0}.tab-content{min-height:200px}.tab-pane{color:var(--text-secondary);line-height:1.7}.tab-pane p{margin-bottom:var(--spacing-md)}.specs-list{gap:var(--spacing-md);grid-template-columns:repeat(2,1fr);padding:0;list-style:none;display:grid}.specs-list li{padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.specs-list strong{color:var(--text-primary);margin-bottom:2px;display:block}.reviews-summary{padding-bottom:var(--spacing-xl);margin-bottom:var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.overall-rating h2{color:var(--text-primary);margin-bottom:4px;font-size:3rem;line-height:1}.overall-rating p{margin-top:4px;margin-bottom:0;font-size:.9rem}.write-review-btn{padding:10px 24px}.review-item{margin-bottom:var(--spacing-2xl)}.review-header{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);display:flex}.review-stars{color:var(--text-primary);letter-spacing:2px}.review-date{font-size:.85rem}.review-title{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.1rem}.review-body{margin-bottom:var(--spacing-sm)!important}.review-author{align-items:center;gap:var(--spacing-sm);font-size:.9rem;display:flex}.author-name{color:var(--text-primary);font-weight:500}.verified-badge{color:#34c759;font-size:.8rem;font-weight:500}.shipping-list{margin-bottom:var(--spacing-md);padding-left:20px}.tab-pane h4{color:var(--text-primary);margin-bottom:var(--spacing-sm);font-size:1.1rem}@media (width<=992px){.product-tabs-container{margin-top:var(--spacing-xl)}}@media (width<=768px){.product-tabs-container{margin-top:var(--spacing-lg);padding-top:var(--spacing-md)}.tabs-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.tab-btn{padding:var(--spacing-xs) 0 var(--spacing-sm) 0;font-size:.9rem}.specs-list{grid-template-columns:1fr}.reviews-summary{align-items:flex-start;gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-direction:column}.overall-rating h2{font-size:2.5rem}.write-review-btn{padding:8px 20px;font-size:.9rem}.review-item{margin-bottom:var(--spacing-xl)}.tab-content{min-height:150px}.tab-pane h4{font-size:1rem}}@media (width<=480px){.tabs-header{gap:var(--spacing-sm)}.tab-btn{font-size:.82rem}.overall-rating h2{font-size:2rem}.review-author{flex-direction:column;align-items:flex-start;gap:2px}}.pdp-page{padding-top:100px;padding-bottom:var(--spacing-3xl)}.pdp-breadcrumbs{margin-bottom:var(--spacing-xl)}.pdp-main{gap:var(--spacing-3xl);margin-bottom:var(--spacing-3xl);grid-template-columns:1fr 1fr;display:grid}.pdp-cross-sell{border-top:1px solid var(--border);padding-top:var(--spacing-2xl);margin-top:var(--spacing-2xl)}.pdp-mobile-sticky-bar{box-sizing:border-box;background-color:var(--bg-primary);border-top:1px solid var(--border);width:100%;padding:var(--spacing-md) var(--spacing-xl);z-index:100;transition:transform var(--transition-normal);justify-content:space-between;align-items:center;display:flex;position:fixed;bottom:0;left:0;transform:translateY(100%);box-shadow:0 -4px 20px #00000014}.pdp-mobile-sticky-bar.visible{transform:translateY(0)}.sticky-bar-info{flex-direction:column;display:flex}.sticky-price{color:var(--text-primary);font-size:1.1rem;font-weight:600}.pdp-mobile-sticky-bar .sticky-add-btn{white-space:nowrap;flex-shrink:1;min-width:0;max-width:65%;padding:10px 20px!important;font-size:.95rem!important}@media (width>=993px){.pdp-mobile-sticky-bar{display:none!important}}@media (width<=992px){.pdp-main{gap:var(--spacing-xl);grid-template-columns:1fr}.pdp-page{padding-top:90px}.pdp-cross-sell{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl)}}@media (width<=768px){.pdp-page{padding-top:75px;padding-bottom:80px}.pdp-main{gap:var(--spacing-lg)}.pdp-breadcrumbs{margin-bottom:var(--spacing-md)}.pdp-mobile-sticky-bar{padding:var(--spacing-sm) var(--spacing-md);gap:12px}.pdp-cross-sell{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}}@media (width<=480px){.pdp-page{padding-top:70px}.pdp-main{gap:var(--spacing-md)}.sticky-price{font-size:1rem}.pdp-mobile-sticky-bar .sticky-add-btn{max-width:60%;padding:10px 16px!important;font-size:.85rem!important}}.cart-page{padding-top:120px;padding-bottom:var(--spacing-3xl);min-height:calc(100vh - 300px)}.cart-title{letter-spacing:-.02em;margin-bottom:var(--spacing-xs);font-size:2.5rem}.cart-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:1.1rem}.cart-subtitle a{color:var(--text-primary);margin-left:4px;text-decoration:underline}.cart-header-actions{margin-bottom:var(--spacing-2xl);justify-content:space-between;align-items:center;display:flex}.continue-shopping-btn{color:var(--text-primary);transition:opacity var(--transition-fast);align-items:center;gap:8px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.continue-shopping-btn:hover{opacity:.7}.cart-layout{gap:var(--spacing-3xl);grid-template-columns:1fr 380px;display:grid}.cart-items-column{gap:var(--spacing-xl);flex-direction:column;display:flex}.cart-item{gap:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border);display:flex}.cart-item-image-container{aspect-ratio:4/5;background-color:var(--bg-secondary);border-radius:var(--radius-md);flex:0 0 160px;overflow:hidden}.cart-item-image{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-normal)}.cart-item-image-container:hover .cart-item-image{transform:scale(1.05)}.cart-item-details{flex-direction:column;flex:1;display:flex}.cart-item-header{margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:flex-start;display:flex}.cart-item-name{color:var(--text-primary);max-width:70%;font-size:1.2rem;font-weight:500;text-decoration:none}.cart-item-name:hover{text-decoration:underline}.cart-item-price-wrap{text-align:right;flex-direction:column;display:flex}.cart-item-price{font-size:1.1rem;font-weight:600}.cart-item-original-price{color:var(--text-secondary);font-size:.9rem;text-decoration:line-through}.cart-item-variants{gap:var(--spacing-md);color:var(--text-secondary);flex-wrap:wrap;margin-bottom:auto;font-size:.95rem;display:flex}.cart-item-actions{margin-top:var(--spacing-lg);justify-content:space-between;align-items:flex-end;display:flex}.cart-qty-controls{border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;width:100px;height:36px;display:flex}.cart-qty-controls .qty-btn{color:var(--text-primary);flex:1;justify-content:center;align-items:center;font-size:1rem;display:flex}.cart-qty-controls .qty-btn:hover{background-color:var(--bg-secondary)}.cart-qty-controls .qty-value{text-align:center;flex:1;font-size:.9rem;font-weight:500}.cart-item-links{gap:var(--spacing-md);display:flex}.action-link{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;font-size:.9rem;display:flex}.action-link:hover{color:var(--text-primary)}.action-link.remove:hover{color:#ff3b30}.order-summary-card{background-color:var(--bg-secondary);padding:var(--spacing-xl);border-radius:var(--radius-lg);position:sticky;top:100px}.summary-title{margin-bottom:var(--spacing-lg);font-size:1.5rem;font-weight:600}.summary-row{margin-bottom:var(--spacing-sm);color:var(--text-secondary);justify-content:space-between;font-size:1rem;display:flex}.summary-row.total-row{color:var(--text-primary);margin-bottom:var(--spacing-xl);font-size:1.3rem;font-weight:600}.summary-divider{background-color:var(--border);height:1px;margin:var(--spacing-md) 0}.promo-code-section{gap:var(--spacing-sm);margin-bottom:var(--spacing-xl);display:flex}@media (width<=768px){.promo-code-section{flex-direction:column}.promo-btn{align-self:flex-start;padding:10px 24px}}.promo-input{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:0;color:var(--text-primary);transition:border-color var(--transition-fast);background-color:#0000;outline:none;flex:1;padding:10px 14px}.promo-input:focus{border-color:var(--text-primary)}.promo-btn{border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background-color:#0000;flex-shrink:0;padding:0 16px;font-weight:500}.promo-btn:hover{border-color:var(--text-primary);background-color:var(--text-primary);color:var(--bg-primary)}.checkout-btn{width:100%;height:54px;margin-bottom:var(--spacing-md);font-size:1.1rem}.secure-checkout{text-align:center;color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;font-size:.8rem;display:flex}@media (width<=992px){.cart-layout{gap:var(--spacing-2xl);grid-template-columns:1fr}.order-summary-card{position:static}}@media (width<=768px){.cart-header-actions{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.cart-title{font-size:2rem}.cart-item{gap:var(--spacing-md)}.cart-item-image-container{flex:0 0 100px}.cart-item-header{flex-direction:column}.cart-item-price-wrap{text-align:left;margin-top:4px}.cart-item-actions{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.cart-item-links{justify-content:flex-start;width:100%}}.checkout-page{background-color:var(--bg-primary);min-height:100vh}.checkout-container{min-height:100vh;display:flex}.checkout-main{background-color:var(--bg-primary);flex:1;padding:4% 8% 4% 15%}.checkout-header{margin-bottom:var(--spacing-2xl)}.checkout-logo{letter-spacing:-.05em;color:var(--text-primary);margin-bottom:var(--spacing-md);font-size:2rem;font-weight:700;text-decoration:none;display:block}.checkout-breadcrumbs{flex-wrap:wrap;align-items:center;gap:8px;font-size:.9rem;display:flex}.breadcrumb-link{color:var(--accent);text-decoration:none}.breadcrumb-icon,.breadcrumb-step{color:var(--text-secondary)}.breadcrumb-step.active{color:var(--text-primary);font-weight:500}.checkout-section{margin-bottom:var(--spacing-2xl)}.checkout-section h2{margin-bottom:var(--spacing-md);font-size:1.25rem;font-weight:500}.section-header-flex{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:baseline;display:flex}.section-header-flex h2{margin-bottom:0}.section-header-flex span{color:var(--text-secondary);font-size:.9rem}.section-header-flex a{color:var(--accent);text-decoration:none}.checkout-input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);margin-bottom:var(--spacing-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);background-color:#0000;outline:none;padding:14px;font-family:inherit;font-size:.95rem}.checkout-input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}select.checkout-input{appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right .7em top 50%,0 0;background-repeat:no-repeat,repeat;background-size:.65em,100%}.input-row{gap:var(--spacing-md);display:flex}.checkbox-label{cursor:pointer;align-items:center;gap:10px;font-size:.95rem;display:flex}.mt-sm{margin-top:-8px}.promo-code-section{gap:var(--spacing-sm);align-items:stretch;display:flex}@media (width<=768px){.promo-code-section{flex-direction:column}.promo-code-section .btn-secondary{align-self:flex-start;padding:12px 24px!important}}.promo-code-section .checkout-input{flex:1;min-width:0;margin-bottom:0}.promo-code-section .btn-secondary{white-space:nowrap;flex-shrink:0}.checkout-actions{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-3xl);justify-content:space-between;align-items:center;display:flex}.return-link{color:var(--accent);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:.95rem;text-decoration:none;display:flex}.return-link:hover{text-decoration:underline}.checkout-next-btn{padding:18px 32px;font-size:1rem}.info-review-box{border:1px solid var(--border);border-radius:var(--radius-md);padding:0 var(--spacing-md);margin-bottom:var(--spacing-2xl)}.review-row{padding:var(--spacing-md) 0;align-items:flex-start;font-size:.95rem;display:flex}.review-label{color:var(--text-secondary);flex-shrink:0;width:80px}.review-value{padding-right:var(--spacing-md);flex:1}.review-change{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.85rem}.review-divider{background-color:var(--border);height:1px}.shipping-methods{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.shipping-method-card{padding:var(--spacing-md);cursor:pointer;border-bottom:1px solid var(--border);background-color:#0000;justify-content:space-between;align-items:center;display:flex}.shipping-method-card:last-child{border-bottom:none}.shipping-method-card.active{background-color:var(--bg-secondary)}.method-info{align-items:center;gap:var(--spacing-md);display:flex}.method-name{font-size:.95rem}.method-price{font-size:.95rem;font-weight:500}.secure-payment-note{color:var(--text-secondary);margin-bottom:var(--spacing-md);align-items:center;gap:8px;font-size:.9rem;display:flex}.payment-accordion{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.payment-method{border-bottom:1px solid var(--border)}.payment-method:last-child{border-bottom:none}.payment-header{padding:var(--spacing-md);cursor:pointer;background-color:#0000;justify-content:space-between;align-items:center;display:flex}.payment-method.active .payment-header{background-color:var(--bg-secondary)}.payment-body{padding:var(--spacing-md);background-color:var(--bg-secondary);border-top:1px solid var(--border)}.card-input-container{flex-direction:column;display:flex}.checkout-footer-links{gap:var(--spacing-lg);border-top:1px solid var(--border);padding-top:var(--spacing-xl);margin-top:var(--spacing-2xl);flex-wrap:wrap;display:flex}.checkout-footer-links a{color:var(--text-secondary);font-size:.85rem;text-decoration:none}.checkout-footer-links a:hover{color:var(--text-primary)}.checkout-sidebar{background-color:var(--bg-secondary);border-left:1px solid var(--border);flex:0 0 45%;padding:4% 15% 4% 4%}.checkout-items{gap:var(--spacing-md);flex-direction:column;display:flex}.checkout-item{align-items:center;gap:var(--spacing-md);display:flex}.checkout-item-image{border-radius:var(--radius-sm);background-color:var(--bg-primary);border:1px solid var(--border);width:64px;height:64px;position:relative}.checkout-item-image img{object-fit:cover;border-radius:var(--radius-sm);width:100%;height:100%}.item-badge{color:#fff;background-color:#646464e6;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.75rem;font-weight:500;display:flex;position:absolute;top:-8px;right:-8px}.checkout-item-info{flex-direction:column;flex:1;display:flex}.item-name{font-size:.95rem;font-weight:500}.item-variant{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.item-price{font-size:.95rem;font-weight:500}.checkout-totals{gap:var(--spacing-sm);color:var(--text-secondary);flex-direction:column;font-size:.95rem;display:flex}.total-row{justify-content:space-between;display:flex}.total-divider{background-color:var(--border);height:1px;margin:var(--spacing-md) 0}.final-total{color:var(--text-primary);align-items:center;font-size:1.5rem;font-weight:600}.currency-label{color:var(--text-secondary);margin-right:8px;font-size:.85rem;font-weight:400}@media (width<=992px){.checkout-container{flex-direction:column-reverse}.checkout-main{padding:var(--spacing-2xl) var(--spacing-xl)}.checkout-sidebar{padding:var(--spacing-2xl) var(--spacing-xl);border-left:none;border-bottom:1px solid var(--border)}}@media (width<=768px){.input-row{flex-direction:column;gap:0}.checkout-actions{align-items:center;gap:var(--spacing-lg);flex-direction:column-reverse;width:100%}.checkout-next-btn{align-self:center;width:100%;padding:16px;font-size:1.05rem}}.credit-card-wrapper{gap:var(--spacing-xl);padding:var(--spacing-md) 0;flex-direction:column;display:flex}.visual-card-container{perspective:1000px;width:100%;max-width:380px;height:240px;margin:0 auto}.visual-card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .8s cubic-bezier(.175,.885,.32,1.275);position:relative}.visual-card-container.flipped .visual-card{transform:rotateY(180deg)}.visual-card-front,.visual-card-back{backface-visibility:hidden;color:#e2e8f0;background:radial-gradient(circle at 80% 20%,#334155,#0000 50%),linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#020617 100%);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:24px;display:flex;position:absolute;overflow:hidden;box-shadow:0 15px 35px #0006,inset 0 1px #ffffff1a}.visual-card-front:after{content:"";pointer-events:none;background:linear-gradient(#ffffff0d 0%,#fff0 100%);position:absolute;inset:-50%;transform:rotate(30deg)}.visual-card-back{padding:0;transform:rotateY(180deg)}.card-chip-container{justify-content:space-between;align-items:center;display:flex}.card-chip{background:linear-gradient(135deg,#eab308 0%,#ca8a04 100%);border-radius:6px;width:45px;height:35px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #00000080,0 1px 2px #ffffff1a}.card-chip:after{content:"";background:#0003;height:1px;position:absolute;top:50%;left:0;right:0}.card-chip:before{content:"";background:#0003;width:1px;position:absolute;top:0;bottom:0;left:50%}.contactless-icon{color:#ffffffb3;width:24px;height:24px}.card-number{letter-spacing:1px;color:#e2e8f0;text-shadow:1px 1px 2px #000c,-1px -1px 1px #fff3;white-space:nowrap;min-height:2rem;margin:16px 0;font-family:Courier New,Courier,monospace;font-size:1.25rem}.card-details-row{justify-content:space-between;align-items:flex-end;display:flex}.card-holder,.card-expiry{flex-direction:column;display:flex}.card-label{opacity:.7;letter-spacing:1px;margin-bottom:4px;font-size:.65rem}.card-value{text-transform:uppercase;letter-spacing:1px;color:#e2e8f0;text-shadow:1px 1px 1px #0009,-1px -1px 1px #ffffff26;min-height:1.2rem;font-family:Courier New,Courier,monospace;font-size:.95rem;font-weight:600}.card-logo{letter-spacing:1px;font-size:1.5rem;font-style:italic;font-weight:800}.card-stripe{background-color:#000;width:100%;height:48px;margin-top:24px}.card-cvc-box{color:#333;background-color:#fff;border-radius:4px;justify-content:flex-end;align-items:center;height:40px;margin:16px 24px;padding:0 16px;display:flex}.card-cvc-label{margin-right:8px;font-size:.7rem;font-weight:600}.card-cvc{font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:700}.relative-container{position:relative}.payment-processing-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;border-radius:var(--radius-lg);background:#fffffff2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}[data-theme=dark] .payment-processing-overlay{background:#0f172af2}.processing-content,.success-content{text-align:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);flex-direction:column;display:flex}.processing-content h3,.success-content h3{margin-bottom:0;font-size:1.75rem}.processing-content p,.success-content p{color:var(--text-secondary)}.payment-spinner{border:4px solid var(--border);border-top-color:var(--accent);width:60px;height:60px;margin-bottom:var(--spacing-sm);border-radius:50%;animation:1s linear infinite spin}.success-icon{margin-bottom:var(--spacing-sm);color:#10b981}@keyframes spin{to{transform:rotate(360deg)}}.confirmation-page{padding-top:120px;padding-bottom:var(--spacing-3xl);justify-content:center;min-height:calc(100vh - 300px);display:flex}.confirmation-container{width:100%;max-width:600px;padding:0 var(--spacing-xl)}.success-header{text-align:center;margin-bottom:var(--spacing-2xl)}.check-icon-wrapper{background-color:var(--text-primary);width:80px;height:80px;color:var(--bg-primary);margin:0 auto var(--spacing-lg) auto;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 10px 25px #0000001a}.order-number{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem}.thank-you-title{letter-spacing:-.02em;margin-top:4px;font-size:2.5rem}.status-card{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.status-card h2{margin-bottom:var(--spacing-sm);font-size:1.25rem}.status-card p{color:var(--text-secondary);margin-bottom:var(--spacing-xl);line-height:1.6}.status-timeline{justify-content:space-between;align-items:center;display:flex}.timeline-step{color:var(--text-secondary);flex-direction:column;align-items:center;gap:8px;font-size:.85rem;display:flex}.step-icon{background-color:var(--bg-secondary);border:1px solid var(--border);width:32px;height:32px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.timeline-step.active .step-icon{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.timeline-line{background-color:var(--border);height:2px;margin:0 var(--spacing-sm);flex:1;margin-bottom:24px}.info-grid{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 1fr;display:grid}.info-block{border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.info-block h3{margin-bottom:var(--spacing-sm);align-items:center;gap:8px;font-size:1rem;display:flex}.info-block p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.confirmation-actions{gap:var(--spacing-lg);margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-xl);display:flex}.continue-btn,.track-btn{flex:1;justify-content:center;align-items:center;padding:16px 24px;font-size:1.1rem;text-decoration:none;display:flex}.support-link{text-align:center;color:var(--text-secondary);font-size:.95rem}.support-link a{color:var(--text-primary)}.scale-in{animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.fade-in-up{opacity:0;animation:.5s forwards fadeInUp}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}.delay-4{animation-delay:.8s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.info-grid{grid-template-columns:1fr}.confirmation-actions{flex-direction:column}}.track-page{background-color:var(--bg-primary);min-height:calc(100vh - 200px);padding:80px 0}.track-header{text-align:center;max-width:600px;margin:0 auto 48px}.track-header h1{color:var(--text-primary);margin-bottom:16px;font-size:2.5rem}.track-header p{color:var(--text-secondary);font-size:1.1rem}.track-form-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);max-width:500px;margin:0 auto;padding:40px;box-shadow:0 8px 30px #0000000a}.track-form{flex-direction:column;gap:24px;display:flex}.track-error{color:#ef4444;border-radius:var(--radius-sm);background-color:#fee2e2;align-items:center;gap:8px;padding:12px 16px;font-size:.9rem;display:flex}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-secondary);position:absolute;left:14px}.track-form input{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);background-color:var(--bg-secondary);transition:all var(--transition-fast);padding:12px 16px;font-size:1rem}.input-wrapper input{padding-left:44px}.track-form input:focus{border-color:var(--text-primary);background-color:var(--bg-primary);outline:none}.track-submit-btn{justify-content:center;align-items:center;gap:8px;margin-top:8px;padding:14px;font-size:1rem;display:flex}.track-results{max-width:800px;margin:0 auto}.back-to-search{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;margin-bottom:24px;padding:0;font-size:.95rem;display:inline-block}.back-to-search:hover{color:var(--text-primary);text-decoration:underline}.order-status-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);margin-bottom:32px;padding:32px;box-shadow:0 8px 30px #0000000a}.order-status-header{justify-content:space-between;align-items:flex-start;margin-bottom:48px;display:flex}.status-header-left h2{margin:0 0 8px;font-size:1.5rem}.status-badge{letter-spacing:.5px;border-radius:20px;padding:6px 14px;font-size:.85rem;font-weight:600}.status-badge.pending{color:#856404;background:#fff3cd}.status-badge.processing{color:#004085;background:#cce5ff}.status-badge.shipped,.status-badge.delivered{color:#155724;background:#d4edda}.tracking-timeline{justify-content:space-between;margin-top:20px;padding:0 20px;display:flex;position:relative}.timeline-progress-bg{background-color:var(--border);z-index:1;height:4px;position:absolute;top:24px;left:40px;right:40px}.timeline-progress-fill{background-color:var(--text-primary);z-index:2;height:4px;transition:width .5s;position:absolute;top:24px;left:40px}.timeline-step{z-index:3;flex-direction:column;flex:1;align-items:center;gap:12px;display:flex;position:relative}.step-icon{background-color:var(--bg-primary);border:4px solid var(--border);width:52px;height:52px;color:var(--text-secondary);transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.step-label{color:var(--text-secondary);font-size:.9rem;font-weight:500}.timeline-step.completed .step-icon{background-color:var(--text-primary);border-color:var(--text-primary);color:var(--bg-primary)}.timeline-step.active .step-icon{border-color:var(--text-primary);color:var(--text-primary)}.timeline-step.completed .step-label,.timeline-step.active .step-label{color:var(--text-primary)}.order-details-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.details-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px}.details-card h3{border-bottom:1px solid var(--border);margin:0 0 24px;padding-bottom:16px;font-size:1.1rem}.track-items-list{flex-direction:column;gap:20px;display:flex}.track-item{align-items:center;gap:16px;display:flex}.track-item-img{object-fit:cover;border-radius:var(--radius-sm);background:var(--bg-secondary);width:80px;height:80px}.track-item-info{flex-direction:column;flex:1;gap:4px;display:flex}.track-item-name{color:var(--text-primary);font-weight:500}.track-item-meta{color:var(--text-secondary);font-size:.85rem}.track-item-price{font-weight:500}.summary-info-card{flex-direction:column;display:flex}.address-display{color:var(--text-secondary);flex-direction:column;gap:4px;font-size:.95rem;display:flex}.address-display strong{color:var(--text-primary);margin-bottom:4px}.contact-phone{border-top:1px dashed var(--border);margin-top:8px;padding-top:8px}.divider{background-color:var(--border);height:1px;margin:24px 0}.summary-row{justify-content:space-between;margin-bottom:12px;font-size:.95rem;display:flex}@media (width<=768px){.order-details-grid{grid-template-columns:1fr}.timeline-progress-bg,.timeline-progress-fill{left:20px;right:20px}.step-label{font-size:.75rem}.step-icon{width:40px;height:40px}}.contact-page{padding-top:120px;padding-bottom:var(--spacing-3xl);min-height:80vh}.contact-header{max-width:700px;margin:0 auto var(--spacing-3xl)}.contact-title{letter-spacing:-.03em;margin-bottom:var(--spacing-md);background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,4vw,3.5rem)}.contact-subtitle{color:var(--text-secondary);font-size:1.1rem;line-height:1.6}.contact-grid{gap:var(--spacing-3xl);grid-template-columns:1fr 1fr;align-items:flex-start;display:grid}.contact-info-column{gap:var(--spacing-2xl);flex-direction:column;display:flex}.info-cards{gap:var(--spacing-lg);display:grid}.info-card{gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-md);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-fast);background:#ffffff08;display:flex}[data-theme=light] .info-card{background:var(--bg-secondary)}.info-card:hover{border-color:#0000001a;transform:translateY(-5px);box-shadow:0 12px 30px #00000014}[data-theme=dark] .info-card:hover{border-color:#ffffff1a;box-shadow:0 12px 30px #ffffff0d}.info-icon-wrapper{color:#000;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:55px;height:55px;transition:transform .3s;display:flex;box-shadow:0 4px 15px #0000001a}.info-card:hover .info-icon-wrapper{transform:scale(1.1)rotate(5deg)}.info-content h3{margin-bottom:4px;font-size:1.1rem}.info-content p{color:var(--text-secondary);margin-bottom:4px;font-size:.95rem;line-height:1.5}.info-subtext{color:#000;opacity:.7;font-size:.8rem;font-weight:500}[data-theme=dark] .info-subtext{color:#ffffffb3}.map-container{border-radius:var(--radius-md);border:1px solid var(--border);width:100%;height:350px;position:relative;overflow:hidden}.map-container:after{content:"";pointer-events:none;border-radius:var(--radius-md);position:absolute;inset:0;box-shadow:inset 0 0 0 1px #0000000d}.contact-form-card{padding:var(--spacing-2xl);border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08}[data-theme=light] .contact-form-card{background:var(--bg-primary);box-shadow:var(--shadow-lg);border-color:#0000000d}.contact-form-card h2{margin-bottom:var(--spacing-xs);font-size:1.8rem}.form-description{color:var(--text-secondary);margin-bottom:var(--spacing-xl);font-size:.95rem}.contact-form{gap:var(--spacing-lg);flex-direction:column;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:var(--text-primary);font-size:.9rem;font-weight:500}.form-group input,.form-group select,.form-group textarea{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;color:var(--text-primary);transition:all var(--transition-fast);background:0 0;padding:14px 16px;font-family:inherit;font-size:.95rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#00000005;border-color:#000;outline:none;box-shadow:0 0 0 4px #0000000d}[data-theme=dark] .form-group input:focus,[data-theme=dark] .form-group select:focus,[data-theme=dark] .form-group textarea:focus{background:#ffffff0d;border-color:#ffffff80;box-shadow:0 0 0 4px #ffffff1a}[data-theme=light] .form-group input,[data-theme=light] .form-group select,[data-theme=light] .form-group textarea{background:var(--bg-secondary)}[data-theme=light] .form-group input:focus,[data-theme=light] .form-group select:focus,[data-theme=light] .form-group textarea:focus{background:#fff;border-color:#000;box-shadow:0 0 0 4px #0000000d}.form-submit-btn{width:100%;margin-top:var(--spacing-md);border-radius:var(--radius-sm);color:#fff;letter-spacing:.5px;text-transform:uppercase;background-color:#000;border:2px solid #000;padding:14px 24px;font-weight:600;transition:all .3s}.form-submit-btn:hover{color:#000;background-color:#0000}[data-theme=dark] .form-submit-btn{color:#000;background-color:#fff;border:2px solid #fff}[data-theme=dark] .form-submit-btn:hover{color:#fff;background-color:#0000}@media (width<=992px){.contact-grid{gap:var(--spacing-2xl);grid-template-columns:1fr}.map-container{height:300px}}@media (width<=768px){.contact-form-card{padding:var(--spacing-xl)}}.auth-page{background:var(--bg-primary);min-height:100vh;display:flex;position:relative;overflow:hidden}.auth-page:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 10% 90%,#6366f11f 0%,#0000 60%),radial-gradient(60% 50% at 90% 20%,#ec48991a 0%,#0000 55%),radial-gradient(70% 50%,#a855f714 0%,#0000 50%);animation:12s ease-in-out infinite alternate authAmbient;position:absolute;inset:0}@keyframes authAmbient{0%{opacity:.6;transform:scale(1)rotate(0)}50%{opacity:1;transform:scale(1.05)rotate(1deg)}to{opacity:.7;transform:scale(1.02)rotate(-1deg)}}.auth-split-layout{z-index:1;width:100%;display:flex;position:relative}.auth-image-column{flex:1;display:none;position:relative;overflow:hidden}@media (width>=992px){.auth-image-column{display:block}}.auth-image{object-fit:cover;filter:brightness(.85)saturate(1.1);width:100%;height:100%;transition:transform 8s;animation:1.2s cubic-bezier(.25,.46,.45,.94) both authImageReveal;position:absolute;top:0;left:0}.auth-image-column:hover .auth-image{transform:scale(1.04)}@keyframes authImageReveal{0%{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.auth-image-overlay{color:#fff;z-index:2;background:linear-gradient(#0000001a 0%,#00000005 40%,#00000073 75%,#000000d9 100%);flex-direction:column;justify-content:flex-end;padding:8%;display:flex;position:absolute;inset:0}.auth-image-overlay h2{margin-bottom:var(--spacing-sm);color:#fff;letter-spacing:-.03em;font-size:clamp(2rem,3vw,3rem);font-weight:700;line-height:1.1;animation:.9s cubic-bezier(.16,1,.3,1) .3s both authTextSlideUp}.auth-image-overlay p{opacity:.85;color:#ffffffe6;max-width:80%;font-size:1.05rem;font-weight:300;line-height:1.7;animation:.9s cubic-bezier(.16,1,.3,1) .5s both authTextSlideUp}@keyframes authTextSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.auth-image-column:after{content:"";z-index:3;pointer-events:none;border:1px solid #ffffff26;border-radius:50%;width:120px;height:120px;animation:6s ease-in-out infinite authFloat;position:absolute;top:10%;right:10%}@keyframes authFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-20px)rotate(10deg)}}.auth-form-column{padding:var(--spacing-3xl) var(--spacing-xl);flex:1;justify-content:center;align-items:center;animation:.8s cubic-bezier(.16,1,.3,1) .15s both authFormFadeIn;display:flex;position:relative}@keyframes authFormFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-form-column:before{content:"";pointer-events:none;background:radial-gradient(circle,#6366f10f 0%,#0000 70%);border-radius:50%;width:360px;height:360px;animation:5s ease-in-out infinite alternate authGlowPulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes authGlowPulse{0%{opacity:.5;transform:translate(-50%,-50%)scale(.9)}to{opacity:1;transform:translate(-50%,-50%)scale(1.1)}}.auth-particles{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.auth-particle{opacity:0;border-radius:50%;animation:linear infinite authParticleFloat;position:absolute}.auth-particle:first-child{background:#6366f14d;width:4px;height:4px;animation-duration:8s;animation-delay:0s;top:20%;left:15%}.auth-particle:nth-child(2){background:#ec489940;width:6px;height:6px;animation-duration:10s;animation-delay:1s;top:60%;left:75%}.auth-particle:nth-child(3){background:#a855f759;width:3px;height:3px;animation-duration:7s;animation-delay:2s;top:80%;left:50%}.auth-particle:nth-child(4){background:#3b82f633;width:5px;height:5px;animation-duration:9s;animation-delay:.5s;top:45%;left:30%}.auth-particle:nth-child(5){background:#ec489933;width:4px;height:4px;animation-duration:11s;animation-delay:3s;top:15%;left:85%}.auth-particle:nth-child(6){background:#6366f140;width:3px;height:3px;animation-duration:8.5s;animation-delay:1.5s;top:35%;left:60%}@keyframes authParticleFloat{0%{opacity:0;transform:translateY(0)scale(.5)}15%{opacity:1}85%{opacity:1}to{opacity:0;transform:translateY(-120px)scale(1.2)}}.auth-brand-badge{z-index:10;align-items:center;gap:10px;animation:.7s cubic-bezier(.16,1,.3,1) .3s both authBadgeFadeIn;display:flex;position:absolute;top:32px;left:50%;transform:translate(-50%)}@media (width>=992px){.auth-brand-badge{display:none}}.auth-brand-badge .auth-brand-name{letter-spacing:.12em;color:#fff;-webkit-text-fill-color:#fff;background:0 0;-webkit-background-clip:unset;background-clip:unset;font-size:1.4rem;font-weight:700}@keyframes authBadgeFadeIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.auth-form-column .cl-rootBox{z-index:2;width:100%;max-width:420px;position:relative}.auth-form-column .cl-card{-webkit-backdrop-filter:blur(32px)saturate(150%);border:1px solid #ffffff14;position:relative;padding:40px var(--spacing-xl)!important;background:#14141699!important;border-radius:24px!important;box-shadow:0 24px 64px #00000040,inset 0 1px 1px #ffffff1a!important}[data-theme=light] .auth-form-column .cl-card{border:1px solid #ffffff80;background:#ffffffd9!important;box-shadow:0 24px 64px #00000014,0 8px 24px #0000000a,inset 0 2px 4px #fff!important}.auth-form-container{z-index:2;width:100%;max-width:420px;position:relative}.auth-title{letter-spacing:-.03em;margin-bottom:var(--spacing-xs);background:linear-gradient(135deg, var(--text-primary) 0%, var(--text-secondary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.8rem,2.5vw,2.4rem);font-weight:700}.auth-subtitle{color:var(--text-secondary);margin-bottom:var(--spacing-2xl);font-size:1rem;font-weight:400;line-height:1.6}.auth-form{gap:var(--spacing-md);flex-direction:column;display:flex}.input-group{position:relative}.input-group .checkout-input{border-radius:var(--radius-sm);color:var(--text-primary);transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;width:100%;margin-bottom:0;padding:14px 16px;font-size:.95rem}.input-group .checkout-input:focus{border-color:#6366f180;outline:none;box-shadow:0 0 0 3px #6366f11a}[data-theme=light] .input-group .checkout-input{background:#00000005;border:1px solid #0000001a}[data-theme=light] .input-group .checkout-input:focus{border-color:#6366f166;box-shadow:0 0 0 3px #6366f114}.password-group .password-toggle{color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.password-group .password-toggle:hover{color:var(--text-primary)}.auth-form-options{margin-top:8px;margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.forgot-password-link{color:var(--text-secondary);transition:color var(--transition-fast);font-size:.9rem;text-decoration:none;position:relative}.forgot-password-link:after{content:"";width:0;height:1px;transition:width var(--transition-normal);background:currentColor;position:absolute;bottom:-2px;left:0}.forgot-password-link:hover{color:#6366f1}.forgot-password-link:hover:after{width:100%}.auth-submit-btn{height:52px;margin-bottom:var(--spacing-xl);border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast);letter-spacing:.02em;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 50%,#a855f7 100%);border:none;font-size:1rem;font-weight:600;position:relative;overflow:hidden}.auth-submit-btn:before{content:"";opacity:0;transition:opacity var(--transition-fast);background:linear-gradient(135deg,#8b5cf6 0%,#a855f7 50%,#c084fc 100%);position:absolute;inset:0}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #6366f159}.auth-submit-btn:hover:before{opacity:1}.auth-submit-btn:active{transform:translateY(0)}.auth-submit-btn span{z-index:1;position:relative}.social-login-divider{text-align:center;color:var(--text-secondary);margin-bottom:var(--spacing-xl);text-transform:uppercase;letter-spacing:.1em;align-items:center;font-size:.85rem;display:flex}.social-login-divider:before,.social-login-divider:after{content:"";border-bottom:1px solid var(--border);opacity:.5;flex:1}.social-login-divider span{padding:0 var(--spacing-md)}.social-login-buttons{gap:var(--spacing-md);margin-bottom:var(--spacing-2xl);grid-template-columns:1fr 1fr;display:grid}.btn-social{border-radius:var(--radius-sm);height:48px;color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0a;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:8px;font-size:.95rem;font-weight:500;display:flex}[data-theme=light] .btn-social{background:#00000005;border:1px solid #0000001a}.btn-social:hover{background:#6366f10f;border-color:#6366f14d;transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.cl-internal-b3al6g,.cl-internal-1hp5nqm,.cl-internal-1dauvpw{display:none!important}.auth-footer-text{text-align:center;color:var(--text-secondary);font-size:.95rem}.auth-footer-text a{color:#6366f1;transition:color var(--transition-fast);font-weight:600;text-decoration:none;position:relative}.auth-footer-text a:after{content:"";width:0;height:1.5px;transition:width var(--transition-normal);background:#6366f1;position:absolute;bottom:-2px;left:0}.auth-footer-text a:hover:after{width:100%}@media (width<=991px){.auth-page{background:var(--bg-primary);flex-direction:column;min-height:100vh}.auth-page:before{background:radial-gradient(80% 60% at 20% 80%,#6366f11a 0%,#0000 60%),radial-gradient(60% 50% at 80% 20%,#ec489914 0%,#0000 55%),radial-gradient(70% 50%,#a855f70f 0%,#0000 50%)}.auth-split-layout{flex-direction:column;min-height:100vh}.auth-image-column{border-radius:0 0 32px 32px;flex:none;height:280px;position:relative;overflow:hidden;display:block!important}.auth-image{object-fit:cover;filter:brightness(.55);width:100%;height:100%;position:absolute;top:0;left:0}.auth-image-overlay{z-index:2;background:linear-gradient(#0000 0%,#000000d9 100%);padding:24px 28px;position:absolute;bottom:0;left:0;right:0}.auth-image-overlay h2{margin-bottom:4px;font-size:1.6rem;animation:none}.auth-image-overlay p{opacity:.75;max-width:100%;font-size:.85rem;line-height:1.5;animation:none}.auth-image-column:after{display:none}.auth-form-column{flex:1;justify-content:center;animation:.6s cubic-bezier(.16,1,.3,1) both authMobileFormSlide;display:flex;align-items:flex-start!important;padding:32px 20px 40px!important}.auth-form-column:before{display:none}@keyframes authMobileFormSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-form-column .cl-rootBox{width:100%!important;max-width:100%!important}.auth-form-column .cl-card{background:#14141680!important;border:1px solid #ffffff0f!important;border-radius:20px!important;padding:28px 20px!important;box-shadow:0 16px 48px #0003!important}[data-theme=light] .auth-form-column .cl-card{background:#ffffffe6!important;border:1px solid #0000000f!important;box-shadow:0 12px 40px #0000000f!important}.auth-brand-badge{z-index:10;-webkit-backdrop-filter:blur(14px);background:#00000059;border:1px solid #ffffff26;border-radius:50px;padding:8px 24px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.auth-brand-badge .auth-brand-name{font-size:1.1rem}.auth-back-btn{z-index:10;-webkit-backdrop-filter:blur(14px);color:#fff;background:#00000059;border:1px solid #ffffff26;padding:8px 16px;font-size:.8rem;top:16px;left:16px}.auth-back-btn:hover{background:#00000080}.auth-particles{display:none}}@media (width<=480px){.auth-image-column{border-radius:0 0 24px 24px;height:220px}.auth-image-overlay h2{font-size:1.3rem}.auth-image-overlay p{font-size:.8rem}.auth-form-column{padding:24px 16px 32px!important}.auth-form-column .cl-card{border-radius:16px!important;padding:24px 16px!important}}.auth-back-btn{z-index:100;-webkit-backdrop-filter:blur(10px);color:#fff;background:#00000040;border:1px solid #ffffff26;border-radius:50px;align-items:center;gap:.4rem;padding:.5rem .9rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:all .3s;display:flex;position:absolute;top:2rem;left:2rem}.auth-back-btn:hover{background:#0006;transform:translateY(-1px)}.auth-brand-badge{text-decoration:none}.cl-card,.cl-rootBox,.cl-signIn-root,.cl-signUp-root{-webkit-backdrop-filter:blur(20px)!important;background:#ffffff05!important;border:1px solid #ffffff0d!important;border-radius:20px!important;box-shadow:0 25px 50px -12px #00000040!important}[data-theme=light] .cl-card,[data-theme=light] .cl-rootBox{background:#ffffffb3!important;border:1px solid #0000000d!important;box-shadow:0 20px 40px #0000000d!important}.cl-headerTitle{letter-spacing:-.03em!important;font-family:Inter,sans-serif!important;font-size:1.8rem!important}.cl-socialButtonsBlockButton{border-radius:12px!important;transition:all .3s!important}.cl-socialButtonsBlockButton:hover{transform:translateY(-2px)!important}.auth-page~.mobile-floating-bar-wrapper,.auth-page~footer{display:none!important}.cl-formButtonPrimary,.cl-button,.auth-form-column button[data-localization-key]{color:#fff!important;background:#000!important;border:none!important}.cl-formButtonPrimary:hover,.cl-button:hover{background:#1a1a1a!important}.os-page{min-height:100vh;font-family:var(--font-family);color:#0f172a;background-color:#f8fafc}.os-header{z-index:50;-webkit-backdrop-filter:blur(12px);background-color:#fffc;border-bottom:1px solid #e2e8f0;padding:12px 16px;position:sticky;top:0;box-shadow:0 1px 2px #0000000d}.os-header-container{flex-direction:column;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1280px;margin:0 auto;display:flex}@media (width>=640px){.os-header-container{flex-direction:row;padding:0 24px}}.os-brand{align-items:center;gap:12px;text-decoration:none;display:flex}.os-logo{color:#0f172a;background-color:#4f46e5;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;font-weight:700;transition:transform .2s;display:flex;box-shadow:0 10px 15px -3px #4f46e566}.os-brand:hover .os-logo{transform:scale(1.05)}.os-brand-text{flex-direction:column;display:flex}.os-brand-title{letter-spacing:-.02em;color:#0f172a;font-size:1.25rem;font-weight:700}.os-brand-subtitle{color:#64748b;letter-spacing:.02em;font-size:.75rem;font-weight:500}.os-nav-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}@media (width>=640px){.os-nav-actions{justify-content:flex-end;width:auto}}.os-currency-toggle{background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;align-items:center;padding:4px;display:flex}.os-currency-btn{color:#475569;border-radius:9999px;padding:4px 12px;font-size:.75rem;font-weight:700;transition:all .2s}.os-currency-btn:hover{color:#0f172a}.os-currency-btn.active{color:#4338ca;background-color:#0f172a;transform:scale(1.05);box-shadow:0 4px 6px -1px #0000001a}.os-nav-link{color:#475569;padding:8px 12px;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.os-nav-link:hover{color:#0f172a}.os-hero{text-align:center;background-color:#fafafa;padding:100px 24px 60px;position:relative;overflow:hidden}.os-hero-bg{z-index:0;background-color:#f8fafc;position:absolute;inset:0;overflow:hidden}.os-hero-grid{background-image:linear-gradient(90deg,#0f172a14 1px,#0000 1px),linear-gradient(#0f172a14 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at top,#000 20%,#0000 80%);mask-image:radial-gradient(circle at top,#000 20%,#0000 80%)}.os-hero-glow{filter:blur(80px);opacity:.8;border-radius:50%;animation:8s ease-in-out infinite float-glow;position:absolute}.os-hero-glow.glow-1{background:#7c3aed40;width:500px;height:500px;top:-100px;left:30%}.os-hero-glow.glow-2{background:#3b82f640;width:400px;height:400px;animation:10s ease-in-out infinite reverse float-glow-alt;top:10%;right:0}@keyframes float-glow{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(20px)scale(1.05)}}@keyframes float-glow-alt{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(30px)scale(1.1)}}.os-hero-content{z-index:10;text-align:center;max-width:1200px;margin:0 auto;position:relative}.os-badge{color:#4338ca;letter-spacing:.05em;text-transform:uppercase;background-color:#e0e7ff;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 16px;font-size:.75rem;font-weight:700;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:inline-flex;box-shadow:0 1px 2px #0000000d}.os-hero-title{letter-spacing:-.02em;color:#0f172a;margin-bottom:24px;font-size:2.25rem;font-weight:800;line-height:1.1}@media (width>=768px){.os-hero-title{font-size:3.75rem}}.os-gradient-text{color:#0000;background-image:linear-gradient(90deg,#4f46e5,#7c3aed);-webkit-background-clip:text;background-clip:text}.os-hero-desc{color:#475569;max-width:768px;margin:0 auto 40px;font-size:1.125rem;font-weight:500;line-height:1.6}@media (width>=768px){.os-hero-desc{font-size:1.25rem}}.os-hero-actions{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}@media (width>=640px){.os-hero-actions{flex-direction:row}}.os-btn-primary{color:#fff;background-color:#4f46e5;border-radius:9999px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex;box-shadow:0 20px 25px -5px #4f46e533,0 8px 10px -6px #4f46e533}@media (width>=640px){.os-btn-primary{width:auto}}.os-btn-primary:hover{background-color:#4338ca;transform:scale(1.05)}.os-stats-grid{text-align:left;border-top:1px solid #e2e8f0;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:64px;padding-top:40px;display:grid}@media (width>=768px){.os-stats-grid{grid-template-columns:repeat(4,1fr)}}.os-stat-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:16px;padding:20px;box-shadow:0 1px 2px #0000000d}.os-stat-value{font-size:1.5rem;font-weight:800;display:block}@media (width>=768px){.os-stat-value{font-size:1.875rem}}.os-stat-value.slate{color:#0f172a}.os-stat-value.emerald{color:#059669}.os-stat-value.indigo{color:#4f46e5}.os-stat-value.violet{color:#7c3aed}.os-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-top:4px;font-size:.75rem;font-weight:500;display:block}.os-roi{max-width:1280px;margin:0 auto;padding:80px 24px}.os-section-header{text-align:center;max-width:768px;margin:0 auto 64px}.os-section-badge{text-transform:uppercase;letter-spacing:.1em;color:#4f46e5;background-color:#eef2ff;border:1px solid #e0e7ff;border-radius:9999px;padding:6px 16px;font-size:.75rem;font-weight:700;display:inline-block}.os-section-title{color:#0f172a;margin:16px 0;font-size:1.875rem;font-weight:800}@media (width>=768px){.os-section-title{font-size:2.25rem}}.os-section-desc{color:#475569;font-size:1rem}@media (width>=768px){.os-section-desc{font-size:1.125rem}}.os-roi-grid{grid-template-columns:1fr;align-items:start;gap:32px;display:grid}@media (width>=1024px){.os-roi-grid{grid-template-columns:5fr 7fr}}.os-metrics-card{background-color:#fff;border:1px solid #f1f5f9;border-radius:24px;padding:32px;box-shadow:0 20px 25px -5px #e2e8f080,0 8px 10px -6px #e2e8f080}.os-metrics-header{color:#0f172a;border-bottom:1px solid #f1f5f9;align-items:center;gap:8px;margin-bottom:32px;padding-bottom:16px;font-size:1.25rem;font-weight:700;display:flex}.os-metrics-header svg{color:#4f46e5}.os-metric-group{margin-bottom:32px}.os-metric-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.os-metric-label{color:#334155;font-size:.875rem;font-weight:700}.os-metric-value{color:#0f172a;background-color:#f1f5f9;border-radius:8px;padding:4px 12px;font-size:.875rem;font-weight:700}.os-metric-slider{appearance:none;cursor:pointer;accent-color:#4f46e5;background-color:#e2e8f0;border-radius:8px;width:100%;height:8px}.os-current-revenue{background-color:#eef2ff80;border:1px solid #e0e7ff;border-radius:16px;padding:20px}.os-revenue-row{justify-content:space-between;font-size:.875rem;display:flex}.os-revenue-label{color:#475569}.os-revenue-value{color:#0f172a;font-weight:700}.os-potential-card{color:#fff;background-color:#0f172a;border-radius:24px;padding:32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000040}@media (width>=768px){.os-potential-card{padding:40px}}.os-glow-tr{filter:blur(80px);background-color:#6366f133;border-radius:50%;width:256px;height:256px;position:absolute;top:0;right:0}.os-glow-bl{filter:blur(80px);background-color:#8b5cf633;border-radius:50%;width:256px;height:256px;position:absolute;bottom:0;left:0}.os-potential-header{z-index:10;border-bottom:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;gap:16px;margin-bottom:32px;padding-bottom:24px;display:flex;position:relative}@media (width>=768px){.os-potential-header{flex-direction:row;align-items:center}}.os-potential-title{color:#fff;font-size:1.5rem;font-weight:700}@media (width>=768px){.os-potential-title{font-size:1.875rem}}.os-potential-subtitle{color:#c7d2fe;margin-top:4px;font-size:.875rem}.os-extra-monthly{text-align:center;-webkit-backdrop-filter:blur(4px);background-color:#f8fafc;border:1px solid #fff3;border-radius:16px;padding:12px 16px}.os-extra-monthly-label{text-transform:uppercase;color:#a5b4fc;letter-spacing:.05em;margin-bottom:4px;font-size:.75rem;font-weight:700;display:block}.os-extra-monthly-value{color:#fff;font-size:1.875rem;font-weight:800}.os-breakdown{z-index:10;flex-direction:column;gap:16px;display:flex;position:relative}.os-breakdown-item{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:flex-start;gap:16px;padding:20px;display:flex}.os-breakdown-icon{border-radius:12px;flex-shrink:0;padding:12px}.os-breakdown-icon.emerald{color:#34d399;background-color:#10b98133}.os-breakdown-icon.blue{color:#60a5fa;background-color:#3b82f633}.os-breakdown-icon.violet{color:#a78bfa;background-color:#8b5cf633}.os-breakdown-content{flex:1}.os-breakdown-row{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.os-breakdown-title{color:#fff;font-weight:700}.os-breakdown-value{font-weight:700}.os-breakdown-value.emerald{color:#34d399}.os-breakdown-value.blue{color:#60a5fa}.os-breakdown-value.violet{color:#a78bfa}.os-breakdown-desc{color:#94a3b8;font-size:.875rem}.os-annual-footer{z-index:10;border-top:1px solid #ffffff1a;flex-direction:column;justify-content:space-between;align-items:center;gap:16px;margin-top:32px;padding-top:24px;display:flex;position:relative}@media (width>=640px){.os-annual-footer{flex-direction:row}}.os-annual-label{color:#94a3b8;margin-bottom:4px;font-size:.875rem;display:block}.os-annual-value{color:#fff;font-size:2.25rem;font-weight:800}.os-btn-claim{color:#fff;cursor:pointer;background-color:#6366f1;border:none;border-radius:12px;width:100%;padding:12px 24px;font-weight:700;transition:background-color .2s;box-shadow:0 10px 15px -3px #6366f14d}@media (width>=640px){.os-btn-claim{width:auto}}.os-btn-claim:hover{background-color:#4f46e5}.os-comparison{background-color:#fff;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;padding:80px 24px}.os-comparison-container{max-width:1024px;margin:0 auto}.os-comparison-header{text-align:center;margin-bottom:48px}.os-comparison-title{color:#0f172a;margin-bottom:24px;font-size:1.875rem;font-weight:800}.os-toggle-wrapper{background-color:#f1f5f9;border-radius:9999px;gap:4px;padding:4px;display:inline-flex;box-shadow:inset 0 2px 4px #0000000d}.os-toggle-btn{color:#475569;cursor:pointer;border:none;border-radius:9999px;align-items:center;gap:8px;padding:10px 24px;font-size:.875rem;font-weight:700;transition:all .2s;display:flex}.os-toggle-btn:hover{color:#0f172a}.os-toggle-btn.active.legacy{color:#fff;background-color:#ef4444;box-shadow:0 1px 3px #0000001a}.os-toggle-btn.active.os{color:#fff;background-color:#4f46e5;box-shadow:0 1px 3px #0000001a}.os-comparison-content{border-radius:24px;padding:32px;animation:.3s ease-out forwards zoom-in}@keyframes zoom-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.os-comparison-content.legacy{background-color:#fef2f2;border:1px solid #fee2e2}.os-comparison-content.os{background-color:#eef2ff;border:1px solid #e0e7ff}.os-comparison-grid{grid-template-columns:1fr;gap:24px;display:grid}@media (width>=768px){.os-comparison-grid{grid-template-columns:repeat(3,1fr)}}.os-feature-card{background-color:#fff;border-radius:16px;padding:24px;box-shadow:0 1px 2px #0000000d}.os-feature-card.legacy{border:1px solid #fee2e2}.os-feature-card.os{border:1px solid #e0e7ff}.os-feature-icon{margin-bottom:12px}.os-feature-icon.legacy{color:#ef4444}.os-feature-icon.os{color:#4f46e5}.os-feature-title{color:#0f172a;margin-bottom:8px;font-weight:700}.os-feature-desc{color:#475569;font-size:.875rem}.os-footer{color:#94a3b8;text-align:center;background-color:#0f172a;border-top:1px solid #1e293b;padding:48px 0}.os-footer p{margin:0}.os-mockup-wrapper{perspective:1000px;max-width:1100px;margin:64px auto 0;padding:0 24px}.os-mockup-window{background-color:#fff;border:1px solid #00000014;border-radius:16px;flex-direction:column;height:650px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;transform:rotateX(2deg)translateY(0);box-shadow:0 50px 100px -20px #32325d40,0 30px 60px -30px #0000004d,inset 0 -2px 6px #0a25400d}.os-mockup-wrapper:hover .os-mockup-window{transform:rotateX(0)translateY(-12px)}.os-mockup-header{background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;align-items:center;height:36px;padding:0 16px;display:flex;position:relative}.os-mockup-dots{gap:8px;display:flex}.os-dot{border-radius:50%;width:12px;height:12px}.os-dot.close{background-color:#ff5f56}.os-dot.minimize{background-color:#ffbd2e}.os-dot.expand{background-color:#27c93f}.os-mockup-address-bar{color:#64748b;text-align:center;white-space:nowrap;text-overflow:ellipsis;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;min-width:200px;max-width:50%;padding:2px 16px;font-size:.75rem;position:absolute;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 1px 2px #0000000d}.os-mockup-body{background-color:#f8fafc;height:600px;display:flex}.os-mockup-sidebar{background-color:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:240px;display:flex}@media (width<=768px){.os-mockup-sidebar{display:none}}.os-mockup-logo{border-bottom:1px solid #f1f5f9;align-items:center;gap:12px;height:64px;padding:0 20px;display:flex}.os-mockup-logo-icon{color:#fff;background-color:#4f46e5;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.75rem;font-weight:700;display:flex}.os-mockup-logo-text{color:#0f172a;font-weight:700}.os-mockup-nav{flex-direction:column;flex:1;gap:4px;padding:20px 12px;display:flex;overflow:hidden auto}.os-mockup-nav::-webkit-scrollbar{width:4px}.os-mockup-nav::-webkit-scrollbar-track{background:0 0}.os-mockup-nav::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.os-mockup-nav::-webkit-scrollbar-thumb:hover{background:#94a3b8}.os-mockup-nav-item{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.os-mockup-nav-item:hover{color:#0f172a;background-color:#f1f5f9}.os-mockup-nav-item.active{color:#4f46e5;background-color:#eef2ff}.os-mockup-badge{color:#fff;background-color:#ef4444;border-radius:9999px;margin-left:auto;padding:2px 6px;font-size:.65rem;font-weight:700}.os-mockup-content{flex-direction:column;flex:1;display:flex;overflow:hidden}.os-mockup-topbar{background-color:#fff;border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.os-mockup-search{color:#94a3b8;align-items:center;gap:8px;font-size:.875rem;display:flex}.os-mockup-profile{color:#64748b;align-items:center;gap:16px;display:flex}.os-mockup-avatar{background:linear-gradient(135deg,#a78bfa,#ec4899);border-radius:50%;width:32px;height:32px}.os-mockup-view{background-color:#f8fafc;flex:1;padding:24px;overflow-y:auto}.os-mockup-page-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.os-mockup-page-header h2{color:#0f172a;margin:0;font-size:1.25rem;font-weight:700}.os-mockup-date-picker{color:#475569;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:6px 12px;font-size:.875rem;font-weight:500}.os-mockup-btn-primary{color:#fff;cursor:pointer;background-color:#4f46e5;border:none;border-radius:6px;padding:6px 16px;font-size:.875rem;font-weight:600}.os-mockup-kpi-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px;display:grid}@media (width<=640px){.os-mockup-kpi-grid{grid-template-columns:1fr}}.os-mockup-kpi-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.os-mockup-kpi-title{color:#64748b;margin-bottom:8px;font-size:.875rem;font-weight:600;display:block}.os-mockup-kpi-value{color:#0f172a;margin-bottom:4px;font-size:1.5rem;font-weight:800}.os-mockup-kpi-trend{align-items:center;gap:4px;font-size:.75rem;font-weight:600;display:flex}.os-mockup-kpi-trend.positive{color:#10b981}.os-mockup-chart-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:20px;box-shadow:0 1px 3px #0000000d}.os-mockup-chart-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.os-mockup-chart-header h3{color:#0f172a;margin:0;font-size:1rem;font-weight:700}.os-mockup-chart{align-items:flex-end;height:200px;padding-top:20px;display:flex}.os-chart-bars{justify-content:space-between;align-items:flex-end;gap:4px;width:100%;height:100%;display:flex}.os-chart-bar-col{background-color:#f8fafc;border-radius:4px 4px 0 0;flex:1;align-items:flex-end;height:100%;display:flex}.os-chart-bar{background:linear-gradient(#818cf8,#4f46e5);border-radius:4px 4px 0 0;width:100%;transition:height 1s ease-out}.os-chart-bar:hover{background:linear-gradient(#6366f1,#4338ca)}.os-mockup-table-container{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.os-mockup-table{border-collapse:collapse;text-align:left;width:100%}.os-mockup-table th{text-transform:uppercase;color:#64748b;background-color:#f8fafc;border-bottom:1px solid #e2e8f0;padding:12px 16px;font-size:.75rem;font-weight:600}.os-mockup-table td{color:#334155;border-bottom:1px solid #e2e8f0;padding:16px;font-size:.875rem;font-weight:500}.os-mockup-table tr:last-child td{border-bottom:none}.os-mockup-customer{color:#0f172a;align-items:center;gap:12px;font-weight:600;display:flex}.os-mockup-avatar-small{border-radius:50%;width:28px;height:28px}.os-mockup-avatar-small.bg-purple{background-color:#c084fc}.os-mockup-avatar-small.bg-blue{background-color:#60a5fa}.os-mockup-avatar-small.bg-green{background-color:#34d399}.os-mockup-avatar-small.bg-yellow{background-color:#facc15}.os-mockup-avatar-small.bg-pink{background-color:#f472b6}.os-mockup-status{border-radius:9999px;padding:4px 10px;font-size:.75rem;font-weight:700}.os-mockup-status.success{color:#059669;background-color:#d1fae5}.os-mockup-status.processing{color:#d97706;background-color:#fef3c7}.os-mockup-status.error{color:#b91c1c;background-color:#fee2e2}.os-mockup-status.vip{color:#4338ca;background-color:#e0e7ff}.os-mockup-status.regular{color:#475569;background-color:#f1f5f9}.os-mockup-status.new{color:#1d4ed8;background-color:#dbeafe}.os-mockup-product{color:#0f172a;font-weight:600}.os-mockup-status.transit{color:#b45309;background-color:#fef3c7}.os-mockup-status.discount{color:#7e22ce;background-color:#f3e8ff}.os-mockup-reviews-grid{grid-template-columns:1fr;gap:16px;display:grid}@media (width>=640px){.os-mockup-reviews-grid{grid-template-columns:1fr 1fr}}.os-mockup-review-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;box-shadow:0 1px 3px #0000000d}.os-mockup-review-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.os-mockup-stars{color:#facc15;gap:2px;display:flex}.os-mockup-review-body{color:#475569;margin-bottom:12px;font-size:.875rem;line-height:1.5}.os-mockup-review-author{color:#94a3b8;font-size:.75rem;font-weight:600}.os-mockup-settings-grid{grid-template-columns:1fr;gap:24px;display:grid}.os-mockup-setting-group{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000000d}.os-mockup-setting-group h3{color:#0f172a;border-bottom:1px solid #f1f5f9;margin-top:0;margin-bottom:16px;padding-bottom:8px;font-size:1rem;font-weight:700}.os-mockup-form-row{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.os-mockup-form-row:last-child{margin-bottom:0}.os-mockup-label{color:#334155;font-size:.875rem;font-weight:600}.os-mockup-input{color:#0f172a;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;padding:8px 12px;font-size:.875rem}.os-mockup-toggle-row{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.os-mockup-toggle-info h4{color:#0f172a;margin:0 0 4px;font-size:.875rem}.os-mockup-toggle-info p{color:#64748b;margin:0;font-size:.75rem}.os-mockup-toggle{background-color:#cbd5e1;border-radius:9999px;width:40px;height:24px;position:relative}.os-mockup-toggle.on{background-color:#4f46e5}.os-mockup-toggle:after{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;left:2px}.os-mockup-toggle.on:after{transform:translate(16px)}.os-mockup-placeholder{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.os-mockup-placeholder-icon{color:#4f46e5;background-color:#e0e7ff;border-radius:20px;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:24px;display:flex}.os-mockup-placeholder h3{color:#0f172a;margin-bottom:8px;font-size:1.25rem}.os-features{background-color:#fff;padding:80px 24px}.os-bento-grid{grid-template-columns:1fr;gap:24px;max-width:1000px;margin:40px auto 0;display:grid}@media (width>=768px){.os-bento-grid{grid-template-columns:repeat(2,1fr)}.os-bento-card.large{grid-column:span 2}}.os-bento-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;flex-direction:column;gap:24px;padding:32px;transition:transform .3s,box-shadow .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d}.os-bento-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px -8px #0000001a}.os-bento-content h3{color:#0f172a;margin-bottom:8px;font-size:1.25rem;font-weight:700}.os-bento-content p{color:#64748b;font-size:.95rem;line-height:1.5}.os-widget-interactive{background:#f8fafc;border:1px solid #f1f5f9;border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;overflow:hidden}.os-widget-interactive.center-align{justify-content:space-between}.os-sim-btn{z-index:10;margin-top:24px;padding:8px 16px;font-size:.875rem}.os-sync-network{flex-direction:column;align-items:center;gap:20px;width:100%;display:flex}.os-sync-node{color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:12px;padding:12px 20px;font-size:.875rem;font-weight:600;transition:all .3s;display:flex;box-shadow:0 2px 4px #00000005}.os-sync-node.master{color:#4f46e5;background:#eef2ff;border-color:#4f46e5}.os-sync-node strong{color:#fff;background:#10b981;border-radius:4px;margin-left:auto;padding:2px 8px;font-family:monospace;font-size:1.1rem}.os-sync-channels{justify-content:center;gap:16px;width:100%;display:flex}@media (width<=600px){.os-sync-channels{flex-direction:column}}.os-routing-map{justify-content:space-between;align-items:center;width:100%;padding:20px 0;display:flex;position:relative}.os-route-dot{z-index:2;background:#cbd5e1;border-radius:50%;width:16px;height:16px;transition:all .5s;position:relative}.os-route-dot.active{background:#4f46e5;box-shadow:0 0 0 4px #4f46e533}.os-route-path{background:#cbd5e1;border-radius:2px;flex:1;height:4px;margin:0 12px;position:relative;overflow:hidden}.os-route-path:after{content:"";background:#4f46e5;width:0%;transition:width .8s;position:absolute;top:0;bottom:0;left:0}.os-route-path.active:after{width:100%}.os-route-label{color:#64748b;font-size:.75rem;font-weight:600;position:absolute;top:24px;left:50%;transform:translate(-50%)}.os-chart-mock{border-bottom:2px solid #e2e8f0;justify-content:space-around;align-items:flex-end;width:100%;height:120px;padding-bottom:20px;display:flex}.os-bar{background:#cbd5e1;border-radius:4px 4px 0 0;width:12%;transition:all .3s;position:relative}.os-bar.highlight{background:#4f46e5}.os-insight-tooltip{color:#fff;opacity:0;white-space:nowrap;background:#0f172a;border-radius:4px;padding:4px 8px;font-size:.7rem;transition:opacity .3s;position:absolute;top:-36px;left:50%;transform:translate(-50%)}.os-bento-card:hover .os-insight-tooltip{opacity:1}.os-bar.highlight:hover{background:#4338ca}.os-vyu-cta-section{background-color:#f8fafc;justify-content:center;padding:120px 24px 60px;font-family:inherit;display:flex}.os-vyu-cta-container{background:#fff;border:1px solid #0000000d;border-radius:40px;flex-direction:column;align-items:center;width:100%;max-width:1100px;padding:60px 40px;display:flex;position:relative;box-shadow:0 20px 40px #0000000d}.os-vyu-logo-wrapper{background:#fff;border:1px solid #0000000d;border-radius:20px;padding:10px;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000000d}.os-vyu-logo-badge{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.os-vyu-logo-badge img{object-fit:contain;filter:drop-shadow(0 4px 6px #0000001a);width:60px;height:60px}.os-vyu-pill{letter-spacing:.1em;color:#64748b;text-transform:uppercase;background:#00000008;border:1px solid #0000000d;border-radius:99px;align-items:center;gap:8px;margin-top:32px;padding:8px 16px;font-size:.75rem;display:flex}.os-vyu-heading{text-align:center;color:#0f172a;letter-spacing:-.02em;margin-top:32px;font-size:3.5rem;font-weight:800;line-height:1.1}.os-vyu-highlight{color:#4f46e5;text-underline-offset:8px;-webkit-text-decoration:underline wavy #4f46e5;text-decoration:underline wavy #4f46e5;text-decoration-thickness:3px}.os-vyu-desc{text-align:center;color:#475569;max-width:700px;margin-top:32px;font-size:1.125rem;line-height:1.6}.os-vyu-domain-header{letter-spacing:.1em;color:#94a3b8;text-transform:uppercase;margin-top:60px;margin-bottom:24px;font-size:.75rem}.os-vyu-domains-grid{gap:12px;width:100%;padding-bottom:12px;display:flex;overflow-x:auto}.os-vyu-domain-card{text-align:left;cursor:pointer;color:#334155;background:0 0;border:1px solid #0000001a;border-radius:12px;flex-direction:column;flex:1;min-width:180px;padding:16px;transition:all .2s;display:flex}.os-vyu-domain-card:hover{background:#00000005;border-color:#0003}.os-vyu-domain-card.active{background:#4f46e50d;border-color:#4f46e5}.os-vyu-domain-card-header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.os-vyu-domain-icon{color:#64748b;background:#0000000d;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.os-vyu-domain-card.active .os-vyu-domain-icon{color:#fff;background:#4f46e5}.os-vyu-domain-tag{color:#64748b;background:#0000000d;border-radius:4px;padding:4px 8px;font-size:.65rem}.os-vyu-domain-card.active .os-vyu-domain-tag{color:#4f46e5;background:#4f46e51a}.os-vyu-domain-card h4{color:#0f172a;margin:0 0 8px;font-size:.9rem;font-weight:600}.os-vyu-domain-card p{color:#64748b;margin:0;font-size:.75rem;line-height:1.4}.os-vyu-detail-panel{background:#00000005;border:1px solid #0000001a;border-radius:12px;justify-content:space-between;align-items:center;width:100%;margin-top:24px;padding:24px;display:flex}.os-vyu-detail-left{max-width:600px}.os-vyu-detail-tags{gap:12px;margin-bottom:16px;display:flex}.os-vyu-status-tag{color:#4f46e5;background:#4f46e51a;border:1px solid #4f46e533;border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:flex}.os-vyu-info-tag{color:#64748b;align-items:center;gap:4px;font-size:.75rem;display:flex}.os-vyu-detail-left p{color:#334155;margin:0;font-size:.9rem;line-height:1.5}.os-vyu-btn-primary{color:#fff;cursor:pointer;background:#0f172a;border:none;border-radius:8px;align-items:center;gap:8px;padding:16px 24px;font-size:.95rem;font-weight:700;transition:transform .2s;display:flex}.os-vyu-btn-primary:hover{background:#1e293b;transform:translateY(-2px)}.os-vyu-actions-row{justify-content:center;gap:16px;width:100%;margin-top:40px;display:flex}.os-vyu-btn-outline,.os-vyu-btn-solid{cursor:pointer;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.os-vyu-btn-outline{color:#334155;background:0 0;border:1px solid #0000001a}.os-vyu-btn-outline:hover{background:#0000000d}.os-vyu-btn-solid{color:#fff;background:#0f172a;border:none}.os-vyu-btn-solid:hover{background:#1e293b}.os-vyu-footer-tags{color:#94a3b8;border-top:1px solid #0000001a;justify-content:space-between;width:100%;margin-top:60px;padding-top:24px;font-size:.8rem;display:flex}.os-vyu-footer-tags span{align-items:center;gap:8px;display:flex}@media (width<=768px){.os-vyu-cta-section{padding:80px 16px 40px}.os-vyu-cta-container{border-radius:24px;padding:50px 24px 30px}.os-vyu-heading{margin-top:24px;font-size:2rem}.os-vyu-detail-panel{flex-direction:column;align-items:flex-start;gap:24px;padding:16px}.os-vyu-detail-tags{flex-wrap:wrap}.os-vyu-btn-primary{justify-content:center;width:100%}.os-vyu-actions-row{flex-direction:column;gap:12px}.os-vyu-btn-outline,.os-vyu-btn-solid{justify-content:center;width:100%}.os-vyu-footer-tags{flex-direction:column;align-items:center;gap:12px;margin-top:40px}}.os-portal-widgets{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:32px;display:flex}.os-portal-widget-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;align-items:center;gap:16px;min-width:260px;padding:16px 20px;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px -1px #0000000d}.os-portal-widget-card:hover{background-color:#f8fafc;border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.os-widget-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.os-widget-content{text-align:left;flex-direction:column;display:flex}.os-widget-title{color:#0f172a;font-size:1.1rem;font-weight:600}.os-widget-desc{color:#94a3b8;margin-top:2px;font-size:.85rem}.os-widget-arrow{color:#94a3b8;margin-left:auto;transition:transform .3s,color .3s}.os-portal-widget-card:hover .os-widget-arrow{color:#0f172a;transform:translate(4px,-4px)}.account-page{padding-top:120px;padding-bottom:var(--spacing-3xl);background-color:var(--bg-primary);min-height:calc(100vh - 100px)}.account-container{gap:var(--spacing-3xl);display:flex;position:relative}.account-mobile-header{margin-bottom:var(--spacing-xl);align-items:center;display:none}.account-mobile-title{font-size:1.5rem}.desktop-sidebar{flex:0 0 280px;height:max-content;position:sticky;top:100px}.sidebar-user-info{align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-xl);border-bottom:1px solid var(--border);display:flex}.user-avatar{background-color:var(--text-primary);width:50px;height:50px;color:var(--bg-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;font-weight:600;display:flex}.user-details h3{margin-bottom:2px;font-size:1rem}.user-details p{color:var(--text-secondary);font-size:.85rem}.account-nav{gap:var(--spacing-xs);flex-direction:column;display:flex}.account-nav-link{align-items:center;gap:var(--spacing-md);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);padding:12px 16px;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.account-nav-link:hover,.account-nav-link.active{background-color:var(--bg-secondary);color:var(--text-primary)}.nav-divider{background-color:var(--border);height:1px;margin:var(--spacing-sm) 0}.logout-btn{cursor:pointer;color:#ff3b30;background:0 0;border:none;width:100%}.account-main-content{background-color:#0000;flex:1;min-width:0}.account-section-title{letter-spacing:-.02em;margin-bottom:var(--spacing-xl);font-size:1.8rem}.fab-container{display:none}.fab-toggle{z-index:1001;background-color:var(--accent);width:56px;height:56px;color:var(--bg-primary);cursor:pointer;transition:transform var(--transition-fast), box-shadow var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 20px #0000004d}.fab-toggle:active{transform:scale(.92)}.fab-toggle.open{background-color:var(--text-primary);transform:rotate(0)}.fab-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;background-color:#0006;width:100vw;height:100vh;animation:.2s fadeIn;position:fixed;top:0;left:0}.fab-menu{z-index:1000;pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:90px;right:24px}.fab-menu.open{pointer-events:auto}.fab-menu-item{align-items:center;gap:var(--spacing-sm);opacity:0;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;transition:opacity .25s,transform .25s;display:flex;transform:translateY(20px)scale(.8)}.fab-menu.open .fab-menu-item{opacity:1;transform:translateY(0)scale(1)}.fab-menu-label{background-color:var(--bg-primary);color:var(--text-primary);border-radius:var(--radius-full);white-space:nowrap;border:1px solid var(--border);padding:8px 14px;font-size:.85rem;font-weight:500;box-shadow:0 2px 12px #00000026}.fab-menu-icon{background-color:var(--bg-primary);width:44px;height:44px;color:var(--text-primary);border:1px solid var(--border);transition:all var(--transition-fast);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 12px #00000026}.fab-menu-item:hover .fab-menu-icon,.fab-menu-item.active .fab-menu-icon,.fab-menu-item.active .fab-menu-label{background-color:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.fab-menu-item.logout .fab-menu-icon,.fab-menu-item.logout .fab-menu-label{color:#ff3b30}.fab-menu-item.logout:hover .fab-menu-icon{color:#fff;background-color:#ff3b30;border-color:#ff3b30}@media (width<=992px){.account-page{padding-top:100px}.account-container{flex-direction:column;gap:0}.account-mobile-header{display:flex}.desktop-sidebar{display:none}.fab-container{display:block}}.dashboard-overview{gap:var(--spacing-xl);flex-direction:column;display:flex}.welcome-text{color:var(--text-secondary);margin-top:-10px;margin-bottom:var(--spacing-md);font-size:1.1rem}.metrics-grid{gap:var(--spacing-xl);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(3,1fr);display:grid}.metric-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--spacing-xl);align-items:center;gap:var(--spacing-xl);color:inherit;transition:all var(--transition-fast);text-decoration:none;display:flex}.metric-card:hover{border-color:var(--text-primary);transform:translateY(-2px)}.metric-icon{background-color:var(--bg-primary);width:54px;height:54px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.metric-info{flex-direction:column;display:flex}.metric-value{margin-bottom:4px;font-size:2rem;font-weight:600;line-height:1}.metric-label{color:var(--text-secondary);font-size:.95rem}.dashboard-section{margin-bottom:var(--spacing-2xl)}.dashboard-section h2{margin-bottom:var(--spacing-lg);font-size:1.3rem;font-weight:600}.view-all-link{color:var(--accent);font-size:.95rem;text-decoration:none}.view-all-link:hover{text-decoration:underline}.recent-orders-list{gap:var(--spacing-md);flex-direction:column;display:flex}.recent-order-card{padding:var(--spacing-lg);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-primary);justify-content:space-between;align-items:center;display:flex}.order-summary-info{flex-direction:column;gap:4px;min-width:150px;display:flex}.order-id{font-weight:500}.order-date{color:var(--text-secondary);font-size:.85rem}.order-status-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:6px 12px;font-size:.8rem;font-weight:500}.order-status-badge.preparing{color:#ff9500;background-color:#ff95001a}.order-status-badge.delivered{color:#34c759;background-color:#34c7591a}.order-total{text-align:right;min-width:100px;font-weight:500}.account-summary-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl)}.summary-info-row{margin-bottom:var(--spacing-md);display:flex}.summary-info-row .label{width:100px;color:var(--text-secondary)}.summary-info-row .value{font-weight:500}.edit-profile-link{margin-top:var(--spacing-md);color:var(--accent);font-weight:500;text-decoration:none;display:inline-block}.edit-profile-link:hover{text-decoration:underline}.fade-in{animation:.4s forwards fadeIn}@media (width<=992px){.metrics-grid{grid-template-columns:1fr}}@media (width<=768px){.recent-order-card{gap:var(--spacing-md);flex-wrap:wrap}.recent-order-card .btn-secondary{width:100%;margin-top:var(--spacing-sm)}.order-total{text-align:left;width:100%}}.orders-list{gap:var(--spacing-2xl);flex-direction:column;display:flex}.order-detailed-card{border:1px solid var(--border);border-radius:var(--radius-lg);background-color:var(--bg-primary);overflow:hidden}.order-card-header{background-color:var(--bg-secondary);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.order-header-left{gap:var(--spacing-3xl);display:flex}.header-block{flex-direction:column;gap:4px;display:flex}.block-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem}.block-value{font-size:.95rem;font-weight:500}.invoice-btn{background-color:#0000;align-items:center;gap:8px;display:flex}.order-status-tracker{padding:var(--spacing-xl);border-bottom:1px solid var(--border)}.tracker-header{margin-bottom:var(--spacing-xl)}.tracker-header h3{margin-bottom:4px;font-size:1.2rem}.tracker-header span{color:var(--text-secondary);font-size:.9rem}.status-timeline.horizontal{justify-content:space-between;align-items:flex-start;width:100%;max-width:600px;padding-top:15px;display:flex}.timeline-step{color:var(--text-secondary);z-index:2;flex-direction:column;align-items:center;gap:8px;width:80px;margin-top:-15px;font-size:.85rem;display:flex;position:relative}.timeline-step.active{color:var(--text-primary);font-weight:500}.step-icon{background-color:var(--bg-primary);border:1px solid var(--border);width:32px;height:32px;transition:all var(--transition-fast);z-index:2;border-radius:50%;justify-content:center;align-items:center;display:flex}.timeline-step.completed .step-icon{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.timeline-line.completed{background-color:var(--text-primary)}.timeline-line{background-color:var(--border);z-index:1;height:2px;transition:background-color var(--transition-fast);flex:1;margin:0 -15px}.order-items-list{padding:var(--spacing-xl)}.order-item{gap:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border);display:flex}.order-item:last-child{border-bottom:none;padding-bottom:0}.order-item img{object-fit:cover;border-radius:var(--radius-sm);background-color:var(--bg-secondary);width:100px;height:100px}.item-details{flex-direction:column;flex:1;display:flex}.item-name{margin-bottom:4px;font-size:1.05rem;font-weight:500}.item-variant{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem}.item-qty{color:var(--text-secondary);font-size:.9rem}.item-actions{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.text-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.9rem}.text-btn:hover{text-decoration:underline}@media (width<=768px){.order-header-left{gap:var(--spacing-md);flex-direction:column}.order-card-header{align-items:flex-start;gap:var(--spacing-lg);flex-direction:column}.order-header-right{width:100%}.invoice-btn{justify-content:center;width:100%}.status-timeline.horizontal{flex-direction:row;align-items:flex-start;gap:0;padding-top:14px}.timeline-step{flex-direction:column;gap:6px;width:65px;margin-top:-14px;font-size:.75rem}.step-icon{width:28px;height:28px}.step-icon svg{width:14px;height:14px}.timeline-line{width:auto;height:2px;margin:0 -10px}.order-item{flex-direction:column}.item-actions{margin-top:var(--spacing-sm);flex-direction:row;align-items:center}}.customer-return-item{border-bottom:1px dashed var(--border);justify-content:space-between;gap:12px;margin-bottom:12px;padding-bottom:12px;display:flex}@media (width<=768px){.customer-return-item{flex-direction:column;align-items:flex-start}}.wishlist-page{padding-top:40px}.wishlist-empty-state{background:var(--bg-secondary);text-align:center;border:1px dashed var(--border);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;margin-top:20px;padding:80px 20px;display:flex}.wishlist-empty-icon{background:rgba(var(--primary-rgb), .05);width:80px;height:80px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:24px;display:flex}.wishlist-empty-state h3{color:var(--text-primary);margin-bottom:12px;font-size:1.5rem;font-weight:600}.wishlist-empty-state p{color:var(--text-secondary);max-width:400px;margin-bottom:32px;line-height:1.6}.wishlist-empty-state .btn-primary{border-radius:12px;padding:14px 32px;font-weight:500}.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-top:24px;display:grid}@media (width>=1024px){.wishlist-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}}.wishlist-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.wishlist-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000000f}.wishlist-image-wrapper{aspect-ratio:4/5;background:var(--bg-secondary);position:relative;overflow:hidden}.wishlist-image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.wishlist-card:hover .wishlist-image-wrapper img{transform:scale(1.05)}.wishlist-remove-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;z-index:2;background:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;top:12px;right:12px;box-shadow:0 4px 12px #0000000d}.wishlist-remove-btn:hover{color:#fff;background:#ff3b30;transform:scale(1.05)}.wishlist-info{flex-direction:column;flex:1;padding:16px;display:flex}.wishlist-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:.95rem;font-weight:500;text-decoration:none;display:-webkit-box;overflow:hidden}.wishlist-name:hover{color:var(--primary)}.wishlist-price{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:16px;font-weight:600;display:flex}.wishlist-price .original{color:var(--text-secondary);font-size:.85rem;font-weight:400;text-decoration:line-through}.wishlist-price .sale{color:#ff3b30}.wishlist-action-btn{background:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;margin-top:auto;padding:10px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.wishlist-action-btn:hover{background:var(--primary);color:#fff;border-color:var(--primary)}.addresses-grid{gap:var(--spacing-lg);grid-template-columns:repeat(2,1fr);display:grid}.address-card{border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-lg);background-color:var(--bg-primary);flex-direction:column;height:100%;display:flex}.address-card.default{border-color:var(--text-primary);background-color:var(--bg-secondary)}.address-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.address-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-primary);align-items:center;font-size:.8rem;font-weight:500;display:flex}.address-badge.secondary{color:var(--text-secondary)}.address-body{margin-bottom:var(--spacing-xl);flex:1}.address-body h3{margin-bottom:var(--spacing-sm);font-size:1.1rem}.address-body p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.address-phone{margin-top:var(--spacing-sm);color:var(--text-primary)!important}.address-actions{gap:var(--spacing-md);border-top:1px solid var(--border);padding-top:var(--spacing-md);display:flex}.text-btn.delete{color:#ff3b30}@media (width<=768px){.addresses-grid{grid-template-columns:1fr}}.image-uploader{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;min-height:200px;padding:var(--spacing-xl);background:var(--bg-secondary);cursor:pointer;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden}.image-uploader:hover{border-color:var(--text-primary);background:#00000005}[data-theme=dark] .image-uploader:hover{background:#ffffff05}.image-uploader.drag-active{border-color:var(--accent);background:#0000000d;transform:scale(1.02)}.uploader-content{align-items:center;gap:var(--spacing-sm);color:var(--text-primary);pointer-events:none;flex-direction:column;display:flex}.upload-icon{color:var(--text-secondary);margin-bottom:var(--spacing-xs);transition:all .3s}.image-uploader:hover .upload-icon{color:var(--text-primary);transform:translateY(-5px)}.uploader-content h3{margin:0;font-size:1.1rem;font-weight:600}.uploader-content p{color:var(--text-secondary);margin:0;font-size:.85rem}.spin-icon{color:var(--accent);animation:1s linear infinite spin}.progress-bar-container{background:var(--border);border-radius:var(--radius-full);width:200px;max-width:100%;height:6px;margin-top:var(--spacing-md);overflow:hidden}.progress-bar{background:var(--text-primary);border-radius:var(--radius-full);height:100%;transition:width .3s}.image-uploader.compact{border-radius:var(--radius-full);border-width:1px;min-height:auto;padding:12px 24px}.image-uploader.compact .uploader-content{flex-direction:row;gap:8px}.image-uploader.compact .upload-icon{margin-bottom:0}.notifications-list{gap:var(--spacing-md);flex-direction:column;display:flex}.notification-card{gap:var(--spacing-lg);padding:var(--spacing-xl);border:1px solid var(--border);border-radius:var(--radius-md);background-color:var(--bg-primary);transition:background-color var(--transition-fast);display:flex;position:relative}.notification-card:hover,.notification-card.unread{background-color:var(--bg-secondary)}.notif-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.notif-icon.order{color:#34c759;background-color:#34c7591a}.notif-icon.promo{color:#af52de;background-color:#af52de1a}.notif-icon.wishlist{color:#ff3b30;background-color:#ff3b301a}.notif-content{flex:1}.notif-header{justify-content:space-between;align-items:flex-start;margin-bottom:4px;display:flex}.notif-header h3{font-size:1.05rem;font-weight:600}.notif-time{color:var(--text-secondary);font-size:.85rem}.notif-content p{color:var(--text-secondary);font-size:.95rem;line-height:1.5}.unread-dot{background-color:var(--text-primary);border-radius:50%;width:8px;height:8px;position:absolute;top:24px;right:24px}@media (width<=480px){.notif-header{flex-direction:column;gap:4px}.unread-dot{top:16px;right:16px}}.mobile-floating-bar-wrapper{z-index:1000;opacity:1;justify-content:space-between;align-items:center;height:64px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),opacity .4s;display:none;position:fixed;bottom:1.5rem;left:1rem;right:1rem;transform:translateY(0)}.mobile-floating-bar-wrapper.hidden{opacity:0;pointer-events:none;transform:translateY(150%)}@media (width<=768px){.mobile-floating-bar-wrapper,.mobile-floating-bar-wrapper.hidden{display:flex}}.mfb-glass-pill{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#f0f0f080;border:1px solid #ffffff4d;border-top-color:#fff9;border-radius:40px;flex:1;justify-content:space-between;align-items:center;height:100%;margin-right:12px;padding:0 8px;display:flex;box-shadow:0 8px 32px #00000026}.mfb-item{color:#000;flex:1;justify-content:center;align-items:center;height:48px;text-decoration:none;transition:all .3s;display:flex}.mfb-item:hover,.mfb-item.active{color:#000}.mfb-item svg{transition:transform .3s}.mfb-item:hover svg,.mfb-item.active svg{transform:translateY(-2px)}.mfb-icon-bg{border-radius:24px;justify-content:center;align-items:center;width:56px;height:48px;transition:all .3s;display:flex}.mfb-item.active .mfb-icon-bg{background:#fff;box-shadow:0 2px 12px #00000014}.mfb-logo-circle{background:#fff;border:1px solid #0000000d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);display:flex;box-shadow:0 8px 24px #00000026}.mfb-logo-circle:hover{transform:translateY(-4px)scale(1.05)}.mfb-logo-circle img{object-fit:contain;width:32px;height:auto}.admin-sidebar-header{height:64px;padding:0 var(--spacing-xl);border-bottom:1px solid var(--border);align-items:center;display:flex}.admin-logo{letter-spacing:-.05em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:1.5rem;font-weight:700;text-decoration:none;overflow:hidden}.admin-sidebar-nav{padding:var(--spacing-md) 0;flex-direction:column;height:calc(100vh - 64px);display:flex;overflow-y:auto}.admin-sidebar-nav::-webkit-scrollbar{width:4px}.admin-sidebar-nav::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.admin-nav-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.admin-nav-item{align-items:center;gap:var(--spacing-md);padding:10px var(--spacing-lg);margin:0 var(--spacing-sm);border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);white-space:nowrap;font-size:.95rem;font-weight:500;text-decoration:none;display:flex}.admin-nav-item:hover{color:var(--text-primary);background-color:#ffffff0d}.admin-nav-item.active{color:var(--text-primary);background-color:#ffffff1a}.admin-nav-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.admin-nav-divider{background-color:var(--border);height:1px;margin:var(--spacing-md) var(--spacing-lg);flex-shrink:0}.admin-layout.sidebar-collapsed .admin-nav-item{justify-content:center;padding:12px 0}.admin-layout.sidebar-collapsed .admin-sidebar-header{justify-content:center;padding:0}.clay-search-wrapper{flex-shrink:0;align-items:center;width:100%;max-width:320px;display:flex;position:relative}.clay-search-input{background-color:var(--bg-secondary);width:100%;color:var(--text-primary);border:none;border-radius:20px;padding:12px 18px 12px 42px;font-size:.95rem;font-weight:500;transition:all .2s;box-shadow:inset 4px 4px 10px #0000000a,inset -3px -3px 8px #fff9}.clay-search-input:focus{outline:none;box-shadow:inset 6px 6px 14px #0000000f,inset -3px -3px 8px #ffffffb3}.clay-search-input::placeholder{color:var(--text-secondary);opacity:.8;font-weight:400}.clay-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;left:14px}.admin-navbar-left,.admin-navbar-right{align-items:center;display:flex}.admin-navbar-right{gap:var(--spacing-md)}.admin-icon-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:8px;display:flex}.admin-icon-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.admin-search-container{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);width:400px;height:36px;transition:border-color var(--transition-fast);align-items:center;padding:0 12px;display:flex}.admin-search-container:focus-within{border-color:var(--text-secondary)}.search-icon{color:var(--text-secondary);margin-right:8px}.admin-search-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-size:.9rem}.admin-search-input::placeholder{color:var(--text-secondary)}.search-shortcut{color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.75rem}.admin-quick-action-btn{text-transform:none;letter-spacing:normal;gap:6px;border-radius:var(--radius-full)!important;height:36px!important;padding:0 16px!important;font-size:.85rem!important}.admin-quick-action-btn:hover{opacity:.9}.notif-wrapper,.notification-btn{position:relative}.notification-badge{color:#fff;border:2px solid var(--bg-primary);background-color:#ff3b30;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:700;line-height:1;animation:.3s badgePop;display:flex;position:absolute;top:2px;right:2px}@keyframes badgePop{0%{transform:scale(0)}70%{transform:scale(1.2)}to{transform:scale(1)}}.notification-dot{display:none}.notif-panel{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-md);z-index:1000;flex-direction:column;width:380px;max-height:480px;animation:.2s panelSlideDown;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 16px 48px #0000002e}@keyframes panelSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.notif-panel-header{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-panel-header h3{margin:0;font-size:1rem;font-weight:600}.notif-panel-actions{gap:4px;display:flex}.notif-header-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;display:flex}.notif-header-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.notif-panel-body{flex:1;overflow-y:auto}.notif-panel-body::-webkit-scrollbar{width:4px}.notif-panel-body::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:4px}.notif-empty{color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:48px 20px;font-size:.9rem;display:flex}.notif-item{border-bottom:1px solid var(--border);cursor:pointer;transition:background-color var(--transition-fast);align-items:flex-start;gap:12px;padding:14px 20px;display:flex;position:relative}.notif-item:last-child{border-bottom:none}.notif-item:hover{background-color:var(--bg-secondary)}.notif-item.unread{background-color:#007aff08}.notif-item.unread:hover{background-color:#007aff0f}.notif-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;margin-top:2px;display:flex}.notif-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-title{color:var(--text-primary);font-size:.9rem;font-weight:600;line-height:1.3}.notif-message{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.notif-time{color:var(--text-secondary);opacity:.7;margin-top:2px;font-size:.75rem}.notif-unread-dot{background-color:#007aff;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}.admin-profile-menu{cursor:pointer;margin-left:8px}.admin-avatar{background-color:var(--bg-secondary);border:1px solid var(--border);width:32px;height:32px;color:var(--text-primary);border-radius:50%;justify-content:center;align-items:center;display:flex}.mobile-only{display:none}@media (width<=992px){.desktop-only,.hidden-mobile{display:none}.mobile-only{display:flex}.notif-panel{width:320px;right:-40px}}@media (width<=480px){.notif-panel{width:auto;max-height:calc(100vh - 80px);position:fixed;top:60px;left:8px;right:8px}}.admin-mobile-nav-container{display:none}@media (width<=992px){.admin-mobile-nav-container{z-index:1000;width:100%;display:block;position:fixed;bottom:0;left:0}.admin-bottom-bar{-webkit-backdrop-filter:blur(20px);z-index:1001;background:#0a0a0af2;border-top:1px solid #ffffff14;justify-content:space-around;align-items:center;padding:10px 0 24px;display:flex;position:relative}.admin-bottom-btn{color:#86868b;text-transform:capitalize;letter-spacing:.02em;cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:6px;width:20%;font-size:.65rem;font-weight:600;text-decoration:none;transition:color .2s;display:flex}.admin-bottom-btn.active,.admin-bottom-btn:hover{color:#fff}.admin-bottom-btn .icon-wrapper{border-radius:16px;justify-content:center;align-items:center;width:44px;height:32px;transition:background .2s,color .2s;display:flex}.admin-bottom-btn.active .icon-wrapper{background:#ffffff26}.admin-bottom-btn.menu-btn .icon-wrapper{background:#ffffff1a;border-radius:50%;width:36px;height:36px;margin-bottom:2px}.admin-bottom-btn.menu-btn.active .icon-wrapper{color:#000;background:#fff}.admin-mobile-overlay{color:#fff;z-index:1000;opacity:0;pointer-events:none;background:#000;width:100vw;height:100dvh;padding:24px 16px 140px;transition:all .3s cubic-bezier(.25,1,.5,1);position:fixed;top:0;left:0;overflow-y:auto;transform:translateY(20px)}.admin-mobile-overlay.open{opacity:1;pointer-events:auto;transform:translateY(0)}.admin-menu-group{margin-bottom:28px}.admin-menu-group-title{color:#86868b;text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.7rem;font-weight:700;display:flex}.admin-menu-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-menu-grid-btn{color:#fff;background:#121212;border:1px solid #ffffff0d;border-radius:14px;align-items:center;gap:12px;padding:16px 14px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.admin-menu-grid-btn:hover,.admin-menu-grid-btn.active{background:#ffffff1a;border-color:#ffffff26}.admin-menu-grid-btn .icon{color:#86868b}.admin-menu-grid-btn.active .icon{color:#fff}}.admin-layout{background-color:var(--bg-primary);min-height:100dvh;color:var(--text-primary);font-family:Inter,sans-serif;display:flex}.admin-layout select,.admin-layout select option{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border)}.admin-layout select:focus{border-color:var(--accent);outline:none}.admin-sidebar{background-color:var(--bg-secondary);border-right:1px solid var(--border);width:260px;height:100vh;transition:width var(--transition-normal);z-index:50;flex-direction:column;display:flex;position:sticky;top:0}.admin-layout.sidebar-collapsed .admin-sidebar{width:72px}.admin-main-wrapper{flex-direction:column;flex:1;min-width:0;display:flex}.admin-main-content{padding:var(--spacing-2xl);flex:1;overflow-x:hidden}.admin-navbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border);height:64px;padding:0 var(--spacing-xl);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.admin-placeholder{padding:var(--spacing-3xl);text-align:center;color:var(--text-secondary);border:1px dashed var(--border);border-radius:var(--radius-lg);margin-top:var(--spacing-2xl)}.admin-sidebar-overlay{display:none}@media (width<=992px){.admin-layout.sidebar-expanded .admin-sidebar,.admin-layout.sidebar-collapsed .admin-sidebar,.admin-layout .admin-sidebar.mobile-open,.admin-sidebar-overlay{display:none}.admin-main-content{padding:var(--spacing-xl);padding-bottom:120px!important}}@media (width<=768px){.admin-main-content{padding:var(--spacing-md);padding-bottom:120px!important}.admin-navbar{padding:0 var(--spacing-md)}.admin-layout{overflow-x:hidden}}.clay-dropdown-container{width:160px;position:relative}.clay-dropdown-trigger{background-color:var(--bg-secondary);width:100%;color:var(--text-primary);cursor:pointer;border:none;border-radius:20px;justify-content:space-between;align-items:center;padding:12px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:4px 4px 10px #0000000a,inset -3px -3px 8px #00000008,inset 3px 3px 8px #fff9}.clay-dropdown-trigger:hover,.clay-dropdown-trigger.open{box-shadow:6px 6px 14px #0000000f,inset -3px -3px 8px #00000005,inset 3px 3px 8px #ffffffb3}.clay-dropdown-icon{color:var(--text-secondary);transition:transform .3s}.clay-dropdown-trigger.open .clay-dropdown-icon{transform:rotate(180deg)}.clay-dropdown-menu{background-color:var(--bg-secondary);z-index:100;transform-origin:100% 0;border-radius:24px;flex-direction:column;gap:4px;min-width:100%;padding:8px;animation:.2s cubic-bezier(.16,1,.3,1) forwards dropdownIn;display:flex;position:absolute;top:calc(100% + 12px);right:0;box-shadow:10px 10px 30px #0000001a,-5px -5px 20px #fff3,inset -3px -3px 8px #00000005,inset 3px 3px 8px #fff9}@keyframes dropdownIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.clay-dropdown-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:10px 14px;font-size:.9rem;font-weight:500;transition:all .2s}.clay-dropdown-item:hover{background-color:#0000000a}.clay-dropdown-item.selected{background-color:var(--text-primary);color:var(--bg-primary);box-shadow:inset 2px 2px 4px #0003,inset -2px -2px 4px #ffffff1a}.admin-dashboard{gap:var(--spacing-xl);flex-direction:column;padding-bottom:40px;display:flex}.admin-page-header{justify-content:space-between;align-items:center;display:flex}.admin-page-header h1{letter-spacing:-.02em;font-size:1.8rem;font-weight:700}.admin-quick-actions{gap:var(--spacing-md);flex-wrap:wrap;margin-top:-10px;display:flex}.quick-action-btn{background-color:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border:none;border-radius:20px;align-items:center;gap:8px;padding:12px 20px;font-size:.95rem;font-weight:600;transition:all .2s;display:flex;box-shadow:6px 6px 12px #0000000d,inset -4px -4px 8px #00000008,inset 4px 4px 8px #ffffff80}.quick-action-btn:hover{transform:translateY(-2px);box-shadow:8px 8px 16px #00000014,inset -4px -4px 8px #00000008,inset 4px 4px 8px #fff9}.quick-action-btn:active{transform:translateY(1px);box-shadow:2px 2px 4px #0000000d,inset -6px -6px 12px #0000000d,inset 6px 6px 12px #fff6}.quick-action-btn svg{color:var(--accent)}.admin-kpi-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.admin-kpi-card,.admin-card{background-color:var(--bg-secondary);padding:var(--spacing-lg);border:none;border-radius:32px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:10px 10px 24px #0000000a,-10px -10px 24px #ffffff4d,inset -6px -6px 16px #00000008,inset 6px 6px 16px #fff9}.admin-kpi-card:hover,.admin-card:hover{transform:translateY(-3px);box-shadow:12px 12px 28px #0000000f,-10px -10px 24px #ffffff4d,inset -6px -6px 16px #00000008,inset 6px 6px 16px #ffffffb3}.kpi-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.kpi-title{color:var(--text-secondary);font-size:.95rem;font-weight:600}.kpi-more{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;padding:4px;transition:background .2s}.kpi-more:hover{background:#0000000d}.kpi-value{margin-bottom:var(--spacing-sm);color:var(--text-primary);letter-spacing:-.03em;font-size:2.2rem;font-weight:700}.kpi-trend{border-radius:12px;align-items:center;gap:4px;width:fit-content;padding:4px 8px;font-size:.9rem;font-weight:600;display:flex}.kpi-trend.positive{color:#248a3d;background-color:#34c75926}.kpi-trend.negative{color:#d12e24;background-color:#ff3b3026}.admin-dashboard-content-grid{gap:var(--spacing-lg);grid-template-columns:2fr 1fr;min-width:0;display:grid}.admin-col-large,.admin-col-small{gap:var(--spacing-lg);flex-direction:column;min-width:0;display:flex}.admin-card-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.admin-card-header h2{letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.admin-text-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;border-radius:16px;padding:8px 16px;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:4px 4px 8px #00000008,inset -2px -2px 6px #00000005,inset 2px 2px 6px #ffffff80}.admin-text-btn:hover{transform:translateY(-1px);box-shadow:6px 6px 12px #0000000d,inset -2px -2px 6px #00000005,inset 2px 2px 6px #fff9}.admin-table-container{border-radius:16px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.admin-table th,.admin-table td{border-bottom:1px solid #0000000a;padding:16px 20px}.admin-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;background-color:#ffffff4d;font-size:.85rem;font-weight:600}.admin-table tr:last-child td{border-bottom:none}.admin-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:12px;padding:6px 12px;font-size:.75rem;font-weight:600;box-shadow:inset 1px 1px 3px #ffffff80}.admin-badge.completed{color:#248a3d;background-color:#34c75926}.admin-badge.processing{color:#005bb5;background-color:#007aff26}.admin-badge.pending{color:#c47300;background-color:#ff950026}.admin-list-widget{flex-direction:column;display:flex}.admin-list-item{border-bottom:1px solid #0000000a;justify-content:space-between;align-items:center;padding:16px 0;display:flex}.admin-list-item:last-child{border-bottom:none;padding-bottom:0}.admin-list-item:first-child{padding-top:0}.item-info{flex-direction:column;display:flex}.item-info .item-title{font-size:1rem;font-weight:600}.item-info .item-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.item-count{background:#ff3b301a;border-radius:12px;padding:4px 10px;font-size:1rem;font-weight:700}.item-count.critical{color:#d12e24}.activity-feed{flex-direction:column;gap:20px;display:flex}.activity-item{gap:16px;display:flex}.activity-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:4px 4px 8px #0000000d,inset -2px -2px 6px #00000005,inset 2px 2px 6px #fff9}.activity-icon.order{color:#248a3d;background-color:#34c75926}.activity-icon.user{color:#005bb5;background-color:#007aff26}.activity-icon.review{color:#c47300;background-color:#ff950026}.activity-content{flex-direction:column;justify-content:center;display:flex}.activity-text{color:var(--text-primary);font-size:.95rem;font-weight:500}.activity-time{color:var(--text-secondary);margin-top:4px;font-size:.85rem}.custom-legend{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:24px;display:flex}.legend-item{color:var(--text-secondary);align-items:center;gap:8px;font-size:.9rem;font-weight:500;display:flex}.legend-color{border-radius:50%;width:12px;height:12px;box-shadow:inset 1px 1px 3px #fff6}@media (width<=1200px){.admin-dashboard-content-grid{grid-template-columns:1fr}}@media (width<=768px){.admin-page-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.admin-kpi-grid{grid-template-columns:1fr}.admin-quick-actions{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-right:-20px;padding-bottom:12px;padding-right:20px;overflow-x:auto}.quick-action-btn{white-space:nowrap}}.admin-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.admin-modal{background-color:var(--bg-primary);border-radius:32px;width:90%;max-width:450px}.admin-modal:hover{transform:none}.admin-input{background-color:var(--bg-secondary);width:100%;color:var(--text-primary);box-sizing:border-box;border:none;border-radius:16px;padding:14px 18px;font-size:.95rem;transition:all .2s;box-shadow:inset 4px 4px 8px #0000000d,inset -4px -4px 8px #fff6}.admin-input:focus{outline:none;box-shadow:inset 6px 6px 12px #00000014,inset -4px -4px 8px #ffffff80}.admin-analytics-dashboard{flex-direction:column;gap:1.75rem;padding-bottom:50px;display:flex}.analytics-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.analytics-export-btn,.analytics-refresh-btn{background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:16px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:4px 4px 10px #00000008}.analytics-export-btn:hover,.analytics-refresh-btn:hover{border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:6px 6px 14px #0000000f}.analytics-refresh-btn:active{transform:translateY(0)}.spinning{animation:1s linear infinite spin}.analytics-tabs-nav{background-color:var(--bg-secondary);border:1px solid var(--border);scrollbar-width:none;border-radius:20px;align-items:center;gap:8px;padding:6px;display:flex;overflow-x:auto;box-shadow:4px 4px 12px #00000008,inset -2px -2px 6px #00000005}.analytics-tabs-nav::-webkit-scrollbar{display:none}.analytics-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex}.analytics-tab-btn:hover{color:var(--text-primary);background-color:#00000008}.analytics-tab-btn.active{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:0 4px 12px #0000000f,0 1px 3px #0000000a}.analytics-tab-badge{color:var(--text-secondary);background-color:#0000000d;border-radius:10px;padding:2px 7px;font-size:.72rem;font-weight:700}.analytics-tab-btn.active .analytics-tab-badge{background-color:var(--accent);color:#fff}.analytics-kpi-summary{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;display:grid}.analytics-kpi-box{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;flex-direction:column;padding:1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:6px 6px 16px #00000008,inset -3px -3px 8px #00000005}.analytics-kpi-box:hover{transform:translateY(-2px);box-shadow:8px 8px 20px #0000000d}.analytics-kpi-top{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.analytics-kpi-icon-wrap{background-color:#0000000a;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.analytics-kpi-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.85rem;font-weight:600}.analytics-kpi-num{color:var(--text-primary);letter-spacing:-.03em;margin-bottom:.5rem;font-size:2rem;font-weight:800}.analytics-kpi-sub{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;display:flex}.analytics-section-wrapper{flex-direction:column;gap:2rem;display:flex}.analytics-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:32px;flex-direction:column;gap:1.5rem;padding:2rem;transition:all .25s;display:flex;position:relative;box-shadow:10px 10px 30px #00000008,inset -4px -4px 12px #00000005}.analytics-section-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding-bottom:1.25rem;display:flex}.analytics-section-title-group{align-items:flex-start;gap:14px;display:flex}.analytics-section-icon{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 4px 10px #0000000a}.analytics-section-badge{text-transform:uppercase;letter-spacing:.06em;border-radius:6px;margin-bottom:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-block}.badge-revenue{color:#059669;background-color:#10b9811f}.badge-products{color:#6366f1;background-color:#6366f11f}.badge-fulfillment{color:#0284c7;background-color:#0ea5e91f}.badge-customers{color:#d97706;background-color:#f59e0b1f}.analytics-section-header h2{color:var(--text-primary);letter-spacing:-.02em;margin:0;font-size:1.35rem;font-weight:700}.analytics-section-desc{color:var(--text-secondary);margin-top:4px;font-size:.88rem}.analytics-section-controls{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.analytics-toggle-group{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:12px;gap:4px;padding:4px;display:inline-flex}.analytics-toggle-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .18s}.analytics-toggle-btn:hover{color:var(--text-primary)}.analytics-toggle-btn.active{background-color:var(--bg-secondary);color:var(--text-primary);box-shadow:0 2px 6px #0000000f}.analytics-metrics-ribbon{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;display:grid}.analytics-ribbon-pill{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:4px;padding:12px 16px;display:flex}.ribbon-pill-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.78rem;font-weight:600}.ribbon-pill-val{color:var(--text-primary);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.ribbon-pill-sub{color:var(--text-secondary);font-size:.76rem}.analytics-split-grid{grid-template-columns:1fr 1fr;gap:1.5rem;display:grid}.analytics-card-nested{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:1rem;min-width:0;padding:1.5rem;display:flex}.analytics-nested-header{justify-content:space-between;align-items:center;display:flex}.analytics-nested-header h3{color:var(--text-primary);align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.analytics-nested-subtitle{color:var(--text-secondary);margin-top:2px;font-size:.82rem}.analytics-donut-container{justify-content:center;align-items:center;height:240px;display:flex;position:relative}.analytics-donut-center{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-center-num{color:var(--text-primary);font-size:1.6rem;font-weight:800;line-height:1.1}.donut-center-sub{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.74rem;font-weight:600}.analytics-legend-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:6px;display:grid}.analytics-legend-item{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.legend-color-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-text-col{flex-direction:column;min-width:0;display:flex}.legend-name{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.legend-val{color:var(--text-primary);font-size:.88rem;font-weight:700}.analytics-leaderboard{flex-direction:column;gap:8px;display:flex}.analytics-leaderboard-row{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;transition:transform .15s;display:flex}.analytics-leaderboard-row:hover{border-color:var(--accent);transform:translate(3px)}.leaderboard-rank{width:26px;height:26px;color:var(--text-secondary);background-color:#0000000d;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.78rem;font-weight:700;display:flex}.rank-gold{color:#b45309;background-color:#fef3c7}.rank-silver{color:#475569;background-color:#e2e8f0}.rank-bronze{color:#9a3412;background-color:#ffedd5}.leaderboard-info{flex:1;min-width:0}.leaderboard-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}.leaderboard-progress-bar{background-color:var(--border);border-radius:2px;height:4px;margin-top:6px;overflow:hidden}.leaderboard-progress-fill{background-color:var(--accent);border-radius:2px;height:100%}.leaderboard-stats{flex-direction:column;flex-shrink:0;align-items:flex-end;display:flex}.leaderboard-rev{color:var(--text-primary);font-size:.92rem;font-weight:700}.leaderboard-qty{color:var(--text-secondary);font-size:.76rem}.analytics-region-list{flex-direction:column;gap:12px;display:flex}.analytics-region-item{flex-direction:column;gap:6px;display:flex}.region-item-top{justify-content:space-between;align-items:center;font-size:.88rem;display:flex}.region-name{color:var(--text-primary);font-weight:600}.region-count{color:var(--accent);font-weight:700}.region-bar-track{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;height:8px;overflow:hidden}.region-bar-fill{background:linear-gradient(90deg, var(--accent), #f59e0b);border-radius:4px;height:100%}@media (width<=1024px){.analytics-split-grid{grid-template-columns:1fr}}@media (width<=768px){.analytics-section{border-radius:24px;padding:1.25rem}.analytics-section-header{flex-direction:column;align-items:flex-start}.analytics-metrics-ribbon{grid-template-columns:repeat(2,1fr)}.analytics-kpi-summary{grid-template-columns:1fr 1fr}}@media (width<=480px){.analytics-metrics-ribbon,.analytics-kpi-summary{grid-template-columns:1fr}}.admin-list-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.admin-list-header h1{font-size:1.5rem;font-weight:600}.admin-filters-bar{gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap;display:flex}.admin-filter-select,.admin-search-input-wrapper input{background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:var(--radius-sm);outline:none;padding:10px 14px;font-size:.9rem}.admin-search-input-wrapper{flex:1;min-width:250px;position:relative}.admin-search-input-wrapper input{width:100%;padding-left:38px}.admin-search-icon{color:var(--text-secondary);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.admin-data-table-container{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.admin-data-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.admin-data-table th{border-bottom:1px solid var(--border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;background-color:#0003;padding:14px 16px;font-size:.85rem;font-weight:500}.admin-data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px}.admin-data-table tr:last-child td{border-bottom:none}.admin-data-table tr:hover td{background-color:#ffffff05}.table-checkbox{cursor:pointer;width:16px;height:16px}.table-product-cell{align-items:center;gap:var(--spacing-md);display:flex}.table-product-image{border-radius:var(--radius-sm);object-fit:cover;background-color:var(--bg-primary);border:1px solid var(--border);width:40px;height:40px}.table-product-name{color:var(--text-primary);font-weight:500;text-decoration:none}.table-product-name:hover{text-decoration:underline}.table-actions{gap:var(--spacing-sm);display:flex}.table-action-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.table-action-btn:hover{background-color:var(--bg-primary);color:var(--text-primary)}.table-action-btn.delete:hover{color:#ff3b30}.admin-pagination{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:16px;font-size:.9rem;display:flex}.pagination-controls{gap:8px;display:flex}.admin-badge,.status-badge{text-transform:uppercase;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:500;display:inline-block}.admin-badge.completed,.status-badge.status-paid,.status-badge.status-success{color:#34c759;background-color:#34c7591a}.admin-badge.processing,.status-badge.status-processing{color:#007aff;background-color:#007aff1a}.admin-badge.pending,.status-badge.status-pending{color:#ff9500;background-color:#ff95001a}.admin-badge.cancelled,.status-badge.status-failed,.status-badge.status-cancelled{color:#ff3b30;background-color:#ff3b301a}@media (width<=768px){.admin-list-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.admin-filters-bar{flex-direction:column}.admin-search-input-wrapper,.admin-filter-select{width:100%}.admin-pagination{gap:var(--spacing-md);flex-direction:column;align-items:center}.admin-filters-bar{flex-direction:column!important;align-items:stretch!important;gap:16px!important}.admin-filters-bar>*{width:100%!important;max-width:100%!important;margin-left:0!important}.clay-dropdown-menu{width:100%!important;left:0!important;right:auto!important}.admin-data-table thead{display:none}.admin-data-table,.admin-data-table tbody,.admin-data-table tr,.admin-data-table td{width:100%;display:block}.admin-data-table tr{border:1px solid var(--border);border-radius:var(--radius-sm);background-color:var(--bg-primary);margin-bottom:1rem;padding:10px}.admin-data-table td{text-align:right;border-bottom:1px solid #ffffff0d;justify-content:flex-end;align-items:center;padding:10px 10px 10px 50%;display:flex;position:relative}.admin-data-table td:last-child{border-bottom:none}.admin-data-table td:before{content:attr(data-label);text-align:left;width:45%;color:var(--text-secondary);font-size:.85rem;font-weight:500;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.table-actions{justify-content:flex-end!important}.admin-data-table-container{background:0 0;border:none;padding:0}}.products-kpi-bar{flex-wrap:wrap;gap:10px;margin-bottom:1rem;display:flex}.products-kpi-chip{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;color:var(--text-secondary);border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.products-kpi-chip:hover{border-color:var(--text-primary);color:var(--text-primary)}.products-kpi-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.products-kpi-chip .chip-count{background:#00000014;border-radius:6px;padding:2px 6px;font-size:.75rem;font-weight:700}.products-kpi-chip.active .chip-count{background:#fff3}.status-badge-interactive{cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s,box-shadow .15s}.status-badge-interactive:hover{transform:scale(1.05);box-shadow:0 2px 6px #0000001a}.stock-cell-display{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;transition:background .15s;display:inline-flex}.stock-cell-display:hover{background:var(--bg-primary);text-decoration:underline}.inline-stock-editor{background:var(--bg-primary);border:1px solid var(--accent,#3b82f6);border-radius:6px;align-items:center;gap:4px;padding:2px 4px;display:inline-flex;box-shadow:0 2px 8px #0000001a}.inline-stock-input{width:55px;color:var(--text-primary);text-align:center;background:0 0;border:none;outline:none;font-size:.88rem;font-weight:600}.inline-stock-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.inline-stock-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.inline-stock-btn.save{color:#10b981}.products-bulk-bar{-webkit-backdrop-filter:blur(16px);z-index:1000;border-radius:999px;align-items:center;gap:14px;padding:8px 18px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpBulk;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);color:#fff!important;background:#18181b!important;border:1px solid #fff3!important;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff14!important}@keyframes slideUpBulk{0%{opacity:0;transform:translate(-50%,20px)}to{opacity:1;transform:translate(-50%)}}.bulk-count-badge{border-right:1px solid #fff3;align-items:center;gap:6px;padding-right:14px;font-size:.9rem;font-weight:700;display:flex;color:#fff!important}.bulk-actions-group{align-items:center;gap:8px;display:flex}.bulk-action-btn{cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex;color:#fff!important;background:#ffffff1f!important;border:1px solid #fff3!important}.bulk-action-btn:hover{transform:translateY(-1px);color:#fff!important;background:#ffffff40!important}.bulk-action-btn.delete{color:#fca5a5!important;background:#ef444438!important;border-color:#ef444473!important}.bulk-action-btn.delete:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.bulk-close-btn{color:inherit;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:50%;align-items:center;padding:4px;transition:opacity .2s;display:flex}.bulk-close-btn:hover{opacity:1}.catalog-widgets-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.catalog-widget-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.25rem 1.5rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.catalog-widget-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.widget-top-row{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.widget-title-area span{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.8rem;font-weight:600}.widget-icon-pill{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.widget-icon-pill.valuation{color:#10b981;background:#10b9811f}.widget-icon-pill.health{color:#f59e0b;background:#f59e0b1f}.widget-icon-pill.readiness{color:#7c3aed;background:#7c3aed1f}.widget-icon-pill.categories{color:#3b82f6;background:#3b82f61f}.widget-icon-pill.demand{color:#ec4899;background:#ec48991f}.widget-icon-pill.velocity{color:#f97316;background:#f973161f}.widget-icon-pill.quality{color:#6366f1;background:#6366f11f}.widget-primary-val{color:var(--text-primary);margin-bottom:6px;font-size:1.65rem;font-weight:700;line-height:1.1}.widget-sub-info{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;display:flex}.widget-segment-bar{background:var(--bg-secondary);border-radius:4px;width:100%;height:6px;margin:10px 0 8px;display:flex;overflow:hidden}.segment-fill{height:100%;transition:width .3s}.segment-fill.in-stock{background:#10b981}.segment-fill.low-stock{background:#f59e0b}.segment-fill.out-of-stock{background:#ef4444}.widget-chips-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.widget-mini-chip{border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.75rem;font-weight:600;transition:all .15s;display:inline-flex}.widget-mini-chip:hover{border-color:var(--text-primary);color:var(--text-primary)}.widget-mini-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.widget-icon-pill.discount{color:#ef4444;background:#ef44441f}.valuation-pill-toggle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;align-items:center;gap:2px;padding:2px;display:inline-flex}.valuation-pill-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:2px 6px;font-size:.68rem;font-weight:600;transition:all .15s}.valuation-pill-btn.active{background:var(--text-primary);color:var(--bg-primary)}.markdown-badge{color:#ef4444;letter-spacing:.02em;background:#ef44441f;border-radius:6px;align-items:center;gap:3px;padding:2px 7px;font-size:.72rem;font-weight:700;display:inline-flex}.admin-form-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:center;display:flex}.admin-form-header-left{align-items:center;gap:var(--spacing-md);display:flex}.back-btn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;padding:6px;display:flex}.back-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.admin-form-header h1{margin:0;font-size:1.5rem;font-weight:600}.admin-form-actions{gap:var(--spacing-md);display:flex}.admin-form-layout{gap:var(--spacing-2xl);grid-template-columns:2fr 1fr;display:grid}.admin-form-main,.admin-form-sidebar{gap:var(--spacing-xl);flex-direction:column;display:flex}.admin-form-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl)}.admin-form-section h2{margin-bottom:var(--spacing-lg);font-size:1.1rem;font-weight:600}.form-group:last-child{margin-bottom:0}.form-label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;display:block}.date-picker-wrapper,.react-datepicker-wrapper,.react-datepicker__input-container{width:100%;display:block}.form-input,.form-select,.form-textarea{width:100%;color:var(--text-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);background-color:#fff;border:1px solid #00000026;outline:none;padding:12px 14px;font-family:inherit;font-size:.95rem;box-shadow:0 1px 2px #00000005}[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea{background-color:#0a0a0a;border:1px solid #ffffff26}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-secondary);opacity:.8}.form-textarea{resize:vertical;min-height:120px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--text-primary);box-shadow:0 0 0 2px #0000000d}[data-theme=dark] .form-input:focus,[data-theme=dark] .form-select:focus,[data-theme=dark] .form-textarea:focus{border-color:var(--text-primary);box-shadow:0 0 0 2px #ffffff1a}.form-input[type=color]{cursor:pointer;height:46px;padding:2px}.form-row{gap:var(--spacing-md);display:flex}.form-row .form-group{flex:1}.media-upload-zone{border:2px dashed var(--border);border-radius:var(--radius-md);padding:var(--spacing-3xl);text-align:center;background-color:var(--bg-primary);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}.media-upload-zone:hover{border-color:var(--text-secondary);background-color:#ffffff05}.upload-icon{color:var(--text-secondary);margin-bottom:var(--spacing-md)}.media-upload-zone h3{margin-bottom:4px;font-size:1.05rem}.media-upload-zone p{color:var(--text-secondary);font-size:.9rem}@media (width<=992px){.admin-form-layout{grid-template-columns:1fr}}@media (width<=768px){.admin-form-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.admin-form-actions{justify-content:flex-start;width:100%}.form-row{flex-direction:column;gap:0}.admin-form-section{padding:var(--spacing-md)}}.admin-categories-page{animation:.25s ease-out fadeIn}.categories-header-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.88rem}.category-widgets-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.category-widget-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-sm);flex-direction:column;justify-content:space-between;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.category-widget-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00000014}.category-widget-top{justify-content:space-between;align-items:flex-start;margin-bottom:.75rem;display:flex}.category-widget-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.78rem;font-weight:600}.category-icon-pill{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.category-icon-pill.departments{color:#3b82f6;background:#3b82f61f}.category-icon-pill.coverage{color:#10b981;background:#10b9811f}.category-icon-pill.asset{color:#7c3aed;background:#7c3aed1f}.category-icon-pill.orphans{color:#f59e0b;background:#f59e0b1f}.category-primary-metric{color:var(--text-primary);margin-bottom:6px;font-size:1.65rem;font-weight:700;line-height:1.1}.category-sub-metric{color:var(--text-secondary);align-items:center;gap:6px;font-size:.82rem;display:flex}.category-img-thumb{object-fit:cover;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:44px;height:44px}.category-avatar-fallback{width:44px;height:44px;color:var(--accent);letter-spacing:.05em;border:1px solid var(--border);background:linear-gradient(135deg,#7c3aed26,#3b82f626);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.category-products-badge{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.82rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.category-products-badge:hover{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);transform:translateY(-1px)}.category-products-badge.empty{opacity:.6;border-style:dashed}.status-pill-toggle{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.status-pill-toggle:hover{transform:scale(1.05)}.status-pill-toggle.active{color:#10b981;background:#10b98124}.status-pill-toggle.inactive{color:var(--text-secondary);background:#9ca3af2e}.category-bulk-bar{z-index:1000;-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:12px;padding:8px 18px;animation:.25s cubic-bezier(.16,1,.3,1) slideUpBulk;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);color:#fff!important;background:#18181b!important;border:1px solid #fff3!important;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff14!important}.category-bulk-count{padding-right:8px;font-size:.86rem;font-weight:700;color:#fff!important;border-right:1px solid #fff3!important}.category-bulk-btn{cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;color:#fff!important;background:#ffffff1f!important;border:1px solid #fff3!important}.category-bulk-btn:hover{transform:translateY(-1px);color:#fff!important;background:#ffffff40!important}.category-bulk-btn.delete{color:#fca5a5!important;background:#ef444438!important;border-color:#ef444473!important}.category-bulk-btn.delete:hover{color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}@media (width<=768px){.category-widgets-grid{grid-template-columns:1fr}.category-bulk-bar{border-radius:16px;flex-wrap:wrap;justify-content:center;width:90%}}.admin-orders-page{gap:var(--spacing-xl);flex-direction:column;animation:.25s ease-out fadeIn;display:flex}.orders-header-container{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.orders-header-titles h1{letter-spacing:-.02em;margin-bottom:4px;font-size:1.6rem;font-weight:700}.orders-header-subtitle{color:var(--text-secondary);font-size:.88rem}.orders-header-actions{align-items:center;gap:10px;display:flex}.orders-action-btn-secondary{border-radius:var(--radius-sm,8px);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;font-weight:500;transition:all .15s;display:inline-flex}.orders-action-btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary);transform:translateY(-1px)}.orders-action-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.orders-kpi-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.orders-kpi-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius-lg,14px);flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.orders-kpi-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.orders-kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.orders-kpi-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.78rem;font-weight:600}.orders-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.orders-kpi-icon.blue{color:#3b82f6;background:#3b82f61f}.orders-kpi-icon.amber{color:#f59e0b;background:#f59e0b1f}.orders-kpi-icon.purple{color:#a855f7;background:#a855f71f}.orders-kpi-icon.rose{color:#f43f5e;background:#f43f5e1f}.orders-kpi-icon.green{color:#10b981;background:#10b9811f}.orders-kpi-main-val{letter-spacing:-.02em;color:var(--text-primary);align-items:baseline;gap:8px;margin-bottom:6px;font-size:1.85rem;font-weight:700;display:flex}.orders-kpi-subtext{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.orders-pill-stat{border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.76rem;font-weight:500;display:inline-flex}.orders-pill-stat.positive{color:#10b981;background:#10b9811f}.orders-pill-stat.neutral{color:var(--text-secondary);background:#ffffff0f}.orders-pill-stat.warning{color:#f59e0b;background:#f59e0b24}.orders-pill-stat.critical{color:#f43f5e;background:#f43f5e24}.orders-tabs-nav{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.orders-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.orders-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.orders-tab-btn.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 1px 4px #0000001f}.orders-tab-count{color:var(--text-secondary);background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:.74rem;font-weight:700}.orders-tab-btn.active .orders-tab-count{background:var(--text-primary);color:var(--bg-primary)}.sla-badge{border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.72rem;font-weight:600;display:inline-flex}.sla-badge.fresh{color:#10b981;background:#10b9811f}.sla-badge.normal{color:#3b82f6;background:#3b82f61f}.sla-badge.warning{color:#f59e0b;background:#f59e0b24}.sla-badge.breached{color:#f43f5e;background:#f43f5e29;border:1px solid #f43f5e66;animation:2s ease-in-out infinite pulseBreach}@keyframes pulseBreach{0%,to{opacity:1}50%{opacity:.65}}.order-pick-stack{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.order-pick-thumb-wrap{border:1px solid var(--border);background:var(--bg-secondary);border-radius:6px;flex-shrink:0;width:36px;height:36px;position:relative;overflow:hidden}.order-pick-thumb{object-fit:cover;width:100%;height:100%}.order-pick-qty-tag{color:#fff;background:#000000bf;border-top-left-radius:4px;padding:0 3px;font-size:.65rem;font-weight:700;position:absolute;bottom:0;right:0}.order-pick-more{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff0f;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.order-pick-details-text{color:var(--text-secondary);margin-top:2px;font-size:.78rem}.order-customer-cell{flex-direction:column;gap:2px;display:flex}.order-customer-name{color:var(--text-primary);font-size:.92rem;font-weight:600;text-decoration:none}.order-customer-name:hover{color:var(--accent,#6366f1)}.order-customer-meta{color:var(--text-secondary);font-size:.78rem}.order-value-cell{flex-direction:column;gap:3px;display:flex}.order-total-amount{color:var(--text-primary);font-size:.95rem;font-weight:700}.order-payment-method-pill{text-transform:uppercase;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:1px 5px;font-size:.72rem;font-weight:600;display:inline-flex}.order-payment-method-pill.cod{color:#f59e0b;background:#f59e0b1f}.order-payment-method-pill.prepaid{color:#10b981;background:#10b9811f}.orders-bulk-bar{z-index:1000;-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:12px;padding:8px 18px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);color:#fff!important;background:#18181b!important;border:1px solid #fff3!important;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff14!important}.orders-bulk-count{white-space:nowrap;align-items:center;gap:6px;padding-right:8px;font-size:.86rem;font-weight:600;display:flex;color:#fff!important;border-right:1px solid #fff3!important}.orders-bulk-count svg{color:#10b981!important}.orders-bulk-btn{cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff38!important}.orders-bulk-btn:hover{transform:translateY(-1px);color:#fff!important;background:#ffffff40!important}.orders-bulk-btn.clear{color:#e4e4e7!important;background:0 0!important;border:1px solid #ffffff26!important}.orders-bulk-btn.clear:hover{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff4d!important}.orders-bulk-btn.danger{color:#fca5a5!important;background:#ef444438!important;border:1px solid #ef444473!important}.orders-bulk-btn.danger:hover{transform:translateY(-1px);color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.table-action-btn.danger{color:var(--text-secondary)}.table-action-btn.danger:hover{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e4d}.orders-action-btn-danger{border-radius:var(--radius-sm,8px);color:#f43f5e;cursor:pointer;background:#f43f5e1a;border:1px solid #f43f5e40;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;font-weight:600;transition:all .15s;display:inline-flex}.orders-action-btn-danger:hover:not(:disabled){background:#f43f5e33;border-color:#f43f5e;transform:translateY(-1px)}.order-timeline-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius-lg,14px);margin-bottom:var(--spacing-xl);padding:24px}.order-timeline-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:20px;font-size:.84rem;font-weight:600}.order-timeline-steps{justify-content:space-between;align-items:center;gap:12px;display:flex;position:relative}.order-timeline-step{text-align:center;z-index:2;flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.timeline-step-indicator{background:var(--bg-secondary);border:2px solid var(--border);width:36px;height:36px;color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;margin-bottom:8px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.order-timeline-step.completed .timeline-step-indicator{color:#fff;background:#10b981;border-color:#10b981}.order-timeline-step.active .timeline-step-indicator{color:#fff;background:#6366f1;border-color:#6366f1;box-shadow:0 0 0 4px #6366f133}.order-timeline-step.cancelled .timeline-step-indicator{color:#fff;background:#f43f5e;border-color:#f43f5e}.timeline-step-label{color:var(--text-primary);font-size:.82rem;font-weight:600}.timeline-step-sub{color:var(--text-secondary);margin-top:2px;font-size:.72rem}.timeline-connector{background:var(--border);z-index:1;height:2px;position:absolute;top:18px;left:5%;right:5%}.timeline-connector-progress{background:#10b981;height:100%;transition:width .3s}.tracking-input-group{gap:10px;margin-top:12px;display:flex}.invoice-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.invoice-modal-container{color:#111827;background:#fff;border-radius:14px;flex-direction:column;width:100%;max-width:780px;max-height:90vh;display:flex;overflow-y:auto;box-shadow:0 24px 60px #00000073}.invoice-modal-header{background:#f9fafb;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.invoice-print-body{color:#1f2937;padding:32px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:.9rem;line-height:1.5}.invoice-brand-header{border-bottom:2px solid #e5e7eb;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;display:flex}.invoice-logo{letter-spacing:.1em;color:#111827;font-size:1.6rem;font-weight:800}.invoice-company-details{color:#6b7280;margin-top:4px;font-size:.78rem;line-height:1.4}.invoice-meta-right{text-align:right}.invoice-tag-title{color:#111827;font-size:1.25rem;font-weight:700}.invoice-number-bold{color:#4b5563;margin-top:2px;font-size:1rem;font-weight:600}.invoice-addresses-grid{grid-template-columns:1fr 1fr;gap:24px;margin-bottom:28px;display:grid}.invoice-address-box h4{text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:6px;font-size:.78rem;font-weight:700}.invoice-table{border-collapse:collapse;width:100%;margin-bottom:24px}.invoice-table th{color:#374151;text-transform:uppercase;letter-spacing:.05em;text-align:left;background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:10px 12px;font-size:.78rem;font-weight:700}.invoice-table td{border-bottom:1px solid #f3f4f6;padding:10px 12px;font-size:.88rem}.invoice-totals-section{justify-content:flex-end;margin-bottom:28px;display:flex}.invoice-totals-box{flex-direction:column;gap:8px;width:260px;display:flex}.invoice-total-row{color:#4b5563;justify-content:space-between;font-size:.88rem;display:flex}.invoice-total-row.grand{color:#111827;border-top:2px solid #e5e7eb;padding-top:8px;font-size:1.1rem;font-weight:700}.invoice-footer-note{color:#9ca3af;text-align:center;border-top:1px solid #f3f4f6;padding-top:16px;font-size:.75rem}@media print{body *{visibility:hidden}.invoice-modal-overlay{background:0 0;padding:0;position:absolute;inset:0}.invoice-modal-container{box-shadow:none;border-radius:0;max-width:100%}.invoice-modal-header{display:none!important}.invoice-print-body,.invoice-print-body *{visibility:visible}}@media (width<=992px){.orders-kpi-grid{grid-template-columns:repeat(2,1fr)}.order-timeline-steps{flex-wrap:wrap}}@media (width<=640px){.orders-kpi-grid{grid-template-columns:1fr}.orders-bulk-bar{border-radius:14px;flex-wrap:wrap;justify-content:center;width:94%;padding:12px}.orders-bulk-count{border-right:none;justify-content:center;width:100%}}.admin-details-page{gap:var(--spacing-xl);flex-direction:column;display:flex}.admin-details-header{justify-content:space-between;align-items:center;display:flex}.admin-details-header-left{flex-direction:column;gap:4px;display:flex}.admin-details-header-left h1{align-items:center;gap:12px;font-size:1.5rem;font-weight:600;display:flex}.admin-details-subtitle{color:var(--text-secondary);align-items:center;gap:12px;font-size:.95rem;display:flex}.admin-details-layout{gap:var(--spacing-2xl);grid-template-columns:2fr 1fr;display:grid}.admin-details-main,.admin-details-sidebar{gap:var(--spacing-xl);flex-direction:column;display:flex}.admin-details-section{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl)}.admin-details-section-header{margin-bottom:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.admin-details-section-header h2{font-size:1.1rem;font-weight:600}.section-action-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;font-size:.9rem;font-weight:500}.admin-timeline{gap:var(--spacing-lg);flex-direction:column;display:flex}.timeline-item{gap:var(--spacing-md);display:flex}.timeline-icon{background-color:var(--bg-primary);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.timeline-content{flex-direction:column;flex:1;gap:4px;display:flex}.timeline-title{font-size:.95rem;font-weight:500}.timeline-time{color:var(--text-secondary);font-size:.85rem}.timeline-line{background-color:var(--border);z-index:0;width:1px;position:absolute;top:32px;bottom:-16px;left:16px}.admin-details-sidebar .info-block{margin-bottom:var(--spacing-lg);padding:0;padding-bottom:var(--spacing-lg);border:none;border-bottom:1px dashed var(--border);border-radius:0;flex-direction:column;gap:8px;display:flex}.admin-details-sidebar .info-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.info-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem}.info-value{font-size:.95rem;font-weight:500}.info-link{color:var(--accent);text-decoration:none}.info-link:hover{text-decoration:underline}@media (width<=992px){.admin-details-layout{grid-template-columns:1fr}}@media (width<=768px){.admin-details-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.admin-details-section{padding:var(--spacing-md)}}.admin-customers-page{gap:var(--spacing-xl);flex-direction:column;animation:.25s ease-out fadeIn;display:flex}.customers-header-container{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.customers-header-titles h1{letter-spacing:-.02em;margin-bottom:4px;font-size:1.6rem;font-weight:700}.customers-header-subtitle{color:var(--text-secondary);font-size:.88rem}.customers-header-actions{align-items:center;gap:10px;display:flex}.customer-kpi-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.customer-kpi-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius-lg,14px);flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.customer-kpi-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.customer-kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.customer-kpi-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.78rem;font-weight:600}.customer-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.customer-kpi-icon.indigo{color:#6366f1;background:#6366f11f}.customer-kpi-icon.emerald{color:#10b981;background:#10b9811f}.customer-kpi-icon.amber{color:#f59e0b;background:#f59e0b1f}.customer-kpi-icon.rose{color:#f43f5e;background:#f43f5e1f}.customer-kpi-main-val{letter-spacing:-.02em;color:var(--text-primary);align-items:baseline;gap:8px;margin-bottom:6px;font-size:1.85rem;font-weight:700;display:flex}.customer-kpi-subtext{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.customer-pill-stat{border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.76rem;font-weight:500;display:inline-flex}.customer-pill-stat.positive{color:#10b981;background:#10b9811f}.customer-pill-stat.neutral{color:var(--text-secondary);background:#ffffff0f}.customer-pill-stat.warning{color:#f59e0b;background:#f59e0b24}.customer-pill-stat.critical{color:#f43f5e;background:#f43f5e24}.customer-tabs-nav{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.customer-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.customer-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.customer-tab-btn.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 1px 4px #0000001f}.customer-tab-count{color:var(--text-secondary);background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:.74rem;font-weight:700}.customer-tab-btn.active .customer-tab-count{background:var(--text-primary);color:var(--bg-primary)}.tier-badge{text-transform:capitalize;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.74rem;font-weight:600;display:inline-flex}.tier-badge.vip{color:#f59e0b;background:#f59e0b26;border:1px solid #f59e0b4d}.tier-badge.repeat{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640}.tier-badge.new{color:#10b981;background:#10b9811f;border:1px solid #10b98140}.tier-badge.at_risk{color:#f43f5e;background:#f43f5e24;border:1px solid #f43f5e4d}.tier-badge.lead{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff14}.customer-avatar{background:var(--text-primary);width:40px;height:40px;color:var(--bg-primary);border:1px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;font-weight:700;display:flex;overflow:hidden}.customer-avatar img{object-fit:cover;width:100%;height:100%}.customer-quick-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:.8rem;text-decoration:none;transition:all .15s;display:inline-flex}.customer-quick-btn:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--text-secondary)}.customer-quick-btn.whatsapp{color:#10b981;border-color:#10b9814d}.customer-quick-btn.whatsapp:hover{color:#10b981;background:#10b9811f}.customers-bulk-bar{z-index:1000;-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:12px;padding:8px 18px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);color:#fff!important;background:#18181b!important;border:1px solid #fff3!important;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff14!important}.customers-bulk-count{white-space:nowrap;align-items:center;gap:6px;padding-right:8px;font-size:.86rem;font-weight:600;display:flex;color:#fff!important;border-right:1px solid #fff3!important}.customers-bulk-count svg{color:#10b981!important}.customers-bulk-btn{cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff38!important}.customers-bulk-btn:hover{transform:translateY(-1px);color:#fff!important;background:#ffffff40!important}.customers-bulk-btn.clear{color:#e4e4e7!important;background:0 0!important;border:1px solid #ffffff26!important}.customers-bulk-btn.clear:hover{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff4d!important}.crm-notes-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:10px;padding:16px;display:flex}.crm-notes-textarea{background:var(--bg-secondary);border:1px solid var(--border);width:100%;min-height:90px;color:var(--text-primary);resize:vertical;border-radius:8px;padding:10px 12px;font-family:inherit;font-size:.88rem}.crm-notes-textarea:focus{border-color:#6366f1;outline:none}@media (width<=992px){.customer-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.customer-kpi-grid{grid-template-columns:1fr}.customers-bulk-bar{border-radius:14px;flex-wrap:wrap;justify-content:center;width:94%;padding:12px}.customers-bulk-count{border-right:none;justify-content:center;width:100%}}.admin-customer-profile{gap:var(--spacing-xl);flex-direction:column;animation:.25s ease-out fadeIn;display:flex}.profile-header-container{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px;display:flex}.profile-identity-wrapper{align-items:center;gap:18px;display:flex}.profile-avatar-large{background:var(--text-primary);width:64px;height:64px;color:var(--bg-primary);border:3px solid var(--border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:1.4rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 14px #00000014}.profile-avatar-large img{object-fit:cover;width:100%;height:100%}.profile-identity-details{flex-direction:column;gap:6px;display:flex}.profile-name-tier-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.profile-customer-name{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.7rem;font-weight:700}.profile-meta-row{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;font-size:.86rem;display:flex}.profile-id-pill{background:var(--bg-secondary);border:1px solid var(--border);border-radius:4px;padding:2px 7px;font-family:monospace;font-size:.76rem}.profile-connect-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-connect-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-primary);color:var(--text-primary);border-radius:10px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .15s cubic-bezier(.16,1,.3,1);display:inline-flex}.profile-connect-btn:hover{background:var(--bg-secondary);transform:translateY(-1px);box-shadow:0 4px 12px #0000000f}.profile-connect-btn.whatsapp{color:#10b981;background:#10b9811f;border-color:#10b9814d}.profile-connect-btn.whatsapp:hover{color:#10b981;background:#10b98133}.profile-kpi-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(210px,1fr));display:grid}.profile-kpi-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 2px 8px #0000000a}.profile-kpi-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.profile-kpi-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:8px;font-size:.78rem;font-weight:600}.profile-kpi-val{letter-spacing:-.02em;color:var(--text-primary);margin-bottom:4px;font-size:1.7rem;font-weight:700}.profile-kpi-subtext{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8rem;display:flex}.profile-details-grid{gap:var(--spacing-xl);grid-template-columns:2fr 1fr;align-items:start;display:grid}.profile-details-main,.profile-details-sidebar{gap:var(--spacing-xl);flex-direction:column;display:flex}.profile-section-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;padding:24px;box-shadow:0 2px 8px #0000000a}.profile-section-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:18px;padding-bottom:12px;display:flex}.profile-section-header h2{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1.12rem;font-weight:700;display:flex}.profile-badge-count{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border);border-radius:999px;padding:2px 8px;font-size:.76rem;font-weight:700}.crm-notes-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:12px;padding:20px;display:flex;box-shadow:0 2px 8px #0000000a}.crm-notes-header{justify-content:space-between;align-items:center;display:flex}.crm-notes-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:.98rem;font-weight:700;display:flex}.crm-notes-textarea{background:var(--bg-secondary);border:1px solid var(--border);width:100%;min-height:100px;color:var(--text-primary);resize:vertical;border-radius:10px;padding:12px 14px;font-family:inherit;font-size:.88rem;line-height:1.5;transition:all .15s}.crm-notes-textarea:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f126}.crm-notes-footer{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.76rem;display:flex}.profile-channel-list{flex-direction:column;gap:14px;display:flex}.profile-channel-item{color:var(--text-primary);align-items:center;gap:12px;font-size:.9rem;display:flex}.profile-channel-icon{background:var(--bg-secondary);border:1px solid var(--border);width:32px;height:32px;color:var(--text-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.profile-address-box{align-items:flex-start;gap:12px;font-size:.9rem;line-height:1.6;display:flex}.profile-address-tag{color:#10b981;background:#10b9811f;border-radius:4px;align-items:center;gap:4px;margin-bottom:6px;padding:2px 8px;font-size:.74rem;font-weight:600;display:inline-flex}@media (width<=992px){.profile-details-grid{grid-template-columns:1fr}}@media (width<=640px){.profile-header-container{flex-direction:column;align-items:flex-start}.profile-connect-actions{width:100%}.profile-connect-btn{flex:1;justify-content:center}.profile-kpi-grid{grid-template-columns:1fr}}.admin-inventory-page{gap:var(--spacing-xl);flex-direction:column;animation:.25s ease-out fadeIn;display:flex}.inventory-header-container{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.inventory-header-titles h1{letter-spacing:-.02em;margin-bottom:4px;font-size:1.6rem;font-weight:700}.inventory-header-subtitle{color:var(--text-secondary);font-size:.88rem}.inventory-header-actions{align-items:center;gap:10px;display:flex}.inventory-action-btn-secondary{border-radius:var(--radius-sm,8px);background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;align-items:center;gap:8px;padding:8px 14px;font-size:.86rem;font-weight:500;transition:all .15s;display:inline-flex}.inventory-action-btn-secondary:hover:not(:disabled){background:var(--bg-primary);border-color:var(--text-secondary);transform:translateY(-1px)}.inventory-action-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.inventory-kpi-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.inventory-kpi-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius-lg,14px);flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.inventory-kpi-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.inventory-kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.inventory-kpi-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.78rem;font-weight:600}.inventory-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.inventory-kpi-icon.blue{color:#3b82f6;background:#3b82f61f}.inventory-kpi-icon.green{color:#10b981;background:#10b9811f}.inventory-kpi-icon.amber{color:#f59e0b;background:#f59e0b1f}.inventory-kpi-icon.rose{color:#f43f5e;background:#f43f5e1f}.inventory-kpi-main-val{letter-spacing:-.02em;color:var(--text-primary);align-items:baseline;gap:8px;margin-bottom:6px;font-size:1.85rem;font-weight:700;display:flex}.inventory-kpi-subtext{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.inventory-pill-stat{border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.76rem;font-weight:500;display:inline-flex}.inventory-pill-stat.positive{color:#10b981;background:#10b9811f}.inventory-pill-stat.neutral{color:var(--text-secondary);background:#ffffff0f}.inventory-pill-stat.warning{color:#f59e0b;background:#f59e0b24}.inventory-pill-stat.critical{color:#f43f5e;background:#f43f5e24}.valuation-toggle-btn{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:#ffffff14;border-radius:6px;margin-left:auto;padding:2px 8px;font-size:.72rem;font-weight:600;transition:all .15s}.valuation-toggle-btn:hover{color:var(--text-primary);background:#ffffff24}.inventory-filters-row{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.inventory-filter-count{color:var(--text-secondary);margin-left:auto;font-size:.84rem}.inventory-table th{white-space:nowrap}.inventory-product-cell{align-items:center;gap:12px;display:flex}.inventory-thumbnail{object-fit:cover;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:44px;height:44px}.inventory-product-meta{flex-direction:column;gap:3px;display:flex}.inventory-product-name{color:var(--text-primary);font-size:.92rem;font-weight:600;line-height:1.25}.inventory-product-tags{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inventory-sku-badge{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff14;border-radius:4px;padding:1px 6px;font-family:monospace;font-size:.74rem}.inventory-cat-badge{color:#c084fc;background:#a855f71a;border-radius:4px;padding:1px 6px;font-size:.74rem}.inventory-val-col{flex-direction:column;gap:2px;display:flex}.inventory-unit-price{color:var(--text-primary);font-size:.88rem;font-weight:500}.inventory-line-val{color:var(--text-secondary);font-size:.78rem}.ats-pill{border-radius:8px;justify-content:center;align-items:center;min-width:42px;padding:4px 10px;font-size:.95rem;font-weight:700;display:inline-flex}.ats-pill.healthy{color:#10b981;background:#10b98124;border:1px solid #10b98140}.ats-pill.warning{color:#f59e0b;background:#f59e0b24;border:1px solid #f59e0b4d}.ats-pill.critical{color:#f43f5e;background:#f43f5e29;border:1px solid #f43f5e59}.threshold-chip-btn{border:1px dashed var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.82rem;font-weight:500;transition:all .15s;display:inline-flex}.threshold-chip-btn:hover{background:var(--bg-secondary);border-color:var(--text-secondary);color:var(--text-primary)}.variant-chips-wrap{flex-wrap:wrap;align-items:center;gap:6px;max-width:280px;display:flex}.variant-chip{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:6px;align-items:center;gap:3px;padding:3px 7px;font-size:.78rem;font-weight:600;transition:all .15s;display:inline-flex}.variant-chip:hover{background:#ffffff1a;transform:translateY(-1px)}.variant-chip.zero{color:#f43f5e;background:#f43f5e1f;border-color:#f43f5e59;animation:2s ease-in-out infinite pulseOut}@keyframes pulseOut{0%,to{border-color:#f43f5e59}50%{border-color:#f43f5ebf}}.quick-restock-group{border:1px solid var(--border);background:#ffffff08;border-radius:6px;align-items:center;gap:4px;padding:2px;display:inline-flex}.quick-restock-pill{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 6px;font-size:.76rem;font-weight:600;transition:all .12s}.quick-restock-pill:hover:not(:disabled){color:var(--text-primary);background:#ffffff24}.quick-restock-pill:disabled{opacity:.3;cursor:not-allowed}.inventory-bulk-bar{z-index:1000;-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:12px;padding:8px 18px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);color:#fff!important;background:#18181b!important;border:1px solid #fff3!important;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff14!important}.inventory-bulk-count{white-space:nowrap;align-items:center;gap:6px;padding-right:8px;font-size:.86rem;font-weight:600;display:flex;color:#fff!important;border-right:1px solid #fff3!important}.inventory-bulk-count svg{color:#10b981!important}.inventory-bulk-btn{cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff38!important}.inventory-bulk-btn:hover{transform:translateY(-1px);color:#fff!important;background:#ffffff40!important}.inventory-bulk-btn.clear{color:#e4e4e7!important;background:0 0!important;border:1px solid #ffffff26!important}.inventory-bulk-btn.clear:hover{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff4d!important}.modal-stat-box{background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:2px;padding:10px 14px;display:flex}.modal-stat-label{text-transform:uppercase;color:var(--text-secondary);font-size:.72rem;font-weight:600}.modal-stat-value{color:var(--text-primary);font-size:1.15rem;font-weight:700}@media (width<=992px){.inventory-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.inventory-kpi-grid{grid-template-columns:1fr}.inventory-bulk-bar{border-radius:14px;flex-wrap:wrap;justify-content:center;width:92%;padding:12px}.inventory-bulk-count{border-right:none;justify-content:center;width:100%}}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{content:"";border:3px solid #ccc;border-width:3px 3px 0 0;width:9px;height:9px;display:block;position:absolute;top:6px}.react-datepicker__sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker-wrapper{border:0;padding:0;display:inline-block}.react-datepicker{color:#000;font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;line-height:initial;background-color:#fff;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-right-radius:.375em;border-bottom-left-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-top:1px solid #aeaeae;border-bottom:none;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{margin:0 15px;display:inline-block}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;background-color:#0000;border:1px solid #aeaeae;border-radius:.3rem;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:1px auto}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{color:#000;margin-top:0;font-size:.944rem;font-weight:700}h2.react-datepicker__current-month{margin:0;padding:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{text-align:center;cursor:pointer;z-index:1;text-indent:-999em;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:flex;position:absolute;top:2px;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{margin-left:auto;margin-right:auto;display:block;position:relative;top:0}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover :before{border-color:#a6a6a6}.react-datepicker__navigation-icon{width:0;font-size:20px;position:relative;top:-1px}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{left:-7px;transform:rotate(45deg)}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{right:-7px;transform:rotate(225deg)}.react-datepicker__month-container{float:left}.react-datepicker__year{text-align:center;margin:.5em}.react-datepicker__year-wrapper{flex-wrap:wrap;max-width:180px;display:flex}.react-datepicker__year .react-datepicker__year-text{width:5em;margin:2px;display:inline-block}.react-datepicker__month{text-align:center;margin:.5em}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{width:5em;margin:2px;display:inline-block}.react-datepicker__input-time-container{clear:both;float:left;text-align:left;width:100%;margin:5px 0 10px 15px}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{margin-left:10px;display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{border:1px solid #aeaeae;border-radius:.375em;display:inline;position:absolute;top:0;right:-87px}.react-datepicker__time-container .react-datepicker__time{background:#fff;border-bottom-right-radius:.375em;position:relative}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{text-align:center;border-bottom-right-radius:.375em;width:85px;margin:0 auto;overflow-x:hidden}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{box-sizing:content-box;width:100%;height:calc(195px + 1.0625em);margin:0;padding-left:0;padding-right:0;list-style:none;overflow-y:scroll}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{white-space:nowrap;height:30px;padding:5px 10px}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{color:#fff;background-color:#216ba5;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:#0000}.react-datepicker__week-number{color:#ccc;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__week-number--selected{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;text-align:center;width:2.125em;margin:.208em;line-height:2.125em;display:inline-block}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{background-color:#f0f0f0;border-radius:.3rem}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{color:#fff;background-color:#3dcc4a;border-radius:.3rem}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{color:#fff;background-color:#ff6803;border-radius:.3rem;position:relative}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{color:#fff;background-color:#216ba5;border-radius:.3rem}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{color:#000;background-color:#bad9f1;border-radius:.3rem}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{color:#fff;background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){color:#000;background-color:#f0f0f0}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{color:#fff;white-space:nowrap;visibility:hidden;opacity:0;background-color:#333;border-radius:4px;padding:4px;transition:visibility,opacity .3s ease-in-out;position:absolute;bottom:70%;left:50%;transform:translate(-50%)}.react-datepicker__input-container{width:100%;display:inline-block;position:relative}.react-datepicker__input-container .react-datepicker__calendar-icon{box-sizing:content-box;padding:.625em;position:absolute}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid #0000;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{top:0;right:-16px;transform:rotate(135deg)}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{z-index:1;text-align:center;background-color:#f0f0f0;border:1px solid #aeaeae;border-radius:.3rem;width:50%;position:absolute;top:30px;left:25%}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{width:100%;margin-left:auto;margin-right:auto;line-height:20px;display:block}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;user-select:none;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;vertical-align:middle;background-color:#0000;border:0;outline:0;height:100%;padding:0 6px 0 0;display:table-cell;position:absolute;top:0;right:0}.react-datepicker__close-icon:after{cursor:pointer;color:#fff;text-align:center;vertical-align:middle;content:"×";background-color:#216ba5;border-radius:50%;width:16px;height:16px;padding:2px;font-size:12px;line-height:1;display:table-cell}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{cursor:pointer;text-align:center;clear:left;background:#f0f0f0;border-top:1px solid #aeaeae;padding:5px 0;font-weight:700}.react-datepicker__portal{z-index:2147483647;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.react-datepicker__children-container{width:17.25em;height:auto;margin:.5em;padding-left:.25em;padding-right:.25em}.react-datepicker__aria-live{clip-path:circle(0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.react-datepicker__calendar-icon{vertical-align:-.125em;width:1em;height:1em}.react-datepicker-popper-offset{margin-top:-.7em}.admin-reviews-page{gap:var(--spacing-xl);flex-direction:column;animation:.25s ease-out fadeIn;display:flex}.reviews-header-container{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.reviews-header-titles h1{letter-spacing:-.02em;margin-bottom:4px;font-size:1.6rem;font-weight:700}.reviews-header-subtitle{color:var(--text-secondary);font-size:.88rem}.reviews-header-actions{align-items:center;gap:10px;display:flex}.review-kpi-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.review-kpi-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius-lg,14px);flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.review-kpi-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.review-kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.review-kpi-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.78rem;font-weight:600}.review-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.review-kpi-icon.gold{color:#f59e0b;background:#f59e0b24}.review-kpi-icon.amber{color:#f59e0b;background:#f59e0b1f}.review-kpi-icon.emerald{color:#10b981;background:#10b9811f}.review-kpi-icon.indigo{color:#6366f1;background:#6366f11f}.review-kpi-main-val{letter-spacing:-.02em;color:var(--text-primary);align-items:baseline;gap:8px;margin-bottom:6px;font-size:1.85rem;font-weight:700;display:flex}.review-kpi-subtext{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.review-pill-stat{border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.76rem;font-weight:500;display:inline-flex}.review-pill-stat.positive{color:#10b981;background:#10b9811f}.review-pill-stat.warning{color:#f59e0b;background:#f59e0b24}.review-pill-stat.neutral{color:var(--text-secondary);background:#ffffff0f}.review-rating-summary-bar{background:var(--bg-primary);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}.rating-bar-group{color:var(--text-secondary);align-items:center;gap:8px;font-size:.82rem;font-weight:600;display:flex}.rating-progress-track{background:var(--bg-secondary);border:1px solid var(--border);border-radius:999px;width:90px;height:6px;overflow:hidden}.rating-progress-fill{background:#f59e0b;border-radius:999px;height:100%;transition:width .3s}.review-tabs-nav{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.review-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.review-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.review-tab-btn.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 1px 4px #0000001f}.review-tab-count{color:var(--text-secondary);background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:.74rem;font-weight:700}.review-tab-btn.active .review-tab-count{background:var(--text-primary);color:var(--bg-primary)}.verified-buyer-badge{color:#10b981;background:#10b9811f;border:1px solid #10b98140;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:2px 7px;font-size:.72rem;font-weight:600;display:inline-flex}.merchant-reply-preview{background:#6366f10f;border-left:3px solid #6366f1;border-radius:4px 8px 8px 4px;margin-top:8px;padding:8px 12px;font-size:.82rem}.merchant-reply-header{color:#6366f1;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;margin-bottom:3px;font-size:.74rem;font-weight:700;display:flex}.reviews-bulk-bar{z-index:1000;-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:12px;padding:8px 18px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);color:#fff!important;background:#18181b!important;border:1px solid #fff3!important;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff14!important}.reviews-bulk-count{white-space:nowrap;align-items:center;gap:6px;padding-right:8px;font-size:.86rem;font-weight:600;display:flex;color:#fff!important;border-right:1px solid #fff3!important}.reviews-bulk-count svg{color:#10b981!important}.reviews-bulk-btn{cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff38!important}.reviews-bulk-btn:hover{transform:translateY(-1px);color:#fff!important;background:#ffffff40!important}.reviews-bulk-btn.approve{color:#a7f3d0!important;background:#10b98133!important;border-color:#10b98166!important}.reviews-bulk-btn.approve:hover{color:#fff!important;background:#10b981!important}.reviews-bulk-btn.reject{color:#fca5a5!important;background:#ef444438!important;border-color:#ef444473!important}.reviews-bulk-btn.reject:hover{color:#fff!important;background:#ef4444!important}.reviews-bulk-btn.clear{color:#e4e4e7!important;background:0 0!important;border:1px solid #ffffff26!important}.reviews-bulk-btn.clear:hover{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff4d!important}.reply-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.reply-modal-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:18px;width:100%;max-width:540px;padding:24px;display:flex;box-shadow:0 24px 60px #00000080}.reply-textarea{background:var(--bg-primary);border:1px solid var(--border);width:100%;min-height:120px;color:var(--text-primary);resize:vertical;border-radius:10px;padding:12px;font-family:inherit;font-size:.9rem;line-height:1.5}.reply-textarea:focus{border-color:#6366f1;outline:none}@media (width<=992px){.review-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.review-kpi-grid{grid-template-columns:1fr}.reviews-bulk-bar{border-radius:14px;flex-wrap:wrap;justify-content:center;width:94%;padding:12px}.reviews-bulk-count{border-right:none;justify-content:center;width:100%}}.sr-tabs{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);margin-bottom:var(--spacing-2xl);gap:4px;width:fit-content;padding:4px;display:flex}.sr-tab{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:10px 20px;font-family:inherit;font-size:.95rem;font-weight:500;display:flex}.sr-tab:hover{color:var(--text-primary)}.sr-tab.active{background-color:var(--bg-primary);color:var(--text-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.sr-section-header{margin-bottom:var(--spacing-xl);justify-content:space-between;align-items:flex-start;display:flex}.sr-section-header h2{margin-bottom:4px;font-size:1.2rem;font-weight:600}.sr-section-header p{color:var(--text-secondary);font-size:.9rem}.sr-add-btn{white-space:nowrap;align-items:center;gap:6px;display:flex}.sr-loading{padding:var(--spacing-3xl);text-align:center;color:var(--text-secondary)}.sr-empty-state{text-align:center;padding:var(--spacing-3xl) var(--spacing-xl);color:var(--text-secondary);justify-content:center;align-items:center;gap:var(--spacing-md);background-color:var(--bg-secondary);border:1px dashed var(--border);border-radius:var(--radius-md);flex-direction:column;display:flex}.sr-empty-state h3{color:var(--text-primary);margin:0;font-size:1.2rem}.sr-empty-state p{margin:0 0 var(--spacing-sm);font-size:.95rem}.sr-zones-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.sr-zone-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition-fast);overflow:hidden}.sr-zone-card:hover{border-color:var(--text-secondary)}.sr-zone-header{padding:var(--spacing-lg) var(--spacing-xl);cursor:pointer;transition:background-color var(--transition-fast);justify-content:space-between;align-items:center;display:flex}.sr-zone-header:hover{background-color:#ffffff05}.sr-zone-info{flex-direction:column;gap:4px;display:flex}.sr-zone-title-row{align-items:center;gap:var(--spacing-sm);display:flex}.sr-zone-title-row h3{margin:0;font-size:1.05rem;font-weight:600}.sr-zone-regions{color:var(--text-secondary);padding-left:28px;font-size:.85rem}.sr-zone-meta{align-items:center;gap:var(--spacing-lg);display:flex}.sr-method-count{color:var(--text-secondary);white-space:nowrap;font-size:.85rem}.sr-zone-actions{gap:4px;display:flex}.sr-zone-methods{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.sr-zone-methods.expanded{grid-template-rows:1fr}.sr-zone-methods-inner{min-height:0;overflow:hidden}.sr-methods-header{padding:var(--spacing-md) var(--spacing-xl);border-top:1px solid var(--border);background-color:#0000001a;justify-content:space-between;align-items:center;display:flex}.sr-methods-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:600}.sr-add-method-btn{color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);background:0 0;align-items:center;gap:4px;padding:4px 10px;font-family:inherit;font-size:.85rem;font-weight:500;display:flex}.sr-add-method-btn:hover{color:var(--text-primary);border-color:var(--text-primary)}.sr-no-methods{padding:var(--spacing-lg) var(--spacing-xl);color:var(--text-secondary);font-size:.9rem;font-style:italic}.sr-methods-grid{gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-xl) var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.sr-method-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:var(--spacing-md);gap:var(--spacing-sm);transition:all var(--transition-fast);flex-direction:column;display:flex}.sr-method-card:hover{border-color:var(--text-secondary)}.sr-method-card.inactive{opacity:.5}.sr-method-top{justify-content:space-between;align-items:center;display:flex}.sr-method-name{align-items:center;gap:8px;font-size:.95rem;font-weight:600;display:flex}.sr-method-actions{gap:2px;display:flex}.sr-method-desc{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.4}.sr-method-details{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;margin-top:4px;display:flex}.sr-method-price,.sr-method-days{color:var(--text-primary);align-items:center;gap:4px;font-size:.85rem;font-weight:500;display:flex}.sr-method-price{color:#34c759}.sr-method-inactive-tag{border-radius:var(--radius-full);color:#ff3b30;background-color:#ff3b301a;padding:2px 8px;font-size:.75rem;font-weight:500}.sr-policies-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fill,minmax(380px,1fr));display:grid}.sr-policy-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--spacing-xl);gap:var(--spacing-md);transition:border-color var(--transition-fast);flex-direction:column;display:flex}.sr-policy-card:hover{border-color:var(--text-secondary)}.sr-policy-card.inactive{opacity:.55}.sr-policy-header{justify-content:space-between;align-items:flex-start;display:flex}.sr-policy-title-row{align-items:center;gap:var(--spacing-sm);display:flex}.sr-policy-title-row h3{margin:0;font-size:1.1rem;font-weight:600}.sr-policy-actions{gap:4px;display:flex}.sr-policy-desc{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.5}.sr-policy-meta{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.sr-policy-tag{border-radius:var(--radius-full);background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:flex}.sr-policy-conditions{border-top:1px solid var(--border);padding-top:var(--spacing-md)}.sr-conditions-header{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);align-items:center;gap:6px;margin-bottom:6px;font-size:.8rem;font-weight:600;display:flex}.sr-policy-conditions p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.sr-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;padding:var(--spacing-xl);background-color:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.sr-modal{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-lg,12px);width:100%;max-width:480px;max-height:90vh;animation:.25s modalSlideIn;overflow-y:auto;box-shadow:0 24px 60px #0000004d}.sr-modal-wide{max-width:600px}.sr-modal-header{padding:var(--spacing-xl);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;display:flex}.sr-modal-header h3{margin:0;font-size:1.15rem;font-weight:600}.sr-modal-close{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sr-modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.sr-modal-body{padding:var(--spacing-xl)}.sr-modal-footer{justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border);display:flex}.sr-toggle-row{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;font-size:.95rem;display:flex}.sr-toggle{width:40px;height:24px;position:relative}.sr-toggle input{opacity:0;width:0;height:0}.sr-toggle-slider{cursor:pointer;background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;transition:all .3s;position:absolute;inset:0}.sr-toggle-slider:before{content:"";background-color:var(--text-secondary);border-radius:50%;width:18px;height:18px;transition:all .3s;position:absolute;bottom:2px;left:2px}.sr-toggle input:checked+.sr-toggle-slider{background-color:#34c759;border-color:#34c759}.sr-toggle input:checked+.sr-toggle-slider:before{background-color:#fff;transform:translate(16px)}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.sr-tabs{width:100%}.sr-section-header{gap:var(--spacing-md);flex-direction:column}.sr-zone-header{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.sr-zone-meta{justify-content:space-between;width:100%}.sr-methods-grid,.sr-policies-grid{grid-template-columns:1fr}.sr-modal{max-width:100%;margin:var(--spacing-md)}}.settings-layout{gap:var(--spacing-3xl);align-items:flex-start;display:flex}.settings-sidebar{flex-shrink:0;width:250px;position:sticky;top:90px}.settings-nav{flex-direction:column;gap:4px;display:flex}.settings-nav-btn{border-radius:var(--radius-sm);color:var(--text-secondary);text-align:left;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:12px;padding:10px 16px;font-size:.95rem;font-weight:500;display:flex}.settings-nav-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.settings-nav-btn.active{background-color:var(--bg-secondary);color:var(--text-primary);font-weight:600}.settings-content{flex:1;min-width:0}.settings-header{margin-bottom:var(--spacing-xl)}.settings-header h2{margin-bottom:4px;font-size:1.25rem;font-weight:600}.settings-header p{color:var(--text-secondary);font-size:.95rem}.settings-save-btn{align-items:center;gap:8px;display:flex}.settings-save-btn .spin{animation:1s linear infinite spin}.form-hint{color:var(--text-secondary);margin-top:6px;font-size:.8rem;display:block}.settings-link{color:#007aff;text-underline-offset:3px;font-weight:500;text-decoration:underline}.settings-link:hover{opacity:.8}.settings-section-desc{color:var(--text-secondary);margin-bottom:var(--spacing-lg);font-size:.85rem}.settings-payment-card{transition:border-color var(--transition-fast)}.settings-card-top{justify-content:space-between;align-items:center;display:flex}.settings-card-info{align-items:center;gap:var(--spacing-md);display:flex}.settings-card-info h3{margin:0 0 2px;font-size:1rem;font-weight:600}.settings-card-info p{color:var(--text-secondary);margin:0;font-size:.85rem}.settings-card-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:700;display:flex}.settings-card-icon.cod{color:#fff;background:linear-gradient(135deg,#34c759,#30d158)}.settings-card-icon.razorpay{color:#fff;background:linear-gradient(135deg,#072654,#2b6cb0)}.settings-card-icon.stripe{color:#fff;background:linear-gradient(135deg,#635bff,#7a73ff)}.settings-card-fields{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border);animation:.25s settingsSlideIn}@keyframes settingsSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.settings-toggle-row{cursor:pointer;color:var(--text-primary);justify-content:space-between;align-items:center;padding:2px 0;font-size:.95rem;display:flex}.settings-toggle{flex-shrink:0;width:44px;height:24px;position:relative}.settings-toggle input{opacity:0;width:0;height:0;position:absolute}.settings-toggle-slider{cursor:pointer;background-color:var(--border);border-radius:24px;transition:all .3s;position:absolute;inset:0}.settings-toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:2px;left:2px;box-shadow:0 1px 3px #0003}.settings-toggle input:checked+.settings-toggle-slider{background-color:#34c759}.settings-toggle input:checked+.settings-toggle-slider:before{transform:translate(20px)}.settings-notif-list{flex-direction:column;gap:0;display:flex}.settings-notif-list .settings-toggle-row{border-bottom:1px solid var(--border);padding:14px 0}.settings-notif-list .settings-toggle-row:last-child{border-bottom:none}.settings-user-cell{align-items:center;gap:12px;display:flex}.settings-user-avatar{background-color:var(--bg-secondary);border:1px solid var(--border);width:36px;height:36px;color:var(--text-primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex;overflow:hidden}.settings-user-avatar img{object-fit:cover;width:100%;height:100%}.settings-roles-info{margin-top:var(--spacing-xl)}.settings-info-card{gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);color:var(--text-primary);background:#007aff0d;border:1px solid #007aff26;display:flex}.settings-info-card h4{margin-bottom:6px;font-size:.95rem;font-weight:600}.settings-info-card p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.6}.settings-info-card code{background:#007aff1a;border-radius:4px;padding:2px 6px;font-family:SF Mono,Menlo,monospace;font-size:.8rem}.settings-info-card svg{color:#007aff;flex-shrink:0;margin-top:2px}@media (width<=768px){.settings-layout{gap:var(--spacing-xl);flex-direction:column}.settings-sidebar{width:100%;position:static;overflow-x:auto}.settings-nav{flex-direction:row;padding-bottom:8px}.settings-nav-btn{white-space:nowrap}.settings-card-top{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.form-row{flex-direction:column}}.team-management-page{max-width:1400px;margin:0 auto;padding:0}.team-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.team-header-info h1{color:var(--text-primary);margin-bottom:4px;font-size:1.75rem;font-weight:700}.team-header-info p{color:var(--text-secondary);font-size:.95rem}.team-header-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.team-stats-grid{gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.team-stat-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #0000000a}.team-stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.team-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.team-stat-icon.managers{color:#7c3aed;background:#7c3aed1f}.team-stat-icon.staff{color:#10b981;background:#10b9811f}.team-stat-icon.total{color:#3b82f6;background:#3b82f61f}.team-stat-icon.portals{color:#f59e0b;background:#f59e0b1f}.team-stat-content h3{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem;font-weight:700;line-height:1.1}.team-stat-content span{color:var(--text-secondary);font-size:.85rem;font-weight:500}.team-tabs-bar{border-bottom:1px solid var(--border);align-items:center;gap:8px;margin-bottom:1.5rem;padding-bottom:2px;display:flex}.team-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px 10px 0 0;align-items:center;gap:8px;padding:10px 18px;font-size:.95rem;font-weight:600;transition:all .2s;display:inline-flex;position:relative}.team-tab-btn:hover{color:var(--text-primary);background:#00000008}.team-tab-btn.active{color:var(--text-primary);background:var(--bg-primary);border-bottom:2px solid var(--text-primary)}.team-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.team-pills{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;gap:6px;padding:4px;display:flex}.team-pill-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.team-pill-btn.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 6px #0000000f}.staff-user-cell{align-items:center;gap:12px;display:flex}.staff-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex}.staff-avatar.manager{background:linear-gradient(135deg,#7c3aed,#4f46e5)}.staff-avatar.staff{background:linear-gradient(135deg,#059669,#0d9488)}.staff-name{color:var(--text-primary);font-weight:600}.staff-username-sub{color:var(--text-secondary);font-size:.8rem}.password-cell{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:4px 10px;font-family:monospace;font-size:.85rem;display:inline-flex}.password-toggle-btn{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;padding:0;transition:color .2s;display:flex}.password-toggle-btn:hover{color:var(--text-primary)}.badge-manager{color:#7c3aed;background:#7c3aed1f;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.badge-staff{color:#059669;background:#10b9811f;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.team-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.team-modal-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;flex-direction:column;width:100%;max-width:600px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px #0003}.team-modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.team-modal-header h2{color:var(--text-primary);margin:0;font-size:1.25rem;font-weight:700}.team-modal-body{padding:1.5rem;overflow-y:auto}.team-modal-footer{border-top:1px solid var(--border);background:var(--bg-secondary);justify-content:flex-end;gap:10px;padding:1rem 1.5rem;display:flex}.team-form-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.team-form-full{grid-column:span 2}.launchpad-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem;margin-top:1rem;display:grid}.launchpad-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:18px;flex-direction:column;justify-content:space-between;padding:2rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.launchpad-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.launchpad-card.manager-theme{border-top:4px solid #7c3aed}.launchpad-card.staff-theme{border-top:4px solid #10b981}.launchpad-header{align-items:center;gap:12px;margin-bottom:1rem;display:flex}.launchpad-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.launchpad-card.manager-theme .launchpad-icon{color:#7c3aed;background:#7c3aed1f}.launchpad-card.staff-theme .launchpad-icon{color:#10b981;background:#10b9811f}.launchpad-card h3{margin-bottom:4px;font-size:1.25rem;font-weight:700}.launchpad-card p{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.launchpad-feature-list{flex-direction:column;gap:8px;margin:0 0 1.5rem;padding:0;list-style:none;display:flex}.launchpad-feature-item{color:var(--text-primary);align-items:center;gap:8px;font-size:.88rem;display:flex}.launchpad-feature-item svg{color:#10b981;flex-shrink:0}.rbac-table-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;margin-top:1rem;overflow:hidden}.rbac-header-section{border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.rbac-category-row{background:var(--bg-secondary);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;padding:8px 16px;font-size:.75rem;font-weight:700}.rbac-table th,.rbac-table td{text-align:left;padding:14px 20px}.rbac-table th.center-col,.rbac-table td.center-col{text-align:center;width:140px}.portal-emulation-banner{color:#fff;z-index:10000;background:linear-gradient(90deg,#f59e0b,#d97706);justify-content:space-between;align-items:center;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex;position:sticky;top:0;box-shadow:0 2px 8px #d9770640}.portal-emulation-btn{color:#fff;cursor:pointer;background:#ffffff40;border:1px solid #fff6;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:.8rem;font-weight:700;transition:all .2s;display:inline-flex}.portal-emulation-btn:hover{background:#fff6}@media (width<=768px){.team-header{flex-direction:column}.team-header-actions{width:100%}.team-header-actions button{flex:1}.team-form-grid{grid-template-columns:1fr}.team-form-full{grid-column:span 1}}.status-badge{text-transform:capitalize;letter-spacing:.02em;border-radius:9999px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:600;transition:all .2s;display:inline-flex}.status-badge.active{color:#059669;background:#10b9811f;border:1px solid #10b9814d}.status-badge.suspended{color:#dc2626;background:#ef44441f;border:1px solid #ef44444d}.status-badge.on_leave{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.pulse-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.pulse-dot.green{background-color:#10b981;animation:2s infinite radar-pulse;box-shadow:0 0 #10b981b3}.pulse-dot.yellow{background-color:#f59e0b;animation:2s infinite radar-pulse;box-shadow:0 0 #f59e0bb3}.pulse-dot.red{background-color:#ef4444}.pulse-dot.gray{background-color:#94a3b8}@keyframes radar-pulse{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.dept-badge{white-space:nowrap;border-radius:8px;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.dept-badge.fulfillment{color:#059669;background:#10b9811a;border:1px solid #10b98140}.dept-badge.inbound{color:#2563eb;background:#3b82f61a;border:1px solid #3b82f640}.dept-badge.returns{color:#d97706;background:#f59e0b1a;border:1px solid #f59e0b40}.dept-badge.inventory{color:#7c3aed;background:#8b5cf61a;border:1px solid #8b5cf640}.dept-badge.management{color:#db2777;background:#ec48991a;border:1px solid #ec489940}.attend-live-cell{flex-direction:column;gap:2px;display:flex}.attend-live-tag{align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:inline-flex}.attend-live-tag.on-floor{color:#059669}.attend-live-tag.on-break{color:#d97706}.attend-live-tag.off-clock{color:var(--text-secondary)}.attend-live-sub{color:var(--text-secondary);font-size:.75rem}.status-select-inline{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;outline:none;padding:2px 4px;font-size:.78rem;font-weight:600;transition:all .2s}.status-select-inline:hover{border-color:var(--border);background:var(--bg-secondary)}.floor-radar-wrapper{flex-direction:column;gap:1.5rem;display:flex}.floor-telemetry-banner{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.floor-telemetry-left{align-items:center;gap:12px;display:flex}.floor-radar-pulse-icon{color:#10b981;background:#10b9811f;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative}.floor-radar-pulse-icon:after{content:"";border:2px solid #10b981;border-radius:12px;width:100%;height:100%;animation:2.5s infinite radar-pulse;position:absolute}.floor-telemetry-title h3{color:var(--text-primary);margin:0 0 2px;font-size:1.15rem}.floor-telemetry-title p{color:var(--text-secondary);margin:0;font-size:.85rem}.floor-metrics-pills{flex-wrap:wrap;gap:12px;display:flex}.floor-metric-pill{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;padding:6px 14px;font-size:.85rem;display:flex}.floor-metric-pill strong{color:var(--text-primary)}.floor-zones-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.25rem;display:grid}.floor-zone-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.floor-zone-card:hover{box-shadow:0 6px 20px #0000000f}.floor-zone-header{border-bottom:1px solid var(--border);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.floor-zone-header-info{align-items:center;gap:10px;display:flex}.floor-zone-icon{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-weight:700;display:flex}.floor-zone-title{color:var(--text-primary);font-size:.95rem;font-weight:700}.floor-zone-count{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);border-radius:9999px;padding:3px 8px;font-size:.8rem;font-weight:700}.floor-zone-count.active{color:#059669;background:#10b9811f;border-color:#10b9814d}.floor-zone-body{flex-direction:column;flex:1;gap:10px;padding:1rem 1.25rem;display:flex}.floor-zone-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;padding:2rem 1rem;font-size:.85rem;display:flex}.floor-zone-empty-alert{color:#d97706;align-items:center;gap:4px;font-size:.8rem;font-weight:600;display:inline-flex}.floor-operator-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;transition:all .2s;display:flex}.floor-operator-card:hover{background:var(--bg-primary);border-color:#00000026}.floor-operator-left{align-items:center;gap:10px;display:flex}.floor-operator-info{flex-direction:column;gap:2px;display:flex}.floor-operator-name{color:var(--text-primary);align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:flex}.floor-operator-sub{color:var(--text-secondary);align-items:center;gap:6px;font-size:.78rem;display:flex}.floor-operator-actions{align-items:center;gap:4px;display:flex}.dossier-card{width:95%!important;max-width:680px!important}.dossier-hero{border-bottom:1px solid var(--border);align-items:center;gap:1.25rem;margin-bottom:1.25rem;padding-bottom:1.25rem;display:flex}.dossier-avatar-large{color:#fff;border-radius:18px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:1.4rem;font-weight:800;display:flex}.dossier-hero-info h2{color:var(--text-primary);margin:0 0 4px;font-size:1.35rem}.dossier-hero-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dossier-shift-banner{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:1.25rem;padding:1rem 1.25rem;display:flex}.dossier-shift-left{align-items:center;gap:10px;display:flex}.dossier-shift-text strong{color:var(--text-primary);font-size:.92rem;display:block}.dossier-shift-text span{color:var(--text-secondary);font-size:.8rem}.dossier-grid{grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:1.25rem;display:grid}@media (width<=600px){.dossier-grid{grid-template-columns:1fr}}.dossier-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.dossier-box-label{text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:5px;margin-bottom:6px;font-size:.75rem;font-weight:700;display:flex}.dossier-box-value{color:var(--text-primary);justify-content:space-between;align-items:center;gap:8px;font-size:.92rem;font-weight:600;display:flex}.dossier-action-btn-row{flex-wrap:wrap;gap:10px;margin-top:.5rem;display:flex}.dossier-action-pill{border:1px solid var(--border);background:var(--bg-primary);cursor:pointer;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;min-width:140px;padding:8px 12px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.dossier-action-pill:hover{background:var(--bg-secondary);border-color:var(--text-secondary)}.portal-command-center{color:var(--text-primary);flex-direction:column;gap:1.5rem;width:100%;max-width:1600px;margin:0 auto;animation:.3s cubic-bezier(.16,1,.3,1) fadeIn;display:flex}.portal-hero-header{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000008}.portal-hero-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.portal-hero-titles h1{letter-spacing:-.02em;align-items:center;gap:.75rem;margin-bottom:.35rem;font-size:1.65rem;font-weight:700;display:flex}.portal-role-badge{letter-spacing:.06em;text-transform:uppercase;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:999px;padding:3px 10px;font-size:.7rem;font-weight:700}.portal-role-badge.manager{color:#6366f1;background:#6366f11f;border-color:#6366f140}.portal-role-badge.admin{color:#a855f7;background:#a855f71f;border-color:#a855f740}.portal-role-badge.staff{color:#10b981;background:#10b9811f;border-color:#10b98140}.portal-hero-subtitle{color:var(--text-secondary);font-size:.9rem}.portal-hero-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.portal-view-toggle{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:3px;display:inline-flex}.portal-view-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:9px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.portal-view-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 8px #0000000f}.portal-refresh-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.portal-refresh-btn:hover{background:var(--bg-secondary);color:var(--text-primary)}.portal-refresh-btn.spinning svg{animation:.8s linear infinite spin}.portal-sla-strip{background:linear-gradient(135deg,#f59e0b14 0%,#ea580c0a 100%);border:1px solid #f59e0b38;border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.85rem 1.25rem;display:flex}.portal-sla-strip.critical{background:linear-gradient(135deg,#ef44441a 0%,#dc26260d 100%);border-color:#ef444440}.portal-sla-info{align-items:center;gap:.75rem;display:flex}.portal-sla-icon{color:#d97706;background:#f59e0b2e;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.portal-sla-strip.critical .portal-sla-icon{color:#dc2626;background:#ef44442e}.portal-sla-title{align-items:center;gap:6px;font-size:.88rem;font-weight:600;display:flex}.portal-sla-sub{color:var(--text-secondary);font-size:.78rem}.portal-sla-countdown{align-items:center;gap:.75rem;display:flex}.portal-countdown-clock{letter-spacing:.04em;background:var(--bg-primary);border:1px solid var(--border);color:#d97706;border-radius:8px;padding:4px 12px;font-family:Outfit,monospace;font-size:1.15rem;font-weight:700;box-shadow:0 2px 6px #0000000a}.portal-sla-strip.critical .portal-countdown-clock{color:#dc2626;border-color:#ef44444d}.portal-live-status-pill{color:#10b981;background:#10b9811a;border:1px solid #10b98133;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.portal-pulse-dot{background:#10b981;border-radius:50%;width:7px;height:7px;animation:2s infinite pulseGreen;box-shadow:0 0 #10b981b3}@keyframes pulseGreen{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.portal-action-rail{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.25rem;display:grid}.portal-action-card{background:var(--bg-primary);border:1px solid var(--border);color:inherit;border-radius:18px;flex-direction:column;justify-content:space-between;gap:1rem;padding:1.25rem;text-decoration:none;transition:all .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 10px #00000005}.portal-action-card:hover{border-color:#00000026;transform:translateY(-3px);box-shadow:0 8px 24px #00000012}[data-theme=dark] .portal-action-card:hover{border-color:#ffffff40;box-shadow:0 8px 24px #0006}.portal-card-header-row{justify-content:space-between;align-items:flex-start;display:flex}.portal-card-icon-wrap{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .2s;display:flex}.portal-action-card:hover .portal-card-icon-wrap{transform:scale(1.06)}.portal-card-icon-wrap.blue{color:#3b82f6;background:#3b82f61f}.portal-card-icon-wrap.amber{color:#f59e0b;background:#f59e0b1f}.portal-card-icon-wrap.rose{color:#f43f5e;background:#f43f5e1f}.portal-card-icon-wrap.purple{color:#a855f7;background:#a855f71f}.portal-card-urgency-pill{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.portal-card-urgency-pill.high{color:#f43f5e;background:#f43f5e1f}.portal-card-urgency-pill.med{color:#f59e0b;background:#f59e0b1f}.portal-card-urgency-pill.norm{color:#3b82f6;background:#3b82f61f}.portal-card-main{flex-direction:column;gap:4px;display:flex}.portal-card-count{letter-spacing:-.03em;font-family:Outfit,sans-serif;font-size:2.1rem;font-weight:800;line-height:1}.portal-card-label{color:var(--text-primary);font-size:.88rem;font-weight:600}.portal-card-footer{border-top:1px solid var(--border);color:var(--text-secondary);justify-content:space-between;align-items:center;padding-top:.75rem;font-size:.8rem;display:flex}.portal-card-arrow{color:var(--text-secondary);transition:transform .2s,color .2s}.portal-action-card:hover .portal-card-arrow{color:var(--text-primary);transform:translate(4px)}.portal-funnel-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;padding:1.5rem;box-shadow:0 4px 16px #00000005}.portal-funnel-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1.25rem;display:flex}.portal-funnel-title{align-items:center;gap:8px;font-size:1.1rem;font-weight:700;display:flex}.portal-funnel-sub{color:var(--text-secondary);font-size:.82rem}.portal-funnel-stages{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid;position:relative}@media (width<=900px){.portal-funnel-stages{grid-template-columns:repeat(2,1fr)}}@media (width<=500px){.portal-funnel-stages{grid-template-columns:1fr}}.portal-funnel-step{background:var(--bg-secondary);border:1px solid var(--border);color:inherit;border-radius:14px;flex-direction:column;gap:.5rem;padding:1rem 1.15rem;text-decoration:none;transition:all .2s;display:flex;position:relative}.portal-funnel-step:hover{background:var(--bg-primary);border-color:var(--text-primary);transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.portal-step-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:.78rem;font-weight:600;display:flex}.portal-step-num{opacity:.6;font-size:.72rem}.portal-step-value{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.6rem;font-weight:800;line-height:1.1}.portal-step-bar-wrap{background:#0000000f;border-radius:999px;width:100%;height:6px;margin-top:4px;overflow:hidden}[data-theme=dark] .portal-step-bar-wrap{background:#ffffff14}.portal-step-bar-fill{border-radius:999px;height:100%;transition:width .6s cubic-bezier(.16,1,.3,1)}.portal-main-grid{grid-template-columns:1.8fr 1.2fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1100px){.portal-main-grid{grid-template-columns:1fr}}.portal-col{flex-direction:column;gap:1.5rem;display:flex}.portal-box-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1.1rem;padding:1.4rem;display:flex;box-shadow:0 4px 16px #00000005}.portal-box-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.portal-box-title{align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.portal-box-link{color:var(--text-secondary);align-items:center;gap:4px;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.portal-box-link:hover{color:var(--text-primary)}.portal-table-container{border:1px solid var(--border);border-radius:12px;overflow-x:auto}.portal-orders-table{border-collapse:collapse;text-align:left;width:100%;font-size:.86rem}.portal-orders-table th{background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:10px 14px;font-size:.76rem;font-weight:600}.portal-orders-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.portal-orders-table tr:last-child td{border-bottom:none}.portal-orders-table tr:hover td{background:var(--bg-secondary)}.portal-order-id-badge{color:var(--text-primary);font-family:Outfit,monospace;font-weight:700;text-decoration:none}.portal-order-id-badge:hover{text-decoration:underline}.portal-order-cust-name{color:var(--text-primary);font-weight:600}.portal-order-cust-sub{color:var(--text-secondary);font-size:.75rem}.portal-order-badge{text-transform:capitalize;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:600;display:inline-block}.portal-order-badge.pending{color:#d97706;background:#f59e0b1f}.portal-order-badge.processing{color:#2563eb;background:#3b82f61f}.portal-order-badge.shipped{color:#9333ea;background:#a855f71f}.portal-order-badge.delivered{color:#059669;background:#10b9811f}.portal-order-actions-flex{align-items:center;gap:6px;display:flex}.portal-mini-btn{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:6px;padding:4px 9px;font-size:.76rem;font-weight:600;transition:all .15s}.portal-mini-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.portal-mini-btn.primary{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.portal-mini-btn.primary:hover{opacity:.88}.portal-stock-item{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.portal-stock-info{flex-direction:column;gap:2px;min-width:0;display:flex}.portal-stock-title{white-space:nowrap;text-overflow:ellipsis;font-size:.86rem;font-weight:600;overflow:hidden}.portal-stock-meta{color:var(--text-secondary);font-size:.75rem}.portal-stock-count-badge{white-space:nowrap;border-radius:999px;padding:3px 10px;font-family:Outfit,sans-serif;font-size:.82rem;font-weight:700}.portal-stock-count-badge.critical{color:#dc2626;background:#ef444426}.portal-stock-count-badge.warning{color:#d97706;background:#f59e0b26}.portal-shift-card{background:linear-gradient(135deg,#6366f10d 0%,#a855f708 100%);border:1px solid #6366f133;border-radius:20px;flex-direction:column;gap:1rem;padding:1.4rem;display:flex}.portal-shift-top{justify-content:space-between;align-items:center;display:flex}.portal-live-clock-face{letter-spacing:-.02em;font-family:Outfit,monospace;font-size:1.5rem;font-weight:800}.portal-shift-status-pill{text-transform:uppercase;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:700}.portal-shift-status-pill.on{color:#10b981;background:#10b98126;border:1px solid #10b98140}.portal-shift-status-pill.off{color:#f43f5e;background:#f43f5e26;border:1px solid #f43f5e40}.portal-shift-times-grid{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;grid-template-columns:1fr 1fr;gap:.75rem;padding:.85rem;display:grid}.portal-time-item-sub{color:var(--text-secondary);font-size:.72rem}.portal-time-item-val{font-size:.95rem;font-weight:700}.portal-shift-btn-row{gap:.75rem;display:flex}.portal-shift-action-btn{cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:.86rem;font-weight:600;transition:all .2s;display:flex}.portal-shift-action-btn.in{color:#fff;background:#10b981}.portal-shift-action-btn.in:hover{background:#059669}.portal-shift-action-btn.out{color:#fff;background:#ef4444}.portal-shift-action-btn.out:hover{background:#dc2626}.portal-tasks-list{flex-direction:column;gap:.6rem;display:flex}.portal-task-item{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .18s;display:flex}.portal-task-item:hover{background:var(--bg-primary);border-color:#00000026}.portal-task-checkbox{border:2px solid var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:2px;transition:all .2s;display:flex}.portal-task-item.completed .portal-task-checkbox{color:#fff;background:#10b981;border-color:#10b981}.portal-task-item.completed .portal-task-title{opacity:.55;text-decoration:line-through}.portal-task-content{flex-direction:column;flex:1;gap:2px;display:flex}.portal-task-title{font-size:.88rem;font-weight:600}.portal-task-meta{color:var(--text-secondary);font-size:.74rem}.portal-ticker-list{flex-direction:column;gap:.75rem;display:flex}.portal-ticker-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:10px;padding-bottom:.75rem;display:flex}.portal-ticker-item:last-child{border-bottom:none;padding-bottom:0}.portal-ticker-icon{background:var(--bg-secondary);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.8rem;display:flex}.portal-ticker-desc{color:var(--text-primary);font-size:.83rem;font-weight:500}.portal-ticker-time{color:var(--text-secondary);font-size:.74rem}.portal-floor-gauge{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.portal-gauge-stat{flex-direction:column;gap:2px;display:flex}.portal-gauge-num{font-family:Outfit,sans-serif;font-size:1.4rem;font-weight:800}.portal-gauge-label{color:var(--text-secondary);font-size:.76rem}.portal-quick-actions-bar{flex-wrap:wrap;gap:.75rem;display:flex}.portal-action-pill-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #00000005}.portal-action-pill-btn:hover{background:var(--text-primary);color:var(--bg-primary);transform:translateY(-1px)}.portal-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000073;justify-content:center;align-items:center;padding:1.5rem;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.portal-modal-content{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1.25rem;width:100%;max-width:500px;padding:1.5rem;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;display:flex;box-shadow:0 16px 40px #00000026}.portal-modal-header{justify-content:space-between;align-items:center;display:flex}.portal-modal-header h3{font-size:1.2rem;font-weight:700}.portal-modal-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.2rem}.portal-modal-body{flex-direction:column;gap:1rem;display:flex}.portal-modal-actions{justify-content:flex-end;gap:8px;margin-top:6px;display:flex}.staff-workstation-container{max-width:1500px;color:var(--text-primary);flex-direction:column;gap:1.5rem;margin:0 auto;animation:.25s ease-out fadeIn;display:flex}.staff-cockpit-header{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem 1.75rem;display:flex;box-shadow:0 4px 20px #00000008}.staff-cockpit-left{flex-direction:column;gap:6px;display:flex}.staff-greeting-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staff-station-pill{letter-spacing:.06em;color:#2563eb;background:#3b82f61a;border:1px solid #3b82f633;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.staff-shift-pill{border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:700}.staff-shift-pill.on{color:#059669;background:#10b9811f;border:1px solid #10b98140}.staff-shift-pill.off{color:#dc2626;background:#ef44441f;border:1px solid #ef444440}.staff-shift-pill.break{color:#d97706;background:#f59e0b1f;border:1px solid #f59e0b4d}.staff-hero-name{letter-spacing:-.02em;font-size:1.65rem;font-weight:800}.staff-hero-sub{color:var(--text-secondary);font-size:.88rem}.staff-shift-actions-wrap{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.staff-live-clock-display{letter-spacing:-.02em;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;padding:6px 14px;font-family:Outfit,monospace;font-size:1.35rem;font-weight:800}.staff-punch-btn{cursor:pointer;border:none;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:.88rem;font-weight:700;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.staff-punch-btn.in{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98140}.staff-punch-btn.in:hover{background:#059669;transform:translateY(-1px)}.staff-punch-btn.out{color:#fff;background:#ef4444}.staff-punch-btn.out:hover{background:#dc2626}.staff-punch-btn.break{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary)}.staff-shift-done-badge{color:#10b981;background:#10b9811a;border-radius:10px;align-items:center;gap:6px;padding:8px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.staff-scorecard-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem;display:grid}.staff-score-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:6px;padding:1.25rem;transition:all .2s;display:flex;box-shadow:0 2px 8px #00000005}.staff-score-card:hover{transform:translateY(-2px);box-shadow:0 6px 18px #0000000d}.staff-score-card.highlight{background:linear-gradient(135deg,#3b82f614 0%,#6366f10a 100%);border-color:#3b82f640}.staff-score-top{justify-content:space-between;align-items:center;display:flex}.staff-score-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.74rem;font-weight:700}.staff-score-val{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:2.1rem;font-weight:800;line-height:1.1}.staff-score-sub{color:var(--text-secondary);font-size:.78rem}.staff-station-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (width<=1050px){.staff-station-grid{grid-template-columns:1fr}}.staff-pack-station-card{background:var(--bg-primary);border:2px solid var(--border);border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;box-shadow:0 8px 30px #0000000a}.staff-station-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding-bottom:1rem;display:flex}.staff-station-badge{letter-spacing:.08em;text-transform:uppercase;color:#2563eb;background:#3b82f61f;border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:800}.staff-order-payment-pill{background:var(--bg-secondary);border:1px solid var(--border);border-radius:6px;padding:2px 7px;font-size:.72rem;font-weight:700}.staff-order-dossier-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;padding:1rem 1.25rem}.staff-dossier-grid{grid-template-columns:1.1fr 1.3fr 1fr;gap:1.25rem;display:grid}@media (width<=900px){.staff-dossier-grid{grid-template-columns:1fr;gap:1rem}}.staff-dossier-col{flex-direction:column;gap:5px;display:flex}.staff-dossier-header-row{align-items:center;gap:6px;margin-bottom:2px;display:flex}.staff-dossier-label{letter-spacing:.06em;color:var(--text-secondary);text-transform:uppercase;font-size:.72rem;font-weight:800}.staff-dossier-name{color:var(--text-primary);font-size:.98rem;font-weight:800}.staff-dossier-contact-item{color:var(--text-primary);align-items:center;gap:6px;font-size:.82rem;display:flex}.staff-dossier-contact-val{font-weight:600}.staff-mini-copy-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;padding:2px;transition:all .15s;display:flex}.staff-mini-copy-btn:hover{color:var(--text-primary);background:var(--bg-primary)}.staff-dossier-address-text{color:var(--text-primary);font-size:.86rem;font-weight:600;line-height:1.35}.staff-dossier-city-pin{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.staff-pin-highlight{color:#d97706;background:#f59e0b26;border-radius:5px;padding:2px 7px;font-family:Outfit,monospace;font-weight:700}.staff-dossier-payment-badge{border-radius:8px;align-items:center;gap:6px;padding:5px 10px;font-size:.8rem;font-weight:700;display:inline-flex}.staff-dossier-payment-badge.cod{color:#b45309;background:#f59e0b26;border:1px solid #f59e0b4d}.staff-dossier-payment-badge.prepaid{color:#047857;background:#10b9811f;border:1px solid #10b98140}.staff-order-destination-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:1rem;padding:.85rem 1rem;display:grid}.staff-checklist-container{flex-direction:column;gap:.75rem;display:flex}.staff-check-row{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;transition:all .18s;display:flex}.staff-check-row:hover{background:var(--bg-primary);border-color:#0003}.staff-check-row.checked{background:#10b9810f;border-color:#10b98159}.staff-checkbox-box{border:2px solid var(--text-secondary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;transition:all .18s;display:flex}.staff-check-row.checked .staff-checkbox-box{color:#fff;background:#10b981;border-color:#10b981}.staff-check-title{font-size:.92rem;font-weight:700}.staff-check-sub{color:var(--text-secondary);font-size:.78rem}.staff-station-actions-row{gap:.75rem;margin-top:.5rem;display:flex}.staff-btn-action-primary{background:var(--accent);color:var(--bg-primary);cursor:pointer;border:none;border-radius:12px;flex:2;justify-content:center;align-items:center;gap:8px;padding:14px;font-size:.95rem;font-weight:700;transition:all .2s;display:flex}.staff-btn-action-primary:hover{opacity:.92;transform:translateY(-1px)}.staff-btn-action-danger{color:#dc2626;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;padding:14px;font-size:.88rem;font-weight:700;transition:all .15s;display:flex}.staff-btn-action-danger:hover{color:#fff;background:#ef4444}.staff-queue-mini-item{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:all .15s;display:flex}.staff-queue-mini-item:hover{background:var(--bg-primary);border-color:var(--text-primary)}.manager-staff-capacity-row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.85rem;display:grid}.manager-staff-capacity-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}.manager-staff-capacity-top{justify-content:space-between;align-items:center;display:flex}.manager-workload-tag{border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:700}.manager-workload-tag.idle{color:#10b981;background:#10b9811f}.manager-workload-tag.heavy{color:#ef4444;background:#ef44441f}.manager-workload-tag.normal{color:#3b82f6;background:#3b82f61f}.staff-announcement-strip{color:var(--text-primary);background:linear-gradient(135deg,#6366f114 0%,#a855f70a 100%);border:1px solid #6366f140;border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;font-size:.85rem;font-weight:600;display:flex}.staff-announcement-left{align-items:center;gap:10px;display:flex}.staff-mode-selector-bar{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;gap:4px;width:fit-content;padding:4px;display:flex}.staff-mode-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:10px;align-items:center;gap:6px;padding:8px 16px;font-size:.84rem;font-weight:700;transition:all .2s;display:flex}.staff-mode-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 8px #0000000f}.staff-sku-items-list{flex-direction:column;gap:.75rem;margin:.5rem 0;display:flex}.staff-sku-item-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;padding:12px 14px;transition:all .2s;display:flex;position:relative}.staff-sku-item-card.verified{background:#10b9810f;border-color:#10b98166}.staff-sku-card-left{align-items:center;gap:12px;min-width:0;display:flex}.staff-sku-thumbnail{object-fit:cover;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;flex-shrink:0;width:52px;height:52px}.staff-sku-details{flex-direction:column;gap:3px;min-width:0;display:flex}.staff-sku-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:700;overflow:hidden}.staff-sku-meta-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.staff-sku-size-pill{background:var(--accent);color:var(--bg-primary);text-transform:uppercase;border-radius:6px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:.78rem;font-weight:800}.staff-sku-bin-tag{color:#d97706;background:#f59e0b1f;border-radius:6px;align-items:center;gap:4px;padding:2px 7px;font-size:.76rem;font-weight:600;display:inline-flex}.staff-sku-code{color:var(--text-secondary);font-family:monospace;font-size:.74rem}.staff-sku-card-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.staff-sku-qty-badge{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800}.staff-sku-verify-badge{cursor:pointer;border:1px solid var(--border);background:var(--bg-primary);border-radius:8px;align-items:center;gap:4px;padding:4px 10px;font-size:.74rem;font-weight:700;transition:all .15s;display:inline-flex}.staff-sku-item-card.verified .staff-sku-verify-badge{color:#fff;background:#10b981;border-color:#10b981}.staff-scan-box-wrap{background:var(--bg-primary);border:2px solid var(--accent);border-radius:12px;align-items:center;gap:10px;padding:8px 14px;display:flex;box-shadow:0 4px 14px #0000000d}.staff-scan-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:Outfit,monospace;font-size:.95rem;font-weight:700}.staff-scan-input::placeholder{color:var(--text-secondary);font-family:inherit;font-weight:400}.staff-hotkeys-bar{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:12px;padding:6px 0;font-size:.76rem;display:flex}.staff-hotkey-chip{align-items:center;gap:4px;display:inline-flex}.staff-hotkey-chip kbd{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.72rem;font-weight:700;box-shadow:0 1px 2px #0000000d}.thermal-label-container{color:#000;background:#fff;border:2px solid #000;border-radius:4px;flex-direction:column;gap:12px;width:380px;margin:0 auto;padding:16px;font-family:Inter,sans-serif;display:flex;box-shadow:0 8px 30px #00000026}.thermal-label-header{border-bottom:2px solid #000;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.thermal-barcode-box{text-align:center;letter-spacing:.15em;background:#f3f4f6;border:1px dashed #6b7280;padding:10px;font-family:monospace;font-size:1.1rem;font-weight:800}.thermal-route-code{letter-spacing:.05em;color:#fff;text-align:center;background:#000;border-radius:4px;padding:4px 10px;font-size:1.5rem;font-weight:900}.thermal-details-grid{border-bottom:1px solid #e5e7eb;grid-template-columns:1fr 1fr;gap:8px;padding-bottom:8px;font-size:.78rem;display:grid}.portal-staff-page{flex-direction:column;gap:1.5rem;padding-bottom:50px;display:flex}.portal-staff-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.portal-staff-header h1{letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.8rem;font-weight:700}.portal-staff-header p{color:var(--text-secondary);margin-top:4px;font-size:.95rem}.portal-staff-header-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portal-staff-btn{cursor:pointer;border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:14px;align-items:center;gap:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:2px 2px 6px #00000008}.portal-staff-btn:hover{border-color:var(--text-secondary);transform:translateY(-2px);box-shadow:4px 4px 12px #0000000f}.portal-staff-btn.primary{background-color:var(--accent);color:#fff;border-color:var(--accent)}.portal-staff-btn.primary:hover{filter:brightness(1.1);box-shadow:0 4px 14px rgba(var(--accent-rgb,99, 102, 241), .3)}.portal-staff-btn .spinning{animation:1s linear infinite staffSpin}@keyframes staffSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.portal-staff-ribbon{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.staff-ribbon-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:4px;padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px 12px #00000005}.staff-ribbon-card:hover{transform:translateY(-2px);box-shadow:6px 6px 16px #0000000a}.staff-ribbon-top{justify-content:space-between;align-items:center;display:flex}.staff-ribbon-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.staff-ribbon-icon-wrap{background-color:#0000000a;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.staff-ribbon-num{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.85rem;font-weight:800;display:flex}.staff-ribbon-sub{color:var(--text-secondary);font-size:.78rem}.live-pulse-dot{background-color:#10b981;border-radius:50%;width:10px;height:10px;display:inline-block;position:relative}.live-pulse-dot:after{content:"";border:2px solid #10b981;border-radius:50%;animation:1.8s infinite pulseLive;position:absolute;inset:-2px}@keyframes pulseLive{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(2.2)}}.portal-staff-tabs-bar{background-color:var(--bg-secondary);border:1px solid var(--border);scrollbar-width:none;border-radius:18px;align-items:center;gap:8px;padding:6px;display:flex;overflow-x:auto}.portal-staff-tabs-bar::-webkit-scrollbar{display:none}.portal-tab-pill{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.88rem;font-weight:600;transition:all .2s;display:inline-flex}.portal-tab-pill:hover{color:var(--text-primary);background-color:#00000008}.portal-tab-pill.active{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 8px #0000000f}.portal-tab-count{color:var(--text-secondary);background-color:#0000000d;border-radius:10px;padding:2px 7px;font-size:.72rem;font-weight:700}.portal-tab-pill.active .portal-tab-count{background-color:var(--accent);color:#fff}.portal-staff-filter-bar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.portal-staff-search{flex:1;min-width:240px;position:relative}.portal-staff-search input{background-color:var(--bg-secondary);border:1px solid var(--border);width:100%;color:var(--text-primary);border-radius:14px;outline:none;padding:10px 14px 10px 38px;font-size:.9rem;transition:border-color .2s}.portal-staff-search input:focus{border-color:var(--accent)}.portal-staff-search-icon{color:var(--text-secondary);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.portal-staff-select{background-color:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;border-radius:14px;outline:none;padding:10px 16px;font-size:.9rem;font-weight:500}.portal-staff-card-container{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:24px;padding:1.5rem;box-shadow:8px 8px 24px #00000008,inset -2px -2px 6px #00000005}.staff-roster-table{border-collapse:collapse;width:100%}.staff-roster-table th{text-align:left;text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);border-bottom:1px solid var(--border);padding:12px 16px;font-size:.8rem;font-weight:700}.staff-roster-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:16px}.staff-roster-table tr:last-child td{border-bottom:none}.staff-roster-table tbody tr{transition:background-color .15s}.staff-roster-table tbody tr:hover{background-color:#00000004}.staff-operator-cell{align-items:center;gap:12px;display:flex}.staff-avatar{color:#fff;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;font-size:.95rem;font-weight:700;display:flex;box-shadow:0 4px 8px #00000014}.staff-operator-info{flex-direction:column;display:flex}.staff-operator-name{color:var(--text-primary);align-items:center;gap:6px;font-size:.95rem;font-weight:700;display:flex}.staff-operator-username{color:var(--text-secondary);font-size:.8rem}.staff-role-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:8px;padding:2px 7px;font-size:.7rem;font-weight:700}.staff-role-badge.manager{color:#db2777;background-color:#ec48991f}.staff-role-badge.staff{color:#6366f1;background-color:#6366f11f}.staff-zone-badge{border-radius:10px;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.staff-zone-select{border:1px solid var(--border);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:4px 8px;font-size:.8rem;font-weight:600}.staff-shift-status{border-radius:12px;align-items:center;gap:8px;padding:6px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.staff-shift-status.clocked-in{color:#059669;background-color:#10b9811f}.staff-shift-status.on-break{color:#d97706;background-color:#f59e0b1f}.staff-shift-status.off-duty{color:var(--text-secondary);background-color:#0000000a}.staff-shift-time{color:var(--text-secondary);margin-top:2px;font-size:.74rem}.staff-lifecycle-pill{text-transform:capitalize;border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.staff-lifecycle-pill.active{color:#059669;background-color:#10b9811f}.staff-lifecycle-pill.suspended{color:#dc2626;background-color:#ef44441f}.staff-lifecycle-pill.on_leave{color:#d97706;background-color:#f59e0b1f}.staff-task-badge{background-color:var(--bg-primary);border:1px solid var(--border);color:var(--text-primary);border-radius:10px;align-items:center;gap:5px;padding:4px 10px;font-size:.8rem;font-weight:600;display:inline-flex}.staff-task-badge.has-tasks{border-color:var(--accent);color:var(--accent)}.staff-action-btns{justify-content:flex-end;align-items:center;gap:6px;display:flex}.staff-icon-btn{background-color:var(--bg-primary);border:1px solid var(--border);width:34px;height:34px;color:var(--text-secondary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.staff-icon-btn:hover{color:var(--text-primary);border-color:var(--text-secondary);transform:translateY(-1px)}.staff-icon-btn.primary{color:var(--accent)}.staff-icon-btn.primary:hover{background-color:var(--accent);color:#fff}.staff-icon-btn.danger{color:#ef4444}.staff-icon-btn.danger:hover{color:#fff;background-color:#ef4444}.staff-drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#00000073;justify-content:flex-end;display:flex;position:fixed;inset:0}.staff-drawer-content{background-color:var(--bg-primary);border-left:1px solid var(--border);flex-direction:column;gap:1.5rem;width:100%;max-width:480px;height:100%;padding:2rem;display:flex;overflow-y:auto;box-shadow:-8px 0 24px #0000001a}.staff-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;padding-bottom:1rem;display:flex}.staff-drawer-profile{align-items:center;gap:14px;display:flex}.staff-drawer-avatar{color:#fff;border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.2rem;font-weight:800;display:flex}.staff-drawer-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:4px}.staff-drawer-close:hover{color:var(--text-primary)}.drawer-section-card{background-color:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:12px;padding:1.25rem;display:flex}.drawer-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.85rem;font-weight:700}.drawer-info-row{justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.drawer-info-label{color:var(--text-secondary)}.drawer-info-value{color:var(--text-primary);align-items:center;gap:6px;font-weight:600;display:flex}.copy-mini-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:2px;display:inline-flex}.portal-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.portal-modal-card{background-color:var(--bg-primary);border:1px solid var(--border);border-radius:24px;flex-direction:column;gap:1.25rem;width:100%;max-width:580px;max-height:90vh;padding:2rem;display:flex;overflow-y:auto;box-shadow:0 16px 40px #00000026}.portal-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.portal-form-group{flex-direction:column;gap:6px;display:flex}.portal-form-group.full-width{grid-column:span 2}.portal-form-group input,.portal-form-group select,.portal-form-group textarea{border:1px solid var(--border);background-color:var(--bg-secondary);color:var(--text-primary);border-radius:12px;outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .2s}@media (width<=900px){.staff-roster-table th:nth-child(2),.staff-roster-table td:nth-child(2){display:none}}@media (width<=768px){.portal-staff-header{flex-direction:column;align-items:flex-start}.portal-form-grid{grid-template-columns:1fr}.portal-form-group.full-width{grid-column:span 1}}.staff-layout{background-color:var(--bg-secondary);min-height:100vh;display:flex}.staff-sidebar{background-color:var(--bg-primary);border-right:1px solid var(--border);z-index:100;flex-direction:column;width:250px;height:100vh;transition:width .3s;display:flex;position:sticky;top:0}.staff-layout.collapsed .staff-sidebar{width:80px}.sidebar-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:70px;padding:0 1rem;display:flex}.brand-logo{color:var(--accent);letter-spacing:-.5px;font-size:1.5rem;font-weight:800;text-decoration:none}.collapse-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:background-color .2s;display:flex}.collapse-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.staff-layout.collapsed .sidebar-header{justify-content:center}.sidebar-nav{flex-direction:column;flex:1;gap:.5rem;padding:1.5rem .75rem;display:flex;overflow-y:auto}.nav-group{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.nav-group-title{text-transform:uppercase;color:var(--text-secondary);letter-spacing:.05em;background-color:var(--bg-primary);z-index:10;margin-bottom:.25rem;padding:.5rem 1rem .25rem;font-size:.75rem;font-weight:600;position:sticky;top:-1.5rem}.nav-item{color:var(--text-secondary);border-radius:12px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.nav-item.active{color:#2e7d32;background-color:#e8f5e9}.nav-icon{justify-content:center;align-items:center;width:24px;display:flex}.nav-label{white-space:nowrap}.staff-layout.collapsed .nav-item{justify-content:center;padding:.75rem 0}.sidebar-footer{border-top:1px solid var(--border);padding:1rem .75rem}.logout-btn{cursor:pointer;background:0 0;border:none;width:100%;font-size:1rem}.logout-btn:hover{color:#ef4444;background-color:#fee2e2}.staff-main{flex-direction:column;flex:1;min-width:0;display:flex}.staff-topbar{background-color:var(--bg-primary);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:70px;padding:0 2rem;display:flex}.topbar-user{align-items:center;gap:1rem;display:flex}.user-info{flex-direction:column;align-items:flex-end;display:flex}.user-name{font-size:.9rem;font-weight:600}.user-role-badge{text-transform:uppercase;border-radius:12px;padding:2px 8px;font-size:.7rem;font-weight:600}.user-role-badge.staff{color:#1565c0;background-color:#e3f2fd}.user-avatar{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:40px;height:40px}.user-avatar-placeholder{color:var(--text-secondary)}.staff-content{flex:1;padding:2rem;overflow-y:auto}@media (width<=992px){.staff-layout .staff-sidebar{display:none!important}.staff-content{padding-bottom:100px!important}}.portal-tasks-container{max-width:1500px;color:var(--text-primary);flex-direction:column;gap:1.75rem;margin:0 auto;padding:1.5rem;animation:.25s ease-out fadeIn;display:flex}.portal-tasks-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.portal-tasks-header-titles h1{letter-spacing:-.02em;margin-bottom:4px;font-size:1.75rem;font-weight:700}.portal-tasks-header-titles p{color:var(--text-secondary);font-size:.9rem}.portal-roster-bar{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex;box-shadow:0 4px 16px #00000005}.portal-roster-header{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;justify-content:space-between;align-items:center;font-size:.82rem;font-weight:700;display:flex}.portal-roster-chips{align-items:center;gap:.75rem;padding-bottom:4px;display:flex;overflow-x:auto}.portal-roster-chip{background:var(--bg-secondary);border:1px solid var(--border);white-space:nowrap;cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .2s;display:inline-flex}.portal-roster-chip:hover{background:var(--bg-primary);border-color:var(--text-primary)}.portal-roster-chip.selected{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.portal-roster-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.portal-roster-dot.on{background:#10b981;box-shadow:0 0 0 3px #10b98133}.portal-roster-dot.off{background:#9ca3af}.portal-roster-task-count{background:#00000014;border-radius:999px;padding:2px 7px;font-size:.72rem;font-weight:700}[data-theme=dark] .portal-roster-task-count{background:#ffffff1f}.tasks-grid{grid-template-columns:420px 1fr;align-items:start;gap:1.75rem;display:grid}@media (width<=1100px){.tasks-grid{grid-template-columns:1fr}}.task-creation-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:20px;flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex;position:sticky;top:90px;box-shadow:0 4px 20px #00000008}.task-creation-card h3{color:var(--text-primary);align-items:center;gap:8px;font-size:1.15rem;font-weight:700;display:flex}.horizontal-task-form{flex-direction:column;gap:1rem;display:flex}.task-form-group{flex-direction:column;gap:6px;display:flex}.task-form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8rem;font-weight:600}.task-form-input{border:1px solid var(--border);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.9rem;transition:all .2s}.task-form-input:focus{background:var(--bg-primary);border-color:var(--text-primary);outline:none;box-shadow:0 0 0 3px #0000000d}.task-pill-selector-row{flex-wrap:wrap;gap:6px;display:flex}.task-pill-option{border:1px solid var(--border);background:var(--bg-secondary);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.task-pill-option:hover{background:var(--bg-primary);border-color:#0003}.task-pill-option.active{border-color:#0000}.task-pill-option.active.urgent{color:#dc2626;background:#ef444426;border:1px solid #ef44444d}.task-pill-option.active.high{color:#d97706;background:#f59e0b26;border:1px solid #f59e0b4d}.task-pill-option.active.normal{color:#2563eb;background:#3b82f626;border:1px solid #3b82f64d}.task-submit-btn{background:var(--accent);width:100%;color:var(--bg-primary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;margin-top:6px;padding:12px;font-size:.95rem;font-weight:600;transition:opacity .2s,transform .1s;display:flex}.task-submit-btn:hover{opacity:.9;transform:translateY(-1px)}.tasks-board{flex-direction:column;gap:1.25rem;display:flex}.tasks-toolbar{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;display:flex}.tasks-filter-tabs{background:var(--bg-secondary);border-radius:12px;gap:4px;padding:4px;display:flex}.task-filter-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:flex}.task-filter-tab.active{background:var(--bg-primary);color:var(--text-primary);box-shadow:0 2px 6px #0000000d}.tasks-search-box{background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;align-items:center;gap:8px;min-width:240px;padding:6px 12px;display:flex}.tasks-search-box input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-size:.85rem}.tasks-cards-list{flex-direction:column;gap:1rem;display:flex}.task-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:.85rem;padding:1.25rem;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 2px 10px #00000005}.task-card:hover{border-color:#00000026;transform:translateY(-2px);box-shadow:0 6px 20px #0000000d}[data-theme=dark] .task-card:hover{border-color:#fff3}.task-card.priority-urgent{border-left:4px solid #ef4444}.task-card.priority-high{border-left:4px solid #f59e0b}.task-card.priority-normal{border-left:4px solid #3b82f6}.task-card.completed{opacity:.65;background:var(--bg-secondary)}.task-card-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.task-card-title-row{flex-direction:column;gap:4px;display:flex}.task-title{color:var(--text-primary);font-size:1.05rem;font-weight:700}.task-card.completed .task-title{text-decoration:line-through}.task-desc{color:var(--text-secondary);font-size:.88rem;line-height:1.4}.task-badges-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.task-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;padding:3px 9px;font-size:.72rem;font-weight:700}.task-badge.urgent{color:#dc2626;background:#ef44441f}.task-badge.high{color:#d97706;background:#f59e0b1f}.task-badge.normal{color:#2563eb;background:#3b82f61f}.task-badge.category{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);text-transform:capitalize}.task-meta{border-top:1px solid var(--border);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1rem;padding-top:.75rem;font-size:.8rem;display:flex}.task-meta-item{align-items:center;gap:5px;display:flex}.task-meta-item strong{color:var(--text-primary)}.task-order-link-btn{color:#6366f1;background:#6366f11a;border-radius:6px;align-items:center;gap:5px;padding:3px 8px;font-size:.78rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.task-order-link-btn:hover{color:#fff;background:#6366f1}.task-actions{align-items:center;gap:8px;margin-top:4px;display:flex}.task-action-btn{cursor:pointer;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex}.task-action-btn.complete-btn{color:#fff;background:#10b981;border-color:#10b981}.task-action-btn.complete-btn:hover{background:#059669}.task-action-btn.undo-btn:hover{background:var(--text-primary);color:var(--bg-primary)}.task-action-btn.delete-btn{color:#ef4444;border-color:#ef444433}.task-action-btn.delete-btn:hover{color:#fff;background:#ef4444}.team-workload-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem;display:grid}.workload-column-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex}.workload-column-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.workload-user-title{align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.workload-tasks-container{flex-direction:column;gap:.75rem;min-height:120px;display:flex}.workload-mini-task{background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;padding:10px;transition:all .15s;display:flex}.workload-mini-task:hover{background:var(--bg-primary);border-color:var(--text-primary)}.timeclock-widget{background:var(--bg-primary);border:1px solid var(--border-color);text-align:center;border-radius:16px;flex-direction:column;align-items:center;margin-bottom:24px;padding:24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #0000000d}.timeclock-header{width:100%;margin-bottom:16px}.timeclock-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.timeclock-badge{background:var(--bg-secondary);border:1px solid var(--border-color);letter-spacing:.04em;color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.timeclock-badge-dot{background:var(--accent,#6366f1);border-radius:50%;width:6px;height:6px}.timeclock-regularize-btn{color:var(--accent,#6366f1);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:.76rem;font-weight:600;transition:all .15s;display:inline-flex}.timeclock-regularize-btn:hover{background:#6366f114;text-decoration:underline}.timeclock-header h3{color:var(--text-primary);justify-content:center;align-items:center;gap:8px;margin-bottom:4px;font-size:1.25rem;font-weight:700;display:flex}.timeclock-header p{color:var(--text-secondary);font-size:.88rem}.time-display-wrap{margin:12px 0 16px}.time-display{font-variant-numeric:tabular-nums;color:var(--text-primary);letter-spacing:-1px;font-size:3.25rem;font-weight:800;line-height:1}.time-display-sub{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-top:6px;font-size:.76rem;font-weight:600}.status-indicator{border-radius:20px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.status-indicator.not-clocked{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.status-indicator.clocked-in{color:#10b981;background:#10b9811f;border:1px solid #10b9814d}.status-indicator.on-break{color:#d97706;background:#f59e0b24;border:1px solid #f59e0b59;animation:2s ease-in-out infinite pulseAmber}.status-indicator.clocked-out{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.pulse-dot-green{background:#10b981;border-radius:50%;width:8px;height:8px;animation:1.8s infinite pulseGreen;box-shadow:0 0 #10b981b3}@keyframes pulseAmber{0%,to{opacity:1}50%{opacity:.75}}.timeclock-progress-wrap{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;width:100%;margin-bottom:20px;padding:10px 14px}.timeclock-progress-header{color:var(--text-secondary);justify-content:space-between;margin-bottom:6px;font-size:.76rem;display:flex}.timeclock-progress-header strong{color:var(--text-primary)}.timeclock-progress-bar{background:#00000014;border-radius:4px;height:8px;overflow:hidden}.timeclock-progress-fill{background:linear-gradient(90deg,#10b981,#6366f1);border-radius:4px;height:100%;transition:width .4s}.timeclock-actions-group{flex-direction:column;align-items:center;gap:12px;width:100%;display:flex}.timeclock-breaks-row{grid-template-columns:1fr 1fr;gap:10px;width:100%;display:grid}.timeclock-break-btn{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:.82rem;font-weight:600;transition:all .2s;display:flex}.timeclock-break-btn:hover{color:#d97706;background:#f59e0b14;border-color:#f59e0b}.clock-btn{cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 28px;font-size:1.05rem;font-weight:700;transition:all .2s;display:flex}.clock-btn.in{color:#fff;background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 15px #10b9814d}.clock-btn.in:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98166}.clock-btn.resume{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);animation:2s ease-in-out infinite pulseAmber;box-shadow:0 4px 15px #f59e0b59}.clock-btn.resume:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b73}.clock-btn.out{color:#ef4444;background:#ef444414;border:1px solid #ef44444d}.clock-btn.out:hover{background:#ef444426;border-color:#ef4444}.clock-btn.finished{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color);cursor:not-allowed}.shift-info{border-top:1px solid var(--border-color);width:100%;color:var(--text-secondary);text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px;padding-top:18px;font-size:.78rem;display:grid}.shift-info-block strong{color:var(--text-primary);margin-top:4px;font-size:.95rem;font-weight:700;display:block}@media (width<=768px){.timeclock-widget{padding:16px}.time-display{font-size:2.4rem}.shift-info{grid-template-columns:1fr 1fr;gap:12px}}.attendance-calendar-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000d}.calendar-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.calendar-header h3{color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:1.25rem;font-weight:700;display:flex}.calendar-staff-select{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;outline:none;padding:5px 10px;font-size:.85rem}.calendar-month-label{text-align:center;min-width:130px;color:var(--text-primary);font-size:.95rem;font-weight:700}.calendar-nav-btn{background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;color:var(--text-primary);border-radius:8px;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.calendar-nav-btn:hover{border-color:var(--accent);background:#6366f11a}.calendar-scorecard{grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px;display:grid}.cal-kpi-item{background:var(--bg-secondary);border:1px solid var(--border-color);text-align:center;border-radius:10px;padding:10px 12px}.cal-kpi-label{letter-spacing:.05em;color:var(--text-secondary);margin-bottom:4px;font-size:.68rem;font-weight:700;display:block}.cal-kpi-val{color:var(--text-primary);font-size:1.1rem;font-weight:800}.cal-kpi-val.text-green{color:#10b981}.cal-kpi-val.text-accent{color:var(--accent,#6366f1)}.cal-kpi-val.text-amber{color:#f59e0b}.calendar-grid-wrap{-webkit-overflow-scrolling:touch;width:100%;padding-bottom:6px;overflow-x:auto}.calendar-grid{grid-template-columns:repeat(7,minmax(64px,1fr));gap:8px;width:100%;display:grid}.calendar-day-header{text-align:center;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;padding-bottom:8px;font-size:.76rem;font-weight:700}.calendar-cell{border:1px solid var(--border-color);background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;min-height:72px;padding:8px 6px;transition:all .18s;display:flex;position:relative}.calendar-cell:hover:not(.empty){border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.calendar-cell.empty{cursor:default;background:0 0;border:none}.calendar-cell .day-number{z-index:2;color:var(--text-primary);font-size:.88rem;font-weight:600}.day-hours-badge{color:#059669;background:#10b98133;border-radius:4px;margin-top:3px;padding:1px 4px;font-size:.65rem;font-weight:700}.calendar-cell.is-today{border:2px solid var(--accent,#6366f1)}.today-dot{background:var(--accent,#6366f1);border-radius:50%;width:5px;height:5px;position:absolute;top:4px;right:4px}.calendar-cell.present{background:#10b9811a;border-color:#10b9814d}.calendar-cell.present .day-number{color:#065f46}.calendar-cell.half-day{background:#f59e0b1a;border-color:#f59e0b4d}.calendar-cell.half-day .day-hours-badge{color:#b45309;background:#f59e0b40}.calendar-cell.late{background:#f59e0b1a;border-color:#f59e0b4d}.calendar-cell.absent{background:#ef444414;border-color:#ef444440}.calendar-cell.absent .day-number{color:#dc2626}.calendar-legend{color:var(--text-secondary);flex-wrap:wrap;justify-content:center;gap:16px;margin-top:20px;font-size:.78rem;display:flex}.legend-item{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:50%;width:8px;height:8px}.legend-dot.present{background:#10b981}.legend-dot.half-day{background:#f59e0b}.legend-dot.absent{background:#ef4444}.legend-dot.today{background:var(--accent,#6366f1)}.cal-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#0009;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.cal-modal-content{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;width:100%;max-width:420px;animation:.18s ease-out modalScale;overflow:hidden;box-shadow:0 20px 40px #00000040}@keyframes modalScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cal-modal-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.cal-modal-badge{color:var(--accent);letter-spacing:.05em;text-transform:uppercase;font-size:.7rem;font-weight:700}.cal-modal-close{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;border-radius:6px;padding:4px}.cal-modal-close:hover{color:var(--text-primary);background:#00000014}.cal-modal-body{padding:20px}.cal-day-status-pill{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:14px;padding:6px 12px;font-size:.82rem}.cal-detail-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.cal-detail-item{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;padding:10px}.cal-detail-item span{color:var(--text-secondary);margin-bottom:2px;font-size:.72rem;display:block}.cal-detail-item strong{color:var(--text-primary);font-size:.95rem}@media (width<=640px){.calendar-scorecard{grid-template-columns:1fr 1fr}}.portal-attendance-container{padding:0 0 48px}.attendance-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.attendance-sub-tag{background:var(--bg-secondary);border:1px solid var(--border-color);letter-spacing:.05em;color:var(--text-secondary);border-radius:20px;align-items:center;gap:6px;margin-bottom:6px;padding:3px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.attendance-page-header h1{color:var(--text-primary);letter-spacing:-.5px;margin:0 0 6px;font-size:1.85rem;font-weight:800}.attendance-page-header p{color:var(--text-secondary);margin:0;font-size:.92rem}.attendance-header-actions{align-items:center;gap:8px;display:flex}.attendance-radar-grid{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:28px;display:grid}.attendance-radar-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:14px;padding:14px 16px;transition:all .2s;box-shadow:0 4px 16px #0000000a}.attendance-radar-card.clickable{cursor:pointer}.attendance-radar-card.clickable:hover{border-color:var(--accent);transform:translateY(-2px)}.attendance-radar-card.highlight-alert{background:#ef444408;border-color:#ef444466}.radar-label{letter-spacing:.05em;color:var(--text-secondary);text-transform:uppercase;margin-bottom:6px;font-size:.7rem;font-weight:700;display:block}.radar-value{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:4px;font-size:1.35rem;font-weight:800;display:flex}.radar-value.text-green{color:#10b981}.radar-value.text-amber{color:#f59e0b}.radar-value.text-secondary{color:var(--text-secondary)}.radar-value.text-accent{color:var(--accent,#6366f1)}.radar-value.text-red{color:#ef4444}.radar-sub{color:var(--text-secondary);font-size:.72rem}.attendance-grid{grid-template-columns:1fr;gap:28px;display:grid}@media (width>=1024px){.attendance-grid.manager-view,.attendance-grid.staff-view{grid-template-columns:360px 1fr;align-items:flex-start}}.attendance-timeclock-col{width:100%}.attendance-staff-cal-col{width:100%;min-width:0}.attendance-full-calendar-section{width:100%;margin-top:28px}.roster-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:24px;box-shadow:0 4px 20px #0000000a}.roster-tabs-row{border-bottom:1px solid var(--border-color);gap:12px;margin-bottom:20px;padding-bottom:4px;display:flex}.roster-tab-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:.92rem;font-weight:700;transition:all .2s;display:flex;position:relative}.roster-tab-btn:hover{color:var(--text-primary);background:var(--bg-secondary)}.roster-tab-btn.active{color:var(--accent,#6366f1);background:#6366f114}.roster-tab-pill{color:#fff;background:#ef4444;border-radius:10px;padding:1px 6px;font-size:.68rem;font-weight:800}.roster-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.roster-filter-pills{flex-wrap:wrap;gap:6px;display:flex}.filter-pill{background:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:20px;padding:5px 12px;font-size:.78rem;font-weight:600;transition:all .15s}.filter-pill:hover{color:var(--text-primary);border-color:var(--accent)}.filter-pill.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.attendance-date-input{border:1px solid var(--border-color);background:var(--bg-secondary);color:var(--text-primary);border-radius:8px;outline:none;padding:6px 10px;font-size:.85rem}.roster-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto}.roster-table{border-collapse:collapse;text-align:left;width:100%;min-width:650px}.roster-table th{letter-spacing:.05em;color:var(--text-secondary);text-transform:uppercase;border-bottom:1px solid var(--border-color);padding:12px 10px;font-size:.74rem;font-weight:700}.roster-table td{border-bottom:1px solid var(--border-color);vertical-align:middle;padding:14px 10px;font-size:.88rem}.roster-table tr:hover td{background:#6366f105}.roster-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.78rem;font-weight:800;display:flex}.roster-avatar.small{border-radius:8px;width:28px;height:28px;font-size:.7rem}.roster-status-badge{border-radius:16px;align-items:center;gap:6px;padding:4px 10px;font-size:.76rem;font-weight:700;display:inline-flex}.roster-status-badge.active{color:#10b981;background:#10b9811f}.roster-status-badge.on-break{color:#d97706;background:#f59e0b24}.roster-status-badge.ended{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-color)}.roster-status-badge.off{background:var(--bg-secondary);color:var(--text-secondary)}.net-hours-highlight{color:var(--accent,#6366f1);background:#6366f114;border-radius:6px;padding:3px 8px;font-size:.85rem;font-weight:800}.regularizations-inbox{padding:4px 0}.regularize-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.regularize-card:hover{border-color:#6366f14d;box-shadow:0 4px 16px #0000000a}.regularize-card-main{flex:1;min-width:260px}.regularize-meta-row{color:var(--text-secondary);flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:.8rem;display:flex}.regularize-meta-row strong{color:var(--text-primary)}.regularize-reason-box{color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;padding:6px 12px;font-size:.82rem}.regularize-actions{flex-shrink:0;gap:8px;display:flex}.portal-form-group{margin-bottom:14px}.portal-form-group label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.portal-form-group input,.portal-form-group select,.portal-form-group textarea{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:9px 12px;font-family:inherit;font-size:.9rem;transition:border-color .15s}.portal-form-group input:focus,.portal-form-group select:focus,.portal-form-group textarea:focus{border-color:var(--accent)}@media (width<=1024px){.attendance-radar-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=640px){.attendance-radar-grid{grid-template-columns:1fr 1fr}.attendance-page-header{flex-direction:column}}.portal-settings-container{max-width:800px;padding:0 0 40px}.settings-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;margin-bottom:32px;padding:32px;box-shadow:0 4px 20px #0000000d}.settings-card h3{border-bottom:1px solid var(--border-color);align-items:center;gap:12px;margin-bottom:24px;padding-bottom:16px;font-size:1.25rem;font-weight:600;display:flex}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:.9rem;font-weight:500;display:block}.form-group input{border:1px solid var(--border-color);background:var(--bg-secondary);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:1rem}.form-group input:focus{border-color:#000;outline:none}.save-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:500;transition:all .2s;display:flex}.save-btn:hover{background:#333}@media (width<=768px){.settings-card{padding:20px}.settings-card h3{margin-bottom:20px;padding-bottom:12px;font-size:1.15rem}.save-btn{justify-content:center;width:100%}.form-group input{font-size:.95rem}}.admin-returns-page{gap:var(--spacing-xl);flex-direction:column;animation:.25s ease-out fadeIn;display:flex}.returns-header-container{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.returns-header-titles h1{letter-spacing:-.02em;margin-bottom:4px;font-size:1.6rem;font-weight:700}.returns-header-subtitle{color:var(--text-secondary);font-size:.88rem}.returns-header-actions{align-items:center;gap:10px;display:flex}.returns-kpi-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.returns-kpi-card{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--border-radius-lg,14px);flex-direction:column;justify-content:space-between;padding:20px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #0000000a}.returns-kpi-card:hover{border-color:#ffffff2e;transform:translateY(-2px);box-shadow:0 8px 24px #00000014}.returns-kpi-top{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.returns-kpi-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-size:.78rem;font-weight:600}.returns-kpi-icon{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.returns-kpi-icon.rose{color:#f43f5e;background:#f43f5e1f}.returns-kpi-icon.amber{color:#f59e0b;background:#f59e0b1f}.returns-kpi-icon.purple{color:#a855f7;background:#a855f71f}.returns-kpi-icon.green{color:#10b981;background:#10b9811f}.returns-kpi-main-val{letter-spacing:-.02em;color:var(--text-primary);align-items:baseline;gap:8px;margin-bottom:6px;font-size:1.85rem;font-weight:700;display:flex}.returns-kpi-subtext{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:6px;font-size:.82rem;display:flex}.returns-pill-stat{border-radius:999px;align-items:center;gap:4px;padding:2px 7px;font-size:.76rem;font-weight:500;display:inline-flex}.returns-pill-stat.positive{color:#10b981;background:#10b9811f}.returns-pill-stat.neutral{color:var(--text-secondary);background:#ffffff0f}.returns-pill-stat.warning{color:#f59e0b;background:#f59e0b24}.returns-pill-stat.critical{color:#f43f5e;background:#f43f5e24}.returns-reasons-container{background:var(--bg-primary);border:1px solid var(--border);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.returns-reasons-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-size:.82rem;font-weight:600;display:flex}.returns-reasons-list{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.returns-reason-chip{background:var(--bg-secondary);border:1px solid var(--border);color:var(--text-primary);border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:500;display:inline-flex}.returns-reason-chip strong{color:var(--text-primary);font-weight:700}.returns-tabs-nav{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.returns-tab-btn{color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:.88rem;font-weight:600;transition:all .15s;display:inline-flex}.returns-tab-btn:hover{color:var(--text-primary);background:#ffffff0a}.returns-tab-btn.active{color:var(--text-primary);background:var(--bg-secondary);box-shadow:0 1px 4px #0000001f}.returns-tab-count{color:var(--text-secondary);background:#ffffff14;border-radius:999px;padding:1px 7px;font-size:.74rem;font-weight:700}.returns-tab-btn.active .returns-tab-count{background:var(--text-primary);color:var(--bg-primary)}.return-reason-badge{text-transform:capitalize;border-radius:4px;align-items:center;gap:4px;width:fit-content;padding:2px 7px;font-size:.74rem;font-weight:600;display:inline-flex}.return-reason-badge.size{color:#3b82f6;background:#3b82f61f;border:1px solid #3b82f640}.return-reason-badge.defect{color:#f43f5e;background:#f43f5e24;border:1px solid #f43f5e4d}.return-reason-badge.preference{color:#f59e0b;background:#f59e0b1f;border:1px solid #f59e0b40}.return-reason-badge.other{color:var(--text-secondary);border:1px solid var(--border);background:#ffffff14}.rma-modal-overlay{z-index:1100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.rma-modal-container{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:20px;width:100%;max-width:580px;max-height:90vh;padding:28px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #00000080}.rma-qc-selector{flex-direction:column;gap:8px;display:flex}.rma-qc-option{background:var(--bg-primary);border:1px solid var(--border);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .15s;display:flex}.rma-qc-option:hover{border-color:var(--text-secondary)}.rma-qc-option.selected{background:#6366f114;border-color:#6366f1}@media (width<=992px){.returns-kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.returns-kpi-grid{grid-template-columns:1fr}.orders-bulk-bar,.returns-bulk-bar{border-radius:14px;flex-wrap:wrap;justify-content:center;width:94%;padding:12px}.orders-bulk-count,.returns-bulk-count{border-right:none;justify-content:center;width:100%}}.orders-bulk-bar,.returns-bulk-bar{z-index:1000;-webkit-backdrop-filter:blur(16px);border-radius:999px;align-items:center;gap:12px;padding:8px 18px;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);color:#fff!important;background:#18181b!important;border:1px solid #fff3!important;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff14!important}.orders-bulk-count,.returns-bulk-count{white-space:nowrap;align-items:center;gap:6px;padding-right:8px;font-size:.86rem;font-weight:600;display:flex;color:#fff!important;border-right:1px solid #fff3!important}.orders-bulk-count svg,.returns-bulk-count svg{color:#10b981!important}.orders-bulk-btn,.returns-bulk-btn{cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:.82rem;font-weight:600;transition:all .15s;display:inline-flex;color:#fff!important;background:#ffffff1f!important;border:1px solid #ffffff38!important}.orders-bulk-btn:hover,.returns-bulk-btn:hover{transform:translateY(-1px);color:#fff!important;background:#ffffff40!important}.orders-bulk-btn.clear,.returns-bulk-btn.clear{color:#e4e4e7!important;background:0 0!important;border:1px solid #ffffff26!important}.orders-bulk-btn.clear:hover,.returns-bulk-btn.clear:hover{color:#fff!important;background:#ffffff1f!important;border-color:#ffffff4d!important}.orders-bulk-btn.danger,.returns-bulk-btn.danger{color:#fca5a5!important;background:#ef444438!important;border:1px solid #ef444473!important}.orders-bulk-btn.danger:hover,.returns-bulk-btn.danger:hover{transform:translateY(-1px);color:#fff!important;background:#ef4444!important;border-color:#ef4444!important}.portal-login-container{width:100%;min-height:100vh;display:flex}.portal-login-visual{color:#fff;background:linear-gradient(135deg,#1d1d1f 0%,#3a3a3c 100%);flex:1;justify-content:center;align-items:center;padding:4rem;display:flex}.portal-visual-content{max-width:400px}.portal-visual-content h1{letter-spacing:-1px;margin:1.5rem 0 1rem;font-size:2.5rem;font-weight:800;line-height:1.1}.portal-visual-content p{opacity:.8;font-size:1.1rem;line-height:1.5}.portal-login-form-wrapper{background-color:var(--bg-primary);flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.portal-login-card{border:1px solid var(--border);background:#fff;border-radius:24px;width:100%;max-width:400px;padding:2.5rem;box-shadow:0 10px 40px #0000000d}.portal-login-card h2{margin-bottom:.5rem;font-size:1.8rem;font-weight:700}.portal-form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.portal-form-group label{color:var(--text-primary);font-size:.9rem;font-weight:600}.portal-form-group input{border:1px solid var(--border);background:var(--bg-secondary);border-radius:12px;padding:12px 16px;font-size:1rem;transition:all .2s}.portal-form-group input:focus{border-color:var(--text-primary);background:#fff;outline:none}@media (width<=768px){.portal-login-container{flex-direction:column}.portal-login-visual{flex:none;padding:3rem 2rem}.portal-login-form-wrapper{align-items:flex-start;padding-top:3rem}}