.pet-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;min-height:200px;background:transparent}.pet-loading-small{min-height:120px;padding:1rem}.pet-loading-medium{min-height:200px;padding:2rem}.pet-loading-large{min-height:300px;padding:3rem}.pet-loading-icon{width:56px;height:56px;margin-bottom:1.25rem;animation:pawPulse 1.4s ease-in-out infinite;opacity:.85}.pet-loading-small .pet-loading-icon{width:36px;height:36px}.pet-loading-large .pet-loading-icon{width:72px;height:72px}@keyframes pawPulse{0%,to{transform:scale(1);opacity:.85}50%{transform:scale(1.18);opacity:1}}.pet-loading-message{font-size:.95rem;font-weight:500;color:#8b5cf6;margin:0 0 1rem;text-align:center;letter-spacing:.01em}.pet-loading-small .pet-loading-message{font-size:.82rem}.pet-loading-large .pet-loading-message{font-size:1.05rem}.pet-loading-dots{display:flex;gap:6px;align-items:center}.pet-loading-dots span{width:7px;height:7px;background:#8b5cf6;border-radius:50%;animation:dotBounce 1.2s ease-in-out infinite}.pet-loading-dots span:nth-child(2){animation-delay:.18s}.pet-loading-dots span:nth-child(3){animation-delay:.36s}@keyframes dotBounce{0%,80%,to{transform:translateY(0);opacity:.45}40%{transform:translateY(-7px);opacity:1}}.pet-loading-overlay{position:fixed;inset:0;background:#fffffff2;backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:center;justify-content:center}.dark-mode .pet-loading-overlay{background:#1a1a1af2}.dark-mode .pet-loading-message{color:#a78bfa}.dark-mode .pet-loading-dots span{background:#a78bfa}.cart-checkout-nav-overlay--cart .pet-loading-message{color:#fffffff2}.cart-checkout-nav-overlay--cart .pet-loading-dots span{background:#ffffffe6}.cart-checkout-nav-overlay--cart .pet-loading-icon{filter:brightness(1.2)}.af-footer{width:100%;margin-top:auto}.af-scene-wrap{position:relative;height:240px;overflow:hidden}.af-scene{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;pointer-events:none}.af-scene.visible{opacity:1;pointer-events:auto}.af-theme-picker{position:absolute;bottom:52px;right:14px;display:flex;gap:6px;z-index:10}.af-theme-btn{width:32px;height:32px;border-radius:50%;border:2px solid rgba(255,255,255,.35);background:#00000059;backdrop-filter:blur(6px);font-size:.9rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.af-theme-btn.active{border-color:#fff;background:#fff3;transform:scale(1.15)}.af-theme-btn:hover{transform:scale(1.1)}.af-aquarium{width:100%;height:100%;background:linear-gradient(180deg,#0c4a6e,#075985 40%,#0369a1);position:relative;overflow:hidden}.af-aquarium.dark{background:linear-gradient(180deg,#020617,#0c1445,#0f172a)}.af-light-rays{position:absolute;inset:0;background:repeating-linear-gradient(-22deg,transparent 0px,transparent 38px,rgba(255,255,255,.045) 38px,rgba(255,255,255,.045) 54px);animation:ray-shift 12s ease-in-out infinite alternate;pointer-events:none}@keyframes ray-shift{0%{transform:translate(-40px) skew(4deg);opacity:.6}to{transform:translate(40px) skew(-4deg);opacity:1}}.af-seahorse-drift{position:absolute;animation:seahorse-hover 18s ease-in-out infinite alternate}@keyframes seahorse-hover{0%{transform:translate(-12px) translateY(0)}50%{transform:translate(12px) translateY(-18px)}to{transform:translate(-6px) translateY(-8px)}}.af-reef{position:absolute;bottom:0;width:100%;pointer-events:none}.af-sand-ripple{width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent 0px,transparent 18px,rgba(255,255,255,.06) 18px,rgba(255,255,255,.06) 20px)}.af-caustics{position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(255,255,255,.03) 20px,rgba(255,255,255,.03) 40px);animation:caustic-shift 8s ease-in-out infinite alternate}.af-water-shimmer{position:absolute;top:0;left:0;right:0;height:8px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent,rgba(255,255,255,.1),transparent);animation:shimmer-move 4s linear infinite}@keyframes caustic-shift{0%{transform:translate(-20px) skew(2deg)}to{transform:translate(20px) skew(-2deg)}}@keyframes shimmer-move{0%{transform:translate(-100%)}to{transform:translate(200%)}}.af-fish-wrap{position:absolute;animation:swim-right linear infinite;left:-140px}.af-fish-wrap.flip{animation-name:swim-left;left:auto;right:-140px}@keyframes swim-right{0%{left:-140px}to{left:110%}}@keyframes swim-left{0%{right:-140px}to{right:110%}}.af-fish-body{animation:fish-bob 1.5s ease-in-out infinite alternate}@keyframes fish-bob{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(5px) rotate(2deg)}}.af-fin{animation:fin-wave .8s ease-in-out infinite alternate;transform-origin:left center}.af-mouth{animation:mouth-open 1.2s ease-in-out infinite alternate}@keyframes fin-wave{0%{transform:scaleY(.7)}to{transform:scaleY(1.3)}}@keyframes mouth-open{0%{d:path("M8,30 Q12,33 8,36")}to{d:path("M8,28 Q12,35 8,38")}}.af-jellyfish{position:absolute;top:5%;animation:jelly-drift 6s ease-in-out infinite alternate}.af-jellyfish:nth-child(2){animation-delay:-2s;top:8%}.af-jellyfish:nth-child(3){animation-delay:-4s;top:3%}@keyframes jelly-drift{0%{transform:translateY(0) translate(0)}to{transform:translateY(20px) translate(10px)}}@keyframes tentacle-sway{0%{transform:rotate(-8deg)}to{transform:rotate(8deg)}}.af-turtle-swim{position:absolute;bottom:28px;animation:turtle-swim 35s linear infinite;left:-100px}@keyframes turtle-swim{0%{left:-100px;transform:scaleX(-1)}49%{left:110%;transform:scaleX(-1)}50%{left:110%;transform:scaleX(1)}99%{left:-100px;transform:scaleX(1)}to{left:-100px;transform:scaleX(-1)}}.af-bubble{position:absolute;bottom:20px;border-radius:50%;background:#ffffff38;border:1px solid rgba(255,255,255,.45);animation:bubble-rise ease-in infinite}@keyframes bubble-rise{0%{bottom:20px;opacity:.8;transform:translate(0)}50%{opacity:.5;transform:translate(6px)}to{bottom:105%;opacity:0;transform:translate(-4px)}}.af-seaweed{position:absolute;bottom:18px;width:7px;border-radius:4px;transform-origin:bottom center;animation:sway 3s ease-in-out infinite alternate}@keyframes sway{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}.af-floor{position:absolute;bottom:0;width:100%;height:24px;background:linear-gradient(180deg,#d4a96a,#b8864e 60%,#92660e)}.af-glass-rim{position:absolute;top:0;width:100%;height:8px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent)}.af-petscene{width:100%;height:100%;position:relative;overflow:hidden}.af-sky{position:absolute;inset:0;background:linear-gradient(180deg,#bfdbfe,#ede9fe 70%,#ddd6fe)}.af-petscene.dark .af-sky{background:linear-gradient(180deg,#0f0c29,#1e1b4b 60%,#312e81)}.af-stars{position:absolute;inset:0}.af-star{position:absolute;background:#fff;border-radius:50%;animation:twinkle 2s ease-in-out infinite alternate}@keyframes twinkle{0%{opacity:.2;transform:scale(1)}to{opacity:1;transform:scale(1.6)}}.af-celestial{position:absolute;top:10px;right:70px;font-size:2rem;animation:float-gentle 6s ease-in-out infinite alternate}@keyframes float-gentle{0%{transform:translateY(0)}to{transform:translateY(-8px)}}.af-cloud{position:absolute;width:90px;height:32px;background:#ffffffe6;border-radius:20px;animation:cloud-drift linear infinite;left:-120px;filter:blur(1px)}.af-cloud:before,.af-cloud:after{content:"";position:absolute;background:#ffffffe6;border-radius:50%}.af-cloud:before{width:44px;height:44px;top:-20px;left:14px}.af-cloud:after{width:28px;height:28px;top:-12px;left:46px}@keyframes cloud-drift{0%{left:-130px}to{left:110%}}.af-hill{position:absolute;width:140%;left:-20%;border-radius:50% 50% 0 0}.af-hill-back{height:80px;bottom:32px;background:#86efac;opacity:.55}.af-hill-front{height:60px;bottom:30px;background:#4ade80;animation:hill-sway 20s ease-in-out infinite alternate}.af-petscene.dark .af-hill-back{background:#14532d}.af-petscene.dark .af-hill-front{background:#166534}@keyframes hill-sway{0%{transform:translate(-1%)}to{transform:translate(1%)}}.af-ground{position:absolute;bottom:0;width:100%;height:34px;background:linear-gradient(180deg,#16a34a,#15803d)}.af-petscene.dark .af-ground{background:linear-gradient(180deg,#14532d,#052e16)}.af-pet-walk{position:absolute;bottom:30px}.af-dog-walk{animation:walk-right 20s linear infinite;left:-160px}.af-cat-walk{animation:walk-left 26s linear infinite;right:-150px}.af-pet-hop{position:absolute;bottom:32px}.af-rabbit-hop{animation:hop-right 16s linear infinite;left:-80px}@keyframes walk-right{0%{left:-160px}to{left:110%}}@keyframes walk-left{0%{right:-150px}to{right:110%}}@keyframes hop-right{0%{left:-80px}to{left:110%}}.af-leg-fl{animation:leg-swing-a .45s ease-in-out infinite alternate;transform-origin:top center}.af-leg-rl,.af-leg-fr{animation:leg-swing-b .45s ease-in-out infinite alternate;transform-origin:top center}.af-leg-rr{animation:leg-swing-a .45s ease-in-out infinite alternate;transform-origin:top center}@keyframes leg-swing-a{0%{transform:rotate(-18deg)}to{transform:rotate(18deg)}}@keyframes leg-swing-b{0%{transform:rotate(18deg)}to{transform:rotate(-18deg)}}.af-dog-tail{animation:tail-wag .5s ease-in-out infinite alternate;transform-origin:125px 60px}@keyframes tail-wag{0%{transform:rotate(-25deg)}to{transform:rotate(25deg)}}.af-cat-tail{animation:cat-tail-sway 1.2s ease-in-out infinite alternate;transform-origin:110px 60px}@keyframes cat-tail-sway{0%{transform:rotate(-15deg)}to{transform:rotate(15deg)}}.af-ear-twitch{animation:ear-twitch 2s ease-in-out infinite;transform-origin:bottom center}@keyframes ear-twitch{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-12deg)}90%{transform:rotate(8deg)}95%{transform:rotate(-6deg)}}.af-rabbit-hop{animation:hop-right 16s linear infinite}.af-rabbit-hop>*{animation:bunny-bounce .5s ease-in-out infinite alternate}@keyframes bunny-bounce{0%{transform:translateY(0)}to{transform:translateY(-14px)}}.af-parallax{width:100%;height:100%;position:relative;overflow:hidden}.af-px-sky{position:absolute;inset:0;background:linear-gradient(180deg,#7dd3fc,#bfdbfe,#e9d5ff)}.af-parallax.dark .af-px-sky{background:linear-gradient(180deg,#030712,#0f172a 60%,#1e1b4b)}.af-px-stars{position:absolute;inset:0;background-image:radial-gradient(1px 1px at 10% 20%,white,transparent),radial-gradient(1px 1px at 30% 10%,white,transparent),radial-gradient(1px 1px at 55% 35%,white,transparent),radial-gradient(1px 1px at 72% 15%,white,transparent),radial-gradient(1px 1px at 85% 28%,white,transparent),radial-gradient(1px 1px at 20% 50%,white,transparent),radial-gradient(1px 1px at 45% 8%,white,transparent),radial-gradient(1px 1px at 92% 42%,white,transparent);animation:stars-twinkle 4s ease-in-out infinite alternate}@keyframes stars-twinkle{0%{opacity:.5}to{opacity:1}}.af-px-mountains-far,.af-px-mountains-near{position:absolute;bottom:28px;width:120%;left:-10%}.af-px-mountains-far{bottom:40px}.af-px-mountains-near{bottom:22px}.af-px-mountains-far svg,.af-px-mountains-near svg{width:100%;height:110px;display:block}.af-px-peeker-wrap{position:absolute;bottom:36px;z-index:2}.af-px-peeker-anim{animation:peek-up 4s ease-in-out infinite alternate;transform-origin:bottom center}@keyframes peek-up{0%{transform:translateY(60%) scaleY(.6);opacity:.7}to{transform:translateY(20%) scaleY(.9);opacity:1}}.af-px-ground{position:absolute;bottom:0;width:120%;left:-10%;height:30px;background:linear-gradient(180deg,#4ade80,#16a34a)}.af-parallax.dark .af-px-ground{background:linear-gradient(180deg,#166534,#052e16)}.af-px-cloud{position:absolute;width:75px;height:28px;background:#ffffffa6;border-radius:20px;animation:cloud-drift linear infinite;left:-110px;filter:blur(1px)}.af-px-cloud:before{content:"";position:absolute;background:#ffffffa6;width:38px;height:38px;border-radius:50%;top:-16px;left:10px}.af-overlay-nav{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:10px 20px 12px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}.af-nav{display:flex;flex-wrap:wrap;gap:4px 16px}.af-nav a{color:#fff;text-decoration:none;font-size:.95rem;font-weight:600;transition:color .15s;text-shadow:0 1px 6px rgba(0,0,0,.8),0 0 12px rgba(0,0,0,.5)}.af-nav a:hover{color:#e9d5ff}.af-copy{font-size:.78rem;color:#ffffffd1;font-weight:500;text-shadow:0 1px 5px rgba(0,0,0,.8)}.af-copy strong{color:#fff}@media (max-width: 768px){.af-scene-wrap{height:190px}.af-overlay-nav{flex-direction:column;align-items:flex-start;gap:4px}.af-copy{font-size:.68rem}}@media (max-width: 480px){.af-scene-wrap{height:170px}.af-nav{gap:3px 10px}.af-nav a{font-size:.82rem}}.nh-header{position:sticky;top:0;z-index:1000;width:100%;background:linear-gradient(135deg,#1e1b6e,#2d1b69,#4c1d95 80%,#6d28d9);background-size:300% 300%;animation:nh-gradient-shift 12s ease infinite;border-bottom:1px solid rgba(255,255,255,.08);transition:backdrop-filter .3s,background .3s,box-shadow .3s}.nh-header--scrolled{background:#141050e0;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 4px 24px #00000040;border-bottom-color:#8b5cf64d}@keyframes nh-gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.nh-gradient-bar{height:2px;background:linear-gradient(90deg,#8b5cf6,#ec4899,#f59e0b,#10b981,#8b5cf6);background-size:300% 100%;animation:nh-bar-move 4s linear infinite}@keyframes nh-bar-move{0%{background-position:0% 0%}to{background-position:300% 0%}}.nh-inner{max-width:1400px;margin:0 auto;padding:0 20px;height:60px;display:flex;align-items:center;gap:16px}.nh-logo{display:flex;align-items:center;gap:10px;text-decoration:none;flex-shrink:0;transition:opacity .2s}.nh-logo:hover{opacity:.85}.nh-logo-img{width:38px;height:38px;border-radius:10px;box-shadow:0 2px 8px #0000004d;animation:nh-logo-pulse 3s ease-in-out infinite}@keyframes nh-logo-pulse{0%,to{box-shadow:0 2px 8px #0000004d}50%{box-shadow:0 2px 16px #8b5cf699}}.nh-logo-text{display:flex;flex-direction:column;line-height:1.1}.nh-logo-name{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:-.02em}.nh-logo-tag{font-size:.62rem;color:#ffffff8c;font-weight:400;letter-spacing:.02em}.nh-nav-center{flex:1;display:flex;justify-content:center}.nh-actions{display:flex;align-items:center;gap:6px;flex-shrink:0;position:relative;z-index:10002}.nh-desktop-nav{display:flex;align-items:center;gap:2px}.nh-nav-link{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border-radius:8px;font-size:.88rem;font-weight:500;color:#ffffffd1;text-decoration:none;background:none;border:none;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap;position:relative}.nh-nav-link:hover,.nh-nav-link.open{background:#ffffff1a;color:#fff}.nh-nav-link.active{background:#ffffff26;color:#fff;font-weight:600}.nh-nav-link.active:after{content:"";position:absolute;bottom:-2px;left:12px;right:12px;height:2px;background:#a78bfa;border-radius:2px}.nh-nav-btn{cursor:pointer}.nh-chevron{transition:transform .2s;opacity:.7}.nh-chevron.up{transform:rotate(-180deg)}.nh-pw-paw{font-size:1rem}.nh-pw-dot{width:6px;height:6px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:nh-pulse 2s ease-in-out infinite}@keyframes nh-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.nh-login-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 18px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);color:#fff;text-decoration:none;font-weight:600;font-size:.85rem;border-radius:10px;transition:all .2s;backdrop-filter:blur(4px)}.nh-login-btn:hover{background:#fff;color:#7c3aed;border-color:#fff}.nh-mega-wrap{position:relative}.nh-mega{position:absolute;top:calc(100% + 12px);left:50%;transform:translate(-50%);background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000002e,0 0 0 1px #0000000f;padding:20px;z-index:9000;animation:nh-mega-in .18s ease;min-width:520px}@keyframes nh-mega-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.nh-mega:before{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#fff;border-radius:2px;rotate:45deg;box-shadow:-2px -2px 4px #0000000a}.nh-mega-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.nh-mega-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#6b7280}.nh-mega-sub{font-size:.78rem;color:#9ca3af}.nh-mega-view-all{font-size:.8rem;color:#7c3aed;text-decoration:none;font-weight:600}.nh-mega-view-all:hover{text-decoration:underline}.nh-shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.nh-shop-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;text-decoration:none;transition:background .12s;border:1px solid transparent}.nh-shop-card:hover{background:#faf5ff;border-color:#e9d5ff}.nh-shop-card-icon{font-size:1.5rem;flex-shrink:0}.nh-shop-card-label{font-size:.85rem;font-weight:600;color:#111827}.nh-shop-card-desc{font-size:.72rem;color:#9ca3af;margin-top:1px}.nh-mega-deals{display:flex;align-items:center;gap:12px;padding:12px 14px;background:linear-gradient(135deg,#fef3c7,#fde68a);border-radius:10px;text-decoration:none;border:1px solid #fcd34d;transition:opacity .15s}.nh-mega-deals:hover{opacity:.9}.nh-mega-deals>span:first-child{font-size:1.3rem}.nh-mega-deals-title{font-size:.85rem;font-weight:700;color:#92400e}.nh-mega-deals-sub{font-size:.72rem;color:#b45309;margin-top:1px}.nh-mega-deals-arrow{margin-left:auto;font-size:1.1rem;color:#92400e}.nh-mega--paw{min-width:480px}.nh-pw-grid{display:flex;flex-direction:column;gap:6px;margin-bottom:10px}.nh-pw-card{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:10px;text-decoration:none;border:1px solid #f3f4f6;transition:all .12s;position:relative}.nh-pw-card:hover{background:#faf5ff;border-color:#e9d5ff}.nh-pw-card--pawgram:hover{background:#fdf4ff}.nh-pw-card--petverse:hover{background:#f0fdf4}.nh-pw-card--match:hover{background:#fff1f2}.nh-pw-card-badge{position:absolute;top:6px;right:8px;font-size:.65rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#ec4899);color:#fff;padding:2px 6px;border-radius:6px}.nh-pw-card-icon{font-size:1.6rem;flex-shrink:0}.nh-pw-card-body{flex:1}.nh-pw-card-name{font-size:.88rem;font-weight:600;color:#111827}.nh-pw-card-desc{font-size:.75rem;color:#6b7280;margin-top:1px}.nh-pw-card-live{display:flex;align-items:center;gap:5px;font-size:.7rem;color:#10b981;margin-top:3px;font-weight:500}.nh-live-dot{width:5px;height:5px;border-radius:50%;background:#10b981;animation:nh-pulse 2s ease-in-out infinite}.nh-pw-card-arrow{color:#d1d5db;font-size:1rem;margin-left:auto}.nh-pw-card:hover .nh-pw-card-arrow{color:#7c3aed}.nh-sage-strip{display:flex;align-items:center;gap:10px;padding:12px 14px;background:linear-gradient(135deg,#1e1b4b,#4c1d95);border-radius:10px;text-decoration:none;position:relative;overflow:hidden;transition:opacity .15s}.nh-sage-strip:hover{opacity:.92}.nh-sage-aurora{position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(139,92,246,.4),transparent 60%),radial-gradient(ellipse at 80% 50%,rgba(236,72,153,.3),transparent 60%);pointer-events:none}.nh-sage-icon{width:36px;height:36px;border-radius:10px;background:#ffffff26;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;position:relative}.nh-sage-text{flex:1;position:relative}.nh-sage-name{display:block;font-size:.85rem;font-weight:700;color:#fff}.nh-sage-desc{display:block;font-size:.7rem;color:#ffffffa6;margin-top:1px}.nh-sage-cta{position:relative;font-size:.78rem;font-weight:700;color:#a78bfa;white-space:nowrap}.nh-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:0 8px;cursor:pointer}.nh-hamburger span{display:block;height:2px;background:#fff;border-radius:2px;transition:all .3s;transform-origin:center}.nh-hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nh-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.nh-hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nh-backdrop{position:fixed;inset:0;z-index:999;background:#00000073;backdrop-filter:blur(2px);animation:nh-fade-in .2s ease}@keyframes nh-fade-in{0%{opacity:0}to{opacity:1}}.nh-drawer{position:fixed;top:0;left:0;width:min(320px,85vw);height:100dvh;background:#1e1b4b;z-index:1001;transform:translate(-100%);transition:transform .3s cubic-bezier(.34,1.56,.64,1);overflow-y:auto;box-shadow:4px 0 24px #0000004d;display:flex;flex-direction:column}.nh-drawer.open{transform:translate(0)}.nh-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.nh-drawer-close{width:34px;height:34px;border-radius:8px;background:#ffffff1a;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s}.nh-drawer-close:hover{background:#fff3}.nh-drawer-body{flex:1;padding:12px 0;overflow-y:auto}.nh-mobile-nav{display:flex;flex-direction:column;gap:2px;padding:0 12px}.nh-mobile-nav .nh-nav-link{padding:10px 14px;font-size:.95rem;border-radius:10px;justify-content:flex-start;width:100%}.nh-mobile-nav .nh-mega-wrap{width:100%}.nh-mobile-nav .nh-mega{position:static;transform:none;min-width:unset;width:100%;box-shadow:none;border-radius:10px;background:#ffffff12;padding:10px;margin-top:4px;animation:none}.nh-mobile-nav .nh-mega:before{display:none}.nh-mobile-nav .nh-shop-grid{grid-template-columns:1fr 1fr}.nh-mobile-nav .nh-shop-card{padding:8px}.nh-mobile-nav .nh-shop-card-label{color:#e9d5ff}.nh-mobile-nav .nh-shop-card-desc{color:#ffffff73}.nh-mobile-nav .nh-pw-card{background:#ffffff0f;border-color:transparent}.nh-mobile-nav .nh-pw-card-name{color:#e9d5ff}.nh-mobile-nav .nh-pw-card-desc{color:#ffffff80}.nh-mobile-nav .nh-mega-header{border-color:#ffffff1a}.nh-mobile-nav .nh-mega-title{color:#ffffff80}.nh-mobile-nav .nh-mega-view-all{color:#a78bfa}.nh-mobile-nav .nh-mega-deals{margin-top:6px}.nh-mobile-nav .nh-login-btn{margin-top:8px;justify-content:center;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border-color:transparent}.nh-header .icon-link{color:#ffffffd9}.nh-header .icon-link:hover{background:#ffffff1f;color:#fff}.nh-header .icon-link.active{background:#ffffff26;color:#fff}.nh-header .auth-badge{background:#a78bfae6}.dark-mode .nh-header{background:linear-gradient(135deg,#0f0c29,#1a1540,#2d1b69 80%,#3b1f8c);background-size:300% 300%}.dark-mode .nh-header--scrolled{background:#0a0828eb}.dark-mode .nh-mega{background:#1f1f2e;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0f}.dark-mode .nh-mega:before{background:#1f1f2e}.dark-mode .nh-mega-header{border-color:#2d2b45}.dark-mode .nh-mega-title{color:#9ca3af}.dark-mode .nh-mega-sub{color:#6b7280}.dark-mode .nh-shop-card:hover{background:#2d2b45;border-color:#4c1d95}.dark-mode .nh-shop-card-label{color:#f9fafb}.dark-mode .nh-shop-card-desc{color:#6b7280}.dark-mode .nh-pw-card{background:#2d2b45;border-color:transparent}.dark-mode .nh-pw-card:hover{background:#352d55;border-color:#4c1d95}.dark-mode .nh-pw-card-name{color:#f9fafb}.dark-mode .nh-pw-card-desc{color:#9ca3af}@media (max-width: 900px){.nh-nav-center{display:none}.nh-hamburger{display:flex}.nh-logo-tag{display:none}}@media (max-width: 480px){.nh-inner{padding:0 12px;gap:8px}.nh-logo-name{font-size:.95rem}.nh-logo-img{width:32px;height:32px}}.tt-toggle{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.tt-track{display:flex;align-items:center;width:52px;height:28px;border-radius:14px;background:#e5e7eb;border:1.5px solid #d1d5db;padding:2px;transition:background .3s,border-color .3s;position:relative}.tt-toggle.dark .tt-track{background:#1e1b4b;border-color:#4c1d95}.tt-thumb{width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 4px #0003;display:flex;align-items:center;justify-content:center;transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:translate(0)}.tt-toggle.dark .tt-thumb{transform:translate(24px);background:#7c3aed}.tt-icon{font-size:.75rem;line-height:1}.dark-mode .tt-track{background:#1e1b4b;border-color:#4c1d95}.dark-mode .tt-thumb{transform:translate(24px);background:#7c3aed}.logoutButton{position:relative;display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem .5rem .75rem;background:transparent;border:1.5px solid rgba(139,92,246,.4);border-radius:8px;color:#7c3aed;cursor:pointer;font-size:.88rem;font-weight:600;overflow:hidden;transition:background .2s,border-color .2s,color .2s;white-space:nowrap}.logoutButton:hover{background:#8b5cf614;border-color:#7c3aed}.logoutButton--light{border-color:#1f23354d;color:#1f2335}.logoutButton--light:hover{background:#1f23350f}.logoutButton--light:before{background-color:#f4f7ff}.logoutButton--light .logoutButton-text{color:#1f2335}.logoutButton--light .doorway,.logoutButton--light .door{fill:#1f2335}.logoutButton-door{display:flex;align-items:center;flex-shrink:0}.logoutButton-door svg{width:18px;height:18px}.logoutButton-figures{position:absolute;bottom:100%;left:50%;transform:translate(-50%);display:flex;gap:3px;pointer-events:none}.logoutButton figure{margin:0;padding:0;position:relative;bottom:0;opacity:1;color:#7c3aed;transition:none;z-index:1}.logoutButton--light figure{color:#1f2335}@keyframes figureSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logoutButton.logoutButton--falling figure{animation:figureSpin calc(var(--figure-duration) * 1ms) infinite linear;bottom:-1080px;opacity:0;right:1px;transition:transform calc(var(--figure-duration) * 1ms) linear,bottom calc(var(--figure-duration) * 1ms) cubic-bezier(.7,.1,1,1) calc(var(--figure-index, 0) * 80ms),opacity calc(var(--figure-duration) * .25ms) linear calc(var(--figure-duration) * .75ms);z-index:1}.logoutButton figure:nth-child(1){--figure-index: 0}.logoutButton figure:nth-child(2){--figure-index: 1}.logoutButton figure:nth-child(3){--figure-index: 2}.dark-mode .logoutButton{border-color:#a78bfa66;color:#a78bfa}.dark-mode .logoutButton:hover{background:#a78bfa1a}.dark-mode .logoutButton figure{color:#a78bfa}.fab-container{position:fixed;bottom:24px;right:24px;z-index:1000}.fab-main{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;box-shadow:0 4px 16px #8b5cf666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.fab-main:hover{transform:scale(1.1);box-shadow:0 6px 24px #8b5cf680}.fab-main:active{transform:scale(.95)}.dark-mode .fab-main{box-shadow:0 4px 16px #7c3aed80;background:linear-gradient(135deg,#7c3aed,#9333ea)}.fab-icon{font-size:2rem;color:#fff;font-weight:300;transition:transform .3s cubic-bezier(.4,0,.2,1);line-height:1}.fab-icon.open{transform:rotate(45deg)}.fab-actions{position:absolute;bottom:0;right:0;display:flex;flex-direction:column;gap:.75rem;margin-bottom:72px;pointer-events:none}.fab-container.open .fab-actions{pointer-events:auto}.fab-action{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fffffff2;backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);border-radius:50px;box-shadow:0 4px 16px #00000026;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);opacity:0;transform:translateY(20px) scale(.8);white-space:nowrap;color:#333;font-size:.9rem;font-weight:500;border:none}.dark-mode .fab-action{background:#2a2a2af2;border-color:#ffffff1a;color:#e0e0e0}.fab-container.open .fab-action{opacity:1;transform:translateY(0) scale(1)}.fab-action:hover{transform:translate(-4px) scale(1.05);box-shadow:0 6px 20px #0003}.fab-container.open .fab-action:hover{transform:translate(-4px) scale(1.05)}.fab-action-icon{font-size:1.25rem;flex-shrink:0}.fab-action-label{flex-shrink:0}@media (max-width: 768px){.fab-container{bottom:20px;right:20px}.fab-main{width:52px;height:52px}.fab-icon{font-size:1.75rem}.fab-action{padding:.625rem .875rem;font-size:.85rem}}.sage-root{position:fixed;bottom:5.5rem;left:1.75rem;z-index:9500;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem;pointer-events:none;transition:none}.sage-root--dragging{transition:none!important}.sage-root--dragging .sage-panel{pointer-events:none}.sage-panel{order:-1}@keyframes sage-nudge-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.sage-nudge{pointer-events:all;display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem .55rem .65rem;background:#fff;border:1px solid #ede9fe;border-radius:100px;box-shadow:0 6px 24px #6d28d929;font-size:.8rem;font-weight:500;color:#374151;cursor:pointer;white-space:nowrap;animation:sage-nudge-in .3s cubic-bezier(.34,1.56,.64,1) both;transition:box-shadow .2s}.sage-nudge:hover{box-shadow:0 8px 28px #6d28d93d}.sage-nudge-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0}.sage-nudge-close{background:none;border:none;cursor:pointer;font-size:.7rem;color:#9ca3af;padding:0 0 0 .25rem;line-height:1;transition:color .15s}.sage-nudge-close:hover{color:#374151}@keyframes sage-panel-in{0%{opacity:0;transform:translateY(16px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.sage-panel{pointer-events:all;width:340px;max-width:calc(100vw - 2rem);background:#fff;border:1px solid rgba(139,92,246,.2);border-radius:20px;box-shadow:0 20px 60px #6d28d92e,0 4px 16px #00000014;overflow:hidden;animation:sage-panel-in .28s cubic-bezier(.34,1.56,.64,1) both}.sage-panel-header{display:flex;align-items:center;gap:.65rem;padding:.85rem .85rem .85rem .9rem;background:linear-gradient(135deg,#6d28d9,#7c3aed,#a855f7);color:#fff}.sage-panel-avatar{position:relative;width:38px;height:38px;border-radius:50%;background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sage-panel-avatar-ring{position:absolute;inset:-3px;border-radius:50%;border:2px solid rgba(255,255,255,.4);animation:sage-avatar-spin 4s linear infinite;border-top-color:#ffffffe6}@keyframes sage-avatar-spin{to{transform:rotate(360deg)}}.sage-panel-header-text{flex:1;min-width:0}.sage-panel-name{display:block;font-size:.9rem;font-weight:800;letter-spacing:.03em}.sage-panel-status{display:flex;align-items:center;gap:5px;font-size:.68rem;opacity:.85}.sage-status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;animation:sage-status-blink 2.5s ease-in-out infinite}@keyframes sage-status-blink{0%,to{opacity:1}50%{opacity:.4}}.sage-panel-header-actions{display:flex;gap:.35rem}.sage-icon-btn{background:#ffffff26;border:none;color:#fff;width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s}.sage-icon-btn:hover{background:#ffffff47}.sage-home{padding:1rem;display:flex;flex-direction:column;gap:.85rem}.sage-home-greeting{font-size:.85rem;color:#374151;line-height:1.45}.sage-pet-name{color:#7c3aed;font-weight:700}.sage-chips-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}@keyframes chip-pop{0%{opacity:0;transform:scale(.88) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.sage-chip{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;padding:.6rem .7rem;border:1.5px solid #ede9fe;border-radius:12px;background:#faf8ff;cursor:pointer;text-align:left;transition:background .15s,border-color .15s,transform .2s,box-shadow .2s;animation:chip-pop .3s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--delay, 0s)}.sage-chip:hover{background:#f3f0ff;border-color:#8b5cf6;transform:translateY(-2px);box-shadow:0 4px 12px #6d28d924}.sage-chip-icon{font-size:1.15rem;line-height:1}.sage-chip-label{font-size:.72rem;font-weight:600;color:#4b5563}.sage-input-row{display:flex;align-items:center;gap:.45rem}.sage-input{flex:1;padding:.55rem .8rem;border:1.5px solid #e5e7eb;border-radius:10px;font-size:.82rem;outline:none;color:#111827;background:#f9fafb;transition:border-color .15s,box-shadow .15s}.sage-input:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f;background:#fff}.sage-input::placeholder{color:#9ca3af}.sage-send-btn{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .18s,opacity .18s}.sage-send-btn:hover:not(:disabled){transform:translateY(-1px) scale(1.06)}.sage-send-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes sage-spin{to{transform:rotate(360deg)}}.sage-send-spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:sage-spin .7s linear infinite}.sage-full-cta{display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.6rem;background:linear-gradient(135deg,#6d28d912,#a855f712);border:1.5px dashed rgba(139,92,246,.35);border-radius:10px;font-size:.78rem;font-weight:700;color:#7c3aed;text-decoration:none;transition:background .18s,border-color .18s,transform .18s}.sage-full-cta:hover{background:linear-gradient(135deg,#6d28d921,#a855f721);border-color:#8b5cf6;transform:translateY(-1px)}.sage-full-cta-sparkle{font-size:1rem;line-height:1}.sage-chat{display:flex;flex-direction:column;gap:0}.sage-chat-messages{padding:.85rem;display:flex;flex-direction:column;gap:.65rem;max-height:260px;overflow-y:auto;scroll-behavior:smooth}.sage-chat-messages::-webkit-scrollbar{width:4px}.sage-chat-messages::-webkit-scrollbar-thumb{background:#ede9fe;border-radius:2px}.sage-msg{display:flex;flex-direction:column;gap:.2rem}.sage-msg--user{align-items:flex-end}.sage-msg--assistant{align-items:flex-start}.sage-msg-label{font-size:.65rem;color:#9ca3af;font-weight:600;padding:0 .35rem}.sage-msg-bubble{max-width:88%;padding:.55rem .75rem;border-radius:14px;font-size:.82rem;line-height:1.5;word-break:break-word}.sage-msg--user .sage-msg-bubble{background:linear-gradient(135deg,#7c3aed,#6d28d9);color:#fff;border-bottom-right-radius:4px}.sage-msg--assistant .sage-msg-bubble{background:#f3f0ff;color:#1f2937;border-bottom-left-radius:4px}.sage-typing{display:flex;align-items:center;gap:4px;padding:.65rem .85rem}.sage-typing span{width:6px;height:6px;border-radius:50%;background:#a78bfa;animation:sage-type-bounce 1.4s ease-in-out infinite}.sage-typing span:nth-child(2){animation-delay:.2s}.sage-typing span:nth-child(3){animation-delay:.4s}@keyframes sage-type-bounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}.sage-chat .sage-input-row{padding:0 .85rem .85rem}@keyframes sage-ring-spin{to{transform:rotate(360deg)}}@keyframes sage-orbit-spin{to{transform:rotate(360deg)}}@keyframes sage-orb-idle{0%,to{box-shadow:0 4px 20px #6d28d959}50%{box-shadow:0 8px 32px #6d28d98c,0 0 0 8px #6d28d90f}}@keyframes sage-orb-nudge{0%{transform:translateY(0) rotate(0)}15%{transform:translateY(-6px) rotate(-8deg)}30%{transform:translateY(2px) rotate(5deg)}45%{transform:translateY(-4px) rotate(-4deg)}60%{transform:translateY(0) rotate(0)}to{transform:translateY(0) rotate(0)}}.sage-orb{pointer-events:all;position:relative;width:60px;height:60px;border-radius:50%;border:none;cursor:pointer;background:linear-gradient(135deg,#6d28d9,#8b5cf6,#a855f7);display:flex;align-items:center;justify-content:center;animation:sage-orb-idle 3.5s ease-in-out infinite;transition:transform .2s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.sage-orb:hover{transform:scale(1.1);animation:none;box-shadow:0 8px 32px #6d28d98c}.sage-orb--open{animation:none;box-shadow:0 4px 20px #6d28d966}.sage-orb--open:hover{transform:scale(1.05)}.sage-orb--dragging{transform:scale(1.08)!important;animation:none!important;box-shadow:0 12px 40px #6d28d980!important;opacity:.92}.sage-orb--nudge{animation:sage-orb-nudge 1.2s ease-in-out}.sage-orb-ring{position:absolute;inset:-4px;border-radius:50%;pointer-events:none;background:conic-gradient(rgba(168,85,247,.9) 0deg,rgba(236,72,153,.9) 90deg,rgba(251,191,36,.6) 150deg,transparent 180deg,transparent 270deg,rgba(99,102,241,.9) 320deg,rgba(168,85,247,.9) 360deg);animation:sage-ring-spin 3s linear infinite;mask-image:radial-gradient(circle at 50%,transparent 60%,black 62%);-webkit-mask-image:radial-gradient(circle at 50%,transparent 60%,black 62%)}.sage-orb-inner{position:relative;z-index:1;width:52px;height:52px;border-radius:50%;background:linear-gradient(145deg,#7c3aed,#6d28d9);display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 4px #ffffff26,inset 0 -2px 4px #00000026}.sage-orbit-wrapper{position:absolute;inset:0;border-radius:50%;pointer-events:none;animation:sage-orbit-spin 2.8s linear infinite}.sage-orbit-dot{position:absolute;top:-3px;left:50%;transform:translate(-50%);width:8px;height:8px;border-radius:50%;background:#ffffffe6;box-shadow:0 0 6px 2px #ffffff80}@media (max-width: 480px){.sage-root{bottom:5rem;left:1rem;right:auto}.sage-panel{width:calc(100vw - 2rem)}.sage-nudge{font-size:.75rem}.sage-orb{width:54px;height:54px}.sage-orb-inner{width:46px;height:46px}}.sage-root--mobile{bottom:calc(64px + .75rem + max(0px,env(safe-area-inset-bottom)));left:.85rem;right:auto}.sage-root--mobile .sage-orb{width:52px;height:52px}.sage-root--mobile .sage-orb-inner{width:44px;height:44px}.sage-root--mobile .sage-panel{width:calc(100vw - 1.7rem);max-height:calc(100svh - 116px - 2.5rem);overflow:hidden}.sage-root--mobile .sage-chat-messages{max-height:calc(100svh - 336px);min-height:100px}.sage-root--mobile .sage-nudge{font-size:.73rem;max-width:calc(100vw - 80px);white-space:normal}.dark-mode .sage-nudge{background:#1a1730;border-color:#3b2d6e;color:#e5e7eb;box-shadow:0 6px 24px #0006}.dark-mode .sage-panel{background:#1a1730;border-color:#3b2d6e;box-shadow:0 20px 60px #00000080,0 4px 16px #6d28d940}.dark-mode .sage-home-greeting{color:#d1d5db}.dark-mode .sage-chip{background:#1e1b3a;border-color:#3b2d6e}.dark-mode .sage-chip:hover{background:#261d4a;border-color:#7c3aed}.dark-mode .sage-chip-label{color:#c4b5fd}.dark-mode .sage-input{background:#12101f;border-color:#3b2d6e;color:#e5e7eb}.dark-mode .sage-input:focus{border-color:#8b5cf6}.dark-mode .sage-full-cta{background:#6d28d91f;border-color:#8b5cf666;color:#c4b5fd}.dark-mode .sage-msg--assistant .sage-msg-bubble{background:#261d4a;color:#e5e7eb}.purchase-popup{position:fixed;bottom:24px;left:24px;z-index:9999;display:flex;align-items:center;gap:12px;background:#fff;border-radius:12px;box-shadow:0 4px 24px #00000024;padding:12px 14px 12px 12px;max-width:320px;min-width:240px;border-left:4px solid #f97316;pointer-events:auto;opacity:0;transform:translate(-110%);transition:opacity .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.purchase-popup--visible{opacity:1;transform:translate(0)}.purchase-popup-emoji{font-size:2rem;flex-shrink:0;line-height:1}.purchase-popup-body{flex:1;min-width:0}.purchase-popup-name{font-size:.78rem;font-weight:600;color:#1a1a2e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.purchase-popup-product{font-size:.75rem;color:#555;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.purchase-popup-product strong{color:#f97316}.purchase-popup-time{font-size:.7rem;color:#999;margin-top:2px}.purchase-popup-close{background:none;border:none;cursor:pointer;font-size:1.1rem;color:#aaa;padding:0 2px;line-height:1;flex-shrink:0;align-self:flex-start}.purchase-popup-close:hover{color:#555}@media (max-width: 640px){.purchase-popup{bottom:72px;left:12px;right:12px;max-width:calc(100% - 24px)}}@media (prefers-color-scheme: dark){.purchase-popup{background:#1e1e2e;box-shadow:0 4px 24px #0006}.purchase-popup-name{color:#f0f0f0}.purchase-popup-product{color:#bbb}}.recent-purchases-widget{position:fixed;bottom:1.5rem;left:1.5rem;z-index:999;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.recent-purchases-trigger{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;box-shadow:0 4px 16px #8b5cf666;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,box-shadow .2s;position:relative;color:#fff}.recent-purchases-trigger:hover{transform:scale(1.05);box-shadow:0 6px 20px #8b5cf680}.recent-purchases-badge{position:absolute;top:-2px;right:-2px;min-width:18px;height:18px;padding:0 5px;background:#1e1b6e;color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;display:flex;align-items:center;justify-content:center}.recent-purchases-panel{position:absolute;bottom:60px;left:0;width:320px;max-height:420px;background:#fff;border-radius:16px;box-shadow:0 12px 40px #00000026;overflow:hidden;opacity:0;visibility:hidden;transform:translateY(10px);transition:opacity .25s,visibility .25s,transform .25s}.recent-purchases-widget.open .recent-purchases-panel{opacity:1;visibility:visible;transform:translateY(0)}.dark-mode .recent-purchases-panel{background:#1e1e2e;box-shadow:0 12px 40px #0006}.recent-purchases-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.25rem;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#faf5ff,#f5f3ff)}.dark-mode .recent-purchases-header{border-color:#ffffff1a;background:linear-gradient(135deg,#7c3aed26,#8b5cf61a)}.recent-purchases-header h3{margin:0;font-size:1rem;font-weight:700;color:#1e1b6e}.dark-mode .recent-purchases-header h3{color:#e5e7eb}.recent-purchases-close{width:28px;height:28px;border:none;background:#0000000f;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;transition:background .2s}.recent-purchases-close:hover{background:#0000001a}.dark-mode .recent-purchases-close{background:#ffffff1a;color:#9ca3af}.recent-purchases-list{max-height:300px;overflow-y:auto;padding:.5rem}.recent-purchases-loading{padding:2rem;text-align:center;color:#6b7280;font-size:.9rem}.recent-purchases-item{display:flex;align-items:center;gap:.75rem;padding:.6rem;border-radius:12px;transition:background .2s}.recent-purchases-item:hover{background:#f9fafb}.dark-mode .recent-purchases-item:hover{background:#ffffff0d}.recent-purchases-item-link{display:flex;align-items:center;gap:.75rem;flex:1;min-width:0;text-decoration:none;color:inherit}.recent-purchases-item-img{width:48px;height:48px;border-radius:10px;overflow:hidden;flex-shrink:0;background:#f3f4f6}.dark-mode .recent-purchases-item-img{background:#ffffff14}.recent-purchases-item-img img{width:100%;height:100%;object-fit:cover}.recent-purchases-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.recent-purchases-item-name{font-size:.85rem;font-weight:600;color:#374151;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dark-mode .recent-purchases-item-name{color:#e5e7eb}.recent-purchases-item-price{font-size:.8rem;font-weight:700;color:#7c3aed}.recent-purchases-remove-btn{flex-shrink:0;width:28px;height:28px;background:#fef2f2;color:#ef4444;border:none;border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s}.recent-purchases-remove-btn:hover{background:#fee2e2}.dark-mode .recent-purchases-remove-btn{background:#ef444426;color:#f87171}.recent-purchases-total{padding:.6rem 1.25rem;font-size:.85rem;color:#374151;border-top:1px solid #e5e7eb;text-align:right}.dark-mode .recent-purchases-total{border-color:#ffffff1a;color:#d1d5db}.recent-purchases-view-orders{display:block;padding:.75rem 1.25rem;text-align:center;font-size:.85rem;font-weight:600;color:#7c3aed;text-decoration:none;border-top:1px solid #e5e7eb;transition:background .2s}.recent-purchases-view-orders:hover{background:#faf5ff}.dark-mode .recent-purchases-view-orders{border-color:#ffffff1a;color:#a78bfa}.dark-mode .recent-purchases-view-orders:hover{background:#7c3aed26}.recent-purchases-widget.has-floating-bar{bottom:5rem}@media (max-width: 480px){.recent-purchases-widget{bottom:1rem;left:1rem}.recent-purchases-widget.has-floating-bar{bottom:5.5rem}.recent-purchases-panel{width:calc(100vw - 2rem);max-width:340px}}.page-transition-wrapper{position:relative;width:100%;min-height:100%}.page-transition-content{animation:fadeInUp .4s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-transition-wrapper{will-change:transform,opacity}@layer base{:root{--radius: .625rem;--background: oklch(1 0 0);--foreground: oklch(.145 0 0);--card: oklch(1 0 0);--card-foreground: oklch(.145 0 0);--popover: oklch(1 0 0);--popover-foreground: oklch(.145 0 0);--primary: oklch(.557 .246 292.7);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.97 .01 286);--secondary-foreground: oklch(.21 .02 286);--muted: oklch(.97 .01 286);--muted-foreground: oklch(.55 .02 286);--accent: oklch(.97 .01 286);--accent-foreground: oklch(.21 .02 286);--destructive: oklch(.577 .245 27.325);--destructive-foreground: oklch(.985 0 0);--border: oklch(.92 .004 286);--input: oklch(.92 .004 286);--ring: oklch(.557 .246 292.7);--skeleton: oklch(.97 .01 286);--btn-border: oklch(.92 .004 286);--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .072 27.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08)}.dark,.dark-mode{--background: oklch(.145 0 0);--foreground: oklch(.985 0 0);--card: oklch(.21 .006 286);--card-foreground: oklch(.985 0 0);--popover: oklch(.21 .006 286);--popover-foreground: oklch(.985 0 0);--primary: oklch(.65 .2 292.7);--primary-foreground: oklch(.985 0 0);--secondary: oklch(.27 .006 286);--secondary-foreground: oklch(.985 0 0);--muted: oklch(.27 .006 286);--muted-foreground: oklch(.705 .015 286);--accent: oklch(.37 .01 286);--accent-foreground: oklch(.985 0 0);--destructive: oklch(.704 .191 22.216);--destructive-foreground: oklch(.985 0 0);--border: oklch(1 0 0 / 10%);--input: oklch(1 0 0 / 15%);--ring: oklch(.557 .246 292.7);--skeleton: oklch(.27 .006 286);--btn-border: oklch(1 0 0 / 10%)}}@keyframes auth-ripple{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(.9)}}@keyframes auth-orbit{0%{transform:rotate(0) translateY(calc(var(--radius) * 1px)) rotate(0)}to{transform:rotate(360deg) translateY(calc(var(--radius) * 1px)) rotate(-360deg)}}@keyframes anime-navbar-shine{0%{transform:translate(-100%)}50%{transform:translate(100%)}to{transform:translate(-100%)}}.animate-ripple{animation:auth-ripple 2s ease calc(var(--i, 0) * .2s) infinite}.animate-orbit{animation:auth-orbit calc(var(--duration) * 1s) linear infinite}@theme inline{ --color-background: var(--background); --color-foreground: var(--foreground); --color-card: var(--card); --color-card-foreground: var(--card-foreground); --color-primary: var(--primary); --color-primary-foreground: var(--primary-foreground); --color-secondary: var(--secondary); --color-secondary-foreground: var(--secondary-foreground); --color-muted: var(--muted); --color-muted-foreground: var(--muted-foreground); --color-accent: var(--accent); --color-accent-foreground: var(--accent-foreground); --color-destructive: var(--destructive); --color-destructive-foreground: var(--destructive-foreground); --color-border: var(--border); --color-input: var(--input); --color-ring: var(--ring); --radius-sm: calc(var(--radius) - 4px); --radius-md: calc(var(--radius) - 2px); --radius-lg: calc(var(--radius) + 2px); }/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-orange-500:oklch(70.5% .213 47.604);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-400:oklch(82.8% .189 84.429);--color-amber-500:oklch(76.9% .188 70.08);--color-yellow-300:oklch(90.5% .182 98.111);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-600:oklch(59.6% .145 163.225);--color-cyan-500:oklch(71.5% .143 215.221);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-400:oklch(74.6% .16 232.661);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-200:oklch(88.2% .059 254.128);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-blue-800:oklch(42.4% .199 265.638);--color-blue-900:oklch(37.9% .146 265.522);--color-indigo-500:oklch(58.5% .233 277.117);--color-violet-100:oklch(94.3% .029 294.588);--color-violet-200:oklch(89.4% .057 293.283);--color-violet-300:oklch(81.1% .111 293.571);--color-violet-400:oklch(70.2% .183 293.541);--color-violet-600:oklch(54.1% .281 293.009);--color-violet-700:oklch(49.1% .27 292.581);--color-violet-800:oklch(43.2% .232 292.759);--color-violet-900:oklch(38% .189 293.745);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-200:oklch(90.2% .063 306.703);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-700:oklch(49.6% .265 301.924);--color-purple-800:oklch(43.8% .218 303.724);--color-purple-900:oklch(38.1% .176 304.987);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-400:oklch(71.8% .202 349.761);--color-pink-600:oklch(59.2% .249 .584);--color-rose-500:oklch(64.5% .246 16.439);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-400:oklch(70.4% .04 256.788);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-zinc-800:oklch(27.4% .006 286.033);--color-neutral-50:oklch(98.5% 0 0);--color-neutral-400:oklch(70.8% 0 0);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-2xl:42rem;--container-4xl:56rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-7xl:4.5rem;--text-7xl--line-height:1;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-tight:-.025em;--leading-tight:1.25;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--drop-shadow-md:0 3px 3px #0000001f;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--aspect-video:16 / 9;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-inset-2{inset:calc(var(--spacing) * -2)}.inset-0{inset:calc(var(--spacing) * 0)}.inset-\[-4px\]{inset:-4px}.inset-\[-8px\]{inset:-8px}.inset-\[-12px\]{inset:-12px}.inset-x-0{inset-inline:calc(var(--spacing) * 0)}.inset-x-10{inset-inline:calc(var(--spacing) * 10)}.-top-1{top:calc(var(--spacing) * -1)}.-top-2{top:calc(var(--spacing) * -2)}.-top-12{top:calc(var(--spacing) * -12)}.top-0{top:calc(var(--spacing) * 0)}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-8{top:calc(var(--spacing) * 8)}.-right-1{right:calc(var(--spacing) * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:calc(var(--spacing) * 3)}.-bottom-1{bottom:calc(var(--spacing) * -1)}.-bottom-px{bottom:-1px}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-3{bottom:calc(var(--spacing) * 3)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-3{left:calc(var(--spacing) * 3)}.left-8{left:calc(var(--spacing) * 8)}.-z-10{z-index:-10}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.col-span-1{grid-column:span 1/span 1}.row-span-1{grid-row:span 1/span 1}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mr-2{margin-right:calc(var(--spacing) * 2)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-\[120px\]{margin-bottom:120px}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.\!inline{display:inline!important}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-\[3\/4\]{aspect-ratio:3/4}.aspect-\[4\/5\]{aspect-ratio:4/5}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-10{width:calc(var(--spacing) * 10);height:calc(var(--spacing) * 10)}.size-full{width:100%;height:100%}.h-1{height:calc(var(--spacing) * 1)}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-2{height:calc(var(--spacing) * 2)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-40{height:calc(var(--spacing) * 40)}.h-\[1\.2rem\]{height:1.2rem}.h-auto{height:auto}.h-full{height:100%}.h-px{height:1px}.max-h-96{max-height:calc(var(--spacing) * 96)}.min-h-\[100dvh\]{min-height:100dvh}.min-h-\[350px\]{min-height:350px}.min-h-\[500px\]{min-height:500px}.min-h-\[600px\]{min-height:600px}.min-h-screen{min-height:100vh}.w-1{width:calc(var(--spacing) * 1)}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-1\/2{width:50%}.w-2{width:calc(var(--spacing) * 2)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-8{width:calc(var(--spacing) * 8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:calc(var(--spacing) * 10)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-\[1\.2rem\]{width:1.2rem}.w-fit{width:fit-content}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[50\%\]{max-width:50%}.max-w-\[420px\]{max-width:420px}.max-w-full{max-width:100%}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[2\.5rem\]{min-width:2.5rem}.min-w-\[2rem\]{min-width:2rem}.min-w-\[7rem\]{min-width:7rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.flex-grow,.grow{flex-grow:1}.origin-center{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-75{--tw-scale-x:75%;--tw-scale-y:75%;--tw-scale-z:75%;scale:var(--tw-scale-x) var(--tw-scale-y)}.scale-100{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x) var(--tw-scale-y)}.rotate-0{rotate:0deg}.rotate-12{rotate:12deg}.rotate-45{rotate:45deg}.rotate-\[-70deg\]{rotate:-70deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.transform-gpu{transform:translateZ(0) var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-grab{cursor:grab}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-1\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-12>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-x-2>:not(:last-child)){--tw-space-x-reverse:0;margin-inline-start:calc(calc(var(--spacing) * 2) * var(--tw-space-x-reverse));margin-inline-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-x-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-\[2\.5rem\]{border-radius:2.5rem}.rounded-\[2rem\]{border-radius:2rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-2xl{border-top-left-radius:var(--radius-2xl);border-top-right-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l-4{border-left-style:var(--tw-border-style);border-left-width:4px}.border-none{--tw-border-style:none;border-style:none}.border-black{border-color:var(--color-black)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-400{border-color:var(--color-green-400)}.border-slate-200{border-color:var(--color-slate-200)}.border-slate-200\/50{border-color:#e2e8f080}@supports (color:color-mix(in lab,red,red)){.border-slate-200\/50{border-color:color-mix(in oklab,var(--color-slate-200) 50%,transparent)}}.border-transparent{border-color:#0000}.border-violet-300{border-color:var(--color-violet-300)}.border-white{border-color:var(--color-white)}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.border-white\/20{border-color:#fff3}@supports (color:color-mix(in lab,red,red)){.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}}.border-white\/30{border-color:#ffffff4d}@supports (color:color-mix(in lab,red,red)){.border-white\/30{border-color:color-mix(in oklab,var(--color-white) 30%,transparent)}}.bg-\[\#7c3aed\]{background-color:#7c3aed}.bg-amber-400{background-color:var(--color-amber-400)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-black{background-color:var(--color-black)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black) 10%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-pink-300{background-color:var(--color-pink-300)}.bg-pink-400{background-color:var(--color-pink-400)}.bg-red-600{background-color:var(--color-red-600)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-slate-100{background-color:var(--color-slate-100)}.bg-transparent{background-color:#0000}.bg-violet-100{background-color:var(--color-violet-100)}.bg-violet-400{background-color:var(--color-violet-400)}.bg-white{background-color:var(--color-white)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.bg-white\/80{background-color:#fffc}@supports (color:color-mix(in lab,red,red)){.bg-white\/80{background-color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-\[\#7c3aed\]{--tw-gradient-from:#7c3aed;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black{--tw-gradient-from:var(--color-black);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-black\/90{--tw-gradient-from:#000000e6}@supports (color:color-mix(in lab,red,red)){.from-black\/90{--tw-gradient-from:color-mix(in oklab, var(--color-black) 90%, transparent)}}.from-black\/90{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-blue-50{--tw-gradient-from:var(--color-blue-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-green-50{--tw-gradient-from:var(--color-green-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-purple-50{--tw-gradient-from:var(--color-purple-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-50{--tw-gradient-from:var(--color-slate-50);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-slate-100{--tw-gradient-from:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.from-violet-600{--tw-gradient-from:var(--color-violet-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.via-\[\#7c3aed\]\/80{--tw-gradient-via:oklab(54.1337% .0963843 -.226968/.8);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-black\/40{--tw-gradient-via:#0006}@supports (color:color-mix(in lab,red,red)){.via-black\/40{--tw-gradient-via:color-mix(in oklab, var(--color-black) 40%, transparent)}}.via-black\/40{--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-cyan-500{--tw-gradient-via:var(--color-cyan-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-indigo-500{--tw-gradient-via:var(--color-indigo-500);--tw-gradient-via-stops:var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-blue-100{--tw-gradient-to:var(--color-blue-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-gray-300\/80{--tw-gradient-to:#d1d5dccc}@supports (color:color-mix(in lab,red,red)){.to-gray-300\/80{--tw-gradient-to:color-mix(in oklab, var(--color-gray-300) 80%, transparent)}}.to-gray-300\/80{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-green-100{--tw-gradient-to:var(--color-green-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-purple-100{--tw-gradient-to:var(--color-purple-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-100{--tw-gradient-to:var(--color-slate-100);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-slate-200{--tw-gradient-to:var(--color-slate-200);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-violet-700{--tw-gradient-to:var(--color-violet-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.\[mask-image\:linear-gradient\(to_bottom\,black\,transparent\)\]{-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.fill-amber-500{fill:var(--color-amber-500)}.fill-blue-500{fill:var(--color-blue-500)}.fill-pink-600{fill:var(--color-pink-600)}.fill-purple-500{fill:var(--color-purple-500)}.fill-rose-500{fill:var(--color-rose-500)}.fill-white{fill:var(--color-white)}.stroke-black\/10{stroke:#0000001a}@supports (color:color-mix(in lab,red,red)){.stroke-black\/10{stroke:color-mix(in oklab,var(--color-black) 10%,transparent)}}.stroke-white{stroke:var(--color-white)}.stroke-1{stroke-width:1px}.object-cover{object-fit:cover}.p-2{padding:calc(var(--spacing) * 2)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.p-\[2px\]{padding:2px}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-0{padding-top:calc(var(--spacing) * 0)}.pt-6{padding-top:calc(var(--spacing) * 6)}.pt-8{padding-top:calc(var(--spacing) * 8)}.pt-32{padding-top:calc(var(--spacing) * 32)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-normal{--tw-font-weight:var(--font-weight-normal);font-weight:var(--font-weight-normal)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.3em\]{--tw-tracking:.3em;letter-spacing:.3em}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-\[\#7c3aed\]{color:#7c3aed}.text-\[\#A1A1AA\]{color:#a1a1aa}.text-amber-500{color:var(--color-amber-500)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-blue-800{color:var(--color-blue-800)}.text-emerald-600{color:var(--color-emerald-600)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-pink-600{color:var(--color-pink-600)}.text-purple-700{color:var(--color-purple-700)}.text-purple-800{color:var(--color-purple-800)}.text-rose-500{color:var(--color-rose-500)}.text-slate-600{color:var(--color-slate-600)}.text-slate-800{color:var(--color-slate-800)}.text-slate-900{color:var(--color-slate-900)}.text-transparent{color:#0000}.text-violet-700{color:var(--color-violet-700)}.text-white{color:var(--color-white)}.text-white\/40{color:#fff6}@supports (color:color-mix(in lab,red,red)){.text-white\/40{color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.text-white\/60{color:#fff9}@supports (color:color-mix(in lab,red,red)){.text-white\/60{color:color-mix(in oklab,var(--color-white) 60%,transparent)}}.text-white\/70{color:#ffffffb3}@supports (color:color-mix(in lab,red,red)){.text-white\/70{color:color-mix(in oklab,var(--color-white) 70%,transparent)}}.text-white\/80{color:#fffc}@supports (color:color-mix(in lab,red,red)){.text-white\/80{color:color-mix(in oklab,var(--color-white) 80%,transparent)}}.text-yellow-300{color:var(--color-yellow-300)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.ordinal{--tw-ordinal:ordinal;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.opacity-0{opacity:0}.opacity-40{opacity:.4}.opacity-100{opacity:1}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_0_10px_white\]{--tw-shadow:0 0 10px var(--tw-shadow-color,white);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-0{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-offset-2{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-2xl{--tw-blur:blur(var(--blur-2xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-3xl{--tw-blur:blur(var(--blur-3xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[2px\]{--tw-blur:blur(2px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-md{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-sm{--tw-blur:blur(var(--blur-sm));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-xl{--tw-blur:blur(var(--blur-xl));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.brightness-75{--tw-brightness:brightness(75%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.grayscale-0{--tw-grayscale:grayscale(0%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-lg{--tw-backdrop-blur:blur(var(--blur-lg));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-400{--tw-duration:.4s;transition-duration:.4s}.duration-500{--tw-duration:.5s;transition-duration:.5s}.duration-700{--tw-duration:.7s;transition-duration:.7s}.ease-\[cubic-bezier\(0\.34\,1\.56\,0\.64\,1\)\]{--tw-ease:cubic-bezier(.34,1.56,.64,1);transition-timing-function:cubic-bezier(.34,1.56,.64,1)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[animation-delay\:calc\(var\(--delay\)\*1000ms\)\]{animation-delay:calc(var(--delay) * 1s)}.\[animation-direction\:reverse\]{animation-direction:reverse}@media (hover:hover){.group-hover\:text-blue-500:is(:where(.group):hover *){color:var(--color-blue-500)}.group-hover\:text-green-500:is(:where(.group):hover *){color:var(--color-green-500)}.group-hover\:text-orange-500:is(:where(.group):hover *){color:var(--color-orange-500)}.group-hover\:text-red-500:is(:where(.group):hover *){color:var(--color-red-500)}.group-hover\:opacity-100:is(:where(.group):hover *),.group-hover\/btn\:opacity-100:is(:where(.group\/btn):hover *){opacity:1}.group-hover\/input\:shadow-none:is(:where(.group\/input):hover *){--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*){cursor:not-allowed}.peer-disabled\:opacity-70:is(:where(.peer):disabled~*){opacity:.7}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.file\:font-medium::file-selector-button{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.placeholder\:text-neutral-400::placeholder{color:var(--color-neutral-400)}@media (hover:hover){.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:border-white\/40:hover{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.hover\:border-white\/40:hover{border-color:color-mix(in oklab,var(--color-white) 40%,transparent)}}.hover\:bg-amber-500\/90:hover{background-color:#f99c00e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-amber-500\/90:hover{background-color:color-mix(in oklab,var(--color-amber-500) 90%,transparent)}}.hover\:bg-blue-500\/90:hover{background-color:#3080ffe6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-blue-500\/90:hover{background-color:color-mix(in oklab,var(--color-blue-500) 90%,transparent)}}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-red-600\/90:hover{background-color:#e40014e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-red-600\/90:hover{background-color:color-mix(in oklab,var(--color-red-600) 90%,transparent)}}.hover\:bg-rose-500\/90:hover{background-color:#ff2357e6}@supports (color:color-mix(in lab,red,red)){.hover\:bg-rose-500\/90:hover{background-color:color-mix(in oklab,var(--color-rose-500) 90%,transparent)}}.hover\:bg-violet-200:hover{background-color:var(--color-violet-200)}.hover\:bg-white:hover{background-color:var(--color-white)}.hover\:from-violet-700:hover{--tw-gradient-from:var(--color-violet-700);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:to-violet-800:hover{--tw-gradient-to:var(--color-violet-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-white:hover{color:var(--color-white)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.hover\:shadow-xl:hover{--tw-shadow:0 20px 25px -5px var(--tw-shadow-color,#0000001a), 0 8px 10px -6px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-offset-2:focus{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-1:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible,.focus-visible\:ring-\[2px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-neutral-400:focus-visible{--tw-ring-color:var(--color-neutral-400)}.focus-visible\:ring-offset-2:focus-visible{--tw-ring-offset-width:2px;--tw-ring-offset-shadow:var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.active\:cursor-grabbing:active{cursor:grabbing}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.data-\[state\=checked\]\:translate-x-5[data-state=checked]{--tw-translate-x:calc(var(--spacing) * 5);translate:var(--tw-translate-x) var(--tw-translate-y)}.data-\[state\=unchecked\]\:translate-x-0[data-state=unchecked]{--tw-translate-x:calc(var(--spacing) * 0);translate:var(--tw-translate-x) var(--tw-translate-y)}@media (min-width:48rem){.md\:hidden{display:none}.md\:inline{display:inline}.md\:h-20{height:calc(var(--spacing) * 20)}.md\:min-h-\[450px\]{min-height:450px}.md\:min-h-\[600px\]{min-height:600px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.md\:rounded-\[2\.8rem\]{border-radius:2.8rem}.md\:border-8{border-style:var(--tw-border-style);border-width:8px}.md\:p-8{padding:calc(var(--spacing) * 8)}.md\:px-10{padding-inline:calc(var(--spacing) * 10)}.md\:px-12{padding-inline:calc(var(--spacing) * 12)}.md\:px-16{padding-inline:calc(var(--spacing) * 16)}.md\:py-5{padding-block:calc(var(--spacing) * 5)}.md\:py-24{padding-block:calc(var(--spacing) * 24)}.md\:text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.md\:text-\[15px\]{font-size:15px}}@media (min-width:64rem){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:aspect-video{aspect-ratio:var(--aspect-video)}.lg\:h-16{height:calc(var(--spacing) * 16)}.lg\:h-full{height:100%}.lg\:w-\[40\%\]{width:40%}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:justify-start{justify-content:flex-start}.lg\:rounded-\[4rem\]{border-radius:4rem}.lg\:border-t-0{border-top-style:var(--tw-border-style);border-top-width:0}.lg\:border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}.lg\:px-10{padding-inline:calc(var(--spacing) * 10)}.lg\:py-4{padding-block:calc(var(--spacing) * 4)}.lg\:py-16{padding-block:calc(var(--spacing) * 16)}.lg\:pl-16{padding-left:calc(var(--spacing) * 16)}}@media (prefers-color-scheme:dark){.dark\:border-violet-700{border-color:var(--color-violet-700)}.dark\:bg-amber-300{background-color:var(--color-amber-300)}.dark\:bg-pink-300{background-color:var(--color-pink-300)}.dark\:bg-sky-300{background-color:var(--color-sky-300)}.dark\:bg-slate-800{background-color:var(--color-slate-800)}.dark\:bg-violet-300{background-color:var(--color-violet-300)}.dark\:bg-violet-900\/50{background-color:#4d179a80}@supports (color:color-mix(in lab,red,red)){.dark\:bg-violet-900\/50{background-color:color-mix(in oklab,var(--color-violet-900) 50%,transparent)}}.dark\:bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/5{background-color:color-mix(in oklab,var(--color-white) 5%,transparent)}}.dark\:bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:bg-white\/10{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:bg-zinc-800{background-color:var(--color-zinc-800)}.dark\:from-blue-900{--tw-gradient-from:var(--color-blue-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-green-900{--tw-gradient-from:var(--color-green-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-purple-900{--tw-gradient-from:var(--color-purple-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-slate-900{--tw-gradient-from:var(--color-slate-900);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:from-white{--tw-gradient-from:var(--color-white);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-blue-800{--tw-gradient-to:var(--color-blue-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-green-800{--tw-gradient-to:var(--color-green-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-purple-800{--tw-gradient-to:var(--color-purple-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-slate-800{--tw-gradient-to:var(--color-slate-800);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:to-slate-900\/10{--tw-gradient-to:#0f172b1a}@supports (color:color-mix(in lab,red,red)){.dark\:to-slate-900\/10{--tw-gradient-to:color-mix(in oklab, var(--color-slate-900) 10%, transparent)}}.dark\:to-slate-900\/10{--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.dark\:\[mask-image\:linear-gradient\(to_bottom\,white\,transparent\)\]{-webkit-mask-image:linear-gradient(#fff,#0000);mask-image:linear-gradient(#fff,#0000)}.dark\:stroke-white\/10{stroke:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:stroke-white\/10{stroke:color-mix(in oklab,var(--color-white) 10%,transparent)}}.dark\:text-blue-200{color:var(--color-blue-200)}.dark\:text-blue-300{color:var(--color-blue-300)}.dark\:text-gray-400{color:var(--color-gray-400)}.dark\:text-green-200{color:var(--color-green-200)}.dark\:text-green-300{color:var(--color-green-300)}.dark\:text-green-400{color:var(--color-green-400)}.dark\:text-purple-200{color:var(--color-purple-200)}.dark\:text-purple-300{color:var(--color-purple-300)}.dark\:text-slate-200{color:var(--color-slate-200)}.dark\:text-slate-400{color:var(--color-slate-400)}.dark\:text-violet-200{color:var(--color-violet-200)}.dark\:text-white{color:var(--color-white)}@media (hover:hover){.dark\:hover\:bg-slate-700:hover{background-color:var(--color-slate-700)}.dark\:hover\:bg-violet-800\/70:hover{background-color:#5d0ec0b3}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-violet-800\/70:hover{background-color:color-mix(in oklab,var(--color-violet-800) 70%,transparent)}}.dark\:hover\:bg-white\/10:hover{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-white\/10:hover{background-color:color-mix(in oklab,var(--color-white) 10%,transparent)}}}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:size-4 svg{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}}*,:before,:after{box-sizing:border-box}body{color:#222;background:#faf7f4;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:background-color .3s,color .3s}.dark-mode,.dark-mode body{color:#e0e0e0;background:#1a1a1a}.app-shell{flex-direction:column;min-height:100vh;display:flex}.site-header{z-index:1000;isolation:isolate;background:#fff;border-bottom:1px solid #eee;position:sticky;top:0;box-shadow:0 2px 4px #0000000d}.header-top{box-sizing:border-box;grid-template-columns:auto 1fr auto;align-items:center;gap:2rem;width:100%;max-width:1400px;margin:0 auto;padding:1rem 2rem;display:grid}.brand{align-items:center;display:flex}.brand-logo{flex-direction:row;align-items:center;gap:.75rem;display:flex}.brand-logo-image{flex-shrink:0;width:48px;height:48px}.brand-text{flex-direction:column;display:flex}.brand-title{color:#333;font-size:1.5rem;font-weight:700;line-height:1.2}.brand-subtitle{color:#888;margin-top:.15rem;font-size:.75rem;font-weight:400}.header-search-wrapper{justify-content:center;align-items:center;width:100%;max-width:600px;margin:0 auto;padding:0;display:flex}.header-shop-pill-wrapper{justify-content:center;align-items:center;display:flex}.header-shop-pill{color:#fff;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:12px;align-items:center;gap:.6rem;padding:.6rem 1.6rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;transform:translateY(0);box-shadow:0 4px #5b21b6,0 6px 12px #5b21b64d,0 2px 4px #0000001a}.header-shop-pill:hover{transform:translateY(-2px);box-shadow:0 6px #5b21b6,0 8px 16px #5b21b659,0 4px 8px #0000001f}.header-shop-pill:active{transform:translateY(2px);box-shadow:0 2px #5b21b6,0 2px 6px #5b21b640}.header-shop-icon{font-size:1.1rem}.header-shop-label{letter-spacing:.02em}.header-actions{z-index:10002;justify-content:flex-end;align-items:center;gap:1rem;display:flex;position:relative}.nav-links{background:linear-gradient(#fafafa,#f5f5f5);border-top:1px solid #eee;flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;padding:.75rem 2rem;display:flex;box-shadow:inset 0 2px 4px #00000008}.nav-links a{color:#333;align-items:center;gap:.35rem;padding:.5rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.nav-links a:hover{color:#8b5cf6}.nav-links a[aria-current=page]{color:#8b5cf6;font-weight:600}.nav-links a[aria-current=page]:after{content:"";background:#8b5cf6;height:2px;position:absolute;bottom:0;left:0;right:0}.nav-links a .caret{color:#999;margin-left:.15rem;font-size:.65rem}.search-bar{background:#efefef;border-radius:24px;align-items:center;width:100%;max-width:500px;padding:.5rem 1rem;display:flex;position:relative}.search-input{color:#333;background:0 0;border:none;outline:none;flex:1;padding:.5rem 0;font-size:.95rem}.search-input::placeholder{color:#999}.search-clear{color:#999;cursor:pointer;background:0 0;border:none;padding:0 .5rem;font-size:1.2rem;line-height:1}.search-submit{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;padding:.25rem;font-size:1rem;display:flex}.search-submit:hover{color:#8b5cf6}.user-icons{align-items:center;gap:1.25rem;display:flex}.icon-link{color:#444;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;text-decoration:none;transition:all .3s;display:flex;position:relative}.icon-link:hover{color:#8b5cf6;background:#f0f0f0;transform:scale(1.1)}.icon-link.active{color:#8b5cf6;background:#ffede1}.icon-link .icon{stroke-width:2px;width:24px;height:24px}.header-logout-btn{color:#666;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #e0e0e0;border-radius:20px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .3s;display:flex}.header-logout-btn:hover{color:#ef4444;background:#fff5f5;border-color:#ef4444;transform:translateY(-1px);box-shadow:0 2px 4px #ef44441a}.header-logout-btn:active{transform:translateY(0)}.header-logout-icon{stroke-width:2px;width:18px;height:18px}.header-logout-text{font-size:.875rem}@media (max-width:768px){.header-logout-text{display:none}.header-logout-btn{border-radius:50%;justify-content:center;width:40px;height:40px;padding:.5rem}.header-logout-icon{width:20px;height:20px}}.icon-badge{color:#fff;background:#f44;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:600;display:flex;position:absolute;top:-4px;right:-4px}.profile-icon-wrapper{z-index:10001;position:relative}.user-indicator{color:#fff;background:#28a745;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.65rem;font-weight:600;display:flex;position:absolute;bottom:-2px;right:-2px}.profile-dropdown{z-index:10000;isolation:isolate;background:#fff;border:1px solid #ddd;border-radius:12px;min-width:280px;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.dark-mode .profile-dropdown{background:#2a2a2a;border-color:#444;box-shadow:0 8px 24px #0006}.profile-header{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);align-items:center;gap:1rem;padding:1.5rem;display:flex}.profile-avatar{background:#ffffff4d;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;font-weight:600;display:flex}.profile-info{flex:1}.profile-name{margin-bottom:.25rem;font-size:1rem;font-weight:600}.profile-email{opacity:.9;font-size:.85rem}.profile-menu-item{color:#333;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.5rem;font-size:.95rem;text-decoration:none;transition:all .2s;display:flex}.profile-menu-item:hover{color:#8b5cf6;background:#f8f9fa}.profile-menu-item svg{stroke-width:2px;width:20px;height:20px}.profile-menu-item.logout:hover{color:#c82333;background:#fee}.pet-dating-page{min-height:calc(100vh - 200px)}.pet-card{cursor:grab;-webkit-user-select:none;user-select:none}.pet-card:active{cursor:grabbing}.swipe-button{cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:1.5rem;transition:all .2s;display:flex;box-shadow:0 4px 12px #0003}.swipe-button:hover{transform:scale(1.1);box-shadow:0 6px 16px #0000004d}.swipe-button:active{transform:scale(.95)}.swipe-button:disabled{opacity:.5;cursor:not-allowed}.swipe-left{color:#dc3545;background:#fff;border:3px solid #dc3545}.swipe-left:hover{background:#fee}.swipe-right{color:#fff;background:#28a745;border:3px solid #28a745}.swipe-right:hover{background:#218838}.product-card-wrapper{position:relative}.wishlist-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;box-shadow:0 2px 8px #00000026}.mobile-menu-toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;padding:.5rem;display:none}.nav-shop-group{width:100%}.nav-shop-row{align-items:center;gap:.25rem;display:flex}.nav-shop-expand{cursor:pointer;color:#7c3aed;background:#f5f3ff;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.65rem;transition:background .15s;display:flex}.nav-shop-expand:hover{background:#ede9fe}.nav-shop-sub{background:#faf5ff;border-left:3px solid #8b5cf6;border-radius:0 8px 8px 0;flex-direction:column;margin:.25rem 0 .25rem 1rem;display:flex;overflow:hidden}.nav-sub-link{color:#7c3aed;border-bottom:1px solid #ede9fe;padding:.6rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .15s;display:block}.nav-sub-link:last-child{border-bottom:none}.nav-sub-link:hover{background:#ede9fe}@media (min-width:769px){.nav-shop-group{width:auto}.nav-shop-expand{display:none}.nav-shop-sub{display:none!important}}.mobile-nav-overlay{z-index:999;cursor:pointer;-webkit-tap-highlight-color:transparent;background:#00000080;position:fixed;inset:0}.mobile-nav-close{color:#fff;cursor:pointer;text-align:left;background:#8b5cf6;border:none;border-radius:8px;width:100%;margin-bottom:.5rem;padding:1rem 1.25rem;font-size:1rem;font-weight:600;display:none}@media (max-width:1024px){.header-top{grid-template-columns:auto 1fr auto;gap:1rem;padding:1rem 1.5rem}.header-search-wrapper,.header-shop-pill-wrapper{max-width:400px}.nav-links{gap:1.5rem;padding:.75rem 1.5rem}}@media (max-width:768px){.header-top{grid-template-columns:auto 1fr auto;gap:.5rem;padding:.6rem .75rem}.brand-subtitle{display:none}.brand-logo,.header-actions{gap:.4rem}.header-search-wrapper,.header-shop-pill-wrapper{display:none}.mobile-menu-toggle{display:flex}.nav-links{background:#fff;border-top:1px solid #eee;flex-direction:column;align-items:stretch;gap:.5rem;padding:1rem;display:none;position:absolute;top:100%;left:0;right:0;box-shadow:0 4px 12px #0000001a}.mobile-nav-close{display:block}.nav-links.mobile-open{z-index:1001;display:flex}.nav-links a{border-bottom:1px solid #f0f0f0;justify-content:space-between;width:100%;padding:.75rem 1rem}.nav-links a[aria-current=page]:after{display:none}.user-icons{gap:.75rem}.icon-link{width:36px;height:36px}.icon-link .icon{width:20px;height:20px}.profile-dropdown{min-width:260px;right:-1rem}.brand-logo-image{width:40px;height:40px}.brand-title{font-size:1.25rem}.brand-subtitle{font-size:.7rem}}.breed-dropdown{margin-left:1rem;position:relative}.breed-dropdown-toggle{color:#444;font-weight:500;font-size:inherit;cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-family:inherit;text-decoration:none;transition:color .2s;display:inline-flex}.breed-dropdown-toggle:hover{color:#8b5cf6}.breed-dropdown-toggle.active{color:#8b5cf6;text-decoration:underline}.breed-dropdown-toggle .caret{color:#888;font-size:.7rem;transition:transform .2s}.breed-dropdown-toggle.active .caret{color:#8b5cf6}.breed-dropdown-menu{z-index:1000;background:#fff;border:1px solid #ddd;border-radius:.5rem;min-width:400px;margin-top:.5rem;padding:1.5rem;position:absolute;top:100%;left:0;box-shadow:0 4px 12px #00000026}.breed-columns{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.breed-column{flex-direction:column;display:flex}.breed-column-header{color:#333;border-bottom:1px solid #eee;margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:700}.dark-mode .breed-column-header{color:#e0e0e0;border-bottom-color:#444}.breed-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.breed-list li{margin:0}.breed-link{color:#666;padding:.25rem 0;font-size:.9rem;text-decoration:none;transition:all .2s;display:block}.dark-mode .breed-link{color:#b0b0b0}.breed-link:hover{color:#8b5cf6;padding-left:.5rem}.dark-mode .breed-link:hover{color:#8b5cf6}.dark-mode .breed-dropdown-menu{background:#2a2a2a;border-color:#444;box-shadow:0 4px 12px #0006}@media (max-width:768px){.breed-dropdown-menu{min-width:300px;padding:1rem;left:auto;right:0}.breed-columns{grid-template-columns:1fr;gap:1.5rem}}.app-main{background:#faf7f4;flex:1;padding:1.5rem;transition:background-color .3s}.dark-mode .app-main{background:#1a1a1a}.app-shell--admin{flex-direction:row;align-items:flex-start;display:flex}.app-shell--admin .app-main{background:#f8fafc;flex:1;min-width:0;min-height:100vh;padding:1.5rem}.dark-mode.app-shell--admin .app-main{background:#111827}@media (max-width:768px){.app-shell--admin{flex-direction:column;align-items:stretch}.app-shell--admin .app-main{min-height:auto;padding:1rem .75rem}}.app-shell--mobile .app-main{background:0 0;padding:0}.dark-mode .app-shell--mobile .app-main{background:0 0}body:has(.app-shell--mobile){background:#060d1f}.app-footer{color:#666;background:#fff;border-top:1px solid #eee;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.82rem;display:flex}.app-footer-links{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.app-footer-links a{color:#666;border-right:1px solid #ccc;padding:0 .5rem;line-height:1;text-decoration:none;transition:color .15s}.app-footer-links a:last-child{border-right:none}.app-footer-links a:hover{color:#8b5cf6}.dark-mode .app-footer{color:#b0b0b0;background:#2a2a2a;border-top-color:#444}.dark-mode .app-footer-links a{color:#b0b0b0;border-right-color:#555}.dark-mode .app-footer-links a:hover{color:#a78bfa}.app-footer-main{color:#c4b5fd;background:#1e1b4b;margin-top:auto;padding:2rem 2rem 0}.app-footer-grid{grid-template-columns:1.6fr 1fr 1fr 1fr;align-items:start;gap:1.5rem;max-width:1200px;margin:0 auto 1.25rem;display:grid}.app-footer-brand .app-footer-logo{align-items:center;margin-bottom:.5rem;display:flex}.app-footer-sitename{color:#fff;font-size:1.1rem;font-weight:700}.app-footer-tagline{color:#a78bfa;margin-bottom:.4rem;font-size:.8rem;line-height:1.4}.app-footer-powered{color:#c4b5fd;margin-bottom:.15rem;font-size:.75rem}.app-footer-powered strong{color:#fff}.app-footer-copy{color:#7c6ab0;margin-bottom:.1rem;font-size:.72rem}.app-footer-gst{color:#6d5fa0;font-size:.68rem}.app-footer-col h4.app-footer-heading{color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:.6rem;font-size:.75rem;font-weight:700}.app-footer-col ul{flex-direction:column;gap:.3rem;margin:0;padding:0;list-style:none;display:flex}.app-footer-col ul li a{color:#a78bfa;font-size:.8rem;text-decoration:none;transition:color .15s}.app-footer-col ul li a:hover{color:#fff}.app-footer-payments{color:#a78bfa;font-size:.78rem;line-height:1.5}.app-footer-bottom{color:#6d5fa0;border-top:1px solid #312e81;max-width:1200px;margin:0 auto;padding:.65rem 0;font-size:.72rem}.app-footer-bottom a{color:#a78bfa;text-decoration:none}.app-footer-bottom a:hover{color:#fff}@media (max-width:768px){.app-footer-grid{grid-template-columns:1fr 1fr;gap:1rem}.app-footer-brand{grid-column:1/-1}}@media (max-width:480px){.app-footer-main{padding:1.5rem 1rem 0}.app-footer-grid{grid-template-columns:1fr 1fr;gap:.75rem}}.dark-mode .app-footer-main{background:#0f0e2a}.dark-mode [style*="background: white"],.dark-mode [style*="background: #fff"],.dark-mode [style*="backgroundColor: white"],.dark-mode [style*="backgroundColor: #fff"]{color:#e0e0e0!important;background:#2a2a2a!important;border-color:#444!important}.dark-mode [style*="border: 1px solid #e0e0e0"],.dark-mode [style*="border: 1px solid #eee"],.dark-mode [style*="border: 1px solid #ddd"]{border-color:#444!important}.dark-mode [style*="color: #333"],.dark-mode [style*="color: #666"]{color:#e0e0e0!important}.dark-mode [style*="color: #999"]{color:#b0b0b0!important}.dark-mode [style*="borderTop: 1px solid #f0f0f0"]{border-top-color:#444!important}.home-hero{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:center;gap:2rem;display:grid}.hero-text h1{margin-bottom:.75rem;font-size:2.4rem}.hero-text p{color:#555;max-width:32rem}.dark-mode .hero-text p{color:#b0b0b0}.dark-mode .hero-text h1{color:#e0e0e0}.hero-actions{flex-wrap:wrap;align-items:center;gap:1rem;margin-top:1.25rem;margin-bottom:2rem;display:flex}.home-hero-enhanced{flex-direction:column;justify-content:center;min-height:500px;margin-bottom:4rem;padding:4rem 2rem;display:flex;position:relative}.hero-background{border-radius:20px;position:absolute;inset:0;overflow:hidden}.hero-text-enhanced{color:#fff;text-shadow:0 2px 4px #0000004d}.hero-title-animated{flex-direction:column;margin-bottom:1.5rem;display:flex}.hero-title-main{margin-bottom:.5rem;font-size:3rem;font-weight:700;line-height:1.2}.hero-title-sub{opacity:.95;font-size:1.5rem;font-weight:500}.hero-description{opacity:.95;max-width:600px;margin-bottom:2rem;font-size:1.1rem;line-height:1.6}.hero-image-side{justify-content:center;align-items:center;display:flex}.hero-image-container{width:100%;max-width:500px;position:relative}.hero-main-image{border-radius:20px;width:100%;height:auto;box-shadow:0 10px 30px #0000004d}.hero-image-badge{color:#333;background:#fff;border-radius:50px;align-items:center;gap:.5rem;padding:1rem 1.5rem;font-weight:600;display:flex;position:absolute;bottom:-20px;right:-20px;box-shadow:0 4px 12px #00000026}.badge-text{font-size:.9rem}.hero-highlights-enhanced{z-index:2;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;max-width:1400px;margin-top:3rem;margin-left:auto;margin-right:auto;padding:0 2rem;display:grid;position:relative}.highlight-card-enhanced{text-align:center;background:#fff;border-radius:16px;padding:2rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 14px #00000014}.highlight-icon{margin-bottom:1rem;font-size:3rem}.btn-hero{white-space:nowrap;align-items:center;gap:.5rem;transition:all .2s;display:inline-flex}@media (max-width:968px){.hero-content-wrapper{grid-template-columns:1fr;gap:2rem}.hero-title-main{font-size:2.5rem}.hero-title-sub{font-size:1.3rem}.hero-description{font-size:1rem}.hero-highlights-enhanced{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:2rem}}@media (max-width:768px){.home-hero-enhanced{min-height:auto;margin-bottom:3rem;padding:2rem 1rem}.hero-title-main{font-size:2rem}.hero-title-sub{font-size:1.1rem}.hero-actions{flex-direction:column;align-items:stretch}.btn-hero{justify-content:center;width:100%}.hero-highlights-enhanced{grid-template-columns:1fr;padding:0 1rem}}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:999px;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.hero-highlights{gap:1rem;display:grid}.highlight-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 4px 14px #0000000a}.catalog h2{margin-bottom:1rem}.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;display:grid}.product-card-list{box-sizing:border-box!important;width:100%!important}.product-card-list .product-card{box-sizing:border-box!important;flex-direction:row!important;align-items:flex-start!important;gap:1rem!important;width:100%!important;min-width:0!important;padding:.75rem!important;display:flex!important}.product-card-list .product-image{flex-shrink:0!important;width:90px!important;min-width:90px!important}.product-card-list .product-image img,.product-card-list .product-image .placeholder-img{aspect-ratio:1!important;width:90px!important;height:90px!important}.product-card-list .product-info{flex-direction:column!important;flex:1!important;gap:.2rem!important;min-width:0!important;display:flex!important}.product-card-list .product-info h3{white-space:nowrap!important;text-overflow:ellipsis!important;margin:0!important;font-size:.88rem!important;overflow:hidden!important}@media (max-width:480px){.product-card-list .product-image{width:72px!important;min-width:72px!important}.product-card-list .product-image img,.product-card-list .product-image .placeholder-img{width:72px!important;height:72px!important}}.product-card{color:inherit;background:#fff;border-radius:.75rem;padding:.75rem;text-decoration:none;box-shadow:0 4px 10px #00000008}.product-image img,.placeholder-img{aspect-ratio:4/3;object-fit:cover;color:#7c3aed;background:#f3e8ff;border-radius:.6rem;place-items:center;width:100%;font-weight:600;display:grid}.placeholder-img.large{aspect-ratio:1;font-size:1.5rem}.product-info h3{margin:.5rem 0 .25rem;font-size:1rem}.price{color:#7c3aed;font-weight:700}.dark-mode .price{color:#a78bfa}.category{color:#777;font-size:.8rem}.product-detail{grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:2rem;display:grid}.product-detail-info h1{margin-top:0}.admin-dashboard .admin-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1rem;display:grid}.admin-card{background:#fff;border-radius:.75rem;padding:1rem;box-shadow:0 4px 10px #00000008}.flag-list{flex-direction:column;gap:.25rem;margin-bottom:.5rem;display:flex}.user-list{max-height:200px;margin:0;padding-left:0;font-size:.85rem;list-style:none;overflow:auto}.category-filter{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.category-filter button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:.3rem .9rem;font-size:.85rem}.category-filter button.active{color:#7c3aed;background:#ffede1;border-color:#8b5cf6}.auth-page{justify-content:center;align-items:center;min-height:60vh;display:flex;position:relative}.auth-card.auth-login-form{box-sizing:border-box;background-color:#fff;border:1px solid #ddd;border-radius:.5em;width:100%;max-width:480px;margin:0 auto;padding:2.25em;font-family:Source Sans Pro,sans-serif;display:block;position:relative}.auth-card{background:#fff;border-radius:.75rem;width:100%;max-width:480px;padding:1.5rem;box-shadow:0 8px 24px #0000000f}.dark-mode .auth-card.auth-login-form{background-color:#1f2029;border-color:#333}.dark-mode .auth-card{background:#2a2a2a;box-shadow:0 8px 24px #0006}.auth-form-flip{animation:.45s ease-out forwards authFlipIn}@keyframes authFlipIn{0%{opacity:.6;transform:perspective(500px)rotateY(-85deg)}to{opacity:1;transform:perspective(500px)rotateY(0)}}.auth-card.auth-login-form .form-field input:not([type=checkbox]):not([type=radio]),.auth-card.auth-login-form .form-field select,.auth-card .form-style{letter-spacing:.5px;color:#1a1a2e;height:48px;box-shadow:none;background-color:#f5f4ff;border:1.5px solid #e0dcff;border-radius:8px;outline:none;padding:13px 20px 13px 55px;font-size:14px;font-weight:500;line-height:22px;transition:all .2s linear}.auth-card.auth-login-form .form-field input:focus,.auth-card.auth-login-form .form-field select:focus{background-color:#fff;border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61f}.auth-card.auth-login-form.auth-login-animated{border-bottom:2px solid #8b5cf666;border-radius:10px;flex-direction:column;transition:all .5s;display:flex;overflow:hidden;box-shadow:inset 0 10px 20px #7c3aed14,0 8px 24px #00000014}.dark-mode .auth-card.auth-login-form.auth-login-animated{background-color:#1f2029f2;border-bottom:2px solid #8b5cf680;box-shadow:inset 0 10px 20px #0000004d,0 8px 24px #0006}.auth-toggle{background:#f5f5f5;border-radius:999px;margin-bottom:1rem;padding:.15rem;display:flex}.dark-mode .auth-toggle{background:#333}.auth-toggle button{cursor:pointer;color:#333;background:0 0;border:none;border-radius:999px;flex:1;padding:.35rem .6rem;transition:all .2s}.dark-mode .auth-toggle button{color:#e0e0e0}.auth-toggle button.active{background:#fff;box-shadow:0 2px 6px #0000000a}.dark-mode .auth-toggle button.active{color:#c4b5fd;background:#444;box-shadow:0 2px 6px #0000004d}.dark-mode .auth-toggle button:not(.active){color:#ffffffbf}.dark-mode .auth-menu-divider{background:#3a3a3a}.dark-mode .auth-menu-footer{color:#9ca3af;background:#1e1e1e}.form-field{flex-direction:column;margin-bottom:.75rem;display:flex}.form-field label{color:#555;margin-bottom:.25rem;font-size:.8rem}.dark-mode .form-field label{color:#e0e0e0}.form-field input,.form-field select{background:#fff;border:1px solid #ddd;border-radius:.4rem;padding:.5rem .6rem}.form-field input:-webkit-autofill{-webkit-text-fill-color:#333!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-field input:-webkit-autofill:hover{-webkit-text-fill-color:#333!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-field input:-webkit-autofill:focus{-webkit-text-fill-color:#333!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.form-field input:-webkit-autofill:active{-webkit-text-fill-color:#333!important;background-color:#fff!important;-webkit-box-shadow:inset 0 0 0 30px #fff!important}.dark-mode .form-field input:-webkit-autofill{-webkit-text-fill-color:#e2e8f0!important;background-color:#2d2b4e!important;-webkit-box-shadow:inset 0 0 0 30px #2d2b4e!important}.dark-mode .form-field input:-webkit-autofill:hover{-webkit-text-fill-color:#e2e8f0!important;background-color:#2d2b4e!important;-webkit-box-shadow:inset 0 0 0 30px #2d2b4e!important}.dark-mode .form-field input:-webkit-autofill:focus{-webkit-text-fill-color:#e2e8f0!important;background-color:#2d2b4e!important;-webkit-box-shadow:inset 0 0 0 30px #2d2b4e!important}.dark-mode .form-field input:-webkit-autofill:active{-webkit-text-fill-color:#e2e8f0!important;background-color:#2d2b4e!important;-webkit-box-shadow:inset 0 0 0 30px #2d2b4e!important}.dark-mode .form-field input,.dark-mode .form-field select{color:#e2e8f0;background:#2d2b4e;border-color:#8b5cf64d}.dark-mode .auth-card.auth-login-form .form-field input:not([type=checkbox]):not([type=radio]),.dark-mode .auth-card.auth-login-form .form-field select{color:#e2e8f0;background-color:#ffffff12;border-color:#8b5cf659}.dark-mode .auth-card.auth-login-form .form-field input:focus,.dark-mode .auth-card.auth-login-form .form-field select:focus{color:#fff;background-color:#ffffff1f;border-color:#8b5cf6}.dark-mode .auth-card .form-field input:-webkit-autofill{-webkit-text-fill-color:#e2e8f0!important;-webkit-box-shadow:inset 0 0 0 30px #2d2b4ef2!important}.dark-mode .auth-card .form-field input:-webkit-autofill:hover{-webkit-text-fill-color:#e2e8f0!important;-webkit-box-shadow:inset 0 0 0 30px #2d2b4ef2!important}.dark-mode .auth-card .form-field input:-webkit-autofill:focus{-webkit-text-fill-color:#e2e8f0!important;-webkit-box-shadow:inset 0 0 0 30px #2d2b4ef2!important}.dark-mode .auth-card .form-field input:-webkit-autofill:active{-webkit-text-fill-color:#e2e8f0!important;-webkit-box-shadow:inset 0 0 0 30px #2d2b4ef2!important}.gender-radio-group{flex-wrap:wrap;gap:.75rem;margin-top:.5rem;display:flex}.radio-option{cursor:pointer;background:#fff;border:2px solid #ddd;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-width:120px;padding:.5rem 1rem;transition:all .2s;display:flex}.radio-option:hover{background:#f3e8ff;border-color:#8b5cf6}.radio-option input[type=radio]{cursor:pointer;accent-color:#8b5cf6;width:18px;height:18px;margin:0}.radio-option input[type=radio]:checked+span{color:#8b5cf6;font-weight:600}.radio-option:has(input[type=radio]:checked){background:#f3e8ff;border-color:#8b5cf6}.radio-option span{color:#333;font-size:.9rem;transition:all .2s}.auth-message{color:#444;margin-top:.75rem;font-size:.85rem}.cart-link{position:relative}.cart-badge{color:#fff;background:#a78bfa;border-radius:999px;margin-left:.3rem;padding:.1rem .4rem;font-size:.7rem}.cart-page{max-width:900px;margin:0 auto}.empty-cart{text-align:center;padding:3rem 1rem}.cart-items{margin-bottom:2rem}.cart-item{background:#fff;border-radius:.75rem;grid-template-columns:100px 1fr auto auto;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:grid}.cart-item-image img,.cart-item-image .placeholder-img{aspect-ratio:1;object-fit:cover;border-radius:.5rem;width:100%}.cart-item-details h3{margin:0 0 .25rem;font-size:1rem}.cart-item-actions{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.quantity-controls{border:1px solid #ddd;border-radius:.4rem;align-items:center;gap:.5rem;padding:.2rem;display:flex}.quantity-controls button{cursor:pointer;background:0 0;border:none;padding:.2rem .4rem;font-size:1rem}.quantity-controls span{text-align:center;min-width:2rem}.remove-btn{color:#a78bfa;cursor:pointer;background:0 0;border:none;font-size:.85rem;text-decoration:underline}.cart-item-total{color:#8b5cf6;font-size:1.1rem;font-weight:700}.cart-summary{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 10px #00000008}.summary-row{justify-content:space-between;margin-bottom:.75rem;display:flex}.summary-row.total{border-top:1px solid #eee;margin-top:.75rem;padding-top:.75rem;font-size:1.2rem;font-weight:700}.btn-block{width:100%;margin-top:1rem}.page_404{background:linear-gradient(135deg,#f8f9fa,#e9ecef);justify-content:center;align-items:center;min-height:70vh;padding:2rem 1rem;display:flex}.page_404__container{width:100%;max-width:600px;margin:0 auto}.page_404__content{text-align:center}.four_zero_four_bg{justify-content:center;align-items:center;height:140px;margin-bottom:.5rem;display:flex}.four_zero_four_bg h1{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;background-clip:text;margin:0;font-size:8rem;font-weight:800;line-height:1}.contant_box_404{margin-top:1rem}.contant_box_404 .h2{color:#333;margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.contant_box_404 p{color:#666;margin:0 0 .5rem;font-size:1rem;line-height:1.6}.page_404__human{color:#555!important;margin-bottom:.75rem!important;font-size:1.1rem!important}.page_404__actions{flex-wrap:wrap;justify-content:center;gap:1rem;margin-top:1.5rem;display:flex}.link_404{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:999px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block;box-shadow:0 4px 12px #8b5cf64d}.link_404:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.link_404--secondary{color:#8b5cf6;box-shadow:none;background:#fff;border:2px solid #8b5cf6}.link_404--secondary:hover{color:#fff;background:#8b5cf6;border-color:#8b5cf6}.dark-mode .contant_box_404 .h2{color:var(--foreground,#e0e0e0)}.dark-mode .contant_box_404 p{color:var(--muted-foreground,#b0b0b0)}.dark-mode .page_404{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)}.four_zero_three_bg h1{-webkit-text-fill-color:transparent!important;background:linear-gradient(135deg,#ef4444,#f97316)!important;-webkit-background-clip:text!important;background-clip:text!important}.truck-button{--street:#0000001f;--street-fill:#8b5cf6;perspective:200px;color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:999px;justify-content:center;align-items:center;width:100%;min-height:48px;padding:.75rem 1.5rem;font-weight:600;transition:background .3s,box-shadow .3s;display:inline-flex;position:relative;overflow:hidden}.truck-button:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#8b5cf6);box-shadow:0 6px 20px #8b5cf666}.truck-button:disabled{cursor:not-allowed;opacity:.9}.truck-button:before,.truck-button:after{content:"";background:var(--b,var(--street));transform-origin:0 100%;width:100%;height:6px;transform:rotateX(90deg) scaleX(var(--sy,1));display:block;position:absolute;top:0;left:0}.truck-button:after{--sy:var(--progress,0);--b:var(--street-fill)}.truck-button .default,.truck-button .success{opacity:var(--o,1);font-size:14px;font-weight:500;line-height:24px;transition:opacity .3s;display:block}.truck-button .success{opacity:0;position:absolute}.truck-button.s--processing .default{opacity:0}.truck-button.s--processing .success{opacity:1}.truck-button.s--processing{--progress:1}.dark-mode .truck-button{--street:#ffffff26;--street-fill:#a78bfa}.truck-button--track:before,.truck-button--track:after{display:none}.checkout-page{max-width:1100px;margin:0 auto}.checkout-form{margin-top:1rem}.checkout-grid{grid-template-columns:1.5fr 1fr;gap:2rem;display:grid}.checkout-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 10px #00000008}.checkout-section h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.payment-methods{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.payment-option{cursor:pointer;border:1px solid #ddd;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem;display:flex}.payment-option input[type=radio]{cursor:pointer}.checkout-summary{background:#fff;border-radius:.75rem;padding:1.5rem;position:sticky;top:80px;box-shadow:0 4px 10px #00000008}.order-items{border-bottom:1px solid #eee;margin:1rem 0;padding-bottom:1rem}.order-item-summary{justify-content:space-between;margin-bottom:.5rem;font-size:.9rem;display:flex}.summary-totals{margin-top:1rem}.cart-message{color:#28a745;margin-top:.5rem;font-size:.9rem}.error-message{color:#c33;background:#fee;border-radius:.5rem;margin-bottom:1rem;padding:.75rem}.floating-checkout-bar{z-index:1000;color:#fff;background:#1e1b6e;border-radius:999px;justify-content:space-between;align-items:center;gap:1.25rem;min-width:320px;max-width:90vw;padding:.85rem 1.25rem;animation:.3s slideUpBar;display:flex;position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #7c3aed59}@keyframes slideUpBar{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.floating-checkout-info{white-space:nowrap;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;display:flex}.floating-cart-icon{opacity:.85;flex-shrink:0;width:18px;height:18px}.floating-checkout-actions{gap:.5rem;display:flex}.floating-view-cart-btn{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff4d;border-radius:999px;padding:.45rem 1rem;font-size:.85rem;font-weight:600;transition:background .2s}.floating-view-cart-btn:hover:not(:disabled){background:#ffffff40}.floating-view-cart-btn:disabled{opacity:.8;cursor:wait}.floating-checkout-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:999px;padding:.45rem 1.1rem;font-size:.85rem;font-weight:700;transition:opacity .2s}.floating-checkout-btn:hover:not(:disabled){opacity:.9}.floating-checkout-btn:disabled{opacity:.85;cursor:wait}.dark-mode .floating-checkout-bar{background:#2d2a8a;box-shadow:0 8px 32px #8b5cf666}@media (max-width:480px){.floating-checkout-bar{min-width:unset;border-radius:16px;width:calc(100vw - 2rem);bottom:1rem}}.order-success{text-align:center;max-width:560px;margin:2rem auto;padding:0 1rem}.success-card{background:#fff;border-radius:20px;padding:2.5rem 2rem;box-shadow:0 8px 40px #7c3aed1a}.dark-mode .success-card{background:#1e1b3a;box-shadow:0 8px 40px #0000004d}.success-icon-wrap{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex}.success-icon-wrap svg{color:#059669;width:38px;height:38px}.success-icon-error{background:linear-gradient(135deg,#fee2e2,#fecaca)}.success-icon-error svg{color:#dc2626}.success-heading{color:#1e1b6e;margin-bottom:.5rem;font-size:1.6rem;font-weight:700}.dark-mode .success-heading{color:#e9d5ff}.success-subtext{color:#6b7280;margin-bottom:1.5rem;font-size:.95rem;line-height:1.5}.dark-mode .success-subtext{color:#9ca3af}.success-order-ref{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding:.75rem 1.25rem;display:flex}.dark-mode .success-order-ref{background:#8b5cf626}.success-ref-label{color:#6b7280;text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.success-ref-value{color:#7c3aed;font-family:monospace;font-size:1rem;font-weight:700}.success-details-grid{grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1.25rem;display:grid}.success-detail-item{text-align:left;background:#f9fafb;border-radius:10px;padding:.75rem}.dark-mode .success-detail-item{background:#2d2a50}.success-detail-label{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem;font-size:.75rem;font-weight:600;display:block}.success-detail-value{color:#111827;font-size:.95rem;font-weight:600}.dark-mode .success-detail-value{color:#e5e7eb}.success-status-badge{color:#065f46;text-transform:capitalize;background:#d1fae5;border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.dark-mode .success-status-badge{color:#6ee7b7;background:#05966933}.success-address-box{text-align:left;background:#f9fafb;border-radius:10px;margin-bottom:1.25rem;padding:.75rem 1rem}.dark-mode .success-address-box{background:#2d2a50}.success-address-text{color:#374151;margin:.25rem 0 0;font-size:.9rem;line-height:1.5}.dark-mode .success-address-text{color:#d1d5db}.success-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.5rem;display:flex}.success-spinner{border:3px solid #e9d5ff;border-top-color:#7c3aed;border-radius:50%;width:40px;height:40px;margin:1rem auto 0;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.btn-secondary{color:#8b5cf6;cursor:pointer;background:#8b5cf61a;border:1px solid #8b5cf6;border-radius:999px;padding:.7rem 1.4rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block}.btn-secondary:hover{color:#7c3aed;background:#8b5cf633;border-color:#7c3aed}@media (max-width:768px){.home-hero,.product-detail{grid-template-columns:1fr;gap:1.5rem}.product-detail-info{width:100%;overflow:visible!important}.product-detail-info-card{padding:1.25rem 1rem!important;overflow:visible!important}.cart-item{grid-template-columns:80px 1fr;gap:.75rem}.cart-item-actions,.cart-item-total{grid-column:1/-1;justify-self:start}.checkout-grid{grid-template-columns:1fr}.checkout-summary{position:static}.form-row{grid-template-columns:1fr}.success-actions{flex-direction:column}}.upi-qr-section{background:#f5f5f5;border-radius:.5rem;margin-top:1.5rem;padding:1rem}.upi-qr-section h4{margin-top:0}.upi-qr-placeholder{text-align:center;background:#fff;border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;min-height:200px;margin:1rem 0;padding:2rem;display:flex}.upi-link{color:#666;word-break:break-all;margin-top:.5rem;font-size:.85rem}.upi-note{color:#666;font-size:.85rem;font-style:italic}.order-history{max-width:1000px;margin:0 auto}.order-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.order-filters button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:999px;padding:.5rem 1rem;font-size:.9rem}.order-filters button.active{color:#7c3aed;background:#ffede1;border-color:#8b5cf6}.empty-orders{text-align:center;padding:3rem 1rem}.orders-list{flex-direction:column;gap:1rem;display:flex}.order-card{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 10px #00000008}.order-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;display:flex}.order-date{color:#666;margin-top:.25rem;font-size:.85rem}.order-status{color:#fff;text-transform:uppercase;border-radius:999px;padding:.3rem .8rem;font-size:.75rem;font-weight:600}.order-items-summary{margin-bottom:1rem}.order-item-mini{grid-template-columns:50px 1fr auto;align-items:center;gap:.75rem;margin-bottom:.75rem;display:grid}.order-item-mini img,.order-item-mini .placeholder-img{object-fit:cover;border-radius:.4rem;width:50px;height:50px}.order-item-mini .placeholder-img.small{font-size:.7rem}.item-qty{color:#666;margin:.25rem 0;font-size:.85rem}.item-price{color:#8b5cf6;font-weight:600}.more-items{color:#666;margin-top:.5rem;font-size:.85rem;font-style:italic}.order-footer{border-top:1px solid #eee;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.order-total{font-size:1.1rem;font-weight:700}.tracking-info{color:#666;border-top:1px solid #eee;margin-top:.75rem;padding-top:.75rem;font-size:.9rem}.order-detail{max-width:1200px;margin:0 auto}.back-link{color:#8b5cf6;margin-bottom:1rem;text-decoration:none;display:inline-block}.back-link:hover{text-decoration:underline}.order-detail-grid{grid-template-columns:1fr 1.5fr;gap:2rem;margin-top:1rem;display:grid}.info-card{background:#fff;border-radius:.75rem;margin-bottom:1rem;padding:1.5rem;box-shadow:0 4px 10px #00000008}.info-card h3{margin-top:0;margin-bottom:1rem}.info-card p{margin:.5rem 0}.status-badge{color:#fff;text-transform:capitalize;border-radius:999px;padding:.3rem .8rem;font-size:.85rem;font-weight:600;display:inline-block}.order-items-section{background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 10px #00000008}.order-items-list{margin:1rem 0}.order-item-full{border-bottom:1px solid #eee;grid-template-columns:100px 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.order-item-full:last-child{border-bottom:none}.item-image img,.item-image .placeholder-img{object-fit:cover;border-radius:.5rem;width:100px;height:100px}.item-details h4{margin:0 0 .5rem}.item-total{color:#8b5cf6;font-size:1.1rem;font-weight:700}.order-history-section{background:#fff;border-radius:.75rem;margin-top:2rem;padding:1.5rem;box-shadow:0 4px 10px #00000008}.timeline{margin-top:1rem;padding-left:2rem;position:relative}.timeline-item{padding-bottom:1.5rem;position:relative}.timeline-item:not(:last-child):before{content:"";background:#ddd;width:2px;height:calc(100% - .5rem);position:absolute;top:1.5rem;left:-1.5rem}.timeline-marker{background:#8b5cf6;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:.25rem;left:-2rem;box-shadow:0 0 0 2px #8b5cf6}.timeline-content{background:#f5f5f5;border-radius:.5rem;padding:.75rem}.timeline-status{text-transform:capitalize;margin:0 0 .25rem;font-weight:600}.timeline-date{color:#666;margin:.25rem 0;font-size:.85rem}.timeline-notes{color:#444;margin:.5rem 0 0;font-size:.9rem}.timeline-user{color:#666;margin:.25rem 0 0;font-size:.8rem}.admin-orders{max-width:1400px;margin:0 auto}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem;display:grid}.stat-card{text-align:center;background:#fff;border-radius:.75rem;padding:1.5rem;box-shadow:0 4px 10px #00000008}.stat-card h3{color:#666;text-transform:uppercase;margin:0 0 .5rem;font-size:.9rem}.stat-value{color:#8b5cf6;margin:0;font-size:2rem;font-weight:700}.filters-section{background:#fff;border-radius:.75rem;margin-bottom:1.5rem;padding:1.5rem;box-shadow:0 4px 10px #00000008}.filters-section--compact{flex-wrap:wrap;align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}.filters-section--compact .filters-label{color:#444;flex-shrink:0;font-size:.875rem;font-weight:600}.filters-section--compact .filters-row{flex-wrap:wrap;flex:1;align-items:center;gap:.5rem;display:flex}.filters-section--compact .filters-row input,.filters-section--compact .filters-row select{box-sizing:border-box;border:1px solid #ddd;border-radius:.4rem;min-width:100px;padding:.4rem .6rem;font-size:.85rem}.filters-section--compact .filters-row input[type=text]{min-width:140px}.filters-section--compact .filters-row select{min-width:120px}.filters-section--compact .filters-row input[type=date]{min-width:130px}.filters-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1rem;display:grid}.filters-grid select,.filters-grid input{border:1px solid #ddd;border-radius:.4rem;padding:.5rem}.orders-table-container{background:#fff;border-radius:.75rem;max-height:480px;padding:1.5rem;overflow:auto;box-shadow:0 4px 10px #00000008}.orders-table{border-collapse:collapse;width:100%}.orders-table th{text-align:left;color:#444;border-bottom:2px solid #eee;padding:.75rem;font-weight:600}.orders-table td{border-bottom:1px solid #f0f0f0;padding:.75rem}.orders-table tr:hover{background:#f9f9f9}.btn-small{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:.4rem;padding:.4rem .8rem;font-size:.85rem;font-weight:500}.btn-small:hover{background:#c8692f}.pagination{justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem;display:flex}.pagination button{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:.4rem;padding:.5rem 1rem}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination span{font-weight:500}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:#fff;border-radius:.75rem;width:90%;max-width:500px;max-height:90vh;padding:2rem;overflow-y:auto}.modal-content h3{margin-top:0}.modal-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}@media (max-width:768px){.order-detail-grid{grid-template-columns:1fr}.orders-table-container{overflow-x:scroll}.stats-grid,.filters-grid{grid-template-columns:1fr}.filters-section--compact{flex-direction:column;align-items:stretch;padding:.75rem 1rem}.filters-section--compact .filters-row{flex-direction:column;gap:.5rem}.filters-section--compact .filters-row input,.filters-section--compact .filters-row select{width:100%;min-width:100%}}.mobile-menu-toggle{cursor:pointer;z-index:100;background:0 0;border:none;flex-direction:column;gap:4px;padding:.5rem;display:none}.hamburger-line{background:#444;width:24px;height:2px;transition:all .3s}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:first-child{transform:rotate(45deg)translate(6px,6px)}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(6px,-6px)}@media (max-width:768px){.mobile-menu-toggle{display:flex}.header-search{order:3;width:100%;max-width:100%;margin-top:.5rem}.nav-links{z-index:1000;-webkit-overflow-scrolling:touch;background:#fff;flex-flow:column;align-items:flex-start;width:280px;max-width:85vw;height:100dvh;padding:1.5rem;transition:right .3s;position:fixed;top:0;left:auto;right:-100%;overflow:hidden auto;box-shadow:-2px 0 10px #0000001a}.nav-links.mobile-open{display:flex;right:0}.nav-links a,.nav-links .category-dropdown-wrapper{border-bottom:1px solid #eee;width:100%;margin:.75rem 0;padding:.5rem 0}.nav-links .category-dropdown-wrapper{margin:0;padding:0}}.loading-spinner{flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex}.spinner{border:4px solid #f3f3f3;border-top-color:#8b5cf6;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.spinner-small{border-width:2px;width:20px;height:20px}.spinner-large{border-width:6px;width:60px;height:60px}.loading-message{color:#666;margin:0;font-size:.9rem}.skeleton-card,.skeleton-product-detail,.skeleton-cart-item,.skeleton-order-card{background:#fff;border-radius:.75rem;padding:.75rem;box-shadow:0 4px 10px #00000008}.skeleton-image,.skeleton-image-large,.skeleton-image-small{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;border-radius:.6rem;animation:1.5s ease-in-out infinite loading}.skeleton-image{aspect-ratio:4/3;width:100%;margin-bottom:.5rem}.skeleton-image-large{aspect-ratio:1;width:100%}.skeleton-image-small{width:100px;height:100px}.skeleton-text{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;border-radius:.25rem;height:1rem;margin-bottom:.5rem;animation:1.5s ease-in-out infinite loading}.skeleton-title{width:70%;height:1.2rem}.skeleton-title-large{width:60%;height:1.8rem;margin-bottom:.75rem}.skeleton-price{width:40%;height:1.1rem}.skeleton-price-large{width:35%;height:1.5rem;margin-bottom:.75rem}.skeleton-category{width:30%;height:.9rem}.skeleton-short{width:50%}.skeleton-button{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;border-radius:999px;width:150px;height:40px;margin-top:1rem;animation:1.5s ease-in-out infinite loading}.skeleton-product-detail{grid-template-columns:minmax(0,1.3fr) minmax(0,2fr);gap:2rem;padding:1.5rem;display:grid}.skeleton-cart-item{grid-template-columns:100px 1fr auto auto;align-items:center;gap:1rem;padding:1rem;display:grid}.skeleton-cart-content{flex:1}.skeleton-controls{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;border-radius:.4rem;width:100px;height:30px;animation:1.5s ease-in-out infinite loading}.skeleton-order-card{margin-bottom:1rem;padding:1.5rem}.skeleton-order-header{justify-content:space-between;margin-bottom:1rem;display:flex}.skeleton-badge{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;border-radius:999px;width:80px;height:24px;animation:1.5s ease-in-out infinite loading}.skeleton-order-items{margin-bottom:1rem}.skeleton-order-item{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.skeleton-order-item>div:first-child{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;border-radius:.4rem;width:50px;height:50px;animation:1.5s ease-in-out infinite loading}.skeleton-order-footer{justify-content:space-between;margin-top:1rem;display:flex}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.error-message{color:#c33;background:#fee;border-left:4px solid #c33;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:1rem;display:flex}.error-message.warning{color:#856404;background:#fff3cd;border-left-color:#ffc107}.error-message.info{color:#0c5460;background:#d1ecf1;border-left-color:#17a2b8}.error-content{flex:1;align-items:center;gap:.5rem;display:flex}.error-icon{font-size:1.2rem}.error-text{flex:1}.error-retry-btn,.error-dismiss-btn{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:.25rem;padding:.4rem .8rem;font-size:.85rem;transition:background .2s}.error-retry-btn:hover,.error-dismiss-btn:hover{background:#0000001a}.error-dismiss-btn{border:none;padding:.2rem .5rem;font-size:1.5rem;line-height:1}.empty-state{text-align:center;background:#fff;border-radius:.75rem;padding:3rem 1.5rem;box-shadow:0 4px 10px #00000008}.empty-state-icon{margin-bottom:1rem;font-size:4rem;display:block}.empty-state-title{color:#444;margin:0 0 .5rem;font-size:1.5rem}.empty-state-message{color:#666;max-width:400px;margin:0 auto 1.5rem}.empty-state .btn-primary{margin-top:1rem}.image-wrapper{width:100%;position:relative}.image-wrapper.loading{min-height:200px}.image-skeleton{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%) 0 0/200% 100%;border-radius:.6rem;width:100%;height:100%;animation:1.5s ease-in-out infinite loading;position:absolute;top:0;left:0}.dark-mode .image-skeleton{background:linear-gradient(90deg,#1e1b4b 25%,#2d2060,#1e1b4b 75%) 0 0/200% 100%}.image-wrapper img{width:100%;height:auto;display:block}.stock-info{margin:1rem 0;font-weight:500}.stock-available{color:#4caf50}.stock-low{color:#ff9800}.stock-unavailable{color:#f44336}:focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}button:disabled,a:disabled{opacity:.6;cursor:not-allowed}.skip-link{color:#fff;z-index:1000;background:#8b5cf6;padding:.5rem 1rem;text-decoration:none;position:absolute;top:-40px;left:0}.skip-link:focus{top:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}input:invalid{border-color:#f44336}input:invalid:focus{outline-color:#f44336}button:not(:disabled):hover{opacity:.9;transition:all .2s;transform:translateY(-1px)}button:not(:disabled):active{transform:translateY(0)}a:focus-visible{outline-offset:2px;border-radius:.25rem;outline:2px solid #8b5cf6}.image-capture-modal,.barcode-scanner-modal{z-index:2000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.image-capture-content,.barcode-scanner-content{background:#fff;border-radius:.75rem;width:100%;max-width:600px;max-height:90vh;position:relative;overflow-y:auto}.capture-header,.scanner-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.capture-header h3,.scanner-header h3{margin:0}.close-btn{cursor:pointer;color:#666;background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;display:flex}.close-btn:hover{color:#000}.capture-area,.scanner-area{padding:1.5rem}.video-container{background:#000;border-radius:.5rem;width:100%;max-width:100%;margin-bottom:1rem;position:relative;overflow:hidden}.capture-video,.scanner-video{width:100%;height:auto;display:block}.capture-overlay,.scanner-overlay{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.capture-frame,.scanner-frame{border:3px solid #8b5cf6;border-radius:.5rem;width:80%;height:60%;box-shadow:0 0 0 9999px #00000080}.scanner-hint{color:#fff;background:#000000b3;border-radius:.25rem;padding:.5rem 1rem;font-size:.9rem;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.camera-placeholder{text-align:center;background:#f5f5f5;border-radius:.5rem;padding:3rem 1rem}.btn-capture{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:.5rem;width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem;font-weight:600}.btn-capture:hover:not(:disabled){background:#8b5cf6}.file-upload-area{text-align:center;padding:2rem}.file-upload-area p{color:#666;margin:1rem 0}.preview-area{padding:1.5rem}.captured-preview{object-fit:contain;border-radius:.5rem;width:100%;max-height:400px;margin-bottom:1rem}.preview-actions{gap:1rem;display:flex}.preview-actions button{flex:1}.manual-barcode-input{border-top:1px solid #eee;margin-top:1.5rem;padding-top:1.5rem}.manual-barcode-input p{color:#666;margin-bottom:.75rem;font-size:.9rem}.manual-barcode-input form{gap:.5rem;display:flex}.barcode-input{border:1px solid #ddd;border-radius:.4rem;flex:1;padding:.75rem;font-size:1rem}.scanned-result{color:#155724;text-align:center;background:#d4edda;border-radius:.4rem;margin-top:1rem;padding:.75rem}.inventory-management{max-width:1200px;margin:0 auto;padding:1.5rem}.inventory-actions{flex-wrap:wrap;gap:1rem;margin-bottom:2rem;display:flex}.inventory-form-section{background:#fff;border-radius:.75rem;padding:2rem;box-shadow:0 4px 10px #00000008}.matched-product{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:2rem}.product-preview{grid-template-columns:150px 1fr;align-items:start;gap:1.5rem;display:grid}.product-preview img{border-radius:.5rem;width:100%}.product-details h4{margin:0 0 .5rem;font-size:1.3rem}.product-details p{color:#666;margin:.25rem 0}.product-form-fields{margin-bottom:2rem}.inventory-update-section{border-top:1px solid #eee;margin-top:2rem;padding-top:2rem}.current-inventory{background:#f5f5f5;border-radius:.5rem;margin:1rem 0;padding:1rem}.current-inventory h4{margin:0 0 .75rem;font-size:1rem}.current-inventory ul{margin:0;padding-left:1.5rem}.current-inventory li{margin:.25rem 0}.success-message{color:#155724;background:#d4edda;border-left:4px solid #28a745;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.quick-add-to-cart{background:#fff;border-radius:.75rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 4px 10px #00000008}.quick-add-to-cart h3{margin:0 0 1rem;font-size:1.2rem}.quick-add-actions{gap:1rem;margin-bottom:1rem;display:flex}.quick-add-actions button{flex:1}.matched-product-quick{background:#f5f5f5;border-radius:.5rem;margin-top:1rem;padding:1rem}.matched-product-quick h4{margin:0 0 .5rem}.matched-product-quick p{color:#666;margin:.5rem 0}.quantity-selector{align-items:center;gap:1rem;margin:1rem 0;display:flex}.quantity-selector label{font-weight:500}.quantity-selector input{border:1px solid #ddd;border-radius:.4rem;width:80px;padding:.5rem}.quick-add-buttons{gap:1rem;margin-top:1rem;display:flex}.quick-add-buttons button{flex:1}@media (max-width:768px){.inventory-actions{flex-direction:column}.inventory-actions button{width:100%}.product-preview{grid-template-columns:1fr}.quick-add-actions{flex-direction:column}.image-capture-content,.barcode-scanner-content{max-height:95vh;margin:.5rem}.price-suggestion{padding:.5rem .6rem!important;font-size:.8rem!important}.price-suggestion button{padding:.4rem .6rem!important;font-size:.8rem!important}}.home-hero-enhanced{border-radius:0 0 2rem 2rem;flex-direction:column;justify-content:center;min-height:600px;margin:0 1rem 3rem;padding:4rem 2rem;display:flex;position:relative;overflow:hidden}.hero-background{z-index:0;position:absolute;inset:0}.hero-background-overlay{z-index:1;background:linear-gradient(135deg,#8b5cf6f2,#7c3aede6);position:absolute;inset:0}.hero-background-image{z-index:0;animation:20s ease-in-out infinite heroImageFade}@keyframes heroImageFade{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.4;transform:scale(1.05)}}.hero-content-wrapper{z-index:2;grid-template-columns:1.2fr 1fr;align-items:center;gap:4rem;width:100%;max-width:1400px;margin:0 auto;display:grid;position:relative}.hero-text-enhanced{color:#fff}.hero-title-animated{margin:0 0 1.5rem;font-size:3.5rem;font-weight:800;line-height:1.1;animation:.8s ease-out fadeInUp}.hero-title-main{-webkit-text-fill-color:transparent;text-shadow:0 4px 20px #0000001a;background:linear-gradient(135deg,#fff,#fff8f0);-webkit-background-clip:text;background-clip:text;display:block}.hero-title-sub{color:#fffffff2;margin-top:.5rem;font-size:.7em;font-weight:600;display:block}.hero-description{color:#fffffff2;max-width:600px;margin-bottom:2rem;font-size:1.2rem;line-height:1.6;animation:.8s ease-out .2s both fadeInUp}.hero-actions{flex-wrap:wrap;gap:1rem;animation:.8s ease-out .4s both fadeInUp;display:flex}.btn-hero{border:2px solid #0000!important;padding:1rem 2rem!important;font-size:1.1rem!important;font-weight:700!important;transition:all .3s!important;box-shadow:0 8px 24px #0003!important}.btn-hero:hover{transform:translateY(-3px)!important;box-shadow:0 12px 32px #0000004d!important}.btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff!important;background:#fff3!important;border:2px solid #ffffff4d!important}.btn-secondary:hover{background:#ffffff4d!important;border-color:#ffffff80!important}.hero-image-side{animation:1s ease-out .3s both fadeInRight;position:relative}.hero-image-container{border-radius:2rem;transition:transform .5s;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg);box-shadow:0 20px 60px #0000004d}.hero-image-container:hover{transform:perspective(1000px)rotateY(0)scale(1.02)}.hero-image-3d{animation:5s ease-in-out infinite heroPetFloat}.hero-image-3d:hover{animation:none}@keyframes heroPetFloat{0%,to{transform:perspective(1000px)rotateY(-5deg)translateY(0)}50%{transform:perspective(1000px)rotateY(-5deg)translateY(-8px)}}.hero-main-image{border-radius:2rem;width:100%;height:auto;display:block}.hero-image-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap;background:#fffffff2;border-radius:50px;align-items:center;gap:.75rem;padding:1rem 2rem;animation:2s ease-in-out infinite pulse;display:flex;position:absolute;bottom:4.5rem;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.badge-icon{font-size:1.5rem}.badge-text{color:#333;font-size:.95rem;font-weight:600}@keyframes pulse{50%{opacity:.5}}.hero-highlights-enhanced{z-index:2;box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;width:100%;max-width:1400px;margin:2rem auto 0;padding:0 2rem;display:grid;position:relative;overflow-x:hidden}.highlight-card-enhanced{text-align:center;box-sizing:border-box;cursor:pointer;background:#fff;border-radius:1.5rem;width:100%;min-width:0;padding:2rem;transition:all .3s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 40px #0000001a}.highlight-card-enhanced:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf61a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.highlight-card-enhanced:hover:before{left:100%}.highlight-card-enhanced:hover{transform:translateY(-8px);box-shadow:0 20px 60px #00000026}.highlight-icon{margin-bottom:1rem;font-size:3rem;animation:2s ease-in-out infinite bounce;display:inline-block}.highlight-card-enhanced:nth-child(2) .highlight-icon{animation-delay:.2s}.highlight-card-enhanced:nth-child(3) .highlight-icon{animation-delay:.4s}.highlight-card-enhanced:nth-child(4) .highlight-icon{animation-delay:.6s}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.highlight-card-enhanced h3{color:#333;margin:.5rem 0;font-size:1.3rem;font-weight:700}.highlight-card-enhanced p{color:#666;margin:0;font-size:.95rem;line-height:1.6}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.product-card-wrapper{transition:transform .3s,box-shadow .3s;position:relative}.product-card-wrapper:hover{transform:translateY(-8px)}.product-card-wrapper{perspective:900px}.product-card{color:inherit;will-change:transform;background:#fff;border-radius:1rem;padding:0;text-decoration:none;transition:transform .35s cubic-bezier(.22,.68,0,1.2),box-shadow .35s;display:block;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000012,0 1px 3px #8b5cf614}@media (hover:hover){.product-card:hover{transform:translateY(-6px)rotateX(2deg)rotateY(-1deg)scale(1.015);box-shadow:0 20px 48px #8b5cf62e,0 8px 20px #0000001f}}@media (hover:none){.product-card:active{transform:scale(.98);box-shadow:0 8px 24px #8b5cf626}}.product-image{background:linear-gradient(135deg,#f3e8ff,#e9d5ff,#ddd6fe) 0 0/200% 200%;width:100%;animation:4s infinite shimmerBg;position:relative;overflow:hidden}@keyframes shimmerBg{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.product-image img{object-fit:cover;width:100%;height:240px;transition:transform .55s cubic-bezier(.22,.68,0,1.2);display:block}@media (hover:hover){.product-card:hover .product-image img{transform:scale(1.08)}}.product-image-overlay{-webkit-backdrop-filter:blur();opacity:0;background:linear-gradient(160deg,#8b5cf61f,#00000061);justify-content:center;align-items:center;transition:opacity .3s,-webkit-backdrop-filter .3s,backdrop-filter .3s;display:flex;position:absolute;inset:0}@media (hover:hover){.product-card:hover .product-image-overlay{opacity:1;-webkit-backdrop-filter:blur(1px)}}.view-product-btn{-webkit-backdrop-filter:blur(6px);color:#7c3aed;letter-spacing:.02em;background:#ffffffe0;border:1px solid #8b5cf640;border-radius:50px;padding:.65rem 1.4rem;font-size:.88rem;font-weight:700;transition:transform .3s cubic-bezier(.22,.68,0,1.2),background .2s;transform:translateY(14px);box-shadow:0 2px 12px #8b5cf633}@media (hover:hover){.product-card:hover .view-product-btn{background:#fffffff7;transform:translateY(0)}}.discount-badge-gradient{color:#fff;letter-spacing:.03em;z-index:3;text-shadow:0 1px 2px #0003;background:linear-gradient(135deg,#f43f5e,#e11d48);border-radius:6px;padding:.22rem .65rem;font-size:.78rem;font-weight:800;position:absolute;top:.55rem;right:.55rem;box-shadow:0 2px 8px #e11d4859}.discount-badge-gradient.discount-expiry{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 2px 8px #d9770666}.btn-add-to-cart-gradient{color:#fff;cursor:pointer;letter-spacing:.02em;background:linear-gradient(135deg,#8b5cf6,#7c3aed);border:none;border-radius:8px;flex:1;padding:.75rem 1rem;font-size:.95rem;font-weight:700;transition:all .25s;box-shadow:0 2px 10px #8b5cf64d}@media (hover:hover){.btn-add-to-cart-gradient:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 16px #8b5cf673}}.btn-add-to-cart-gradient:active{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(0);box-shadow:0 2px 8px #8b5cf64d}.product-info{padding:1.25rem}.product-info h3{color:#333;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .5rem;font-size:1.1rem;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.product-info .price{color:#8b5cf6;margin:.5rem 0;font-size:1.3rem;font-weight:700}.product-info .category{color:#999;text-transform:capitalize;margin:.25rem 0 0;font-size:.85rem}.product-card-actions{z-index:10;opacity:0;transition:opacity .3s;position:absolute;top:1rem;right:1rem}.product-card-wrapper:hover .product-card-actions{opacity:1}.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:2rem;padding:1rem 0;display:grid}.pet-section{margin-bottom:2.5rem}.pet-section--others{border-top:2px dashed #e5e7eb;padding-top:2rem}.pet-section-header{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border-left:4px solid #8b5cf6;border-radius:12px;align-items:center;gap:.6rem;margin-bottom:1.25rem;padding:.75rem 1.25rem;display:flex}.pet-section-header--others{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-left-color:#9ca3af}.pet-section-paw{font-size:1.25rem;line-height:1}.pet-section-title{color:#4c1d95;flex:1;font-size:1.05rem;font-weight:700}.pet-section-header--others .pet-section-title{color:#374151}.pet-section-count{color:#6d28d9;background:#8b5cf626;border-radius:20px;padding:.2rem .65rem;font-size:.78rem;font-weight:600}.pet-section-header--others .pet-section-count{color:#6b7280;background:#e5e7eb}.dark-mode .pet-section--others{border-top-color:#374151}.dark-mode .pet-section-header{background:linear-gradient(135deg,#2d1b4e,#1e1035);border-left-color:#7c3aed}.dark-mode .pet-section-header--others{background:linear-gradient(135deg,#1f2937,#111827);border-left-color:#374151}.dark-mode .pet-section-title{color:#c4b5fd}.dark-mode .pet-section-header--others .pet-section-title{color:#d1d5db}.dark-mode .pet-section-count{color:#a78bfa;background:#7c3aed40}.dark-mode .pet-section-header--others .pet-section-count{color:#9ca3af;background:#374151}@media (max-width:768px){.pet-section-header{border-radius:8px;padding:.6rem 1rem}.pet-section-title{font-size:.95rem}}.results-header{border-bottom:2px solid #f0f0f0;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem 0;display:flex}.results-count{color:#333;margin:0;font-size:1.1rem;font-weight:600}.sort-controls label{color:#666;font-size:.95rem;font-weight:500}.sort-controls select{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:8px;padding:.5rem 1rem;font-size:.95rem;transition:all .2s}.sort-controls select:hover{border-color:#8b5cf6}.sort-controls select:focus{border-color:#8b5cf6;outline:none;box-shadow:0 0 0 3px #8b5cf61a}@media (max-width:968px){.hero-content-wrapper{text-align:center;grid-template-columns:1fr;gap:2rem}.highlight-card-enhanced{box-sizing:border-box;width:100%;max-width:100%;margin:0;padding:1.5rem}.hero-title-animated{font-size:2.5rem}.hero-image-container{max-width:500px;margin:0 auto;transform:none}.hero-highlights-enhanced{grid-template-columns:1fr;gap:1rem;margin-top:2rem;padding:0 1rem}.highlight-card-enhanced{box-sizing:border-box;width:100%;max-width:100%;padding:1.5rem}.home-hero-enhanced{min-height:auto;padding:3rem 1rem}}@media (max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.results-header{flex-direction:column;align-items:flex-start;gap:1rem}.hero-title-animated{font-size:2rem}.hero-description{font-size:1rem}.hero-highlights-enhanced{overflow-x:hidden;grid-template-columns:1fr!important;gap:1rem!important;margin-top:1.5rem!important;padding:0 1rem!important}.highlight-card-enhanced{box-sizing:border-box!important;width:100%!important;max-width:100%!important;margin:0!important;padding:1.5rem!important}.home-hero-enhanced{overflow-x:hidden;margin:0 .5rem 2rem!important;padding:2rem 1rem!important}.hero-content-wrapper{overflow-x:hidden;padding:0!important}}.catalog-page{max-width:1400px;margin:0 auto;padding:0 1rem}.breadcrumbs{color:#666;padding:1rem 0;font-size:.9rem}.breadcrumbs a{color:#8b5cf6;text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs span{color:#999;margin:0 .5rem}.catalog-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.catalog-header h1{color:#222;margin:0;font-size:2rem}.catalog-search{flex:1;min-width:250px;max-width:400px}.search-bar{background:#fff;border:2px solid #ddd;border-radius:999px;align-items:center;gap:.5rem;padding:.5rem 1rem;transition:border-color .2s;display:flex}.search-bar:focus-within{border-color:#8b5cf6}.search-input{background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.search-clear{cursor:pointer;color:#999;background:0 0;border:none;padding:.2rem;font-size:1.2rem;line-height:1}.search-clear:hover{color:#666}.search-submit{cursor:pointer;background:0 0;border:none;align-items:center;padding:.2rem;font-size:1.2rem;display:flex}.category-quick-filters{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;display:flex;overflow-x:auto}.category-quick-filters button{cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:999px;padding:.5rem 1.2rem;font-size:.9rem;transition:all .2s}.category-quick-filters button:hover{color:#8b5cf6;border-color:#8b5cf6}.category-quick-filters button.active{color:#7c3aed;background:#ffede1;border-color:#8b5cf6;font-weight:600}.subcategory-navigation{background:#fff;border-radius:.75rem;margin:2rem 0;padding:2rem;box-shadow:0 2px 8px #0000000d}.subcategory-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.subcategory-group{border-left:3px solid #8b5cf6;padding-left:1rem}.subcategory-group-title{color:#333;align-items:center;gap:.5rem;margin:0 0 1rem;font-size:1.1rem;font-weight:600;display:flex}.subcategory-icon{font-size:1.5rem}.subcategory-links{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.subcategory-links li{margin:0}.subcategory-link{color:#555;border-radius:.4rem;padding:.5rem .75rem;font-size:.95rem;text-decoration:none;transition:all .2s;display:block}.subcategory-link:hover{color:#8b5cf6;background:#f5f5f5;padding-left:1rem}.subcategory-link.active{color:#7c3aed;background:#ffede1;border-left:3px solid #8b5cf6;padding-left:1rem;font-weight:600}.subcategory-icons-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));justify-items:center;gap:1.5rem;display:grid}.subcategory-icon-card{color:#333;border-radius:.75rem;flex-direction:column;align-items:center;width:100%;max-width:160px;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.subcategory-icon-card:hover{background:#f8f8f8;transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.subcategory-icon-card.active{background:#ffede1;border:2px solid #8b5cf6}.subcategory-icon-card:hover .subcategory-icon-circle{transform:scale(1.1);box-shadow:0 6px 12px #8b5cf666}.subcategory-icon-card.active .subcategory-icon-circle{background:linear-gradient(135deg,#6d28d9,#8b5cf6);box-shadow:0 6px 12px #b55b2b66}.subcategory-icon-emoji{font-size:2.5rem}.subcategory-icon-label{text-align:center;color:#555;font-size:.85rem;font-weight:500;line-height:1.3}.subcategory-icon-card.active .subcategory-icon-label{color:#7c3aed;font-weight:600}@media (max-width:768px){.subcategory-navigation{margin:1.5rem 0;padding:1.5rem 1rem}.subcategory-grid{grid-template-columns:1fr;gap:1.5rem}.subcategory-group-title{font-size:1rem}.subcategory-icons-container{margin:1.5rem 0;padding:1.5rem 1rem}.subcategory-icons-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.subcategory-icon-circle{width:60px;height:60px}.subcategory-icon-emoji{font-size:2rem}.subcategory-icon-label{font-size:.75rem}}.catalog-layout{grid-template-columns:290px 1fr;gap:2rem;margin-top:1.5rem;display:grid}.filters-sidebar{position:relative}.mobile-filter-toggle{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:.5rem;width:100%;margin-bottom:1rem;padding:.75rem;font-weight:600;display:none}.product-filters{background:#fff;border-radius:.75rem;max-height:calc(100vh - 120px);padding:1.5rem;position:sticky;top:100px;overflow-y:auto;box-shadow:0 4px 10px #00000008}.filters-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.filters-header h3{margin:0;font-size:1.3rem}.close-filters-btn{cursor:pointer;color:#666;background:0 0;border:none;padding:.2rem .5rem;font-size:1.5rem}.filter-section{margin-bottom:2rem}.filter-section h4{color:#444;margin:0 0 1rem;font-size:1rem;font-weight:600}.price-range{flex-direction:column;gap:.75rem;display:flex}.price-inputs{align-items:center;gap:.4rem;display:flex}.price-inputs input{border:1px solid #ddd;border-radius:.4rem;flex:1;width:0;min-width:0;padding:.5rem .4rem;font-size:.85rem}.price-display{color:#7c3aed;font-size:.95rem;font-weight:600}.dark-mode .price-display{color:#a78bfa}.category-filters{flex-direction:column;gap:.5rem;display:flex}.filter-checkbox{cursor:pointer;align-items:center;gap:.5rem;padding:.4rem 0;display:flex}.filter-checkbox input[type=checkbox]{cursor:pointer;accent-color:#8b5cf6;width:18px;height:18px}.filter-checkbox span{color:#444;font-size:.9rem}.filter-actions{border-top:1px solid #eee;flex-direction:column;gap:.5rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.btn-filter-apply{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:.5rem;width:100%;padding:.75rem;font-weight:600;transition:background .2s}.btn-filter-apply:hover{background:#8b5cf6}.btn-filter-clear{color:#666;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:.5rem;width:100%;padding:.75rem;font-weight:500;transition:all .2s}.btn-filter-clear:hover{background:#f5f5f5;border-color:#999}.products-section{min-width:0}.results-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.results-count{color:#666;margin:0;font-size:.9rem}.sort-controls{align-items:center;gap:.5rem;display:flex}.sort-controls label{color:#666;font-size:.9rem}.sort-controls select{cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:.4rem;padding:.5rem 1rem;font-size:.9rem}.offers-banner-container{margin-bottom:2rem}.offers-banner{color:#fff;background:linear-gradient(135deg,#17a2b8,#138496);border-radius:.75rem;justify-content:center;align-items:center;min-height:200px;padding:2rem;display:flex;position:relative;overflow:hidden}.banner-nav-btn{color:#fff;cursor:pointer;z-index:2;background:#fff3;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.banner-nav-btn:hover:not(:disabled){background:#ffffff4d}.banner-nav-btn:disabled{opacity:.3;cursor:not-allowed}.banner-prev{left:1rem}.banner-next{right:1rem}.banner-content{text-align:center;z-index:1;width:100%;max-width:800px;position:relative}.banner-ribbon{color:#000;background:#ffc107;border-radius:999px;margin-bottom:1rem;padding:.5rem 2rem;font-size:1.2rem;font-weight:700;display:inline-block;box-shadow:0 4px 8px #0003}.banner-main-offer{flex-wrap:wrap;justify-content:center;align-items:center;gap:2rem;display:flex}.offer-cloud{color:#222;background:#fffffff2;border-radius:1rem;flex:1;min-width:250px;padding:1.5rem 2rem;box-shadow:0 4px 12px #00000026}.offer-main{color:#8b5cf6;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.offer-sub{color:#666;font-size:1rem}.offer-coupon{color:#222;text-align:center;background:#fffffff2;border-radius:.75rem;min-width:200px;padding:1rem 1.5rem;box-shadow:0 4px 12px #00000026}.coupon-label{color:#666;margin-bottom:.25rem;font-size:.85rem}.coupon-code{color:#17a2b8;letter-spacing:.1em;font-size:1.3rem;font-weight:700}.banner-indicators{z-index:2;gap:.5rem;display:flex;position:absolute;bottom:1rem;left:50%;transform:translate(-50%)}.banner-indicator{cursor:pointer;background:0 0;border:2px solid #ffffff80;border-radius:50%;width:10px;height:10px;padding:0;transition:all .2s}.banner-indicator.active{background:#fff;border-color:#fff}.min-order-banner{color:#000;text-align:center;background:#ffc107;border-radius:0 0 .5rem .5rem;padding:.75rem 1.5rem;font-weight:600}.secondary-offers-bar{color:#000;text-align:center;white-space:nowrap;background:#ffc107;border-radius:0 0 .5rem .5rem;padding:.5rem 1.5rem;font-size:.9rem;overflow-x:auto}@media (max-width:768px){.catalog-layout{grid-template-columns:1fr}.filters-sidebar{order:2}.mobile-filter-toggle{display:block}.filters-desktop{display:none}.mobile-filters-overlay{z-index:1000;background:#00000080;justify-content:flex-start;align-items:flex-start;padding:1rem;display:flex;position:fixed;inset:0}.product-filters.mobile-open{width:100%;max-width:400px;max-height:90vh;margin:auto;position:relative;top:auto}.catalog-header{flex-direction:column;align-items:stretch}.catalog-search{max-width:100%}.results-header{flex-direction:column;align-items:stretch}.sort-controls,.sort-controls select{width:100%}.banner-main-offer{flex-direction:column;gap:1rem}.offer-cloud,.offer-coupon{width:100%}.banner-nav-btn{width:35px;height:35px;font-size:1.2rem}.banner-prev{left:.5rem}.banner-next{right:.5rem}.offers-banner{min-height:180px;padding:1.5rem 1rem}.offer-main{font-size:1.2rem}.offer-sub{font-size:.9rem}}.subcategory-icons-container{background:#fff;border-radius:1rem;margin:2rem 0;padding:2rem;box-shadow:0 4px 12px #0000000d}.subcategory-icons-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:1.5rem;margin-bottom:1.5rem;display:grid}.subcategory-icon-card{color:inherit;background:#faf7f4;border:2px solid #0000;border-radius:1rem;flex-direction:column;align-items:center;padding:1rem;text-decoration:none;transition:all .3s;display:flex}.subcategory-icon-card:hover{background:#ffede1;border-color:#8b5cf6;transform:translateY(-4px);box-shadow:0 8px 16px #8b5cf633}.subcategory-icon-card.active{background:#ffede1;border-color:#8b5cf6}.subcategory-icon-circle{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;margin-bottom:.75rem;transition:transform .3s;display:flex;box-shadow:0 4px 12px #8b5cf64d}.subcategory-icon-card:hover .subcategory-icon-circle{transform:scale(1.1)}.subcategory-icon-emoji{font-size:2rem;display:block}.subcategory-icon-label{color:#333;text-align:center;font-size:.85rem;font-weight:600;line-height:1.3}.subcategory-show-more{text-align:center;border-top:1px solid #eee;padding-top:1rem}.show-more-btn{color:#fff;cursor:pointer;background:#8b5cf6;border:none;border-radius:50px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .3s;display:inline-flex}.show-more-btn:hover{background:#a78bfa;transform:translateY(-2px);box-shadow:0 4px 12px #8b5cf666}.show-more-btn:active{transform:translateY(0)}.subcategory-strip-wrapper{margin:.4rem 0 .25rem;position:relative}.subcategory-strip{scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:.45rem;padding:.3rem .1rem .6rem;display:flex;overflow-x:auto}.subcategory-strip::-webkit-scrollbar{display:none}.subcategory-pill{white-space:nowrap;background:var(--pill-bg,#ede9fe);color:var(--pill-fg,#7c3aed);border:1.5px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.38rem .85rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:inline-flex}.subcategory-pill.active{color:#fff;background:#7c3aed;border-color:#6d28d9;box-shadow:0 2px 8px #7c3aed59}.subcategory-pill:hover:not(.active){border-color:#8b5cf6;transform:translateY(-1px)}.subcategory-pill-icon{font-size:.95rem;line-height:1}.subcategory-pill-label{line-height:1}.dark-mode .subcategory-pill:not(.active){color:#c4b5fd;background:#2a1f4e}.product-list-bar{background:#fffffffa}.dark-mode .product-list-bar{color:#f0f0f0;background:#161228fa!important;border-top-color:#333!important}.dark-mode .product-list-bar button{color:#e9d5ff!important;background:#2d2060!important;border-color:#4c3a8a!important}@media (max-width:768px){.subcategory-icons-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem}.subcategory-icon-circle{width:60px;height:60px}.subcategory-icon-emoji{font-size:1.5rem}.subcategory-icon-label{font-size:.75rem}}.category-dropdown-wrapper{display:inline-block;position:relative}.nav-link-with-dropdown{color:#333;align-items:center;gap:.35rem;padding:.5rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.nav-link-with-dropdown:hover,.nav-link-with-dropdown.active{color:#8b5cf6;font-weight:600}.nav-link-with-dropdown.active:after{content:"";background:#8b5cf6;height:2px;position:absolute;bottom:0;left:0;right:0}.category-dropdown-menu{z-index:10000;isolation:isolate;background:#fff;border:1px solid #eee;border-radius:.75rem;min-width:280px;margin-top:.5rem;animation:.2s ease-out fadeInDown;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #00000026}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-bottom:1px solid #fff3;justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.dropdown-title{font-size:1rem;font-weight:700}.dropdown-view-all{color:#fff;border-radius:4px;padding:.25rem .5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .2s}.dropdown-view-all:hover{background:#fff3}.dropdown-content{max-height:400px;padding:.5rem;overflow-y:auto}.dropdown-item{color:#333;border-radius:.5rem;align-items:center;gap:.75rem;margin-bottom:.25rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s;display:flex}.dropdown-item:hover{color:#8b5cf6;background:#ffede1;transform:translate(4px)}.dropdown-item-icon{text-align:center;flex-shrink:0;width:32px;font-size:1.5rem}.dropdown-item-label{flex:1;font-size:.9rem;font-weight:500}.category-dropdown-backdrop{display:none}.mega-menu-mobile-header{z-index:2;background:#fff;border-bottom:1px solid #f0f0f0;justify-content:space-between;align-items:center;padding:.75rem 1.25rem .5rem;display:none;position:sticky;top:0}.mega-menu-mobile-title{color:#333;font-size:1rem;font-weight:700}.category-dropdown-close{color:#fff;cursor:pointer;z-index:10;background:#8b5cf6;border:none;border-radius:50%;flex-shrink:0;width:36px;height:36px;margin-bottom:.25rem;margin-left:auto;margin-right:1rem;padding:0;font-size:1.1rem;font-weight:600;line-height:1;display:none;position:sticky;top:0;left:auto;box-shadow:0 2px 8px #8b5cf666}@media (max-width:768px){.category-dropdown-backdrop{z-index:9999;background:#0006;display:block;position:fixed;inset:0}.category-dropdown-close{justify-content:center;align-items:center;margin:0;display:flex;position:static}.mega-menu-mobile-header{display:flex}.category-dropdown-menu:before{display:none}.category-dropdown-menu{padding-top:0}.category-dropdown-wrapper{width:100%}.category-dropdown-menu{-webkit-overflow-scrolling:touch;z-index:10001;max-height:80dvh;padding-top:1rem;padding-bottom:env(safe-area-inset-bottom,1rem);border-radius:1rem 1rem 0 0;margin:0;animation:.3s ease-out slideUp;position:fixed;inset:auto 0 0;overflow-y:auto}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.category-dropdown-menu .mega-menu-grid{grid-template-columns:1fr 1fr;gap:.25rem;padding:.75rem 1rem .5rem}.category-dropdown-menu .mega-menu-footer{background:#fff;border-top:1px solid #eee;margin-top:.5rem;padding:.85rem 1rem;position:sticky;bottom:0}.category-dropdown-menu:before{content:"";background:#ddd;border-radius:2px;width:40px;height:4px;margin:0 auto 1rem;display:block}.dropdown-content{max-height:calc(70vh - 80px)}}.theme-toggle{cursor:pointer;z-index:1;background:0 0;border:2px solid #ddd;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-right:.5rem;font-size:1.2rem;transition:all .3s;display:flex;position:relative}.theme-toggle:hover{background:#f0f0f0;border-color:#8b5cf6;transform:scale(1.1)}.dark-mode .theme-toggle{color:gold;background:#ffd7001a;border-color:#666}.dark-mode .theme-toggle:hover{color:gold;background:#ffd70033;border-color:gold}.dark-mode .hamburger-line{background:#e0e0e0}.dark-mode .mobile-menu-toggle:hover .hamburger-line{background:#8b5cf6}.dark-mode .nav-links.mobile-open{background:#2a2a2a;border-top-color:#444}.dark-mode .nav-links.mobile-open a{color:#e0e0e0;border-bottom-color:#444}.dark-mode body{color:#e0e0e0;background:#1a1a1a}.dark-mode .site-header{background:#2a2a2a;border-bottom-color:#444}.dark-mode .header-top{background:#2a2a2a}.dark-mode .brand-title{color:#fff}.dark-mode .brand-subtitle{color:#b0b0b0}.dark-mode .icon-link{color:#e0e0e0}.dark-mode .icon-link:hover{color:#8b5cf6;background:#3a3a3a}.dark-mode .icon-link.active{color:#8b5cf6;background:#8b5cf626}.dark-mode .header-logout-btn{color:#e0e0e0;border-color:#444}.dark-mode .header-logout-btn:hover{color:#ef4444;background:#ef44441a;border-color:#ef4444}.dark-mode .nav-links{background:#2a2a2a;border-top-color:#444}.dark-mode .nav-links a{color:#e0e0e0}.dark-mode .nav-links a:hover{color:#8b5cf6}.dark-mode .nav-links a .caret{color:#b0b0b0}.dark-mode .product-card,.dark-mode .highlight-card-enhanced,.dark-mode .subcategory-icon-card{color:#e0e0e0;background:#2a2a2a;border-color:#444}.dark-mode .product-card:hover,.dark-mode .highlight-card-enhanced:hover{box-shadow:0 20px 48px #0009,0 8px 20px #8b5cf633}.dark-mode .product-image{background:linear-gradient(135deg,#3b1f5e,#2d1b4e,#1e1035)}.dark-mode .btn-add-to-cart-gradient{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.dark-mode .btn-add-to-cart-gradient:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6)}.dark-mode .search-bar{color:#e0e0e0;background:#333;border-color:#555}.dark-mode .search-input::placeholder{color:#999}.dark-mode .search-clear{color:#b0b0b0}.dark-mode .search-clear:hover{color:#e0e0e0}.dark-mode .search-submit{color:#b0b0b0}.dark-mode .search-submit:hover{color:#8b5cf6}.dark-mode .header-search-wrapper,.dark-mode .header-shop-pill-wrapper{margin:0;padding:0}.dark-mode .btn-primary{color:#fff;background:linear-gradient(135deg,#7c3aed,#9333ea);box-shadow:0 4px 12px #7c3aed66}.dark-mode .btn-primary:hover{background:linear-gradient(135deg,#6d28d9,#7c3aed);transform:translateY(-2px);box-shadow:0 6px 20px #7c3aed80}.dark-mode .btn-secondary{color:#a78bfa;background:#7c3aed26;border-color:#7c3aed}.dark-mode .btn-secondary:hover{color:#c4b5fd;background:#7c3aed40;border-color:#9333ea}.dark-mode .catalog-page,.dark-mode .product-grid{background:#1a1a1a}.dark-mode .results-header{color:#e0e0e0;border-bottom-color:#444}.dark-mode select,.dark-mode input{color:#e0e0e0;background:#333;border-color:#555}.dark-mode .empty-state{color:#e0e0e0;background:#2a2a2a}.dark-mode .empty-state-title{color:#e0e0e0!important}.dark-mode .empty-state-message{color:#d0d0d0!important}.dark-mode .hero-background-overlay{background:linear-gradient(135deg,#1a1a1af2,#2a2a2ae6)}.dark-mode .hero-title-main{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text}.dark-mode .hero-description{color:#e0e0e0e6}.dark-mode .info-card,.dark-mode .order-card,.dark-mode .admin-card{color:#e0e0e0;background:#2a2a2a;border-color:#444}.dark-mode .admin-card h3,.dark-mode .admin-card h2,.dark-mode .admin-card h1{color:#e0e0e0}.dark-mode .admin-card p,.dark-mode .admin-card li,.dark-mode .admin-card ul{color:#b0b0b0}.dark-mode .admin-dashboard{color:#e0e0e0;background:#1a1a1a}.dark-mode .admin-dashboard h2,.dark-mode .flag-list label{color:#e0e0e0}.dark-mode .flag-list input[type=checkbox]{accent-color:#8b5cf6}.dark-mode .user-list,.dark-mode .user-list li{color:#b0b0b0}.dark-mode .user-list strong{color:#e0e0e0}.dark-mode .order-filters button{color:#c4b5fd;background:#2a2a2a;border-color:#444}.dark-mode .order-filters button.active{color:#c4b5fd;background:#7c3aed33;border-color:#7c3aed}.dark-mode .order-header{border-color:#444}.dark-mode .order-date,.dark-mode .item-qty{color:#9ca3af}.dark-mode .order-items-section,.dark-mode .order-history-section{color:#e0e0e0;background:#2a2a2a}.dark-mode .order-items-section h3,.dark-mode .order-history-section h3{color:#c4b5fd}.dark-mode .order-item-full{border-color:#444}.dark-mode .item-total{color:#a78bfa}.dark-mode .order-summary{background:#1e1b2e}.dark-mode .summary-row{color:#e0e0e0}.dark-mode .summary-row.total{border-top-color:#444}.dark-mode .info-card h3{color:#c4b5fd}.dark-mode .info-card p,.dark-mode .info-card strong{color:#d1d5db}.dark-mode .timeline-item:not(:last-child):before{background:#444}.dark-mode .timeline-status{color:#c4b5fd}.dark-mode .timeline-date{color:#9ca3af}.dark-mode .subcategory-icons-container{background:#1e1b2e;box-shadow:0 2px 8px #0000004d}.dark-mode .subcategory-icon-label{color:#c4b5fd}@media (max-width:768px){.inv-hub__price-input{width:90px;min-height:40px;padding:.4rem .5rem;font-size:.9rem}.inv-hub__table th:nth-child(n+6),.inv-hub__table td:nth-child(n+6){display:none}.inv-hub__table{min-width:480px!important}}.dark-mode .bg-card{background-color:#1e1a2e!important}.dark-mode .text-card-foreground,.dark-mode .bg-card h3,.dark-mode .bg-card p,.dark-mode .bg-card span{color:#f9fafb!important}.dark-mode .text-muted-foreground{color:#9ca3af!important}.dark-mode .nav-shop-group{border-color:#444}.dark-mode .nav-shop-sub{background:#1e1b2e;border-color:#444}.dark-mode .nav-sub-link{color:#c4b5fd;border-color:#333}.dark-mode .nav-shop-expand{color:#c4b5fd;background:#7c3aed26}.nav-pw-group{position:relative}@keyframes pw-ring-pulse{0%,to{box-shadow:0 0 #8b5cf600,0 0 #8b5cf600}40%{box-shadow:0 0 0 4px #8b5cf61f,0 0 14px 2px #8b5cf614}}.nav-pw-btn{cursor:pointer;color:var(--foreground,#111);white-space:nowrap;background:0 0;border:none;border-radius:10px;align-items:center;gap:.35rem;padding:.45rem .8rem;font-size:.875rem;font-weight:600;transition:background .18s,color .18s;animation:3.5s ease-in-out infinite pw-ring-pulse;display:inline-flex;position:relative}.nav-pw-btn:hover{background:#f5f3ff;animation:none}.nav-pw-btn.open{background:#f3f0ff;animation:none}.nav-pw-btn.active{color:#fff;background:#7c3aed;animation:none}.nav-pw-btn-paw{font-size:1rem;line-height:1;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-pw-btn:hover .nav-pw-btn-paw,.nav-pw-btn.open .nav-pw-btn-paw{transform:rotate(-12deg)scale(1.15)}.nav-pw-btn-label{line-height:1}@keyframes live-blink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.4)}}.nav-pw-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2.2s ease-in-out infinite live-blink}.nav-pw-btn.active .nav-pw-live-dot{background:#ffffffb3}.nav-pw-chevron-icon{color:#7c3aed;flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.nav-pw-btn.active .nav-pw-chevron-icon{color:#ffffffd9}.nav-pw-chevron-icon.open{transform:rotate(180deg)}@keyframes mega-enter{0%{opacity:0;transform:translate(-50%)translateY(-10px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.nav-pw-mega{z-index:500;background:#fff;border:1px solid #8b5cf62e;border-radius:20px;width:660px;padding:1.1rem;animation:.26s cubic-bezier(.34,1.4,.64,1) forwards mega-enter;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 24px 64px #6d28d924,0 4px 16px #00000012}.nav-pw-mega:before{content:"";background:#fff;border-top:1px solid #8b5cf62e;border-left:1px solid #8b5cf62e;border-radius:3px 0 0;width:13px;height:13px;position:absolute;top:-7px;left:50%;transform:translate(-50%)rotate(45deg)}.nav-pw-mega-header{border-bottom:1px solid #f3f0ff;justify-content:space-between;align-items:center;margin-bottom:.85rem;padding:0 .2rem .8rem;display:flex}.nav-pw-mega-title{letter-spacing:.09em;text-transform:uppercase;color:#7c3aed;font-size:.72rem;font-weight:800}.nav-pw-mega-sub{color:#a1a1aa;font-size:.72rem;font-style:italic}.nav-pw-mega-grid{grid-template-columns:repeat(3,1fr);gap:.7rem;display:grid}@keyframes sage-strip-aurora{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.nav-pw-sage-strip{background:linear-gradient(135deg,#1e1b4b,#312e81 40%,#4c1d95,#6d28d9);border-radius:14px;align-items:center;gap:.85rem;margin-top:.7rem;padding:.85rem 1rem;text-decoration:none;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s;animation:.4s .25s both card-rise;display:flex;position:relative;overflow:hidden}.nav-pw-sage-strip:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 12px 32px #6d28d959}.nav-pw-sage-aurora{pointer-events:none;background:linear-gradient(90deg,#0000,#a855f72e 40%,#ec48991f 65%,#0000) 0 0/200% 100%;animation:4s infinite sage-strip-aurora;position:absolute;inset:0}.nav-pw-sage-icon{z-index:1;color:#e9d5ff;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s;display:flex;position:relative}.nav-pw-sage-strip:hover .nav-pw-sage-icon{background:#fff3}.nav-pw-sage-text{z-index:1;flex-direction:column;flex:1;gap:.18rem;min-width:0;display:flex;position:relative}.nav-pw-sage-name{color:#f3e8ff;letter-spacing:.01em;font-size:.88rem;font-weight:800}.nav-pw-sage-desc{color:#c4a5ffcc;font-size:.7rem;font-weight:400;line-height:1.3}.nav-pw-sage-cta{z-index:1;color:#f3e8ff;white-space:nowrap;background:#ffffff24;border:1px solid #ffffff40;border-radius:100px;flex-shrink:0;align-items:center;gap:.3rem;padding:.38rem .75rem;font-size:.72rem;font-weight:700;transition:background .18s,border-color .18s;display:flex;position:relative}.nav-pw-sage-strip:hover .nav-pw-sage-cta{background:#ffffff38;border-color:#fff6}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.nav-pw-card{color:inherit;cursor:pointer;border-radius:14px;flex-direction:column;align-items:flex-start;gap:.45rem;padding:1rem 1rem 1.5rem;text-decoration:none;transition:transform .28s cubic-bezier(.34,1.56,.64,1),box-shadow .28s;animation:.35s both card-rise;display:flex;position:relative;overflow:hidden}.nav-pw-card:first-child{animation-delay:50ms}.nav-pw-card:nth-child(2){animation-delay:.12s}.nav-pw-card:nth-child(3){animation-delay:.19s}.nav-pw-card:hover{transform:translateY(-5px)scale(1.025)}.nav-pw-card.pawgram{background:linear-gradient(148deg,#fff0f6,#fce7f3)}.nav-pw-card.petverse{background:linear-gradient(148deg,#f5f3ff,#ede9fe)}.nav-pw-card.matching{background:linear-gradient(148deg,#eff6ff,#dbeafe)}.nav-pw-card.pawgram:hover{box-shadow:0 14px 36px #ec489938}.nav-pw-card.petverse:hover{box-shadow:0 14px 36px #6d28d938}.nav-pw-card.matching:hover{box-shadow:0 14px 36px #2563eb38}.nav-pw-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(175deg,#ffffff8c,#0000);border-radius:14px 14px 0 0;height:50%;transition:opacity .25s;position:absolute;top:0;left:0;right:0}.nav-pw-card:hover:after{opacity:1}.nav-pw-card-badge{letter-spacing:.06em;text-transform:uppercase;color:#6d28d9;pointer-events:none;background:#6d28d91a;border-radius:5px;padding:.15rem .38rem;font-size:.58rem;font-weight:800;position:absolute;top:9px;right:9px}@keyframes emoji-drift{0%,to{transform:translateY(0)rotate(0)scale(1)}30%{transform:translateY(-4px)rotate(-5deg)scale(1.05)}65%{transform:translateY(2px)rotate(3deg)scale(.97)}}.nav-pw-card-emoji{font-size:2.1rem;line-height:1;animation:4.5s ease-in-out infinite emoji-drift}.nav-pw-card:nth-child(2) .nav-pw-card-emoji{animation-delay:.8s}.nav-pw-card:nth-child(3) .nav-pw-card-emoji{animation-delay:1.6s}.nav-pw-card-body{flex-direction:column;gap:.18rem;display:flex}.nav-pw-card-name{font-size:.9rem;font-weight:800;line-height:1}.nav-pw-card.pawgram .nav-pw-card-name{color:#9d174d}.nav-pw-card.petverse .nav-pw-card-name{color:#5b21b6}.nav-pw-card.matching .nav-pw-card-name{color:#1e40af}.nav-pw-card-desc{color:#6b7280;font-size:.73rem;font-weight:400;line-height:1.4}.nav-pw-card-live{color:#9ca3af;align-items:center;gap:.28rem;margin-top:.2rem;font-size:.68rem;display:flex}.nav-pw-stat-dot{background:#22c55e;border-radius:50%;width:5px;height:5px;animation:2.2s ease-in-out infinite live-blink}.nav-pw-card:nth-child(2) .nav-pw-stat-dot{animation-delay:.55s}.nav-pw-card:nth-child(3) .nav-pw-stat-dot{animation-delay:1.1s}.nav-pw-card-arrow{opacity:0;pointer-events:none;font-size:1rem;font-weight:700;transition:opacity .22s,transform .28s cubic-bezier(.34,1.56,.64,1);position:absolute;bottom:11px;right:14px;transform:translate(-8px)}.nav-pw-card.pawgram .nav-pw-card-arrow{color:#ec4899}.nav-pw-card.petverse .nav-pw-card-arrow{color:#7c3aed}.nav-pw-card.matching .nav-pw-card-arrow{color:#3b82f6}.nav-pw-card:hover .nav-pw-card-arrow{opacity:1;transform:translate(0)}@media (max-width:768px){.nav-pw-group{width:100%}.nav-pw-btn{justify-content:flex-start;width:100%}.nav-pw-mega{width:100%;box-shadow:none;border-left:3px solid #8b5cf6;border-radius:12px;margin-top:.3rem;padding:.75rem;animation:none;position:static;transform:none}.nav-pw-mega:before,.nav-pw-mega-header{display:none}.nav-pw-mega-grid{grid-template-columns:1fr;gap:.5rem}.nav-pw-sage-strip{margin-top:.5rem;padding:.7rem .75rem}.nav-pw-sage-desc{display:none}.nav-pw-sage-cta{padding:.3rem .6rem;font-size:.68rem}.nav-pw-card{flex-direction:row;align-items:center;gap:.7rem;padding:.65rem .75rem}.nav-pw-card-emoji{font-size:1.5rem;animation:none}.nav-pw-card-arrow{opacity:1;pointer-events:auto;position:static;transform:none}.nav-pw-card:hover{box-shadow:none;transform:none}}.dark-mode .nav-pw-btn{color:#e5e7eb}.dark-mode .nav-pw-btn:hover{background:#8b5cf62e}.dark-mode .nav-pw-btn.open{background:#8b5cf638}.dark-mode .nav-pw-btn.active{color:#fff;background:#7c3aed}.dark-mode .nav-pw-mega{background:#1a1730;border-color:#3b2d6e;box-shadow:0 24px 64px #0000008c,0 4px 16px #6d28d940}.dark-mode .nav-pw-mega:before{background:#1a1730;border-color:#3b2d6e}.dark-mode .nav-pw-mega-header{border-color:#2d2550}.dark-mode .nav-pw-mega-sub{color:#52525b}.dark-mode .nav-pw-card.pawgram{background:linear-gradient(148deg,#2d1525,#3a1a2e)}.dark-mode .nav-pw-card.petverse{background:linear-gradient(148deg,#1e1635,#261540)}.dark-mode .nav-pw-card.matching{background:linear-gradient(148deg,#13203a,#0f2248)}.dark-mode .nav-pw-card.pawgram:hover{box-shadow:0 14px 36px #ec48994d}.dark-mode .nav-pw-card.petverse:hover{box-shadow:0 14px 36px #8b5cf64d}.dark-mode .nav-pw-card.matching:hover{box-shadow:0 14px 36px #3b82f64d}.dark-mode .nav-pw-card.pawgram .nav-pw-card-name{color:#f9a8d4}.dark-mode .nav-pw-card.petverse .nav-pw-card-name{color:#c4b5fd}.dark-mode .nav-pw-card.matching .nav-pw-card-name{color:#93c5fd}.dark-mode .nav-pw-card-desc{color:#71717a}.dark-mode .nav-pw-card-live{color:#52525b}.dark-mode .nav-pw-card-badge{color:#a78bfa;background:#8b5cf626}.dark-mode .form-field input,.dark-mode .form-field textarea,.dark-mode .form-field select{color:#e0e0e0;background:#333;border-color:#555}.dark-mode .form-field input:focus,.dark-mode .form-field textarea:focus,.dark-mode .form-field select:focus{border-color:#8b5cf6;outline-color:#8b5cf6}.dark-mode .form-field input::placeholder,.dark-mode .form-field textarea::placeholder{color:#999}.dark-mode .auth-page{background:#1a1a1a}.dark-mode .gender-radio-group{background:0 0}.dark-mode .radio-option{color:#e0e0e0;background:#333;border-color:#555}.dark-mode .radio-option:hover{background:#3a3a3a;border-color:#8b5cf6}.dark-mode .radio-option input[type=radio]:checked+span{color:#8b5cf6}.dark-mode .radio-option:has(input[type=radio]:checked){background:#8b5cf626;border-color:#8b5cf6}.dark-mode .radio-option span{color:#e0e0e0}.dark-mode [style*="color: #666"],.dark-mode [style*="color:#666"],.dark-mode [style*="color: #555"],.dark-mode [style*="color:#555"]{color:#b0b0b0!important}.dark-mode [style*="color: #999"],.dark-mode [style*="color:#999"]{color:#999!important}.dark-mode [style*="background: #fff3e0"],.dark-mode [style*="background:#fff3e0"]{background:#8b5cf626!important}.dark-mode [style*="background: #f5f5f5"],.dark-mode [style*="background:#f5f5f5"],.dark-mode [style*="background: #fafafa"],.dark-mode [style*="background:#fafafa"]{color:#e0e0e0!important;background:#1a1a1a!important}.dark-mode [style*="background: #d4edda"],.dark-mode [style*="background:#d4edda"]{color:#4ade80!important;background:#28a74533!important;border-color:#28a7454d!important}.dark-mode [style*="color: #155724"],.dark-mode [style*="color:#155724"]{color:#4ade80!important}.dark-mode section[class*=admin],.dark-mode .admin-inventory-view,.dark-mode .admin-category-management,.dark-mode .admin-permissions-management,.dark-mode .super-admin-user-management,.dark-mode .procurement-management,.dark-mode .expiry-management,.dark-mode .feed-moderation,.dark-mode .price-management,.dark-mode .admin-orders-page,.dark-mode .admin-feedback-management,.dark-mode .admin-location-management,.dark-mode .admin-vendor-management{color:#e0e0e0!important;background:#1a1a1a!important}.dark-mode section[class*=admin] h1,.dark-mode section[class*=admin] h2,.dark-mode section[class*=admin] h3,.dark-mode section[class*=admin] h4{color:#e0e0e0!important}.dark-mode section[class*=admin] p{color:#b0b0b0!important}.dark-mode table{color:#e0e0e0;background:#2a2a2a}.dark-mode table thead{color:#e0e0e0!important;background:#333!important}.dark-mode table thead th{color:#e0e0e0!important;border-bottom-color:#555!important}.dark-mode table tbody{background:#2a2a2a}.dark-mode table tbody tr{border-bottom-color:#444!important}.dark-mode table tbody tr:hover{background:#333!important}.dark-mode table tbody td{color:#e0e0e0!important}.dark-mode table tbody td strong{color:#fff!important}.dark-mode .admins-table,.dark-mode .users-table,.dark-mode .products-table,.dark-mode .orders-table{background:#2a2a2a;border-color:#444}.dark-mode .admins-table-wrapper,.dark-mode .table-wrapper,.dark-mode .table-container{background:#2a2a2a!important;border-color:#444!important}.dark-mode .stat-card,.dark-mode .category-form-section,.dark-mode .form-section,.dark-mode .controls-bar,.dark-mode .page-header{color:#e0e0e0!important;background:#2a2a2a!important}.dark-mode .stat-card h3,.dark-mode .stat-card h4,.dark-mode .stat-value,.dark-mode .stat-label{color:#e0e0e0!important}.dark-mode .stat-card .stat-sublabel{color:#b0b0b0!important}.dark-mode .category-tabs{border-bottom-color:#444!important}.dark-mode .category-tab{color:#b0b0b0!important}.dark-mode .category-tab:hover{color:#7c3aed!important;background:#333!important}.dark-mode .category-tab.active{color:#7c3aed!important;background:#7c3aed1a!important;border-bottom-color:#7c3aed!important}.dark-mode .btn-primary,.dark-mode .btn-secondary,.dark-mode .btn-edit,.dark-mode .btn-save,.dark-mode .btn-delete,.dark-mode .action-btn{color:#e0e0e0!important}.dark-mode .action-btn{background:#333!important;border-color:#555!important}.dark-mode .action-btn:hover{background:#444!important;border-color:#7c3aed!important}.dark-mode .action-btn.edit{color:#7c3aed!important;border-color:#7c3aed!important}.dark-mode .action-btn.edit:hover{color:#fff!important;background:#7c3aed!important}.dark-mode .status-badge,.dark-mode .count-badge{color:#e0e0e0!important}.dark-mode .status-badge.active{color:#4ade80!important;background:#28a74533!important}.dark-mode .count-badge{color:#64b5f6!important;background:#2196f333!important}.dark-mode .modal-overlay{background:#000c!important}.dark-mode .modal-content{color:#e0e0e0!important;background:#2a2a2a!important;border-color:#444!important}.dark-mode .modal-header{background:#2a2a2a!important;border-bottom-color:#444!important}.dark-mode .modal-header h2{color:#e0e0e0!important}.dark-mode .close-button{color:#b0b0b0!important}.dark-mode .close-button:hover{color:#e0e0e0!important;background:#333!important}.dark-mode .form-section{border-bottom-color:#444!important}.dark-mode .form-section h3{color:#e0e0e0!important}.dark-mode .section-description{color:#b0b0b0!important}.dark-mode .location-card{background:#333!important;border-color:#555!important}.dark-mode .location-card:hover{background:#3a3a3a!important;border-color:#7c3aed!important}.dark-mode .location-checkbox{color:#e0e0e0!important}.dark-mode .location-settings{border-top-color:#555!important}.dark-mode .search-input,.dark-mode .filter-input{color:#e0e0e0!important;background:#333!important;border-color:#555!important}.dark-mode .search-input:focus,.dark-mode .filter-input:focus{border-color:#8b5cf6!important}.dark-mode .search-input::placeholder,.dark-mode .filter-input::placeholder{color:#a0a0a0!important}.dark-mode .search-bar{background:#333!important;border-color:#555!important}.dark-mode .search-input{color:#e0e0e0!important}.dark-mode .facet-caret{color:#a0a0a0!important}.dark-mode .products-section [style*="border: 1px solid #ddd"]{border-color:#555!important}.dark-mode .no-data{color:#d0d0d0!important}.dark-mode .success-message{color:#4ade80!important;background:#28a74533!important;border-color:#28a7454d!important}.dark-mode .loading-container{color:#b0b0b0!important}.dark-mode .catalog-header h1,.dark-mode #catalog-heading{color:#e0e0e0!important}.dark-mode .breadcrumbs{color:#d0d0d0!important}.dark-mode .breadcrumbs a{color:#a78bfa!important}.dark-mode .breadcrumbs span{color:#888!important}.dark-mode .results-count,.dark-mode .sort-controls label{color:#d0d0d0!important}.dark-mode .sort-controls select{color:#e0e0e0!important;background:#333!important;border-color:#555!important}.dark-mode .product-filters{color:#e0e0e0!important;background:#2a2a2a!important}.dark-mode .filters-header{border-bottom-color:#444!important}.dark-mode .filters-header h3,.dark-mode .filter-section h4,.dark-mode .filter-facet-label{color:#e0e0e0!important}.dark-mode .filter-facet-count{color:#b8b8b8!important}.dark-mode .price-label,.dark-mode .product-filters .currency{color:#e0e0e0!important}.dark-mode .product-filters .price-inputs input{color:#e0e0e0!important;background:#333!important;border-color:#555!important}.dark-mode .btn-price-apply{color:#fff!important;background:#8b5cf6!important}.dark-mode .btn-filter-clear{color:#d0d0d0!important;border-color:#555!important}.dark-mode .btn-filter-clear:hover{background:#333!important;border-color:#666!important}.dark-mode .close-filters-btn{color:#d0d0d0!important}.dark-mode .filter-category-header{color:#e0e0e0!important}.dark-mode .filter-count{color:#b8b8b8!important}.dark-mode .category-quick-filters button{color:#e0e0e0!important;background:#333!important;border-color:#555!important}.dark-mode .category-quick-filters button:hover{color:#a78bfa!important;border-color:#8b5cf6!important}.dark-mode .category-quick-filters button.active{color:#a78bfa!important;background:#8b5cf640!important;border-color:#8b5cf6!important}.dark-mode .browse-by-category-title,.dark-mode .ai-picks-page-header h1{color:#e0e0e0!important}.dark-mode .ai-picks-page-subtitle{color:#d0d0d0!important}.dark-mode .category-filter button{color:#e0e0e0!important;background:#333!important;border-color:#555!important}.dark-mode .category-filter button:hover{background:#444!important;border-color:#8b5cf6!important}.dark-mode .category-filter button.active{color:#8b5cf6!important;background:#8b5cf633!important;border-color:#8b5cf6!important}.dark-mode .admin-inventory-view,.dark-mode .procurement-management,.dark-mode .expiry-management,.dark-mode .feed-moderation,.dark-mode .price-management{background:#1a1a1a!important}.dark-mode [style*="background: white"],.dark-mode [style*="background:white"],.dark-mode [style*="background: #fff"],.dark-mode [style*="background:#fff"]{color:#e0e0e0!important;background:#2a2a2a!important}.dark-mode [style*="color: #333"],.dark-mode [style*="color:#333"]{color:#e0e0e0!important}.dark-mode [style*="color: #666"],.dark-mode [style*="color:#666"],.dark-mode [style*="color: #6b7280"],.dark-mode [style*="color:#6b7280"]{color:#d0d0d0!important}.dark-mode [style*="color: #1f1f2e"],.dark-mode [style*="color:#1f1f2e"]{color:#e0e0e0!important}.dark-mode [style*="color: #555"],.dark-mode [style*="color:#555"]{color:#b0b0b0!important}.dark-mode [style*="border: 1px solid #ddd"],.dark-mode [style*="border:1px solid #ddd"],.dark-mode [style*="border: 1px solid #eee"],.dark-mode [style*="border:1px solid #eee"]{border-color:#555!important}.dark-mode [style*="border: 1px solid #f0f0f0"],.dark-mode [style*="border:1px solid #f0f0f0"]{border-color:#444!important}.dark-mode [style*="background: #f8f9fa"],.dark-mode [style*="background:#f8f9fa"]{color:#e0e0e0!important;background:#333!important}.dark-mode [style*="background: #fff3cd"],.dark-mode [style*="background:#fff3cd"]{color:#ffc107!important;background:#ffc10733!important}.dark-mode [style*="background: #f8d7da"],.dark-mode [style*="background:#f8d7da"]{color:#ff6b6b!important;background:#dc354533!important}.dark-mode [style*="color: #dc3545"],.dark-mode [style*="color:#dc3545"]{color:#ff6b6b!important}.dark-mode [style*="color: #ff9800"],.dark-mode [style*="color:#ff9800"]{color:#8b5cf6!important}.dark-mode [style*="color: #28a745"],.dark-mode [style*="color:#28a745"]{color:#4ade80!important}.dark-mode select[style*="border: 1px solid #ddd"],.dark-mode input[style*="border: 1px solid #ddd"]{color:#e0e0e0!important;background:#333!important;border-color:#555!important}.dark-mode select[style*="border: 1px solid #ddd"]:focus,.dark-mode input[style*="border: 1px solid #ddd"]:focus{border-color:#8b5cf6!important}.dark-mode option{color:#e0e0e0!important;background:#333!important}.dark-mode .category-dropdown-menu{color:#e0e0e0;background:#2a2a2a;border-color:#444}.dark-mode .dropdown-item{color:#e0e0e0}.dark-mode .dropdown-item:hover{color:#8b5cf6;background:#333}.dark-mode ::-webkit-scrollbar{width:10px;height:10px}.dark-mode ::-webkit-scrollbar-thumb{background:#555;border-radius:5px}.dark-mode ::-webkit-scrollbar-thumb:hover{background:#666}.product-reviews-section{border-top:2px solid #eee;margin-top:3rem;padding-top:2rem}.dark-mode .product-reviews-section{border-top-color:#444}.reviews-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.reviews-header h2{color:#333;margin:0;font-size:1.8rem}.dark-mode .reviews-header h2{color:#e0e0e0}.review-stats{background:#f9f9f9;border-radius:1rem;grid-template-columns:1fr 1.5fr;gap:2rem;margin-bottom:2rem;padding:2rem;display:grid}.dark-mode .review-stats{background:#2a2a2a}.stats-main{justify-content:center;align-items:center;display:flex}.average-rating{text-align:center}.rating-number{color:#8b5cf6;margin-bottom:.5rem;font-size:3rem;font-weight:700}.rating-stars{justify-content:center;gap:.2rem;margin-bottom:.5rem;display:flex}.star-filled{color:#8b5cf6;font-size:1.5rem}.star-empty{color:#ddd;font-size:1.5rem}.rating-count{color:#666;font-size:.9rem}.dark-mode .rating-count{color:#999}.rating-breakdown h4{color:#333;margin:0 0 1rem;font-size:1.1rem}.dark-mode .rating-breakdown h4{color:#e0e0e0}.rating-bar-item{grid-template-columns:80px 1fr 50px;align-items:center;gap:1rem;margin-bottom:.75rem;display:grid}.rating-label{color:#666;justify-content:space-between;font-size:.9rem;display:flex}.dark-mode .rating-label{color:#999}.rating-bar{background:#e0e0e0;border-radius:4px;height:8px;overflow:hidden}.dark-mode .rating-bar{background:#444}.rating-bar-fill{background:#8b5cf6;height:100%;transition:width .3s}.rating-percentage{color:#666;text-align:right;font-size:.85rem}.dark-mode .rating-percentage{color:#999}.review-form{background:#fff;border-radius:1rem;margin-bottom:2rem;padding:2rem;box-shadow:0 2px 8px #0000000d}.dark-mode .review-form{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}.review-form h3{color:#333;margin:0 0 1.5rem}.dark-mode .review-form h3{color:#e0e0e0}.rating-input{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.rating-star-btn{cursor:pointer;filter:grayscale();opacity:.5;background:0 0;border:none;padding:.25rem;font-size:2rem;transition:transform .2s}.rating-star-btn:hover{transform:scale(1.2)}.rating-star-btn.active{filter:none;opacity:1}.rating-text{color:#666;margin-left:1rem;font-weight:600}.dark-mode .rating-text{color:#999}.char-count{text-align:right;color:#999;margin-top:.25rem;font-size:.85rem}.review-image-item{border-radius:8px;width:100px;height:100px;position:relative;overflow:hidden}.review-image-item img{object-fit:cover;width:100%;height:100%}.remove-image-btn{color:#fff;cursor:pointer;background:#f00c;border:none;border-radius:50%;width:24px;height:24px;font-size:1.2rem;line-height:1;position:absolute;top:.25rem;right:.25rem}.add-image-btn{cursor:pointer;color:#999;background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;justify-content:center;align-items:center;width:100px;height:100px;font-size:1.5rem;transition:all .2s;display:flex}.add-image-btn:hover{color:#8b5cf6;background:#ffede1;border-color:#8b5cf6}.dark-mode .add-image-btn{color:#999;background:#333;border-color:#555}.dark-mode .add-image-btn:hover{color:#8b5cf6;background:#2a2a2a;border-color:#8b5cf6}.form-actions{justify-content:flex-end;gap:1rem;margin-top:1.5rem;display:flex}.btn-danger{color:#fff;cursor:pointer;background:#dc3545;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:600;transition:background .2s}.btn-danger:hover{background:#c82333}.my-review-card{background:#ffede1;border:2px solid #8b5cf6;border-radius:1rem;margin-bottom:2rem;padding:1.5rem}.dark-mode .my-review-card{background:#2a2a2a;border-color:#8b5cf6}.my-review-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.my-review-header h3{color:#333;margin:0}.dark-mode .my-review-header h3{color:#e0e0e0}.my-review-header div{gap:.5rem;display:flex}.review-list{flex-direction:column;gap:1.5rem;display:flex}.review-item{background:#fff;border:1px solid #eee;border-radius:1rem;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.dark-mode .review-item{background:#2a2a2a;border-color:#444}.review-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.reviewer-info{flex:1;align-items:center;gap:.75rem;display:flex}.reviewer-avatar,.reviewer-avatar-placeholder{object-fit:cover;border-radius:50%;width:48px;height:48px}.reviewer-avatar-placeholder{color:#fff;background:#8b5cf6;justify-content:center;align-items:center;font-size:1.2rem;font-weight:600;display:flex}.reviewer-name{color:#333;margin-bottom:.25rem;font-weight:600}.dark-mode .reviewer-name{color:#e0e0e0}.review-date{color:#666;align-items:center;gap:.5rem;font-size:.85rem;display:flex}.dark-mode .review-date{color:#999}.verified-badge{color:#fff;background:#4caf50;border-radius:12px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.review-rating{gap:.2rem;display:flex}.review-title{color:#333;margin:.5rem 0;font-size:1.1rem;font-weight:600}.dark-mode .review-title{color:#e0e0e0}.review-comment{color:#666;margin:.5rem 0;line-height:1.6}.dark-mode .review-comment{color:#ccc}.review-images{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.review-image{object-fit:cover;cursor:pointer;border-radius:8px;width:120px;height:120px;transition:transform .2s}.review-image:hover{transform:scale(1.05)}.review-actions{border-top:1px solid #eee;margin-top:1rem;padding-top:1rem}.dark-mode .review-actions{border-top-color:#444}.helpful-btn{cursor:pointer;color:#666;background:0 0;border:1px solid #ddd;border-radius:6px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.9rem;transition:all .2s;display:flex}.helpful-btn:hover{color:#8b5cf6;background:#f0f0f0;border-color:#8b5cf6}.helpful-btn.active{color:#8b5cf6;background:#ffede1;border-color:#8b5cf6}.dark-mode .helpful-btn{color:#999;border-color:#555}.dark-mode .helpful-btn:hover{color:#8b5cf6;background:#333;border-color:#8b5cf6}.dark-mode .helpful-btn.active{color:#8b5cf6;background:#2a2a2a;border-color:#8b5cf6}.helpful-count{font-size:.85rem}.no-reviews{text-align:center;color:#666;padding:3rem}.dark-mode .no-reviews{color:#999}.no-reviews p{margin-bottom:1rem;font-size:1.1rem}@media (max-width:768px){.review-stats{grid-template-columns:1fr;gap:1.5rem}.reviews-header{flex-direction:column;align-items:flex-start;gap:1rem}.review-form{padding:1.5rem}.rating-input{flex-wrap:wrap}}.breeds-dropdown{grid-template-columns:repeat(2,1fr);gap:1.5rem;padding:1.25rem 1.5rem 1rem;display:grid}.breeds-column{flex-direction:column;display:flex}.breeds-header{border-bottom:1px solid #e0e0e0;align-items:center;gap:.4rem;margin-bottom:.75rem;padding-bottom:.6rem;display:flex}.dark-mode .breeds-header{border-bottom-color:#444}.breeds-header-icon{font-size:1rem}.breeds-header h3{color:#555;text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.82rem;font-weight:700}.dark-mode .breeds-header h3{color:#aaa}.breeds-list{flex-direction:column;gap:.1rem;display:flex}.breed-item{color:#333;border-radius:5px;justify-content:space-between;align-items:center;padding:.38rem .5rem;font-size:.9rem;text-decoration:none;transition:background .15s,color .15s,padding-left .15s;display:flex}.dark-mode .breed-item{color:#e0e0e0}@media (hover:hover){.breed-item:hover{color:#7c3aed;background:#f3e8ff;padding-left:.85rem}.dark-mode .breed-item:hover{color:#a78bfa;background:#2d1b4e}}.breed-item--empty{opacity:.45}.breed-item-name{flex:1}.breed-item-count{color:#6d28d9;text-align:center;background:#ede9fe;border-radius:20px;flex-shrink:0;min-width:22px;margin-left:.4rem;padding:.05rem .45rem;font-size:.7rem;font-weight:600}.breed-item-count.zero{color:#9ca3af;background:#f3f4f6}.dark-mode .breed-item-count{color:#a78bfa;background:#3b1f5e}.breeds-show-more{cursor:pointer;color:#8b5cf6;text-align:left;background:0 0;border:none;border-radius:4px;margin-top:.25rem;padding:.4rem .5rem;font-size:.8rem;font-weight:600;transition:background .15s}.breeds-show-more:hover{background:#f3e8ff}.dark-mode .breeds-show-more{color:#a78bfa}.breeds-view-all{color:#8b5cf6;border-top:1px solid #f0f0f0;margin-top:.85rem;padding:.45rem .5rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:color .15s;display:block}.breeds-view-all:hover{color:#6d28d9}.dark-mode .breeds-view-all{color:#a78bfa;border-top-color:#333}.dropdown-footer{border-top:1px solid #e0e0e0;grid-column:1/-1;margin-top:1rem;padding-top:1rem}.dark-mode .dropdown-footer{border-top-color:#444}.dropdown-view-all-link{text-align:center;color:#8b5cf6;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .2s;display:block}.dropdown-view-all-link:hover{color:#a78bfa}@media (max-width:768px){.breeds-dropdown{grid-template-columns:1fr;gap:1rem;padding:.75rem 1rem 1rem}.breeds-header h3{font-size:.8rem}.breed-item{padding:.45rem .5rem;font-size:.88rem}}.shop-dropdown{display:inline-block;position:relative}.shop-dropdown-toggle{color:#333;cursor:pointer;align-items:center;gap:.35rem;padding:.5rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex;position:relative}.shop-dropdown-toggle:hover,.shop-dropdown-toggle.active,.shop-dropdown-toggle.current-page{color:#8b5cf6;font-weight:600}.shop-dropdown-toggle.current-page:after{content:"";background:#8b5cf6;height:2px;position:absolute;bottom:0;left:0;right:0}.shop-dropdown-toggle .caret{font-size:.7rem;transition:transform .2s}.shop-dropdown-toggle.active .caret{transform:rotate(180deg)}.shop-dropdown-menu{z-index:10000;isolation:isolate;background:#fff;border:1px solid #eee;border-radius:.75rem;min-width:280px;margin-top:.5rem;animation:.2s ease-out fadeInDown;position:absolute;top:100%;left:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.shop-dropdown-item{color:#333;border-bottom:1px solid #f0f0f0;padding:.75rem 1.25rem;font-size:.95rem;text-decoration:none;transition:background .2s,color .2s;display:block}.shop-dropdown-item:hover{color:#8b5cf6;background:#f8f8f8}.shop-dropdown-divider{background:#e0e0e0;height:1px;margin:.5rem 0}.shop-by-breed-section{padding:.5rem 0}.shop-by-breed-header{color:#666;text-transform:uppercase;letter-spacing:.5px;background:#f8f8f8;border-bottom:1px solid #e0e0e0;padding:.75rem 1.25rem;font-size:.9rem;font-weight:600}.shop-dropdown-menu .breed-columns{grid-template-columns:repeat(2,1fr);gap:1.5rem;min-width:500px;padding:1rem 1.25rem;display:grid}.shop-dropdown-menu .breed-column{flex-direction:column;display:flex}.shop-dropdown-menu .breed-column-header{color:#666;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #e0e0e0;margin:0 0 .75rem;padding-bottom:.5rem;font-size:.85rem;font-weight:600}.shop-dropdown-menu .breed-list{flex-direction:column;gap:.4rem;margin:0;padding:0;list-style:none;display:flex}.shop-dropdown-menu .breed-link{color:#333;padding:.5rem 0;text-decoration:none;transition:color .2s;display:block}.shop-dropdown-menu .breed-link:hover{color:#8b5cf6}.shop-dropdown-menu .breed-link{color:#333;border-left:2px solid #0000;padding:.5rem 0 .5rem .5rem;font-size:.9rem;text-decoration:none;transition:color .2s,padding-left .2s;display:block}.shop-dropdown-menu .breed-link:hover{color:#8b5cf6;border-left-color:#8b5cf6;padding-left:.75rem}.dark-mode .shop-dropdown-toggle{color:#e0e0e0}.dark-mode .shop-dropdown-toggle:hover,.dark-mode .shop-dropdown-toggle.active,.dark-mode .shop-dropdown-toggle.current-page{color:#8b5cf6}.dark-mode .shop-dropdown-menu{background:#2a2a2a;border-color:#444;box-shadow:0 8px 24px #00000080}.dark-mode .shop-dropdown-item{color:#e0e0e0;border-bottom-color:#444}.dark-mode .shop-dropdown-item:hover{color:#8b5cf6;background:#333}.dark-mode .shop-dropdown-divider{background:#444}.dark-mode .shop-by-breed-header{color:#999;background:#333;border-bottom-color:#444}.dark-mode .shop-dropdown-menu .breed-column-header{color:#999;border-bottom-color:#444}.dark-mode .shop-dropdown-menu .breed-link{color:#e0e0e0}.dark-mode .shop-dropdown-menu .breed-link:hover{color:#8b5cf6}@media (max-width:768px){.shop-dropdown-menu .breed-columns{grid-template-columns:1fr;gap:1rem;min-width:auto;padding:.75rem 1rem}}.modern-shop-dropdown{display:inline-block;position:relative}.modern-shop-toggle{color:#333;align-items:center;gap:.25rem;padding:.5rem 0;font-size:.95rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex;position:relative}.modern-shop-toggle:hover,.modern-shop-toggle.active,.modern-shop-toggle.current-page{color:#8b5cf6;font-weight:600}.modern-shop-toggle .caret{margin-left:.25rem;font-size:.7rem;transition:transform .2s}.modern-shop-toggle.active .caret{transform:rotate(180deg)}.modern-shop-menu{z-index:1000;background:#fff;border:1px solid #e0e0e0;border-radius:12px;min-width:600px;max-width:800px;max-height:80vh;margin-top:.5rem;animation:.2s slideDown;position:absolute;top:100%;left:0;overflow-y:auto;box-shadow:0 4px 12px #00000026}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.modern-shop-menu::-webkit-scrollbar{width:6px}.modern-shop-menu::-webkit-scrollbar-track{background:0 0}.modern-shop-menu::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:3px}.dark-mode .modern-shop-menu::-webkit-scrollbar-thumb{background:#7c3aed}.shop-suggestions-section{animation:.3s fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.shop-category-section{animation:.3s fadeIn}.shop-category-btn{position:relative;overflow:hidden}.shop-category-btn:before{content:"";background:linear-gradient(90deg,#0000,#8b5cf61a,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.shop-category-btn:hover:before{left:100%}.dark-mode .modern-shop-toggle{color:#e0e0e0}.dark-mode .modern-shop-toggle:hover,.dark-mode .modern-shop-toggle.active,.dark-mode .modern-shop-toggle.current-page{color:#7c3aed}.dark-mode .modern-shop-menu{background:#2a2a2a;border-color:#444;box-shadow:0 8px 24px #00000080}@media (max-width:768px){.modern-shop-menu{min-width:calc(100vw - 2rem);max-width:calc(100vw - 2rem);margin-left:0;left:50%;transform:translate(-50%)}.shop-suggestions-section>div:last-child,.shop-category-section>div:last-child{grid-template-columns:1fr}}.product-recommendations{margin-top:2rem;margin-bottom:2rem}.product-recommendations h3{color:#1a1a1a;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;display:flex}.dark-mode .product-recommendations h3{color:#e0e0e0}.recommended-product-card{position:relative;overflow:hidden}.recommended-product-card:before{content:"";opacity:0;z-index:1;background:linear-gradient(90deg,#8b5cf6,#a78bfa);height:3px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.recommended-product-card:hover:before{opacity:1}.dark-mode .recommended-product-card{background:#2a2a2a;border-color:#444}.dark-mode .recommended-product-card:hover{border-color:#7c3aed;box-shadow:0 8px 24px #7c3aed4d}@media (max-width:768px){.product-recommendations>div{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}.product-recommendations h3{font-size:1.25rem}}.auth-menu-wrapper,.auth-icon{position:relative}.auth-badge{color:#fff;background:#a78bfa;border-radius:10px;padding:.15rem .35rem;font-size:.6rem;font-weight:700;line-height:1;animation:2s ease-in-out infinite pulse;position:absolute;top:-5px;right:-5px}.auth-dropdown{z-index:1000;background:#fff;border-radius:12px;min-width:280px;animation:.2s ease-out slideDown;position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;box-shadow:0 8px 24px #00000026}.auth-dropdown-header{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);align-items:center;gap:1rem;padding:1.5rem;display:flex}.auth-welcome-icon{font-size:2.5rem;line-height:1}.auth-welcome-text{flex:1}.auth-welcome-title{margin-bottom:.25rem;font-size:1.1rem;font-weight:700}.auth-welcome-subtitle{opacity:.95;font-size:.85rem}.auth-menu-divider{background:#eee;height:1px;margin:.5rem 0}.auth-menu-item{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:1rem 1.25rem;text-decoration:none;transition:background .2s;display:flex}.auth-menu-item:hover{background:#f8f9fa}.auth-menu-item.primary{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:8px;margin:.5rem;font-weight:600}.auth-menu-item.primary:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6);transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.auth-menu-item svg{flex-shrink:0;width:20px;height:20px}.auth-menu-item span{flex-direction:column;gap:.15rem;display:flex}.auth-menu-item strong{font-size:.95rem}.auth-menu-item small{opacity:.8;font-size:.75rem;font-weight:400}.auth-menu-item.primary small{opacity:.95}.auth-menu-footer{text-align:center;background:#f8f9fa;padding:.75rem 1.25rem}.auth-menu-footer small{color:#666;font-size:.75rem}.profile-picture-icon{object-fit:cover;border:2px solid #8b5cf6;border-radius:50%;width:24px;height:24px}.profile-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-avatar-fallback{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;font-size:1.2rem;font-weight:700;display:flex}.profile-header{background:linear-gradient(135deg,#f8f9fa,#fff);align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.profile-avatar{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:2px solid #8b5cf6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.2rem;font-weight:700;display:flex;overflow:hidden}.profile-info{flex:1;min-width:0}.profile-name{color:#333;text-overflow:ellipsis;white-space:nowrap;margin-bottom:.25rem;font-size:1rem;font-weight:600;overflow:hidden}.profile-email{color:#666;text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;overflow:hidden}.profile-menu-divider{background:#eee;height:1px;margin:.5rem 0}.profile-menu-item{color:#333;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.75rem;width:100%;padding:.75rem 1.25rem;font-size:.9rem;text-decoration:none;transition:background .2s;display:flex}.profile-menu-item:hover{background:#f8f9fa}.profile-menu-item.logout{color:#a78bfa}.profile-menu-item.logout:hover{background:#fff5f5}.profile-menu-item svg{flex-shrink:0;width:18px;height:18px}.dark-mode .auth-dropdown{background:#2a2a2a;box-shadow:0 8px 24px #0000004d}.dark-mode .auth-menu-item{color:#e0e0e0}.dark-mode .auth-menu-item:hover{background:#333}.dark-mode .auth-menu-item.primary{background:linear-gradient(135deg,#8b5cf6,#a78bfa)}.dark-mode .auth-menu-footer{background:#333}.dark-mode .auth-menu-footer small{color:#999}.dark-mode .profile-header{background:linear-gradient(135deg,#333,#2a2a2a)}.dark-mode .profile-name{color:#e0e0e0}.dark-mode .profile-email{color:#999}.dark-mode .profile-menu-item{color:#e0e0e0}.dark-mode .profile-menu-item:hover{background:#333}.dark-mode .profile-menu-divider{background:#444}@media (max-width:768px){.auth-dropdown{min-width:260px;right:-10px}.auth-dropdown-header{padding:1.25rem}.auth-welcome-icon{font-size:2rem}.auth-welcome-title{font-size:1rem}.auth-welcome-subtitle{font-size:.8rem}}.site-settings-page{background:var(--bg-color,#f5f5f5);justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex}.site-settings-card{background:var(--card-bg,#fff);border-radius:12px;width:100%;max-width:420px;padding:1.5rem 1.75rem;box-shadow:0 4px 20px #00000014}.site-settings-card h1{color:var(--text-color,#222);margin:0 0 .5rem;font-size:1.35rem}.site-settings-desc{color:var(--text-muted,#666);margin:0 0 1.25rem;font-size:.9rem;line-height:1.45}.site-settings-card .form-group{margin-bottom:1rem}.site-settings-card .form-group label{color:var(--text-color,#333);margin-bottom:.35rem;font-size:.85rem;font-weight:600;display:block}.site-settings-card .form-group input[type=password]{border:1px solid var(--border-color,#ddd);background:var(--input-bg,#fff);width:100%;color:var(--text-color,#222);box-sizing:border-box;border-radius:8px;padding:.5rem .75rem;font-size:.95rem}.site-settings-card .form-group small{color:var(--text-muted,#888);margin-top:.35rem;font-size:.75rem;display:block}.site-settings-toggle{flex-wrap:wrap;gap:1rem;display:flex}.site-settings-toggle .toggle-option{cursor:pointer;color:var(--text-color,#333);align-items:center;gap:.4rem;font-size:.9rem;display:flex}.site-settings-toggle .toggle-option input{margin:0}.site-settings-message{border-radius:8px;margin-bottom:1rem;padding:.6rem .75rem;font-size:.9rem}.site-settings-message.success{color:#2e7d32;background:#e8f5e9}.site-settings-message.error{color:#c62828;background:#ffebee}.site-settings-card .btn{margin-top:.25rem}.site-settings-link{margin:1.25rem 0 0;font-size:.9rem}.site-settings-link a{color:var(--link-color,#1976d2);text-decoration:none}.site-settings-link a:hover{text-decoration:underline}.site-settings-card button{color:#fff;cursor:pointer;background:#1976d2;border:none;border-radius:8px;margin-top:.25rem;padding:.5rem 1rem;font-size:.95rem}.site-settings-card button:hover:not(:disabled){background:#1565c0}.site-settings-card button:disabled{opacity:.6;cursor:not-allowed}.permission-instructions{background:#f8f9fa;border:1px solid #dee2e6;border-radius:.5rem;margin-top:1rem;padding:1rem}.permission-instructions p{color:#495057;margin:.5rem 0;font-size:.9rem}.permission-instructions p:first-child{color:#212529;margin-top:0;font-weight:600}.permission-instructions ul{color:#495057;margin:.75rem 0;padding-left:1.5rem}.permission-instructions li{margin:.5rem 0;font-size:.9rem;line-height:1.5}.permission-instructions code{background:#e9ecef;border-radius:.25rem;padding:.2rem .4rem;font-family:Courier New,monospace;font-size:.85rem}.permission-instructions button{width:100%}.camera-placeholder{text-align:center;background:#f8f9fa;border:2px dashed #dee2e6;border-radius:.5rem;padding:2rem}.camera-placeholder p{color:#6c757d;margin:.5rem 0}.glass-card{-webkit-backdrop-filter:blur(20px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #0000001a}.dark-mode .glass-card{background:#2a2a2ab3;border-color:#ffffff1a;box-shadow:0 8px 32px #0000004d}.glass-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.dark-mode .glass-card:hover{box-shadow:0 12px 40px #00000080}.product-card-modern{background:#fff;border:1px solid #0000000d;border-radius:16px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 2px 8px #00000014}.dark-mode .product-card-modern{background:#2a2a2a;border-color:#ffffff1a;box-shadow:0 2px 8px #0000004d}.product-card-modern:before{content:"";opacity:0;background:linear-gradient(90deg,#8b5cf6,#a78bfa);height:4px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.product-card-modern:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 12px 32px #8b5cf633}.product-card-modern:hover:before{opacity:1}.dark-mode .product-card-modern:hover{box-shadow:0 12px 32px #8b5cf64d}.interactive-element{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}.interactive-element:hover{transform:scale(1.05)}.interactive-element:active{transform:scale(.98)}.btn-modern{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border:none;border-radius:12px;padding:.75rem 1.5rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #8b5cf64d}.btn-modern:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn-modern:hover:before{width:300px;height:300px}.btn-modern:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf666}.btn-modern:active{transform:translateY(0)}.btn-modern-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;background:#ffffffe6;border:1px solid #0000001a}.dark-mode .btn-modern-secondary{color:#e0e0e0;background:#2a2a2ae6;border-color:#ffffff1a}.input-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:2px solid #0000;border-radius:12px;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .3s}.dark-mode .input-modern{color:#e0e0e0;background:#2a2a2ae6}.input-modern:focus{background:#fff;border-color:#8b5cf6;outline:none;box-shadow:0 0 0 4px #8b5cf61a}.dark-mode .input-modern:focus{background:#2a2a2a}html{scroll-behavior:smooth}.skeleton-modern{background:linear-gradient(90deg,#0000000d,#0000001a,#0000000d) 0 0/200% 100%;border-radius:8px;animation:1.5s ease-in-out infinite skeleton-loading}.dark-mode .skeleton-modern{background:linear-gradient(90deg,#ffffff0d,#ffffff1a,#ffffff0d) 0 0/200% 100%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.gradient-text{-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#8b5cf6,#a78bfa);-webkit-background-clip:text;background-clip:text;font-weight:700}.badge-modern{color:#fff;background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:20px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #8b5cf64d}.site-header-modern{-webkit-backdrop-filter:blur(20px);background:#ffffffe6;border-bottom:1px solid #0000000f;box-shadow:0 2px 4px #0000000a,0 4px 12px #00000008,inset 0 1px #fff9}.dark-mode .site-header-modern{background:#1a1a1ae6;border-bottom-color:#ffffff14;box-shadow:0 2px 4px #0003,0 4px 12px #00000026,inset 0 1px #ffffff0d}.dark-mode .header-shop-pill{background:linear-gradient(135deg,#7c3aed,#6d28d9);box-shadow:0 4px #4c1d95,0 6px 12px #4c1d9566}.dark-mode .header-shop-pill:hover{box-shadow:0 6px #4c1d95,0 8px 16px #4c1d9573}.page-fade-enter{opacity:0;transform:translateY(20px)}.page-fade-enter-active{opacity:1;transition:opacity .4s,transform .4s;transform:translateY(0)}.page-fade-exit{opacity:1;transform:translateY(0)}.page-fade-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:translateY(-20px)}.card-hover-effect{transition:all .3s cubic-bezier(.4,0,.2,1)}.card-hover-effect:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f}.dark-mode .card-hover-effect:hover{box-shadow:0 12px 32px #0006}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.dark-mode ::-webkit-scrollbar-track{background:#ffffff0d}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#8b5cf6,#a78bfa);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#a78bfa,#8b5cf6)}.pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";background:#ffffff80;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple:active:after{width:300px;height:300px}@media (max-width:768px){.glass-card{-webkit-backdrop-filter:blur(10px)}.product-card-modern:hover{transform:translateY(-4px)scale(1.01)}.btn-modern{padding:.625rem 1.25rem;font-size:.9rem}}.admin-navigation-tabs{z-index:100;background:#f8f9fa;border-bottom:2px solid #dee2e6;position:sticky;top:0;box-shadow:0 2px 4px #0000001a}.dark-mode .admin-navigation-tabs{background:#2a2a2a;border-bottom-color:#444;box-shadow:0 2px 4px #0000004d}.admin-navigation-tabs>div{max-width:1400px;margin:0 auto}.admin-navigation-tabs>div>div:first-child{scrollbar-width:thin;-webkit-overflow-scrolling:touch;border-bottom:1px solid #dee2e6;gap:.25rem;padding:.5rem 1rem;display:flex;overflow-x:auto}.dark-mode .admin-navigation-tabs>div>div:first-child{border-bottom-color:#444}.admin-navigation-tabs>div>div:first-child::-webkit-scrollbar{height:4px}.admin-navigation-tabs>div>div:first-child::-webkit-scrollbar-track{background:0 0}.admin-navigation-tabs>div>div:first-child::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:2px}.dark-mode .admin-navigation-tabs>div>div:first-child::-webkit-scrollbar-thumb{background:#7c3aed}.admin-navigation-tabs>div>div:last-child{scrollbar-width:thin;-webkit-overflow-scrolling:touch;background:#fff;gap:.5rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.dark-mode .admin-navigation-tabs>div>div:last-child{background:#333}.admin-navigation-tabs>div>div:last-child::-webkit-scrollbar{height:4px}.admin-navigation-tabs>div>div:last-child::-webkit-scrollbar-track{background:0 0}.admin-navigation-tabs>div>div:last-child::-webkit-scrollbar-thumb{background:#8b5cf6;border-radius:2px}.dark-mode .admin-navigation-tabs>div>div:last-child::-webkit-scrollbar-thumb{background:#7c3aed}@media (max-width:768px){.admin-navigation-tabs>div>div:first-child{gap:.25rem;padding:.5rem}.admin-navigation-tabs>div>div:first-child button{padding:.5rem 1rem;font-size:.85rem}.admin-navigation-tabs>div>div:last-child{gap:.25rem;padding:.5rem}.admin-navigation-tabs>div>div:last-child a{padding:.4rem .75rem;font-size:.8rem}}.mega-menu{border-radius:0 0 .75rem .75rem;min-width:900px;max-width:1100px;padding:0}.mega-menu-grid{grid-template-columns:repeat(var(--mega-cols,3),1fr);gap:0;padding:1.5rem 1.5rem .5rem;display:grid}.mega-menu-column{border-right:1px solid #f0f0f0;padding:0 1rem}.mega-menu-column:last-child{border-right:none}.mega-menu-group{margin-bottom:1.5rem}.mega-menu-group-header{color:#111;text-transform:capitalize;margin-bottom:.6rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:color .15s;display:block}.mega-menu-group-header:hover{color:#8b5cf6}.mega-menu-group-items{flex-direction:column;gap:.1rem;display:flex}.mega-menu-item{color:#555;padding:.3rem 0;font-size:.9rem;text-decoration:none;transition:color .15s,padding-left .15s;display:block}.mega-menu-item:hover{color:#8b5cf6;padding-left:.35rem}.mega-menu-footer{text-align:center;border-top:1px solid #f0f0f0;padding:.75rem 1.5rem}.mega-menu-view-all{color:#8b5cf6;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .15s}.mega-menu-view-all:hover{color:#7c3aed}.breeds-only-menu{min-width:440px}@media (max-width:480px){.breeds-only-menu{min-width:calc(100vw - 2rem);max-width:calc(100vw - 2rem)}}.nav-btn-reset{cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-family:inherit}.dark-mode .mega-menu{background:#1e1e1e;border-color:#333}.dark-mode .mega-menu-column{border-right-color:#333}.dark-mode .mega-menu-group-header{color:#e0e0e0}.dark-mode .mega-menu-item{color:#aaa}.dark-mode .mega-menu-item:hover,.dark-mode .mega-menu-group-header:hover{color:#a78bfa}.dark-mode .mega-menu-footer{border-top-color:#333}@media (max-width:900px){.mega-menu{min-width:100%;max-width:100%}.mega-menu-grid{grid-template-columns:1fr 1fr;gap:.5rem}.mega-menu-column{border-right:none;padding:0}}.pack-size-chips{flex-wrap:wrap;gap:.4rem;margin:.5rem 0;display:flex}.size-chip{color:#333;cursor:pointer;background:#fff;border:1.5px solid #ddd;border-radius:4px;padding:.3rem .75rem;font-size:.82rem;font-weight:500;line-height:1.4;transition:all .15s;display:inline-block}.size-chip:hover{color:#333;border-color:#f6a623}.size-chip-active,.size-chip.size-chip-active{color:#fff;background:#f6a623;border-color:#f6a623;font-weight:600}.dark-mode .size-chip{color:#ddd;background:#2a2a2a;border-color:#555}.dark-mode .size-chip-active{color:#111;background:#f6a623;border-color:#f6a623}.facet-collapsible{border-bottom:1px solid #f0f0f0;padding-bottom:0}.dark-mode .facet-collapsible{border-bottom-color:#333}.facet-section-toggle{cursor:pointer;color:#222;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:.85rem 0;font-size:.95rem;font-weight:600;display:flex}.dark-mode .facet-section-toggle{color:#e0e0e0}.facet-caret{color:#888;font-size:.65rem}.facet-section-body{padding-bottom:.75rem}.product-grid-list{flex-direction:column!important;gap:1rem!important;display:flex!important}.product-card-list{width:100%!important}.product-card-list .product-card{align-items:flex-start;min-height:140px;flex-direction:row!important;display:flex!important}.product-card-list .product-image{border-radius:1rem 0 0 1rem;flex-shrink:0;min-width:140px;overflow:hidden;width:140px!important;height:140px!important}.product-card-list .product-image img{object-fit:cover;width:100%;height:100%}.product-card-list .product-info{flex:1;padding:.9rem 1rem}.product-card-list .product-image-overlay{display:none!important}.product-card-list>div:last-child{border-top:1px solid #eee;padding:.6rem 1rem;position:static!important}.status-pending{color:#92400e;background:#fef3c7}.status-packing{color:#1e40af;background:#dbeafe}.status-packed{color:#3730a3;background:#e0e7ff}.status-shipped{color:#065f46;background:#d1fae5}.status-out_for_delivery{color:#9d174d;background:#fce7f3}.status-delivered{color:#065f46;background:#d1fae5}.status-rejected{color:#991b1b;background:#fee2e2}.packing-station{background:#f8f7ff;min-height:100vh;padding:1rem}.packing-station-header{padding:1rem 0 1.5rem}.packing-station-header h1{color:#1e1b6e;margin:0;font-size:1.6rem;font-weight:700}.packing-station-header p{color:#6b7280;margin:.25rem 0 0}.packing-station-body{grid-template-columns:360px 1fr;gap:1.5rem;display:grid}.packing-queue{background:#fff;border-radius:16px;max-height:82vh;padding:1.25rem;overflow-y:auto;box-shadow:0 2px 12px #7c3aed12}.packing-queue-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.packing-queue-header h2{color:#374151;margin:0;font-size:.95rem;font-weight:600}.ps-refresh-btn{cursor:pointer;color:#4b5563;background:#f3f4f6;border:none;border-radius:8px;padding:.35rem .75rem;font-size:.8rem}.ps-empty{color:#9ca3af;text-align:center;padding:2rem 0;font-size:.9rem}.packing-queue-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.packing-queue-item{cursor:pointer;border:2px solid #e5e7eb;border-radius:12px;grid-template-columns:auto auto;align-items:center;gap:.25rem .75rem;padding:.85rem 1rem;transition:all .15s;display:grid}.packing-queue-item:hover{background:#faf5ff;border-color:#8b5cf6}.packing-queue-item.selected{background:#f5f3ff;border-color:#7c3aed}.pq-id{color:#7c3aed;font-size:.85rem;font-weight:700}.pq-items{color:#6b7280;text-align:right;font-size:.75rem}.pq-addr{color:#374151;white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:.78rem;overflow:hidden}.pq-status{text-align:right;border-radius:20px;padding:.2rem .5rem;font-size:.72rem;font-weight:600}.packing-detail{background:#fff;border-radius:16px;max-height:82vh;padding:1.75rem;overflow-y:auto;box-shadow:0 2px 12px #7c3aed12}.ps-no-selection{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:300px;display:flex}.ps-no-selection-icon{font-size:3rem}.ps-order-info{margin-bottom:1.5rem}.ps-order-meta{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.ps-order-meta h2{color:#1e1b6e;margin:0;font-size:1.25rem}.ps-status-badge{border-radius:20px;padding:.3rem .75rem;font-size:.75rem;font-weight:600}.ps-order-details{background:#f9fafb;border-radius:10px;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem;margin-bottom:.75rem;padding:1rem;display:grid}.ps-detail-row{flex-direction:column;gap:.15rem;font-size:.83rem;display:flex}.ps-detail-row span{color:#6b7280}.ps-tracking{color:#7c3aed;font-family:monospace}.ps-items-list{color:#374151;flex-direction:column;gap:.5rem;font-size:.83rem;display:flex}.ps-items-grid{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}.ps-item-chip{color:#5b21b6;background:#ede9fe;border-radius:6px;padding:.25rem .6rem;font-size:.78rem}.ps-items-empty{color:#9ca3af;font-size:.8rem;font-style:italic}.ps-items-empty-block{background:#fef3c7;border:1px solid #f59e0b;border-radius:12px;margin:.5rem 0;padding:1rem 1.25rem}.ps-items-empty-block p{color:#92400e;margin:0 0 .5rem;font-size:.9rem}.ps-items-empty-block p:last-of-type{margin-bottom:0}.ps-link-manage-orders{color:#fff;background:#7c3aed;border-radius:8px;margin-top:.5rem;padding:.5rem 1rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-block}.ps-link-manage-orders:hover{color:#fff;background:#6d28d9}.ps-items-empty-hint{color:#78716c;font-size:.8rem;margin-top:.5rem!important}.dark-mode .ps-items-empty-block{background:#f59e0b26;border-color:#f59e0b}.dark-mode .ps-items-empty-block p{color:#fcd34d}.dark-mode .ps-items-empty-hint{color:#a8a29e}.ps-actions{flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem;display:flex}.ps-btn{cursor:pointer;border:none;border-radius:8px;padding:.65rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .15s}.ps-btn:disabled{opacity:.6;cursor:not-allowed}.ps-btn-primary{color:#fff;background:#7c3aed}.ps-btn-primary:hover:not(:disabled){background:#6d28d9}.ps-btn-ship{color:#fff;background:#059669}.ps-btn-ship:hover:not(:disabled){background:#047857}.ps-btn-audit{color:#fff;background:#2563eb;width:100%;padding:.75rem}.ps-btn-audit:hover:not(:disabled){background:#1d4ed8}.ps-terminal-msg{color:#374151;background:#f0fdf4;border-radius:8px;padding:.75rem 1rem;font-size:.88rem}.ps-audit-history{margin-bottom:1.5rem}.ps-audit-history h3{color:#374151;margin-bottom:.75rem;font-size:.95rem;font-weight:600}.ps-audit-cards{flex-wrap:wrap;gap:.75rem;display:flex}.ps-audit-card{background:#fafafa;border:1px solid #e5e7eb;border-radius:10px;gap:.75rem;min-width:220px;padding:.75rem;display:flex;overflow:hidden}.ps-audit-photo{object-fit:cover;border-radius:6px;width:80px;height:80px}.ps-audit-meta{color:#374151;flex-direction:column;gap:.2rem;font-size:.8rem;display:flex}.ps-audit-time{color:#9ca3af;margin-top:auto;font-size:.72rem}.ps-audit-form{border-top:2px solid #ede9fe;padding-top:1.5rem}.ps-audit-form h3{color:#1e1b6e;margin-bottom:1rem;font-size:1rem;font-weight:600}.ps-form-row{flex-direction:column;gap:.35rem;margin-bottom:1rem;display:flex}.ps-form-row label{color:#374151;font-size:.85rem;font-weight:500}.ps-required{color:#ef4444}.ps-input{box-sizing:border-box;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.6rem .85rem;font-size:.9rem;transition:border-color .15s}.ps-input:focus{border-color:#7c3aed}.ps-photo-input input[type=file]{display:none}.ps-photo-label{cursor:pointer;color:#6b7280;border:2px dashed #d1d5db;border-radius:10px;justify-content:center;align-items:center;min-height:100px;padding:1rem;font-size:.85rem;transition:border-color .15s;display:flex}.ps-photo-label:hover{background:#faf5ff;border-color:#7c3aed}.ps-photo-preview{object-fit:cover;border-radius:8px;max-width:100%;max-height:180px}.ps-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:.75rem;padding:.6rem .9rem;font-size:.85rem}.ps-success{color:#065f46;background:#d1fae5;border-radius:8px;margin-bottom:.75rem;padding:.6rem .9rem;font-size:.85rem}.delivery-app{background:#f0f9ff;max-width:600px;min-height:100vh;margin:0 auto;padding:1rem}.delivery-app-header{text-align:center;padding:1.25rem 0 1rem}.delivery-app-header h1{color:#1e1b6e;margin:0;font-size:1.4rem;font-weight:700}.delivery-app-header p{color:#6b7280;margin:.25rem 0 .75rem;font-size:.85rem}.dp-refresh-btn{color:#0369a1;cursor:pointer;background:#e0f2fe;border:none;border-radius:8px;padding:.45rem 1rem;font-size:.85rem;font-weight:600}.dp-empty{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:4rem 1rem;display:flex}.dp-order-list{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.dp-order-card{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:16px;padding:1.25rem;transition:border-color .15s;box-shadow:0 2px 8px #00000012}.dp-order-card:hover{border-color:#0ea5e9}.dp-order-id{color:#0369a1;margin-bottom:.35rem;font-size:.8rem;font-weight:700}.dp-order-addr{color:#1e293b;margin-bottom:.25rem;font-size:.9rem;font-weight:600}.dp-order-phone{color:#0ea5e9;font-size:.85rem}.dp-order-meta{color:#64748b;justify-content:space-between;align-items:center;margin-top:.5rem;font-size:.8rem;display:flex}.dp-tracking{background:#f1f5f9;border-radius:4px;padding:.15rem .4rem;font-family:monospace}.dp-start-btn{text-align:right;color:#0ea5e9;margin-top:.75rem;font-size:.9rem;font-weight:600}.dp-delivery-flow{flex-direction:column;gap:1rem;display:flex}.dp-back-btn{color:#0369a1;cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:.25rem 0;font-size:.9rem;font-weight:600}.dp-order-summary{background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 2px 8px #00000012}.dp-order-summary h2{color:#1e1b6e;margin:0 0 .5rem;font-size:1.1rem}.dp-call-btn{color:#16a34a;background:#dcfce7;border-radius:8px;margin:.5rem 0;padding:.4rem .85rem;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-block}.dp-total{color:#374151;margin:.5rem 0 0;font-size:.9rem}.dp-warehouse-ref{background:#fffbeb;border:1.5px solid #fde68a;border-radius:14px;padding:1rem 1.25rem}.dp-warehouse-ref h3{color:#92400e;margin:0 0 .75rem;font-size:.9rem;font-weight:600}.dp-ref-row{align-items:flex-start;gap:1rem;display:flex}.dp-ref-photo{object-fit:cover;border-radius:8px;width:90px;height:90px}.dp-ref-meta{color:#374151;flex-direction:column;gap:.3rem;font-size:.82rem;display:flex}.dp-ref-note{color:#92400e;margin-top:.25rem;font-size:.78rem;font-style:italic}.dp-confirm-form{background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 2px 8px #00000012}.dp-confirm-form h3{color:#1e1b6e;margin:0 0 1rem;font-size:1rem;font-weight:600}.dp-form-group{margin-bottom:1rem}.dp-form-group label{color:#374151;margin-bottom:.35rem;font-size:.85rem;font-weight:500;display:block}.dp-required{color:#ef4444}.dp-file-input{display:none}.dp-photo-label{cursor:pointer;color:#0369a1;background:#f0f9ff;border:2px dashed #bae6fd;border-radius:12px;justify-content:center;align-items:center;min-height:120px;padding:1rem;font-size:.88rem;font-weight:500;transition:border-color .15s;display:flex}.dp-photo-label:hover{border-color:#0ea5e9}.dp-photo-preview{object-fit:cover;border-radius:8px;max-width:100%;max-height:200px}.dp-verification-tabs{border:1.5px solid #e5e7eb;border-radius:8px;margin-bottom:1rem;display:flex;overflow:hidden}.dp-tab{cursor:pointer;color:#6b7280;background:#f9fafb;border:none;flex:1;padding:.55rem;font-size:.85rem;font-weight:500;transition:all .15s}.dp-tab.active{color:#fff;background:#0ea5e9}.dp-otp-input{letter-spacing:.3rem;text-align:center;box-sizing:border-box;border:2px solid #bae6fd;border-radius:10px;outline:none;width:100%;padding:.75rem;font-size:1.5rem}.dp-otp-input:focus{border-color:#0ea5e9}.dp-otp-hint{color:#64748b;margin:.3rem 0 0;font-size:.78rem}.sig-pad-wrap{border:2px solid #d1d5db;border-radius:10px;display:inline-block;overflow:hidden}.sig-pad-canvas{touch-action:none;cursor:crosshair;background:#fafafa;display:block}.sig-pad-clear{cursor:pointer;color:#374151;background:#f3f4f6;border:none;border-top:1px solid #e5e7eb;width:100%;padding:.4rem;font-size:.8rem}.dp-sig-saved{color:#16a34a;margin:.3rem 0 0;font-size:.78rem}.dp-confirm-btn{color:#fff;cursor:pointer;background:#0ea5e9;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.9rem;font-size:1rem;font-weight:700;transition:background .15s}.dp-confirm-btn:hover:not(:disabled){background:#0284c7}.dp-confirm-btn:disabled{opacity:.6;cursor:not-allowed}.dp-reject-trigger{color:#dc2626;cursor:pointer;background:0 0;border:1.5px solid #fca5a5;border-radius:10px;width:100%;margin-top:.5rem;padding:.6rem;font-size:.85rem;font-weight:600}.dp-reject-form{background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 2px 8px #00000012}.dp-reject-form h3{color:#dc2626;margin:0 0 .5rem;font-size:1rem;font-weight:600}.dp-reject-select{box-sizing:border-box;border:1.5px solid #fca5a5;border-radius:8px;outline:none;width:100%;margin:.75rem 0;padding:.6rem .85rem;font-size:.9rem}.dp-reject-actions{gap:.75rem;display:flex}.dp-reject-confirm{color:#fff;cursor:pointer;background:#dc2626;border:none;border-radius:8px;flex:1;padding:.7rem;font-weight:700}.dp-reject-cancel{color:#374151;cursor:pointer;background:#f3f4f6;border:none;border-radius:8px;flex:1;padding:.7rem;font-weight:600}.dp-error{color:#dc2626;background:#fef2f2;border-radius:8px;margin-bottom:.5rem;padding:.6rem .9rem;font-size:.85rem}.dp-success{color:#065f46;background:#d1fae5;border-radius:8px;margin-bottom:.5rem;padding:.6rem .9rem;font-size:.85rem}.audit-dispute-page{background:#f8f7ff;min-height:100vh;padding:1rem}.adp-header{padding:1rem 0 1.5rem}.adp-header h1{color:#1e1b6e;margin:0;font-size:1.6rem;font-weight:700}.adp-header p{color:#6b7280;margin:.25rem 0 0}.adp-body{grid-template-columns:320px 1fr;gap:1.5rem;display:grid}.adp-list{background:#fff;border-radius:16px;max-height:82vh;padding:1.25rem;overflow-y:auto;box-shadow:0 2px 12px #7c3aed12}.adp-filter-tabs{gap:.4rem;margin-bottom:1rem;display:flex}.adp-filter-tab{cursor:pointer;color:#374151;background:#f3f4f6;border:1.5px solid #e5e7eb;border-radius:8px;padding:.4rem .85rem;font-size:.82rem;font-weight:500;transition:all .15s}.adp-filter-tab.active{color:#fff;background:#7c3aed;border-color:#7c3aed}.adp-list-count{color:#9ca3af;margin-bottom:.75rem;font-size:.78rem}.adp-empty{text-align:center;color:#9ca3af;padding:2.5rem 0;font-size:.9rem}.adp-dispute-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.adp-dispute-item{cursor:pointer;border:1.5px solid #e5e7eb;border-radius:12px;padding:.85rem 1rem;transition:all .15s}.adp-dispute-item:hover{background:#faf5ff;border-color:#7c3aed}.adp-dispute-item.selected{background:#f5f3ff;border-color:#7c3aed}.adp-di-top{justify-content:space-between;align-items:center;margin-bottom:.3rem;display:flex}.adp-di-order{color:#7c3aed;font-size:.85rem;font-weight:700}.adp-di-badge{text-transform:uppercase;border-radius:20px;padding:.15rem .5rem;font-size:.7rem;font-weight:700}.dispute-flagged{color:#92400e;background:#fef3c7}.dispute-resolved{color:#065f46;background:#d1fae5}.dispute-none{color:#374151;background:#f3f4f6}.adp-di-stage{color:#374151;font-size:.8rem}.adp-di-time{color:#9ca3af;margin-top:.2rem;font-size:.72rem}.adp-di-notes{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;margin-top:.2rem;font-size:.75rem;overflow:hidden}.adp-detail{background:#fff;border-radius:16px;max-height:82vh;padding:1.75rem;overflow-y:auto;box-shadow:0 2px 12px #7c3aed12}.adp-no-selection{color:#9ca3af;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;height:320px;display:flex}.adp-detail-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.adp-detail-header h2{color:#1e1b6e;margin:0;font-size:1.2rem}.adp-order-meta{color:#374151;background:#f9fafb;border-radius:10px;grid-template-columns:1fr 1fr;gap:.4rem 1.5rem;margin-bottom:1.25rem;padding:.85rem 1rem;font-size:.83rem;display:grid}.adp-photo-compare{grid-template-columns:1fr auto 1fr;align-items:start;gap:1rem;margin-bottom:1.5rem;display:grid}.adp-photo-col{flex-direction:column;gap:.75rem;display:flex}.adp-photo-col h3{color:#374151;margin:0;font-size:.9rem;font-weight:600}.adp-compare-divider{color:#9ca3af;justify-content:center;align-items:center;width:40px;margin-top:2rem;font-size:.85rem;font-weight:900;display:flex}.adp-audit-meta{color:#374151;background:#f9fafb;border-radius:8px;flex-direction:column;gap:.25rem;padding:.65rem .85rem;font-size:.8rem;display:flex}.adp-tl-otp{color:#065f46;font-weight:600}.audit-img-placeholder{color:#9ca3af;background:#f3f4f6;border:2px dashed #e5e7eb;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:.25rem;height:160px;font-size:.8rem;display:flex}.audit-img-wrap{cursor:pointer;border-radius:10px;position:relative;overflow:hidden}.audit-img-thumb{object-fit:cover;border-radius:10px;width:100%;height:160px;display:block}.audit-img-overlay{color:#fff;background:linear-gradient(#0000,#00000073);padding:.35rem .6rem;font-size:.75rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.audit-img-zoom{color:#fff;background:#00000080;border-radius:6px;padding:.2rem .45rem;font-size:.65rem;position:absolute;top:.5rem;right:.5rem}.audit-img-modal{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.audit-img-full{object-fit:contain;border-radius:10px;max-width:90vw;max-height:90vh}.audit-img-close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.25rem;position:absolute;top:1.25rem;right:1.25rem}.adp-timeline{border-top:1.5px solid #e5e7eb;margin-bottom:1.5rem;padding-top:1.25rem}.adp-timeline h3{color:#374151;margin:0 0 .75rem;font-size:.9rem;font-weight:600}.adp-timeline-list{flex-direction:column;gap:.5rem;display:flex}.adp-tl-item{align-items:flex-start;gap:.75rem;display:flex}.adp-tl-dot{background:#7c3aed;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:.3rem}.stage-warehouse_pack .adp-tl-dot{background:#2563eb}.stage-doorstep_delivery .adp-tl-dot{background:#059669}.adp-tl-content{color:#374151;flex-wrap:wrap;gap:.25rem .75rem;font-size:.8rem;display:flex}.adp-tl-content strong{color:#1e1b6e}.adp-tl-content span{color:#6b7280}.adp-dispute-mgmt{border-top:1.5px solid #e5e7eb;padding-top:1.25rem}.adp-dispute-mgmt h3{color:#374151;margin:0 0 .75rem;font-size:.9rem;font-weight:600}.adp-notes-input{resize:vertical;box-sizing:border-box;border:1.5px solid #d1d5db;border-radius:8px;outline:none;width:100%;margin-bottom:.75rem;padding:.65rem .85rem;font-size:.87rem;transition:border-color .15s}.adp-notes-input:focus{border-color:#7c3aed}.adp-msg{color:#065f46;background:#d1fae5;border-radius:8px;margin-bottom:.75rem;padding:.5rem .85rem;font-size:.85rem}.adp-dispute-btns{gap:.75rem;display:flex}.adp-btn{cursor:pointer;border:none;border-radius:8px;padding:.6rem 1.25rem;font-size:.88rem;font-weight:600;transition:all .15s}.adp-btn:disabled{opacity:.6;cursor:not-allowed}.adp-btn-flag{color:#92400e;background:#fef3c7;border:1.5px solid #fde68a}.adp-btn-flag:hover:not(:disabled){background:#fde68a}.adp-btn-resolve{color:#fff;background:#059669}.adp-btn-resolve:hover:not(:disabled){background:#047857}.adp-resolved-badge{color:#065f46;background:#d1fae5;border-radius:8px;align-items:center;padding:.4rem 1rem;font-size:.85rem;font-weight:600;display:inline-flex}.dark-mode .packing-station,.dark-mode .audit-dispute-page{background:#0f0e1a}.dark-mode .packing-queue,.dark-mode .packing-detail,.dark-mode .adp-list,.dark-mode .adp-detail,.dark-mode .dp-confirm-form,.dark-mode .dp-order-card,.dark-mode .dp-order-summary,.dark-mode .dp-warehouse-ref,.dark-mode .dp-reject-form{color:#e5e7eb;background:#1a1730;border-color:#2d2b4e}.dark-mode .packing-station-header h1,.dark-mode .adp-header h1,.dark-mode .delivery-app-header h1,.dark-mode .packing-queue-header h2,.dark-mode .ps-order-meta h2,.dark-mode .adp-detail-header h2,.dark-mode .dp-order-summary h2{color:#c4b5fd}.dark-mode .packing-queue-item{border-color:#2d2b4e}.dark-mode .packing-queue-item:hover,.dark-mode .packing-queue-item.selected{background:#2d2b4e;border-color:#7c3aed}.dark-mode .ps-order-details,.dark-mode .adp-order-meta{background:#231f3a}.dark-mode .ps-audit-card{background:#231f3a;border-color:#2d2b4e}.dark-mode .ps-input,.dark-mode .adp-notes-input,.dark-mode .dp-reject-select,.dark-mode .dp-otp-input{color:#e5e7eb;background:#231f3a;border-color:#3d3b6e}.dark-mode .adp-dispute-item{background:#1a1730;border-color:#2d2b4e}.dark-mode .adp-dispute-item.selected,.dark-mode .adp-dispute-item:hover{background:#2d2b4e}.dark-mode .audit-img-placeholder{background:#231f3a;border-color:#3d3b6e}.dark-mode .delivery-app{background:#0f0e1a}@media (max-width:900px){.packing-station-body{grid-template-columns:1fr}.packing-queue{max-height:250px}.adp-body{grid-template-columns:1fr}.adp-list{max-height:220px}.adp-photo-compare{grid-template-columns:1fr}.adp-compare-divider{display:none}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}.toast-container{position:fixed;top:80px;right:20px;z-index:10000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none;max-width:400px;width:100%}.toast{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-radius:12px;box-shadow:0 4px 20px #00000026;backdrop-filter:blur(10px);background:#fffffff2;border:1px solid rgba(255,255,255,.2);pointer-events:auto;animation:slideInRight .3s ease-out;transition:transform .2s ease,opacity .2s ease}.dark-mode .toast{background:#1e1e1ef2;border:1px solid rgba(255,255,255,.1);color:#e0e0e0}.toast:hover{transform:translate(-4px)}.toast-content{display:flex;align-items:center;gap:.75rem;flex:1}.toast-icon{font-size:1.25rem;font-weight:700;display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0}.toast-message{font-size:.95rem;line-height:1.4;flex:1}.toast-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:0;margin-left:.75rem;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s,color .2s;flex-shrink:0}.dark-mode .toast-close{color:#999}.toast-close:hover{background:#0000001a;color:#333}.dark-mode .toast-close:hover{background:#ffffff1a;color:#fff}.toast-success{border-left:4px solid #10b981}.toast-success .toast-icon{color:#10b981}.toast-error{border-left:4px solid #ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-left:4px solid #f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-left:4px solid #3b82f6}.toast-info .toast-icon{color:#3b82f6}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (max-width: 768px){.toast-container{right:10px;left:10px;max-width:none;top:70px}.toast{padding:.875rem 1rem}}