@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@500;600&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{--navy:#14131c;--navy-soft:#1d1c29;--ink:#4f46e5;--ink-soft:#a5b4fc;--coral:#fb7185;--coral-deep:#e11d48;--line:#ffffff14;--font-display:"Space Grotesk","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#14131ceb;border-bottom:1px solid var(--line);box-shadow:0 4px 20px #00000040;color:#fff;font-family:var(--font-body);justify-content:space-between;padding:9px 8%;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.logo,.navbar{align-items:center;display:flex}.logo{flex-shrink:0}.logo a{align-items:center;display:flex;line-height:0;text-decoration:none}.navbar-logo{display:block;height:52px;max-width:220px;object-fit:contain;transition:transform .25s ease,opacity .25s ease;width:auto}.logo a:hover .navbar-logo{opacity:.95;transform:scale(1.03)}.nav-links{align-items:center;display:flex;gap:30px;list-style:none;margin:0;padding:0}.nav-links a{color:#ffffffd9;font-size:14.5px;font-weight:500;position:relative;text-decoration:none;transition:color .25s ease}.nav-links a:after{background:var(--ink-soft);border-radius:2px;bottom:-6px;content:"";height:2px;left:0;position:absolute;transition:width .25s ease;width:0}.nav-links a:hover{color:#fff}.nav-links a:hover:after{width:100%}.nav-links a:focus-visible{border-radius:2px;outline:2px solid var(--ink-soft);outline-offset:4px}.logout-btn{background:#fb71851a;border:1px solid #fb718566;border-radius:30px;color:var(--coral);cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:600;padding:9px 18px;transition:background .25s ease,transform .25s ease,color .25s ease}.logout-btn:hover{background:var(--coral-deep);border-color:var(--coral-deep);color:#fff;transform:translateY(-1px)}.logout-btn:focus-visible{outline:2px solid var(--coral);outline-offset:2px}.hamburger{color:#fff;cursor:pointer;display:none;font-size:26px;transition:color .25s ease}.hamburger:hover{color:var(--ink-soft)}.cart-link{align-items:center;display:inline-flex;position:relative;text-decoration:none}.cart-badge{align-items:center;background:linear-gradient(135deg,var(--coral),var(--coral-deep));border-radius:50%;box-shadow:0 2px 6px #e11d4880;color:#fff;display:flex;font-family:var(--font-body);font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-12px;top:-8px;width:18px}.profile-menu{list-style:none;position:relative}.profile-avatar-nav{align-items:center;background:linear-gradient(135deg,var(--ink),#6366f1);border-radius:50%;box-shadow:0 4px 12px #4f46e559;color:#fff;cursor:pointer;display:flex;font-family:var(--font-display);font-size:15px;font-weight:700;height:38px;justify-content:center;transition:transform .25s ease,box-shadow .25s ease;width:38px}.profile-avatar-nav:hover{box-shadow:0 8px 18px #4f46e573;transform:translateY(-2px)}.profile-dropdown{animation:dropdownFade .2s ease;background:#fff;border:1px solid #1f293714;border-radius:16px;box-shadow:0 20px 45px #0003;overflow:hidden;position:absolute;right:0;top:calc(100% + 16px);width:250px;z-index:1100}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.dropdown-user{background:linear-gradient(135deg,#f2f1fb,#fff);border-bottom:1px solid #1f293714;padding:22px 20px 18px;text-align:center}.profile-avatar-large{align-items:center;background:linear-gradient(135deg,var(--ink),#6366f1);border-radius:50%;box-shadow:0 6px 16px #4f46e54d;color:#fff;display:flex;font-family:var(--font-display);font-size:22px;font-weight:700;height:56px;justify-content:center;margin:0 auto 10px;width:56px}.dropdown-user h4{color:#1f2937;font-family:var(--font-display);font-size:15px;font-weight:600;margin:0 0 3px}.dropdown-user p{color:#6b7280;font-family:var(--font-body);font-size:12.5px;margin:0;word-break:break-all}.profile-dropdown a,.profile-dropdown button{align-items:center;background:#0000;border:none;box-sizing:border-box;color:#374151;cursor:pointer;display:flex;font-family:var(--font-body);font-size:14px;font-weight:500;gap:12px;padding:13px 20px;text-decoration:none;transition:background .2s ease,color .2s ease;width:100%}.profile-dropdown a svg,.profile-dropdown button svg{color:var(--ink);flex-shrink:0;font-size:15px}.profile-dropdown a:hover{background:#f2f1fb;color:#33269a;color:var(--ink-deep,#33269a)}.profile-dropdown a:focus-visible,.profile-dropdown button:focus-visible{outline:2px solid var(--ink-soft);outline-offset:-2px}.profile-dropdown button{border-top:1px solid #1f293714;color:var(--coral-deep)}.profile-dropdown button svg{color:var(--coral-deep)}.profile-dropdown button:hover{background:#e11d4814;color:#be123c}.notification-wrapper{position:relative}.notification-icon{align-items:center;color:#333;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;position:relative}.notification-icon:hover{color:#6c5ce7}.notification-badge{align-items:center;background:#e63946;border-radius:50%;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;position:absolute;right:-5px;top:-4px;width:18px}.notification-dropdown{background:#fff;border-radius:12px;box-shadow:0 10px 30px #00000026;max-height:350px;overflow-y:auto;padding:10px;position:absolute;right:0;top:38px;width:320px;z-index:999}.notification-item{border-bottom:1px solid #eee;padding:12px}.notification-item:last-child{border-bottom:none}.notification-item h4{color:#191c2c;font-size:15px;margin:0 0 5px}.notification-item p{color:#666;font-size:13px;line-height:1.4;margin:0}.notification-dropdown>p{color:#777;padding:15px;text-align:center}@media (max-width:768px){.navbar{padding:7px 5%}.navbar-logo{height:46px;max-width:190px}.hamburger{display:block}.nav-links{align-items:flex-start;background:var(--navy-soft);border:1px solid var(--line);border-radius:0 0 0 16px;box-shadow:0 20px 40px #0006;display:none;flex-direction:column;gap:20px;padding:22px;position:absolute;right:0;top:60px;width:220px}.nav-links.active{display:flex}.nav-links a:after{display:none}.profile-menu{width:100%}.profile-dropdown{box-shadow:none;margin-top:12px;position:static;width:100%}.notification-icon{font-size:18px;padding:6px}.notification-badge{font-size:10px;height:16px;right:-3px;top:-2px;width:16px}.notification-dropdown{left:12px;max-height:70vh;max-width:none;position:fixed;right:12px;top:66px;width:auto}}@media (max-width:480px){.navbar{padding:6px 4%}.navbar-logo{height:42px;max-width:170px}.notification-dropdown{border-radius:10px;left:8px;max-height:65vh;padding:8px;right:8px;top:60px}.notification-item{padding:10px 6px}.notification-item h4{font-size:14px}.notification-item p{font-size:12.5px}.notification-dropdown>p{font-size:13px;padding:12px}}@media (prefers-reduced-motion:reduce){.hamburger,.logo a,.logout-btn,.nav-links a,.nav-links a:after,.navbar-logo,.profile-avatar-nav{transition:none}.logo a:hover .navbar-logo,.logout-btn:hover,.profile-avatar-nav:hover{transform:none}.profile-dropdown{animation:none}}*{-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:#070b14}.home-container{background:radial-gradient(circle at 15% 10%,#2563eb29,#0000 30%),radial-gradient(circle at 85% 75%,#ec48991f,#0000 30%),linear-gradient(135deg,#070b14,#111827 50%,#1e1b4b);color:#fff;min-height:100vh;overflow:hidden;position:relative;width:100%}.grid-bg{background-image:linear-gradient(hsla(0,0%,100%,.035) 1px,#0000 0),linear-gradient(90deg,hsla(0,0%,100%,.035) 1px,#0000 0);background-size:60px 60px;inset:0;opacity:.35;z-index:0}.blob,.grid-bg{pointer-events:none;position:absolute}.blob{animation:blobMove 12s ease-in-out infinite;border-radius:50%;filter:blur(120px);opacity:.4}.blob1{background:#2563eb;height:420px;left:-120px;top:-120px;width:420px}.blob2{background:#ec4899;bottom:-100px;height:350px;right:-100px;width:350px}.blob3{background:#7c3aed;height:280px;left:40%;top:45%;width:280px}@keyframes blobMove{0%{transform:translate(0) scale(1)}50%{transform:translate(40px,-30px) scale(1.1)}to{transform:translate(0) scale(1)}}.floating-circle{animation:floatCircle 6s ease-in-out infinite;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff12;border:1px solid #ffffff14;border-radius:50%;pointer-events:none;position:absolute;z-index:1}.c1{height:40px;right:18%;top:15%;width:40px}.c2{animation-delay:2s;bottom:30%;height:22px;left:8%;width:22px}.c3{animation-delay:4s;bottom:12%;height:55px;right:10%;width:55px}@keyframes floatCircle{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}.hero-section{align-items:center;display:flex;gap:70px;justify-content:space-between;min-height:700px;padding:60px 8% 40px;position:relative;width:100%;z-index:2}.hero-left{animation:fadeUp 1s ease;flex:1 1;min-width:0}.hero-tag{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff12;border:1px solid #ffffff21;border-radius:50px;box-shadow:0 10px 30px #00000026,inset 0 1px #ffffff14;color:#f8fafc;display:inline-flex;font-size:clamp(12px,2vw,14px);font-weight:500;gap:10px;margin-bottom:25px;padding:10px 20px}.hero-tag svg{color:#facc15;flex-shrink:0}.hero-left h1{font-size:clamp(34px,6vw,68px);font-weight:800;letter-spacing:-1.5px;line-height:1.1;margin-bottom:28px}.hero-left h1 span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#60a5fa,#7c3aed,#ec4899);-webkit-background-clip:text;background-clip:text;color:#0000;display:inline}.hero-left p{color:#cbd5e1;font-size:clamp(15px,2vw,19px);line-height:1.8;max-width:620px}.hero-buttons{display:flex;flex-wrap:wrap;gap:20px;margin-top:40px}.hero-buttons a{text-decoration:none}.primary-btn,.secondary-btn{align-items:center;border:none;border-radius:50px;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:10px;justify-content:center;min-height:48px;padding:16px 34px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.primary-btn{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 15px 40px #2563eb59,inset 0 1px #fff3}.primary-btn:hover{box-shadow:0 20px 45px #2563eb80,inset 0 1px #ffffff40;transform:translateY(-5px)}.primary-btn:active{transform:translateY(-1px) scale(.98)}.secondary-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff14;border:1px solid #ffffff26;color:#fff}.secondary-btn:hover{background:#fff;color:#111827;transform:translateY(-5px)}.color-circle:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #60a5fa;outline-offset:3px}.hero-right{flex:1 1;min-width:0}.hero-right,.shirt-card{align-items:center;display:flex;justify-content:center}.shirt-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 50% 50%,#2563eb2e,#0000 55%),hsla(0,0%,100%,.055);border:1px solid #ffffff1f;border-radius:32px;box-shadow:0 25px 60px #00000073,inset 0 1px #ffffff0f;height:550px;max-width:100%;overflow:visible;position:relative;width:550px}.shirt-card:before{background:linear-gradient(135deg,#2563eb,#7c3aed,#ec4899);border-radius:35px;content:"";inset:-2px;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:2px;pointer-events:none;position:absolute;z-index:10}.shirt-canvas{border-radius:inherit;height:100%;inset:0;overflow:hidden;position:absolute;width:100%;z-index:2}.shirt-canvas canvas{display:block;height:100%!important;position:relative;width:100%!important;z-index:2}.shirt-card:after{animation:pulseGlow 5s infinite;background:#2563eb;border-radius:50%;content:"";filter:blur(120px);height:350px;left:50%;opacity:.25;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:350px;z-index:1}@keyframes pulseGlow{0%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.2)}to{transform:translate(-50%,-50%) scale(1)}}.discount-badge{background:linear-gradient(135deg,#ef4444,#ec4899);border-radius:30px;box-shadow:0 10px 25px #ec489973,inset 0 1px #ffffff40;color:#fff;font-size:14px;font-weight:700;left:28px;letter-spacing:1px;padding:11px 22px;position:absolute;top:28px;z-index:20}.floating-mini-card{align-items:center;animation:miniFloat 4s ease-in-out infinite;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(135deg,#ffffff26,#ffffff12);border:1px solid #ffffff2e;border-radius:18px;box-shadow:0 15px 35px #00000040,inset 0 1px #ffffff1a;color:#fff;display:flex;font-size:15px;font-weight:600;gap:10px;padding:14px 20px;pointer-events:none;position:absolute;white-space:nowrap;z-index:30}.floating-mini-card svg{color:#facc15;flex-shrink:0;font-size:20px}.floating-mini-card.top{right:20px;top:90px}.floating-mini-card.bottom{animation-delay:2s;bottom:70px;left:20px}@keyframes miniFloat{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.colors-section{padding:55px 8% 100px;position:relative;text-align:center;z-index:2}.colors-section h2{font-size:clamp(26px,4vw,42px);font-weight:700;letter-spacing:-.5px;margin-bottom:12px}.colors-section p{color:#94a3b8;font-size:clamp(15px,2vw,18px)}.color-list{gap:22px;margin-top:45px}.color-circle{border:4px solid #ffffff1f;box-shadow:0 10px 25px #0000004d;height:65px;min-height:44px;min-width:44px;padding:0;width:65px}.color-circle:hover{box-shadow:0 18px 35px #2563eb59;transform:translateY(-8px) scale(1.15)}.color-circle:active{transform:translateY(-4px) scale(1.05)}.color-circle.active{border-color:#fff;box-shadow:0 0 0 4px #60a5fa73,0 18px 35px #2563eb59}.color-circle.active:after{font-weight:700;text-shadow:0 1px 4px #0009}.color-circle.active[style*="#ffffff"]:after,.color-circle[style*="255, 255, 255"].active:after{color:#111827;text-shadow:none}.category-section{padding:90px 8%;position:relative;z-index:2}.section-title{margin-bottom:55px;text-align:center}.section-title h2{font-size:clamp(26px,4vw,42px);font-weight:700;margin-bottom:12px}.section-title p{color:#94a3b8;font-size:clamp(15px,2vw,18px)}.category-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.category-card{border-radius:28px;box-shadow:0 20px 45px #00000059;cursor:pointer;height:380px;overflow:hidden;position:relative;transition:transform .4s ease,box-shadow .4s ease}.category-card:hover{box-shadow:0 30px 60px #00000073;transform:translateY(-10px)}.category-card img{height:100%;object-fit:cover;transition:transform .45s ease;width:100%}.category-card:hover img{transform:scale(1.12)}.category-overlay{background:linear-gradient(0deg,#070b14f2,#070b1426);display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:30px;position:absolute}.category-overlay h3{color:#fff;font-size:clamp(22px,3vw,30px);margin-bottom:18px}.category-overlay a{text-decoration:none}.category-overlay button{background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:40px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;min-height:44px;outline:none;padding:14px 24px;transition:transform .3s ease,box-shadow .3s ease}.category-overlay button:hover{box-shadow:0 15px 30px #2563eb66;transform:translateY(-4px)}.category-overlay button:active{transform:translateY(-1px) scale(.98)}.design-process{padding:100px 8%;position:relative;z-index:2}.process-grid{grid-gap:35px;display:grid;gap:35px;grid-template-columns:repeat(3,1fr);margin-top:60px}.process-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(145deg,#ffffff12,hsla(0,0%,100%,.025));border:1px solid #ffffff14;border-radius:25px;overflow:hidden;padding:45px 35px;position:relative;text-align:center;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}.process-card:before{background:linear-gradient(90deg,#0000,#ffffff14,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .8s ease;width:100%}.process-card:hover:before{left:100%}.process-card:hover{border-color:#2563eb;box-shadow:0 20px 40px #2563eb40;transform:translateY(-12px)}.step-number{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;box-shadow:0 8px 20px #2563eb59;color:#fff;display:flex;font-weight:700;height:42px;justify-content:center;position:absolute;right:20px;top:20px;width:42px}.process-icon{color:#60a5fa;font-size:clamp(40px,5vw,55px);margin-bottom:25px;transition:transform .35s ease,color .35s ease}.process-card:hover .process-icon{color:#ec4899;transform:rotate(-10deg) scale(1.15)}.process-card h3{font-size:clamp(20px,3vw,26px);font-weight:700;margin-bottom:18px}.process-card p{color:#cbd5e1;font-size:clamp(14px,2vw,16px);line-height:1.8}section{position:relative;z-index:2}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#070b14}::-webkit-scrollbar-thumb{background:linear-gradient(#2563eb,#7c3aed);border-radius:30px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#ec4899,#2563eb)}::selection{background:#2563eb;color:#fff}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media (max-width:1200px){.hero-section{gap:40px}.shirt-card{height:470px;width:470px}.floating-mini-card.top{right:15px}.floating-mini-card.bottom{left:15px}}@media (max-width:992px){.hero-section{flex-direction:column;min-height:auto;padding:70px 6% 50px;text-align:center}.hero-left{align-items:center;display:flex;flex-direction:column}.hero-left p{max-width:650px}.hero-buttons{justify-content:center}.hero-right{margin-top:20px;width:100%}.shirt-card{height:480px;width:480px}.floating-mini-card.top{right:10px}.floating-mini-card.bottom{left:10px}.category-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr}}@media (max-width:768px){.blob,.shirt-card:after{filter:blur(70px)}.hero-section{gap:25px;padding:45px 20px 30px}.hero-buttons,.hero-buttons a{width:100%}.primary-btn{justify-content:center;width:100%}.hero-right{width:100%}.shirt-card{aspect-ratio:1;height:auto;max-width:380px;width:100%}.discount-badge{font-size:13px;left:15px;padding:9px 16px;top:15px}.floating-mini-card{border-radius:14px;font-size:12px;gap:7px;padding:10px 13px}.floating-mini-card svg{font-size:16px}.floating-mini-card.top{right:10px;top:70px}.floating-mini-card.bottom{bottom:55px;left:10px}.colors-section{padding:50px 20px}.color-list{gap:14px;justify-content:center}.color-circle{height:48px;width:48px}.color-circle.active:after{font-size:18px}.category-section{padding:60px 20px}.category-grid{grid-template-columns:1fr}.category-card{height:300px}.design-process{padding:60px 20px}.process-card{padding:30px 20px}}@media (max-width:480px){.hero-tag{font-size:11px;padding:8px 14px}.hero-left h1{font-size:34px}.shirt-card{max-width:300px}.floating-mini-card{font-size:11px;padding:9px 11px}.floating-mini-card.top{right:7px;top:55px}.floating-mini-card.bottom{bottom:45px;left:7px}.color-circle{height:44px;width:44px}}.color-list{align-items:center;display:flex;flex-wrap:wrap;gap:18px;justify-content:center;margin-top:25px}.color-circle{border:3px solid #0000;height:48px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;width:48px}.color-circle:hover{box-shadow:0 10px 25px #0000002e;transform:translateY(-6px) scale(1.08)}.color-circle.active{border-color:#4f46e5;box-shadow:0 0 0 5px #4f46e52e,0 12px 25px #4f46e540}.color-circle.active:after{align-items:center;color:#fff;content:"✓";display:flex;font-size:22px;font-weight:800;inset:0;justify-content:center;position:absolute;text-shadow:0 2px 5px #00000080}.color-circle[style*="#ffffff"].active:after{color:#111827;text-shadow:none}@media (max-width:768px){.color-list{gap:14px}.color-circle{height:42px;width:42px}}:root{--color-accent:#7c3aed;--color-success:#16a34a;--color-success-dark:#15803d;--color-danger:#dc2626;--color-danger-soft:#fee2e2;--color-warning:#b45309;--color-warning-soft:#fffbeb;--color-warning-strong:#d97706;--color-text:#1e293b;--color-surface:#fafafa;--radius-lg:22px;--radius-xl:28px;--transition-fast:0.2s ease;--transition-base:0.25s ease}body{background:radial-gradient(circle at top left,#dbeafe 0,#0000 35%),radial-gradient(circle at bottom right,#e0e7ff 0,#0000 35%),linear-gradient(135deg,#f8fafc,#eef2ff);font-family:Poppins,sans-serif;overflow-x:hidden}.customize-container{grid-gap:45px;align-items:start;display:grid;gap:45px;grid-template-columns:400px 1fr;min-height:100vh;padding:40px}.options{background:#fff;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 25px 60px #00000014;max-height:calc(100vh - 50px);overflow-y:auto;padding:35px;position:-webkit-sticky;position:sticky;top:25px}.options-header{margin-bottom:8px;text-align:center}.options-header h2{color:#1e293b;color:var(--color-text);font-size:26px;font-weight:700;position:relative}.options-header h2:after{background:linear-gradient(90deg,#2563eb,#7c3aed);background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:50px;content:"";display:block;height:4px;margin:12px auto 0;width:60px}.options-subtitle{color:#94a3b8;font-size:13.5px;margin-top:12px}.option-section{border-top:1px solid #f1f5f9;margin-top:28px;padding-top:22px}.option-section:first-of-type{margin-top:30px}.section-heading{gap:10px;margin-bottom:14px}.section-heading,.section-icon{align-items:center;display:flex}.section-icon{background:linear-gradient(135deg,#eff6ff,#ede9fe);border-radius:10px;border-radius:var(--radius-sm);color:#2563eb;color:var(--color-primary);font-size:14px;height:32px;justify-content:center;min-width:32px;padding:9px;width:32px}.section-heading h3{color:#1e293b;color:var(--color-text);font-size:16px;font-weight:700}.section-hint{color:#94a3b8;font-size:12.5px;line-height:1.5;margin:-4px 0 4px}.options label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px;margin-top:16px}.option-section>label:first-of-type{margin-top:0}.options input[type=text],.options select{background:#fafafa;background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:14px;border-radius:var(--radius-md);color:#1e293b;color:var(--color-text);font-size:14.5px;padding:14px 15px;transition:.25s ease;transition:var(--transition-base);width:100%}.options input[type=text]:focus,.options select:focus{background:#fff;border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 5px #2563eb1a;outline:none}.options input[type=color]:focus-visible,.options input[type=range]:focus-visible,.options input[type=text]:focus-visible,.options select:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}.file-upload-wrap{background:#fafafa;background:var(--color-surface);border:2px dashed #d1d5db;border-radius:14px;border-radius:var(--radius-md);padding:14px;text-align:center;transition:.25s ease;transition:var(--transition-base)}.file-upload-wrap:hover{background:#f0f5ff}.file-upload-wrap.dragging,.file-upload-wrap:hover{border-color:#2563eb;border-color:var(--color-primary)}.file-upload-wrap.dragging{background:#eff6ff;box-shadow:0 0 0 4px #2563eb1f}.dropzone-hint{color:#9ca3af;display:block;font-size:12px;margin-top:8px}.ai-generate-wrap{border-top:1px dashed #e5e7eb;margin-top:16px;padding-top:16px}.ai-generate-wrap label{align-items:center;display:flex;gap:6px}.ai-generate-icon{color:#2563eb;color:var(--color-primary)}.ai-generate-wrap textarea{border:1px solid #d1d5db;border-radius:14px;border-radius:var(--radius-md);font-family:inherit;font-size:13.5px;margin-top:8px;padding:10px 12px;resize:vertical;transition:.25s ease;transition:var(--transition-base);width:100%}.ai-generate-wrap textarea:focus-visible{border-color:#2563eb;border-color:var(--color-primary);outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}.ai-generate-wrap textarea:disabled{background:#f3f4f6;cursor:not-allowed}.ai-generate-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--color-primary),#3b82f6);border:none;border-radius:14px;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;height:42px;justify-content:center;margin-top:8px;transition:.25s ease;transition:var(--transition-base);width:100%}.ai-generate-btn:hover:not(:disabled){box-shadow:0 12px 24px #2563eb40;transform:translateY(-2px)}.ai-generate-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.65;transform:none}.ai-generate-btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}.options input[type=file]{font-size:13px;width:100%}.options input[type=range]{accent-color:#2563eb;accent-color:var(--color-primary);margin-top:10px;width:100%}.options input[type=color]{background:none;border:none;border-radius:10px;border-radius:var(--radius-sm);cursor:pointer;height:42px;width:60px}.character-count{color:#9ca3af;display:block;font-size:12.5px;margin-top:6px}.font-size{background:#2563eb;background:var(--color-primary);border-radius:30px;color:#fff;float:right;font-size:11.5px;padding:3px 11px}.text-style-row{grid-gap:24px;align-items:end;display:grid;gap:24px;grid-template-columns:auto 1fr}.font-size-control label{align-items:center;display:flex;justify-content:space-between}.quantity-stepper{align-items:center;background:#fafafa;background:var(--color-surface);border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:50px;display:inline-flex;gap:14px;padding:6px}.quantity-stepper button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 10px #00000014;color:#2563eb;color:var(--color-primary);cursor:pointer;display:flex;font-size:12px;height:34px;justify-content:center;transition:.2s ease;transition:var(--transition-fast);width:34px}.quantity-stepper button:hover:not(:disabled){background:#2563eb;background:var(--color-primary);color:#fff}.quantity-stepper button:disabled{cursor:not-allowed;opacity:.4}.quantity-value{color:#1e293b;color:var(--color-text);font-weight:700;min-width:20px;text-align:center}.color-grid{grid-gap:16px 10px;display:grid;gap:16px 10px;grid-template-columns:repeat(3,1fr);margin-top:12px}.color-item{flex-direction:column;gap:6px}.color-circle,.color-item{align-items:center;display:flex}.color-circle{border:3px solid #fff;border-radius:50%;box-shadow:0 8px 16px #0000001f;cursor:pointer;height:42px;justify-content:center;transition:.25s ease;transition:var(--transition-base);width:42px}.color-circle:hover{transform:scale(1.1)}.active-color{border:3px solid #2563eb;border:3px solid var(--color-primary);box-shadow:0 0 0 3px #2563eb2e;transform:scale(1.12)}.color-check{font-size:13px}.color-label{color:#6b7280;font-size:11px;font-weight:500}.size-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-top:10px}.size-btn{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:12px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:11px;transition:.2s ease;transition:var(--transition-fast)}.size-btn:hover{border-color:#93c5fd;transform:translateY(-2px)}.active-size{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 10px 20px #2563eb40}.active-size,.price-box{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.price-box{border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 20px 40px #2563eb40;margin-top:30px;padding:25px}.price-box h3{font-size:20px;font-weight:700;margin-bottom:18px;text-align:center}.price-box .price-section{display:flex;flex-direction:column}.price-row{align-items:center;color:#ffffffe6;display:flex;font-size:14.5px;justify-content:space-between;margin:12px 0}.price-row-muted{border-top:1px dashed #ffffff38;font-size:12.5px;margin-top:2px;opacity:.75;padding-top:8px}.price-free{color:#bbf7d0;font-weight:700;letter-spacing:.3px}.free-delivery-hint{background:#ffffff24;border:1px dashed #fff6;border-radius:10px;color:#fff;font-size:12.5px;margin-top:12px;padding:10px 12px;text-align:center}.price-box hr{border:none;border-top:1px solid #ffffff40;margin:16px 0}.price-box h2{align-items:center;display:flex;font-size:26px;justify-content:space-between}.gst-note{color:#ffffffbf;display:block;font-size:11px;margin-top:8px;text-align:right}.button-group{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-top:18px}.option-section+.button-group{margin-top:28px}.buy-now-btn,.cart-btn,.reset-btn,.save-btn{align-items:center;border:none;border-radius:13px;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:8px;height:50px;justify-content:center;overflow:hidden;text-overflow:ellipsis;transition:.25s ease;transition:var(--transition-base);white-space:nowrap;width:100%}.save-btn{background:linear-gradient(135deg,#2563eb,#3b82f6);background:linear-gradient(135deg,var(--color-primary),#3b82f6)}.save-btn:hover:not(:disabled){box-shadow:0 16px 30px #2563eb4d;transform:translateY(-3px)}.buy-now-btn:disabled,.cart-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.65}.cart-btn{background:linear-gradient(135deg,#16a34a,#15803d);background:linear-gradient(135deg,var(--color-success),var(--color-success-dark))}.cart-btn:hover:not(:disabled){box-shadow:0 16px 30px #16a34a4d;transform:translateY(-3px)}.buy-now-btn{background:linear-gradient(135deg,#7c3aed,#a855f7);background:linear-gradient(135deg,var(--color-accent),#a855f7);color:#fff}.buy-now-btn:hover:not(:disabled){box-shadow:0 16px 30px #7c3aed4d;transform:translateY(-3px)}.reset-btn{background:#f3f4f6;color:#374151}.reset-btn:hover{background:#e5e7eb;transform:translateY(-3px)}.buy-now-btn:focus-visible,.cart-btn:focus-visible,.reset-btn:focus-visible,.save-btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}.uploaded-thumb-row{align-items:center;background:#f8fafc;border-radius:14px;border-radius:var(--radius-md);display:flex;gap:14px;margin-top:14px;padding:10px}.uploaded-thumb{background:#fff;border:2px solid #e5e7eb;border:2px solid var(--color-border);border-radius:12px;height:56px;object-fit:contain;padding:4px;width:56px}.uploaded-thumb-info{display:flex;flex:1 1;flex-direction:column;gap:6px}.uploaded-thumb-info span{color:#16a34a;color:var(--color-success);font-size:13px;font-weight:600}.remove-image-btn{align-items:center;background:#fee2e2;background:var(--color-danger-soft);border:none;border-radius:10px;color:#dc2626;color:var(--color-danger);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:6px 12px;transition:.2s ease;transition:var(--transition-fast);width:-webkit-fit-content;width:fit-content}.remove-image-btn:hover{background:#dc2626;background:var(--color-danger);color:#fff}.save-message{border-radius:12px;font-size:14px;font-weight:600;margin-top:18px;padding:10px;text-align:center}.save-message.success{background:#f0fdf4;color:#16a34a;color:var(--color-success)}.save-message.error{background:#fef2f2;color:#dc2626;color:var(--color-danger)}.save-message.warning{background:#fffbeb;background:var(--color-warning-soft);border:1px solid #fde68a;color:#b45309;color:var(--color-warning);line-height:1.5;text-align:left}.toast-popup{align-items:center;animation:toast-slide-in .25s ease;border-radius:14px;border-radius:var(--radius-md);box-shadow:0 20px 45px #0000002e;display:flex;font-size:14px;font-weight:500;gap:10px;left:50%;line-height:1.4;max-width:min(92vw,420px);padding:13px 16px;position:fixed;top:22px;transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2000}.toast-icon{display:flex;flex-shrink:0;font-size:17px}.toast-message{flex:1 1}.toast-close{align-items:center;background:none;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;margin:-4px -4px -4px 0;opacity:.65;padding:4px;transition:.2s ease;transition:var(--transition-fast)}.toast-close:hover{background:#0000000f;opacity:1}.toast-close:focus-visible{outline:2px solid currentColor;outline-offset:2px}.toast-success{background:#f0fdf4;border:1px solid #bbf7d0;color:#15803d;color:var(--color-success-dark)}.toast-error{background:#fee2e2;background:var(--color-danger-soft);border:1px solid #fecaca;color:#991b1b}@keyframes toast-slide-in{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:480px){.toast-popup{left:16px;max-width:none;right:16px;top:14px;transform:none;width:auto}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}}.quality-modal-backdrop{align-items:center;animation:quality-fade-in .15s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.quality-modal{animation:quality-pop-in .2s ease;background:#fff;border-radius:22px;border-radius:var(--radius-lg);box-shadow:0 30px 70px #0000004d;max-width:420px;padding:30px 28px 26px;text-align:center;width:100%}.quality-modal-icon{align-items:center;background:#fffbeb;background:var(--color-warning-soft);border-radius:50%;color:#d97706;color:var(--color-warning-strong);display:flex;font-size:20px;height:54px;justify-content:center;margin:0 auto 16px;width:54px}.quality-modal h3{color:#1e293b;color:var(--color-text);font-size:18px;font-weight:700;margin-bottom:10px}.quality-modal p{color:#64748b;color:var(--color-text-muted);font-size:14px;line-height:1.6}.quality-modal p strong{color:#1e293b;color:var(--color-text)}.quality-modal-actions{display:flex;flex-direction:column;gap:10px;margin-top:22px}.quality-modal-keep,.quality-modal-remove{border:none;border-radius:12px;cursor:pointer;font-size:14px;font-weight:600;padding:13px;transition:.2s ease;transition:var(--transition-fast);width:100%}.quality-modal-keep{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff}.quality-modal-keep:hover{box-shadow:0 12px 24px #2563eb47;transform:translateY(-2px)}.quality-modal-remove{background:#fee2e2;background:var(--color-danger-soft);color:#dc2626;color:var(--color-danger)}.quality-modal-remove:hover{background:#dc2626;background:var(--color-danger);color:#fff}.quality-modal-keep:focus-visible,.quality-modal-remove:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}@keyframes quality-fade-in{0%{opacity:0}to{opacity:1}}@keyframes quality-pop-in{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (prefers-reduced-motion:reduce){.quality-modal,.quality-modal-backdrop{animation:none}.quality-modal-keep:hover,.quality-modal-remove:hover{transform:none}}.spinner{animation:spin .8s linear infinite;border:3px solid #fff6;border-top-color:#fff;display:inline-block;height:16px;width:16px}.upload-status{color:#2563eb;color:var(--color-primary);display:block;font-size:12.5px;font-weight:600;margin-top:10px}.preview{align-items:center;display:flex;flex-direction:column}.preview-price{max-width:520px;width:100%}.view-toggle{background:#fff;border-radius:50px;box-shadow:0 10px 25px #00000014;display:inline-flex;gap:4px;margin-bottom:20px;padding:5px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:50px;color:#64748b;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:8px;padding:10px 20px;transition:.25s ease;transition:var(--transition-base)}.toggle-btn.active{background:linear-gradient(135deg,#2563eb,#7c3aed);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));box-shadow:0 8px 18px #2563eb4d;color:#fff}.toggle-btn:not(.active):hover{background:#f1f5f9}.toggle-btn:focus-visible{outline:2px solid #2563eb;outline:2px solid var(--color-primary);outline-offset:2px}.preview-card{align-items:center;background:#fff;border-radius:35px;box-shadow:0 25px 70px #0000001f;display:flex;height:650px;justify-content:center;position:relative;width:520px}.preview-card:before{background:radial-gradient(circle at top,#fff,#f3f4f6);border-radius:35px;content:"";inset:0;position:absolute;z-index:0}.tshirt-preview{animation:float 3s ease-in-out infinite;border-radius:28px;box-shadow:0 20px 40px #00000026;height:390px;position:relative;transition:.4s;width:320px;z-index:5}.tshirt-preview:after,.tshirt-preview:before{background:inherit;content:"";height:95px;position:absolute;top:35px;width:95px;z-index:-1}.tshirt-preview:before{border-radius:35px 0 0 40px;left:-42px;transform:rotate(30deg)}.tshirt-preview:after{border-radius:0 35px 40px 0;right:-42px;transform:rotate(-30deg)}.fabric-shade{background:radial-gradient(circle at 30% 15%,#ffffff80 0,#fff0 40%),linear-gradient(160deg,#ffffff47,#fff0 35%,#0000 60%,#00000029);inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute;z-index:1}.neck{background:#eef2f7;border-radius:0 0 60px 60px;box-shadow:inset 0 -6px 10px #00000014;height:42px;left:50%;position:absolute;top:-2px;transform:translateX(-50%);width:80px;z-index:10}.stitch{border:2px dashed #00000014;border-radius:18px;inset:8px;pointer-events:none;position:absolute;z-index:2}.center-guide-h,.center-guide-v{background:repeating-linear-gradient(180deg,#2563eb8c 0 6px,#0000 6px 12px);pointer-events:none;position:absolute;z-index:15}.center-guide-v{bottom:0;left:50%;top:0;transform:translateX(-50%);width:1px}.center-guide-h{background:repeating-linear-gradient(90deg,#2563eb8c 0 6px,#0000 6px 12px);height:1px;left:0;right:0;top:50%;transform:translateY(-50%)}.design-image{object-fit:contain}.design-image,.design-text{border-radius:4px;cursor:pointer;height:100%;transition:box-shadow .15s;width:100%}.design-text{align-items:center;display:flex;font-weight:700;justify-content:center;text-align:center;word-break:break-word}.design-selected{box-shadow:0 0 0 2px #2563eb,0 0 0 6px #2563eb26;box-shadow:0 0 0 2px var(--color-primary),0 0 0 6px #2563eb26;cursor:grab}.design-selected:active{cursor:grabbing}.preview-empty-hint{align-items:center;color:#00000047;display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;padding:0 30px;pointer-events:none;position:absolute;text-align:center;z-index:3}.preview-empty-hint svg{font-size:26px}.preview-empty-hint p{font-size:12.5px;font-weight:600;line-height:1.5}.element-toolbar{align-items:center;background:#fff;border-radius:50px;box-shadow:0 10px 25px #0000001a;color:#475569;display:flex;font-size:13px;font-weight:600;gap:10px;margin-top:16px;padding:8px 10px 8px 16px}.element-toolbar button{align-items:center;background:#eff6ff;border:none;border-radius:40px;color:#2563eb;color:var(--color-primary);cursor:pointer;display:inline-flex;font-size:12.5px;font-weight:600;gap:6px;padding:8px 14px;transition:.2s ease;transition:var(--transition-fast)}.element-toolbar button:hover{background:#dbeafe}.element-toolbar-remove{background:#fee2e2!important;background:var(--color-danger-soft)!important;color:#dc2626!important;color:var(--color-danger)!important}.element-toolbar-remove:hover{background:#dc2626!important;background:var(--color-danger)!important;color:#fff!important}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.rotate{animation:none;transform:rotateY(180deg)}.stock-badge{border-radius:6px;display:inline-block;font-size:13px;font-weight:500;margin:8px 0 4px;padding:6px 10px}.stock-badge.in{background:#fffbeb;border:1px solid #fde68a;color:#b45309}.stock-badge.out{border:1px solid #fecaca;color:#dc2626}.buy-now-btn:disabled,.cart-btn:disabled{background:#9ca3af!important;cursor:not-allowed;opacity:.55}.stock-badge{animation:fadeIn .25s;border-radius:12px;display:flex;flex-direction:column;font-weight:600;gap:4px;margin-top:14px;padding:14px 16px}.stock-badge small{font-size:13px;font-weight:500;line-height:1.4;opacity:.9}.stock-badge.in{background:#ecfdf5;border:1px solid #16a34a;color:#166534}.stock-badge.low{background:#fff7ed;border:1px solid #f59e0b;color:#b45309}.stock-badge.critical{background:#fef2f2;border:1px solid #ef4444;color:#b91c1c}.stock-badge.out{background:#fef2f2;border:1px solid #dc2626;color:#991b1b}@media (max-width:1100px){.customize-container{grid-template-columns:1fr}.options{max-height:none;position:relative;top:0}.preview-card{height:560px;width:100%}}@media (max-width:768px){.preview-card{height:460px}.tshirt-preview{height:300px;width:240px}.button-group{grid-template-columns:1fr}.color-grid{grid-template-columns:repeat(3,1fr);justify-content:center}.text-style-row{gap:16px;grid-template-columns:1fr}.element-toolbar,.view-toggle{justify-content:center;width:100%}.element-toolbar{flex-wrap:wrap}.quantity-stepper{width:-webkit-fit-content;width:fit-content}}@media (prefers-reduced-motion:reduce){.tshirt-preview{animation:none}.rotate{transform:none}.toast-popup{animation:none}.buy-now-btn,.cart-btn,.color-circle,.quantity-stepper button,.reset-btn,.save-btn,.size-btn,.toggle-btn{transition:none}.buy-now-btn:hover:not(:disabled),.cart-btn:hover:not(:disabled),.color-circle:hover,.reset-btn:hover,.save-btn:hover:not(:disabled),.size-btn:hover{transform:none}.spinner{animation-duration:1.6s}}.auth-container{align-items:center;animation:bgMove 12s ease infinite;background:radial-gradient(circle at top left,#ff4d6d22,#0000 35%),radial-gradient(circle at bottom right,#4f46e522,#0000 35%),linear-gradient(135deg,#111827,#0f172a,#1e293b);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;padding:30px}@keyframes bgMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.auth-card{animation:fadeUp .6s ease;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffff14;border:1px solid #ffffff26;border-radius:24px;box-shadow:0 15px 50px #00000059,inset 0 1px #ffffff26;color:#fff;max-width:430px;padding:45px 38px;width:100%}.auth-card h2{color:#fff;font-size:34px;font-weight:700;letter-spacing:-.5px;margin-bottom:10px}.auth-subtitle{color:#cbd5e1;font-size:15px;line-height:1.5;margin-bottom:30px}.auth-card input{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:14px;color:#fff;font-size:15px;margin-bottom:16px;outline:none;padding:15px 18px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;width:100%}.auth-card input::placeholder{color:#94a3b8}.auth-card input:hover{border-color:#ffffff38}.auth-card input:focus{background:#ffffff1a;border-color:#ff4d6d;box-shadow:0 0 0 4px #ff4d6d26}.password-wrapper{margin-bottom:8px;position:relative}.password-wrapper input{margin-bottom:0;padding-right:48px}.auth-card .toggle-password{all:unset;border-radius:8px;color:#cbd5e1;cursor:pointer;font-size:18px;line-height:1;padding:4px;position:absolute;right:16px;top:50%;transform:translateY(-50%);transition:color .2s ease,background .2s ease}.auth-card .toggle-password:focus-visible,.auth-card .toggle-password:hover{background:#ffffff14;color:#fff;transform:translateY(-50%)}.auth-card .toggle-password:active{transform:translateY(-50%) scale(.92)}.forgot-row{display:flex;justify-content:flex-end;margin-bottom:22px}.forgot-row a{color:#cbd5e1;font-size:13.5px;text-decoration:none;transition:color .2s ease}.forgot-row a:hover{color:#ff4d6d}.auth-card .primary-btn{background:linear-gradient(135deg,#ff4d6d,#ff1e56);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:4px;padding:15px;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease;width:100%}.auth-card .primary-btn:hover:not(:disabled){box-shadow:0 12px 30px #ff4d6d59;transform:translateY(-3px)}.auth-card .primary-btn:active:not(:disabled){transform:scale(.98)}.auth-card .primary-btn:disabled{cursor:not-allowed;opacity:.6}.auth-divider{align-items:center;display:flex;margin:26px 0}.auth-divider:after,.auth-divider:before{background:#ffffff2e;content:"";flex:1 1;height:1px}.auth-divider span{color:#cbd5e1;font-size:13px;letter-spacing:.5px;padding:0 15px}.google-login-btn{align-items:center;background:#fff;border:1px solid #ffffff26;border-radius:50px;color:#222;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:12px;justify-content:center;padding:15px;transition:transform .3s ease,box-shadow .3s ease,background .3s ease,opacity .3s ease;width:100%}.google-login-btn:hover:not(:disabled){background:#fafafa;box-shadow:0 10px 30px #ffffff2e;transform:translateY(-3px)}.google-login-btn:active:not(:disabled){transform:scale(.98)}.google-login-btn:disabled{cursor:not-allowed;opacity:.6}.google-login-btn svg{color:#db4437;font-size:20px}.auth-switch{color:#cbd5e1;font-size:15px;margin-top:28px;text-align:center}.auth-switch a{color:#ff4d6d;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-switch a:hover{color:#ff7d95}.password-wrapper input::-ms-clear,.password-wrapper input::-ms-reveal{display:none}.password-wrapper input::-webkit-credentials-auto-fill-button{display:none!important}.error-box{animation:fadeUp .3s ease;background:#ef444426;border:1px solid #ef444459;border-radius:12px;color:#fecaca;font-size:14px;margin-bottom:18px;padding:14px}@media(max-width:768px){.auth-container{padding:20px}.auth-card{padding:35px 25px}.auth-card h2{font-size:28px}.auth-subtitle{font-size:14px}.auth-card input,.google-login-btn{padding:14px}}@media(max-width:420px){.auth-card{padding:30px 20px}.auth-card h2{font-size:24px}.auth-switch{font-size:14px}}.designs-container{--canvas:#faf9f6;--canvas-alt:#f2f1fb;--surface:#fff;--border:#e7e5e0;--ink:#4f46e5;--ink-deep:#33269a;--gold:#b8791f;--charcoal:#1f2937;--text-muted:#6b7280;--success:#059669;--danger:#e11d48;--font-display:"Space Grotesk","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;background:var(--canvas);background-image:radial-gradient(var(--border) 1px,#0000 1px);background-size:22px 22px;color:var(--charcoal);font-family:var(--font-body);min-height:100vh;padding:48px 40px 80px}.designs-container h1{color:var(--ink-deep);font-family:var(--font-display);font-size:2.6rem;font-weight:700;letter-spacing:-.01em;margin-bottom:8px;text-align:center}.designs-container h1:after{background:linear-gradient(90deg,var(--ink),var(--gold));border-radius:2px;content:"";display:block;height:3px;margin:18px auto 0;width:56px}.design-grid{grid-gap:26px;counter-reset:design-counter;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:48px auto 0;max-width:1280px}.design-card{align-content:flex-start;background:var(--surface);border:1px solid var(--border);border-radius:18px;box-shadow:0 1px 2px #1f29370a,0 12px 28px #1f293714;counter-increment:design-counter;display:flex;flex-wrap:wrap;padding:20px;position:relative;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease}.design-card:hover{border-color:#4f46e54d;box-shadow:0 4px 10px #1f29370f,0 20px 40px #1f293724;transform:translateY(-6px)}.color-preview,.design-preview{border-radius:12px;flex:0 0 100%;height:220px;margin-bottom:18px;width:100%}.design-preview{background:var(--canvas-alt);object-fit:contain;padding:10px}.color-preview,.design-preview{border:1px solid var(--border)}.design-card h3{border-bottom:1px dashed var(--border);color:var(--charcoal);flex:0 0 100%;font-family:var(--font-display);font-size:1.15rem;font-weight:600;margin:0 0 14px;padding-bottom:12px}.design-card p:not(.price){color:var(--text-muted);flex:0 0 50%;font-size:13px;margin:0 0 14px;padding-right:10px}.design-card p:not(.price) strong{color:var(--ink);display:block;font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.08em;margin-bottom:3px;text-transform:uppercase}.price{border-top:1px dashed var(--border);color:var(--success)!important;flex:0 0 100%;font-family:var(--font-mono);font-size:1.3rem;font-weight:600;margin:4px 0;padding-top:10px}.cart-btn{align-self:center;background:linear-gradient(135deg,var(--ink),#6366f1);border:none;border-radius:9px;box-shadow:0 5px 12px #4f46e52e;color:#fff;cursor:pointer;flex:0 0 auto;font-family:var(--font-body);font-size:13px;font-weight:600;line-height:1.2;margin:12px auto 0;max-width:100%;padding:9px 18px;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;width:190px}.cart-btn:hover:not(:disabled){box-shadow:0 8px 18px #4f46e542;filter:brightness(1.03);transform:translateY(-2px)}.cart-btn:active:not(:disabled){transform:translateY(0)}.cart-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.cart-btn:focus-visible{outline:2px solid var(--ink-deep);outline-offset:3px}.design-actions{align-items:center;display:flex;flex:0 0 100%;gap:14px;justify-content:flex-start;margin-top:10px}.design-actions .design-action-btn{align-items:center;appearance:none;-webkit-appearance:none;border:0!important;border-radius:0!important;cursor:pointer;display:inline-flex;font-size:0;justify-content:center;line-height:1;min-height:22px!important;min-width:22px!important;outline:none;transition:color .2s ease,transform .2s ease,opacity .2s ease}.design-actions .design-action-btn,.design-actions .edit-btn{background:#0000!important;box-shadow:none!important;flex:0 0 auto!important;height:22px!important;margin:0!important;padding:0!important;width:22px!important}.design-actions .edit-btn{border:none!important;border-radius:0!important;color:#64748b!important}.design-actions .edit-btn:hover{background:#0000!important;box-shadow:none!important;color:#2563eb!important;transform:scale(1.15)}.design-actions .delete-btn{background:#0000!important;border:none!important;border-radius:0!important;box-shadow:none!important;color:#94a3b8!important;flex:0 0 auto!important;height:22px!important;margin:0!important;padding:0!important;width:22px!important}.design-actions .delete-btn:hover{background:#0000!important;box-shadow:none!important;color:#dc2626!important;transform:scale(1.15)}.design-actions .design-action-btn svg{display:block;flex-shrink:0;height:17px;width:17px}.design-actions .design-action-btn:disabled{background:#0000!important;border:none!important;box-shadow:none!important;cursor:not-allowed;flex:0 0 auto!important;height:22px!important;opacity:.4;padding:0!important;transform:none;width:22px!important}.design-actions .design-action-btn:focus{background:#0000!important;border:none!important;box-shadow:none!important;outline:none!important}.design-actions .design-action-btn:focus-visible{border-radius:3px!important;outline:2px solid var(--ink)!important;outline-offset:3px}.empty-state{color:var(--text-muted);margin-top:100px;text-align:center}.empty-state h3{color:var(--charcoal);font-family:var(--font-display);font-size:1.4rem;margin-bottom:10px}.loading{color:var(--text-muted);font-family:var(--font-mono);font-size:14px;letter-spacing:.04em;margin-top:100px;text-align:center}.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1f29378c;z-index:1000}.popup-box{animation:popupFade .25s ease;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 60px #1f293740;padding:26px;width:320px}.popup-box h3{margin-bottom:10px}.popup-box p{color:var(--text-muted);margin-bottom:22px}.popup-buttons button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:14.5px;font-weight:600;padding:11px;transition:filter .2s ease,transform .2s ease,background .2s ease}.confirm-btn{background:var(--danger)}.confirm-btn:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}.confirm-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.popup-buttons .cancel-btn{background:var(--canvas-alt);border:1px solid var(--border);color:var(--charcoal);flex:1 1;width:auto}.popup-buttons .cancel-btn:hover{background:#e5e3f2;transform:translateY(-1px)}@keyframes popupFade{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.designs-container{padding:32px 20px 70px}.design-grid{grid-template-columns:1fr}.designs-container h1{font-size:2rem}.design-card p:not(.price){flex:0 0 100%}.design-actions{justify-content:flex-start}.cart-btn{width:190px}}@media (max-width:480px){.designs-container{padding:28px 14px 60px}.design-card{padding:16px}.color-preview,.design-preview{height:200px}.designs-container h1{font-size:1.8rem}.popup-box{max-width:320px;padding:22px;width:calc(100% - 32px)}.cart-btn{font-size:12.5px;padding:9px 14px;width:175px}}@media (prefers-reduced-motion:reduce){.cart-btn,.confirm-btn,.design-action-btn,.design-card,.popup-buttons .cancel-btn{transition:none}.cart-btn:hover,.confirm-btn:hover,.design-action-btn:hover,.design-card:hover,.popup-buttons .cancel-btn:hover{transform:none}}.cart-container{--ink:#4f46e5;--ink-deep:#33269a;--canvas:#faf9f6;--canvas-alt:#f2f1fb;--paper:#fffdf8;--charcoal:#1f2937;--slate:#6b7280;--amber:#d97706;--coral:#e11d48;--emerald:#059669;--line:#e7e5e0;--font-display:"Space Grotesk","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;background:var(--canvas);background-image:radial-gradient(var(--line) 1px,#0000 1px);background-size:22px 22px;color:var(--charcoal);font-family:var(--font-body);min-height:100vh;padding:48px 6% 90px}.cart-title{color:var(--ink-deep);font-family:var(--font-display);font-size:2.2rem;font-weight:700;letter-spacing:-.01em;margin:0 0 8px;text-align:center}.cart-title:after{background:linear-gradient(90deg,var(--ink),var(--amber));border-radius:2px;content:"";display:block;height:3px;margin:16px auto 34px;width:52px}.cart-select-all-row{background:#fffc;border-radius:10px;gap:18px;margin:0 auto 26px;min-width:260px;padding:10px 18px;width:-webkit-fit-content;width:fit-content}.cart-select-all,.cart-select-all-row{align-items:center;display:flex;justify-content:center}.cart-select-all{color:var(--charcoal);cursor:pointer;font-size:14px;font-weight:600;gap:8px;white-space:nowrap}.cart-select-all input{accent-color:var(--ink);cursor:pointer;height:17px;margin:0;width:17px}.cart-select-count{color:var(--slate);font-size:13px;white-space:nowrap}.cart-grid{grid-gap:26px;display:grid;gap:26px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:0 auto;max-width:1200px}.cart-card{--swatch:var(--ink);background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 1px 2px #1f29370a,0 12px 28px #1f293714;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease,opacity .2s ease,border-color .2s ease}.cart-card:hover{box-shadow:0 4px 10px #1f29370f,0 20px 40px #1f293724;transform:translateY(-6px)}.cart-card:before{background:var(--swatch);content:"";height:4px;left:0;position:absolute;right:0;top:0;z-index:1}.cart-grid .cart-card:nth-of-type(5n+1){--swatch:var(--ink)}.cart-grid .cart-card:nth-of-type(5n+2){--swatch:var(--amber)}.cart-grid .cart-card:nth-of-type(5n+3){--swatch:var(--coral)}.cart-grid .cart-card:nth-of-type(5n+4){--swatch:var(--emerald)}.cart-grid .cart-card:nth-of-type(5n+5){--swatch:var(--ink-deep)}.cart-card-selected{border:2px solid #2563eb}.cart-card-unselected{opacity:.55}.cart-item-checkbox{align-items:center;display:flex;justify-content:center;left:12px;position:absolute;top:12px;z-index:3}.cart-item-checkbox input{accent-color:#2563eb;cursor:pointer;height:18px;margin:0;width:18px}.cart-image{object-fit:contain;width:100%}.cart-image,.cart-no-image{background:var(--canvas-alt);height:220px}.cart-no-image{align-items:center;color:var(--slate);display:flex;font-family:var(--font-mono);font-size:15px;justify-content:center}.cart-details{display:flex;flex:1 1;flex-direction:column;padding:20px}.cart-details h3{border-bottom:1px dashed var(--line);color:var(--charcoal);font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:0 0 12px;padding-bottom:12px}.cart-details p{color:var(--slate);font-size:14px;margin:6px 0}.cart-details p b{color:var(--charcoal);font-weight:600}.cart-price{border-top:1px dashed var(--line);color:var(--emerald)!important;font-family:var(--font-mono);font-size:1.35rem!important;font-weight:600;margin-top:auto!important;padding-top:14px}.quantity-box{align-items:center;display:flex;gap:12px;margin:16px 0 6px}.quantity-box button{background:var(--canvas-alt);border:1px solid var(--line);border-radius:8px;color:var(--ink-deep);cursor:pointer;font-size:18px;font-weight:600;height:32px;padding:0;transition:background .2s ease,color .2s ease,transform .2s ease;width:32px}.quantity-box button:hover:not(:disabled){background:var(--ink);color:#fff;transform:translateY(-1px)}.quantity-box button:disabled{cursor:not-allowed;opacity:.45}.quantity-box span{font-family:var(--font-mono);font-size:15px;font-weight:600;min-width:28px;text-align:center}.item-total{color:var(--slate);font-family:var(--font-mono);font-size:13.5px;margin:8px 0 4px}.remove-btn,.save-btn{border-radius:9px;cursor:pointer;display:block;font-family:var(--font-body);font-size:13.5px;font-weight:600;margin:10px auto 0;max-width:260px;padding:10px 14px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,opacity .2s ease;width:78%}.remove-btn{background:#e11d4812;border:1px solid #e11d4840;box-shadow:none;color:var(--coral)}.remove-btn:hover:not(:disabled){background:#e11d481f;box-shadow:0 4px 10px #e11d481a;transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,var(--ink),#6366f1);box-shadow:0 5px 12px #4f46e52e}.save-btn:hover:not(:disabled){box-shadow:0 8px 16px #4f46e540;transform:translateY(-1px)}.remove-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.checkout-box{background:var(--paper);border:1px solid var(--line);border-bottom:none;border-radius:14px 14px 0 0;box-shadow:0 12px 30px #1f29371a;margin:50px auto 30px;max-width:420px;padding:32px 30px 40px;position:relative;text-align:center}.checkout-box:after{background:linear-gradient(-45deg,#0000 11px,var(--paper) 0) 0 0,linear-gradient(45deg,#0000 11px,var(--paper) 0) 0 0;background-repeat:repeat-x;background-size:22px 22px;bottom:-11px;content:"";filter:drop-shadow(0 6px 4px rgba(31,41,55,.08));height:22px;left:0;position:absolute;right:0}.checkout-box h2{color:var(--slate);font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.1em;margin:0 0 10px;text-transform:uppercase}.checkout-box h1{color:var(--emerald);font-family:var(--font-display);font-size:2.1rem;font-weight:700;margin-bottom:22px}.checkout-selected-line{color:var(--slate);font-size:13.5px;line-height:1.5;margin:6px 0 14px}.checkout-btn{background:linear-gradient(135deg,var(--ink),#6366f1);border:none;border-radius:10px;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:16px;font-weight:600;padding:14px 40px;transition:transform .25s ease,box-shadow .25s ease,opacity .2s ease}.checkout-btn:hover:not(:disabled){box-shadow:0 12px 26px #4f46e552;transform:translateY(-3px)}.checkout-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.cart-center{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:60vh;text-align:center}.cart-center h2,.cart-center h3{color:var(--charcoal);font-family:var(--font-display)}.overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.popup{animation:popupScale .25s ease;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 25px 60px #00000040;max-width:calc(100% - 32px);padding:26px;text-align:center;width:320px}.popup h3{color:var(--charcoal);font-family:var(--font-display);margin:0 0 20px}.popup p{color:var(--slate);font-size:14px;line-height:1.5;margin:0 0 20px}.cancel-btn,.confirm-btn{border-radius:10px;cursor:pointer;font-family:var(--font-body);font-size:14.5px;font-weight:600;padding:12px;transition:transform .2s ease,background .2s ease;width:100%}.confirm-btn{background:var(--coral);border:none;color:#fff}.confirm-btn:hover{background:#be123c;transform:translateY(-1px)}.cancel-btn{background:var(--canvas-alt);border:1px solid var(--line);color:var(--charcoal);margin-top:10px}.cancel-btn:hover{background:#e5e3f2;transform:translateY(-1px)}.popup-overlay{align-items:center;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.popup-box{background:#fff;border-radius:10px;box-shadow:0 25px 60px #0003;max-width:400px;padding:25px;text-align:center;width:90%}.popup-box h3{color:var(--charcoal);font-family:var(--font-display);margin:0 0 10px}.popup-box p{color:var(--slate);font-size:14px;line-height:1.5;margin:0}.popup-buttons{display:flex;gap:12px;justify-content:center;margin-top:20px}.popup-buttons .cancel-btn,.popup-buttons .confirm-btn{flex:1 1;width:auto}.popup-buttons .cancel-btn{margin-top:0}@keyframes popupScale{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.cancel-btn:focus-visible,.checkout-btn:focus-visible,.confirm-btn:focus-visible,.quantity-box button:focus-visible,.remove-btn:focus-visible,.save-btn:focus-visible{outline:2px solid var(--ink-deep);outline-offset:2px}@media (max-width:768px){.cart-container{padding:28px 5% 70px}.cart-title{font-size:1.7rem}.cart-grid{grid-template-columns:1fr}.cart-select-all-row{gap:14px;min-width:0;padding:9px 14px;width:auto}.cart-select-all{font-size:13px}.cart-select-count{font-size:12px}.remove-btn,.save-btn{max-width:none;width:82%}.checkout-box{padding:26px 20px 34px}.checkout-btn{width:100%}}@media (max-width:480px){.cart-select-all-row{flex-direction:column;gap:5px;text-align:center}.remove-btn,.save-btn{width:88%}.cart-details{padding:18px}}@media (prefers-reduced-motion:reduce){.cancel-btn,.cart-card,.checkout-btn,.confirm-btn,.quantity-box button,.remove-btn,.save-btn{transition:none}.cancel-btn:hover,.cart-card:hover,.checkout-btn:hover,.confirm-btn:hover,.remove-btn:hover,.save-btn:hover{transform:none}}:root{--stitch:#ddd6c8}.address-overlay{align-items:center;animation:overlayFade .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1c1b298c;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:1000}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}.address-modal{animation:modalRise .22s cubic-bezier(.16,1,.3,1);background:#fff;background:var(--paper);border-radius:20px;box-shadow:0 24px 60px #1c1b2940;color:#1c1b29;color:var(--ink);display:flex;flex-direction:column;font-family:Inter,sans-serif;max-height:90vh;max-width:560px;overflow:hidden;width:100%}@keyframes modalRise{0%{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.address-drag-handle{display:none}.address-header{align-items:flex-start;border-bottom:1px solid #e6e1d6;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:22px 24px 18px}.address-eyebrow{color:#e1553f;color:var(--thread);display:block;font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.address-header h2{color:#1c1b29;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:20px;font-weight:600;margin:0}.address-close-btn{align-items:center;background:#faf7f2;background:var(--canvas);border:none;border-radius:50%;color:#504a63;color:var(--ink-soft);cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:34px;justify-content:center;transition:background .15s ease,color .15s ease;width:34px}.address-close-btn:hover:not(:disabled){background:#fdece9;background:var(--thread-tint);color:#c43f2c;color:var(--thread-dark)}.address-close-btn:disabled{cursor:not-allowed;opacity:.4}.address-body{flex:1 1;overflow-y:auto;padding:20px 24px}.section-title{color:#8a8496;color:var(--muted);font-family:Space Grotesk,sans-serif;font-size:12px;font-weight:600;letter-spacing:.06em;margin:4px 0 12px;text-transform:uppercase}.stitch-divider{border-top:2px dashed #ddd6c8;border-top:2px dashed var(--stitch);height:0;margin:20px 0}.address-banner{align-items:flex-start;border-radius:10px;display:flex;font-size:13px;gap:10px;line-height:1.5;margin-bottom:18px;padding:12px 14px}.address-banner svg{flex-shrink:0;margin-top:1px}.address-banner-error{background:#fdedec;background:var(--danger-bg);color:#d64545;color:var(--danger)}.field-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr}.field-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px;min-width:0}.field-label{color:#504a63;color:var(--ink-soft);font-size:12.5px;font-weight:600}.input-icon-wrap{align-items:center;display:flex;position:relative}.input-icon{color:#8a8496;color:var(--muted);left:12px;pointer-events:none}.input-icon,.input-status-icon{font-size:15px;position:absolute}.input-status-icon{right:12px}.status-success{color:#2f8f5b;color:var(--success)}.status-error{color:#d64545;color:var(--danger)}.input-icon-wrap input,.select-wrap select{background:#fff;background:var(--paper);border:1.5px solid #e6e1d6;border:1.5px solid var(--border);border-radius:10px;color:#1c1b29;color:var(--ink);font-family:inherit;font-size:14px;padding:11px 14px 11px 38px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.select-wrap{position:relative}.select-wrap select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-left:14px;padding-right:34px}.select-wrap:after{border-bottom:2px solid #8a8496;border-bottom:2px solid var(--muted);border-right:2px solid #8a8496;border-right:2px solid var(--muted);content:"";height:8px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-65%) rotate(45deg);width:8px}.select-wrap select:disabled{background:#faf7f2;background:var(--canvas);color:#8a8496;color:var(--muted);cursor:not-allowed}.input-icon-wrap input::placeholder{color:#b7b1c2}.input-icon-wrap input:focus,.select-wrap select:focus{border-color:#1c1b29;border-color:var(--ink);box-shadow:0 0 0 3px #1c1b2914;outline:none}.input-icon-wrap.is-invalid input,.select-wrap.is-invalid select{background:#fdedec;background:var(--danger-bg);border-color:#d64545;border-color:var(--danger)}.field-hint{color:#8a8496;color:var(--muted);font-size:12px}.field-hint-success{color:#2f8f5b;color:var(--success)}.field-hint-error{color:#d64545;color:var(--danger)}.manual-field-row{align-items:center;display:flex;gap:8px}.manual-field-row .input-icon-wrap{flex:1 1}.link-btn{background:none;border:none;color:#e1553f;color:var(--thread);cursor:pointer;font-size:12.5px;font-weight:600;padding:4px 2px;white-space:nowrap}.link-btn:hover{color:#c43f2c;color:var(--thread-dark);text-decoration:underline}.segmented-control{background:#faf7f2;background:var(--canvas);border-radius:10px;display:flex;gap:4px;padding:4px}.segmented-option{background:#0000;border:none;border-radius:8px;color:#504a63;color:var(--ink-soft);cursor:pointer;flex:1 1;font-family:inherit;font-size:13.5px;font-weight:600;padding:8px 10px;transition:background .15s ease,color .15s ease}.segmented-option.is-active{background:#1c1b29;background:var(--ink);color:#fff}.default-toggle-row{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.default-toggle-label{align-items:center;color:#1c1b29;color:var(--ink);display:flex;font-size:14px;font-weight:600;gap:8px}.default-toggle-label svg{color:#e1553f;color:var(--thread)}.toggle-switch input{display:none}.toggle-track{background:#e6e1d6;background:var(--border);border-radius:999px;display:block;height:24px;position:relative;transition:background .18s ease;width:42px}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 3px #00000040;height:18px;left:3px;position:absolute;top:3px;transition:transform .18s ease;width:18px}.toggle-switch input:checked+.toggle-track{background:#e1553f;background:var(--thread)}.toggle-switch input:checked+.toggle-track .toggle-thumb{transform:translateX(18px)}.address-footer{background:#fff;background:var(--paper);border-top:1px solid #e6e1d6;border-top:1px solid var(--border);display:flex;gap:10px;padding:16px 24px}.cancel-btn,.save-btn{align-items:center;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-family:inherit;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 18px;transition:background .15s ease,opacity .15s ease}.cancel-btn{background:#faf7f2;background:var(--canvas);border:1.5px solid #e6e1d6;border:1.5px solid var(--border);color:#504a63;color:var(--ink-soft)}.cancel-btn:hover:not(:disabled){background:#e6e1d6;background:var(--border)}.save-btn{background:#e1553f;background:var(--thread)}.save-btn:hover:not(:disabled){background:#c43f2c;background:var(--thread-dark)}.cancel-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:560px){.address-overlay{align-items:flex-end;padding:0}.address-modal{animation:sheetRise .22s cubic-bezier(.16,1,.3,1);border-radius:20px 20px 0 0;max-height:92vh;max-width:100%}@keyframes sheetRise{0%{transform:translateY(100%)}to{transform:translateY(0)}}.address-drag-handle{background:#e6e1d6;background:var(--border);border-radius:999px;display:block;height:4px;margin:10px auto 0;width:36px}.field-row{grid-template-columns:1fr}.address-footer{padding-bottom:max(16px,env(safe-area-inset-bottom))}}.checkout-container{--ink:#4f46e5;--ink-light:#6366f1;--ink-deep:#33269a;--canvas:#faf9f6;--canvas-alt:#f2f1fb;--surface:#fff;--charcoal:#1f2937;--slate:#6b7280;--slate-light:#94a3b8;--amber:#d97706;--coral:#e11d48;--emerald:#059669;--line:#e7e5e0;--line-light:#eeece8;--font-display:"Space Grotesk","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;background:var(--canvas);color:var(--charcoal);counter-reset:step-counter;font-family:var(--font-body);margin:0 auto;max-width:1200px;padding:48px 20px 90px}.checkout-container h1{color:var(--ink-deep);font-family:var(--font-display);font-size:2.25rem;font-weight:700;letter-spacing:-.02em;margin:0 0 32px;text-align:left}.checkout-container h1:after{background:linear-gradient(90deg,var(--ink),var(--ink-light));border-radius:10px;content:"";display:block;height:3px;margin-top:12px;width:48px}.checkout-message{background:#ecfdf5;border:1px solid #bbf0d3;border-radius:12px;box-shadow:0 4px 12px #0596690f;color:#15803d;font-size:14px;font-weight:600;margin-bottom:22px;padding:14px 18px}.checkout-order-processing{background:#eef2ff;border-color:#c7d2fe;color:var(--ink-deep)}.checkout-fallback-note{background:#fffbeb;border-color:#fde68a;color:#92400e}.checkout-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px #1f293708,0 8px 24px rgba(31,41,55,.055);counter-increment:step-counter;margin-bottom:22px;padding:26px;position:relative;transition:border-color .25s ease,box-shadow .25s ease}.checkout-card:hover{border-color:#ddd9f0;box-shadow:0 2px 4px #1f29370a,0 12px 30px rgba(31,41,55,.075)}.checkout-card h2{align-items:center;border-bottom:1px dashed var(--line);color:var(--charcoal);display:flex;font-family:var(--font-display);font-size:1.25rem;font-weight:600;gap:10px;margin:0 0 20px;padding-bottom:15px}.checkout-card h2:before{align-items:center;background:var(--canvas-alt);border-radius:50%;color:var(--ink);content:counter(step-counter);display:inline-flex;flex-shrink:0;font-family:var(--font-mono);font-size:11px;font-weight:600;height:26px;justify-content:center;width:26px}.checkout-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.checkout-card-header h2{border-bottom:none;margin:0;padding:0}.add-address-btn{background:linear-gradient(135deg,var(--ink),var(--ink-light));border-radius:9px;box-shadow:0 6px 16px #4f46e52e;font-family:var(--font-body);font-size:13.5px;padding:10px 17px;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.add-address-btn:hover:not(:disabled){box-shadow:0 9px 20px #4f46e540;transform:translateY(-2px)}.add-address-btn:active:not(:disabled){transform:translateY(0)}.add-address-btn:disabled{cursor:not-allowed;opacity:.55}.saved-address-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.saved-address-card{background:#fff;border:1px solid var(--line);border-radius:14px;cursor:pointer;overflow:hidden;padding:17px;position:relative;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}.saved-address-card:hover{border-color:#4f46e573;box-shadow:0 8px 20px #4f46e517;transform:translateY(-2px)}.saved-address-card.active{background:linear-gradient(135deg,#fafaff,#f5f3ff);border-color:var(--ink);box-shadow:0 8px 22px #4f46e51f}.address-top{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:14px}.address-top strong{color:var(--charcoal);font-family:var(--font-display);font-size:16px;font-weight:600}.default-badge{align-items:center;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:20px;color:var(--emerald);display:inline-flex;font-family:var(--font-mono);font-size:10px;letter-spacing:.03em;padding:4px 8px}.saved-address-card h4{color:var(--charcoal);font-family:var(--font-display);font-size:14.5px;font-weight:600;margin:0 0 7px}.saved-address-card p{color:var(--slate);font-size:13.5px;line-height:1.45;margin:3px 0}.no-address{background:var(--canvas-alt);border:1.5px dashed var(--line);border-radius:14px;padding:40px 25px}.no-address p{color:var(--slate);font-size:14px;margin:8px 0}.payment-card h2{margin-bottom:16px}.payment-method-display{align-items:center;background:linear-gradient(135deg,#f8f8ff,#f2f1fb);border:1px solid #c7d2fe;border-radius:13px;box-sizing:border-box;display:flex;gap:14px;padding:15px 16px;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.payment-method-display:hover{border-color:#4f46e573;box-shadow:0 7px 18px #4f46e514;transform:translateY(-1px)}.payment-icon{align-items:center;background:linear-gradient(135deg,var(--ink),var(--ink-light));border-radius:11px;box-shadow:0 5px 12px #4f46e533;color:#fff;display:flex;flex-shrink:0;font-family:var(--font-mono);font-size:18px;font-weight:600;height:42px;justify-content:center;width:42px}.payment-method-info{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.payment-method-info strong{color:var(--charcoal);font-family:var(--font-display);font-size:14.5px;font-weight:600}.payment-method-info span{color:var(--slate);font-size:12.5px;line-height:1.4}.payment-selected{align-items:center;background:var(--emerald);border-radius:50%;box-shadow:0 3px 8px #05966933;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:24px;justify-content:center;width:24px}.checkout-item{align-items:center;border-bottom:1px dashed var(--line);display:flex;gap:15px;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.checkout-item:last-of-type{border-bottom:none;margin-bottom:4px;padding-bottom:0}.checkout-item-left{align-items:center;display:flex;gap:13px;min-width:0}.checkout-item-thumb{background:var(--canvas-alt);border:1px solid var(--line);border-radius:10px;flex-shrink:0;height:54px;object-fit:cover;width:54px}.checkout-item h4{color:var(--charcoal);font-family:var(--font-display);font-size:14.5px;font-weight:600;margin:0 0 4px}.checkout-item p{color:var(--slate);font-size:13px;margin:3px 0}.checkout-item>strong{color:var(--charcoal);flex-shrink:0;font-family:var(--font-mono);font-size:14px;font-weight:600}.checkout-item-meta{color:var(--slate)!important;font-family:var(--font-mono);font-size:11.5px!important;margin:2px 0!important}.checkout-card hr{border:none;border-top:1px dashed var(--line);margin:18px 0}.checkout-price-breakdown{display:flex;flex-direction:column;gap:10px;margin:4px 0 6px}.checkout-price-row{align-items:center;color:var(--slate);display:flex;font-size:14px;justify-content:space-between}.checkout-price-row span:last-child{color:var(--charcoal);font-family:var(--font-mono);font-size:13px;font-weight:500}.checkout-price-free{color:var(--emerald)!important;font-family:var(--font-body)!important;font-weight:700!important}.checkout-free-delivery-hint{background:#f8f7ff;border:1px dashed #c7c4eb;border-radius:10px;color:var(--ink-deep);font-size:12px;line-height:1.45;margin:5px 0 10px;padding:10px 12px;text-align:center}.checkout-pricing-loading{color:var(--ink);display:block;font-size:12px;font-weight:600;margin-bottom:10px}.checkout-gst-note{color:var(--slate);display:block;font-size:11px;margin-top:10px;text-align:right}.checkout-total{align-items:center;background:linear-gradient(135deg,#fafaff,#f5f4fb);border:1px solid #e5e3f5;border-radius:13px;display:flex;justify-content:space-between;margin-top:20px;padding:17px 18px}.checkout-total h3{color:var(--charcoal);font-family:var(--font-display);font-size:16px;font-weight:600;margin:0}.checkout-total h2{border:none;color:var(--emerald);font-family:var(--font-mono);font-size:1.4rem;margin:0;padding:0}.checkout-total h2:before{content:none}.place-order-btn{background:linear-gradient(135deg,var(--ink),var(--ink-light));border:none;border-radius:11px;box-shadow:0 8px 20px #4f46e538;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:15.5px;font-weight:600;padding:15px 18px;transition:transform .22s ease,box-shadow .22s ease,opacity .22s ease;width:100%}.place-order-btn:hover:not(:disabled){box-shadow:0 12px 26px #4f46e54d;transform:translateY(-2px)}.place-order-btn:active:not(:disabled){transform:translateY(0)}.place-order-btn:disabled{background:#a1a1aa;box-shadow:none;cursor:not-allowed;opacity:.75}.add-address-btn:focus-visible,.place-order-btn:focus-visible{outline:2px solid var(--ink-deep);outline-offset:3px}.saved-address-card:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.checkout-loading{align-items:center;color:var(--slate);display:flex;font-family:var(--font-mono);font-size:16px;justify-content:center;min-height:60vh;text-align:center}@media (max-width:768px){.checkout-container{padding:32px 15px 70px}.checkout-container h1{font-size:1.9rem;margin-bottom:26px}.checkout-card{border-radius:15px;margin-bottom:18px;padding:21px 18px}.checkout-card h2{font-size:1.15rem}.checkout-card-header{align-items:flex-start;flex-direction:column;gap:13px}.checkout-card-header h2{margin:0}.add-address-btn{font-size:13px;padding:9px 14px;width:auto}.saved-address-list{gap:13px;grid-template-columns:1fr}.saved-address-card{padding:15px}.checkout-item{align-items:flex-start}.checkout-item-left{flex:1 1;min-width:0}.checkout-item>strong{font-size:13px}.checkout-total{padding:15px}.checkout-total h2{font-size:1.25rem}.place-order-btn{font-size:15px;padding:14px}}@media (max-width:480px){.checkout-container{padding:26px 12px 60px}.checkout-container h1{font-size:1.7rem}.checkout-card{border-radius:14px;padding:18px 15px}.checkout-card h2{font-size:1.1rem;gap:8px}.checkout-card h2:before{font-size:10px;height:23px;width:23px}.payment-method-display{gap:11px;padding:13px}.payment-icon{border-radius:9px;font-size:16px;height:38px;width:38px}.payment-method-info strong{font-size:13.5px}.payment-method-info span{font-size:11.5px}.payment-selected{font-size:12px;height:22px;width:22px}.checkout-item-thumb{height:48px;width:48px}.checkout-item h4{font-size:13.5px}.checkout-item p{font-size:12px}.checkout-total{flex-direction:row;padding:13px}.checkout-total h3{font-size:14px}.checkout-total h2{font-size:1.15rem}.place-order-btn{border-radius:10px;font-size:14px;padding:13px}}@media (prefers-reduced-motion:reduce){.add-address-btn,.checkout-card,.payment-method-display,.place-order-btn,.saved-address-card{transition:none}.add-address-btn:hover,.checkout-card:hover,.payment-method-display:hover,.place-order-btn:hover,.saved-address-card:hover{transform:none}}:root{--paper:#f6f4ef;--surface-muted:#f1efe8;--ink:#1e2430;--ink-soft:#4a5162;--ink-faint:#8a8f9c;--line:#e4e0d6;--line-strong:#d3cebf;--denim:#1e3a5f;--denim-dark:#16283f;--print-red:#d64526;--print-red-dark:#b83a1f;--thread-gold:#c8912f;--ink-green:#1f8f63;--ink-green-soft:#e6f4ee;--ink-red-soft:#fbe9e5;--ink-amber-soft:#fbf1de;--ink-blue-soft:#e9eef6;--font-display:"Space Grotesk","Inter",sans-serif;--font-body:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--shadow-card:0 1px 2px #1e24300d,0 8px 24px -12px #1e24301f;--shadow-modal:0 24px 60px -16px #14182059;color-scheme:light}.myorders-page{color:#1e2430;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);margin:0 auto;max-width:1180px;padding:40px 24px 80px}.myorders-header{align-items:flex-end;border-bottom:1px solid #e4e0d6;border-bottom:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;margin-bottom:32px;padding-bottom:24px}.myorders-header h1{color:#16283f;color:var(--denim-dark);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.01em;margin:0 0 6px}.myorders-header p{color:#4a5162;color:var(--ink-soft);font-size:14.5px;margin:0}.orders-count{background:#e9eef6;background:var(--ink-blue-soft);border:1px solid #e4e0d6;border:1px solid var(--line);border-radius:999px;color:#1e3a5f;color:var(--denim);flex-shrink:0;font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.02em;padding:7px 16px}.myorders-loading{align-items:center;color:#4a5162;color:var(--ink-soft);display:flex;font-size:15px;gap:12px;justify-content:center;min-height:50vh}.spinner{animation:spin .7s linear infinite;border:2.5px solid #d3cebf;border-top-color:#1e3a5f;border:2.5px solid var(--line-strong);border-radius:50%;border-top-color:var(--denim);height:20px;width:20px}.empty-orders{align-items:center;background:#fff;background:var(--surface);border:1.5px dashed #d3cebf;border:1.5px dashed var(--line-strong);border-radius:18px;border-radius:var(--radius-lg);color:#8a8f9c;color:var(--ink-faint);display:flex;flex-direction:column;gap:10px;justify-content:center;padding:100px 24px}.empty-orders h2{color:#1e2430;color:var(--ink);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:19px;margin:4px 0 0}.empty-orders p{font-size:14px;margin:0}.orders-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.order-card{background:#fff;background:var(--surface);border:1px solid #e4e0d6;border:1px solid var(--line);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 1px 2px #1e24300d,0 8px 24px -12px #1e24301f;box-shadow:var(--shadow-card);display:flex;flex-direction:column;gap:12px;padding:20px;transition:transform .15s ease,box-shadow .15s ease}.order-card:hover{box-shadow:0 4px 4px #1e24300d,0 16px 32px -14px #1e24302e;transform:translateY(-2px)}.order-card-top{align-items:center;display:flex;justify-content:space-between}.order-ref{color:#8a8f9c;color:var(--ink-faint);font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:12.5px;font-weight:600;letter-spacing:.03em}.order-card-main{align-items:baseline;display:flex;justify-content:space-between}.order-total{color:#1e2430;color:var(--ink);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:24px}.order-card-date{align-items:center;color:#8a8f9c;color:var(--ink-faint);display:inline-flex;font-size:12.5px;gap:6px}.order-card-meta{color:#4a5162;color:var(--ink-soft);font-size:13.5px;margin:-4px 0 4px}.btn{align-items:center;border:1.5px solid #0000;border-radius:8px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 18px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .1s ease}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid #1e3a5f;outline:2px solid var(--denim);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.btn-block{width:100%}.btn-sm{font-size:13px;padding:7px 14px}.btn-primary{background:#1e3a5f;background:var(--denim);border-color:#1e3a5f;border-color:var(--denim);color:#fff}.btn-primary:hover:not(:disabled){background:#16283f;background:var(--denim-dark);border-color:#16283f;border-color:var(--denim-dark)}.btn-outline{background:#fff;background:var(--surface);border-color:#d3cebf;border-color:var(--line-strong);color:#1e2430;color:var(--ink)}.btn-outline:hover:not(:disabled){border-color:#1e3a5f;border-color:var(--denim);color:#1e3a5f;color:var(--denim)}.btn-ghost{background:#0000;border-color:#0000;color:#4a5162;color:var(--ink-soft)}.btn-ghost:hover:not(:disabled){background:#f1efe8;background:var(--surface-muted);color:#1e2430;color:var(--ink)}.btn-danger{background:#d64526;background:var(--print-red);border-color:#d64526;border-color:var(--print-red);color:#fff}.btn-danger:hover:not(:disabled){background:#b83a1f;background:var(--print-red-dark);border-color:#b83a1f;border-color:var(--print-red-dark)}.btn-danger-outline{background:#fff;background:var(--surface);border-color:#ecb8ab;color:#d64526;color:var(--print-red)}.btn-danger-outline:hover:not(:disabled){background:#fbe9e5;background:var(--ink-red-soft);border-color:#d64526;border-color:var(--print-red)}.btn-text{background:#0000;border:none;color:#1e3a5f;color:var(--denim);font-size:13px;padding:4px 0}.btn-text:hover:not(:disabled){color:#16283f;color:var(--denim-dark);text-decoration:underline}.myorders-badge{align-items:center;background:#4a5162;background:var(--ink-soft);border:1px solid #0000;border-radius:999px;color:#fff;display:inline-flex;font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:11.5px;font-weight:700;letter-spacing:.04em;padding:5px 12px;text-transform:uppercase}.myorders-badge--pending{background:#c8912f}.myorders-badge--confirmed,.myorders-badge--processing{background:#1e3a5f;background:var(--denim)}.myorders-badge--printing{background:#7a3ea6}.myorders-badge--shipped{background:#1c5fa8}.myorders-badge--out-for-delivery{background:#b0631a}.myorders-badge--delivered{background:#1f8f63;background:var(--ink-green)}.myorders-badge--cancelled{background:#b83a1f;background:var(--print-red-dark)}.modal-overlay{animation:fade-in .15s ease;background:#1418208c;z-index:1000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.order-modal{background:#f6f4ef;background:var(--paper);border-radius:18px;box-shadow:0 24px 60px -16px #14182059;display:flex;flex-direction:column;max-width:780px;overflow:hidden;width:100%}.modal-header{background:#16283f;background:var(--denim-dark);color:#fff;gap:16px;padding:22px 28px}.order-id-block{display:flex;flex-direction:column;gap:4px}.order-id-label{color:#ffffff8c;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase}.order-id-value{color:#fff;font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-weight:600}.order-id-value-lg{font-size:22px;letter-spacing:.03em}.modal-order-date{color:#fff9;font-size:12.5px;margin-top:2px}.header-right{gap:14px}.close-btn,.header-right{align-items:center;display:flex}.close-btn{background:#ffffff1f;color:#fff;height:32px;justify-content:center;transition:background .15s ease;width:32px}.close-btn:hover{background:#ffffff38}.close-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.modal-content{overflow-y:auto;padding:28px}.modal-footer{align-items:center;background:#fff;background:var(--surface);border-top:1px solid #e4e0d6;border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between;padding:18px 28px}.modal-footer-hint{align-items:center;color:#8a8f9c;color:var(--ink-faint);display:inline-flex;font-size:12px;gap:6px}.modal-footer-hint svg{animation:hint-bounce 1.6s ease-in-out infinite;font-size:10px}@keyframes hint-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.no-cancel-note{align-items:center;color:#8a8f9c;color:var(--ink-faint);display:inline-flex;font-size:13px;gap:8px}.order-tracker{align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e4e0d6;border:1px solid var(--line);border-radius:12px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin-bottom:24px;overflow-x:auto;padding:26px 20px 20px}.tracker-step{align-items:center;display:flex;flex:1 1;flex-direction:column;min-width:76px}.tracker-step-top{align-items:center;display:flex;width:100%}.tracker-icon{align-items:center;background:#f1efe8;background:var(--surface-muted);border:2px solid #d3cebf;border:2px solid var(--line-strong);border-radius:50%;color:#8a8f9c;color:var(--ink-faint);display:flex;flex-shrink:0;font-size:13.5px;height:34px;justify-content:center;margin:0 auto;transition:all .2s ease;width:34px}.tracker-icon.done{background:#1e3a5f;background:var(--denim);border-color:#1e3a5f;border-color:var(--denim);color:#fff}.tracker-icon.current{background:#d64526;background:var(--print-red);border-color:#d64526;border-color:var(--print-red);box-shadow:0 0 0 4px #fbe9e5;box-shadow:0 0 0 4px var(--ink-red-soft);color:#fff}.tracker-connector{align-self:center;background-image:linear-gradient(90deg,#d3cebf 60%,#0000 0);background-image:linear-gradient(to right,var(--line-strong) 60%,#0000 0);background-repeat:repeat-x;background-size:8px 2px;flex:1 1;height:2px;margin:0 2px}.tracker-connector.done{background-color:#1e3a5f;background-color:var(--denim);background-image:none}.tracker-label{color:#8a8f9c;color:var(--ink-faint);font-size:11.5px;font-weight:500;line-height:1.3;margin-top:10px;text-align:center}.tracker-label.active-label{color:#1e2430;color:var(--ink);font-weight:600}.cancelled-tracker{align-items:center;background:#fbe9e5;background:var(--ink-red-soft);border:1px solid #f0c1b3;border-radius:12px;border-radius:var(--radius-md);color:#b83a1f;color:var(--print-red-dark);display:flex;gap:16px;margin-bottom:24px;padding:18px 22px}.cancelled-info h4{font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:15px;margin:0 0 4px}.cancelled-info p{color:#a34a35;font-size:13px;margin:2px 0 0}.info-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:28px}.info-card{background:#fff;background:var(--surface);border:1px solid #e4e0d6;border:1px solid var(--line);border-radius:12px;border-radius:var(--radius-md);padding:18px}.info-card h3{align-items:center;color:#1e3a5f;color:var(--denim);display:flex;font-size:13px;font-weight:700;gap:8px;letter-spacing:.03em;margin:0 0 12px;text-transform:uppercase}.info-card p{align-items:flex-start;color:#4a5162;color:var(--ink-soft);display:flex;font-size:14px;gap:9px;line-height:1.4;margin:0 0 8px}.info-card p:last-child{margin-bottom:0}.info-card p svg{color:#8a8f9c;color:var(--ink-faint);flex-shrink:0;margin-top:3px}.info-card p.no-icon{padding-left:0}.info-card p.no-icon strong,.items-title{color:#1e2430;color:var(--ink)}.items-title{font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:16px;font-weight:700;margin:0 0 14px}.items-list{margin-bottom:24px}.product-card{grid-gap:18px;align-items:flex-start;background:#fff;background:var(--surface);border:1px solid #e4e0d6;border:1px solid var(--line);border-radius:12px;display:grid;gap:18px;grid-template-columns:84px 1fr auto;padding:16px}.product-image{background:#f1efe8;background:var(--surface-muted);border:1px solid #e4e0d6;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius-sm);height:84px;overflow:hidden;width:84px}.product-image img{display:block;height:100%;object-fit:cover;width:100%}.no-image{color:#8a8f9c;color:var(--ink-faint);height:100%;padding:4px;width:100%}.product-info h4{color:#1e2430;color:var(--ink);font-size:14.5px;font-weight:700;margin:0 0 8px}.product-specs{grid-gap:8px 16px;display:grid;gap:8px 16px;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));margin-bottom:10px}.product-specs div{display:flex;flex-direction:column;gap:2px}.product-specs span{color:#8a8f9c;color:var(--ink-faint);font-size:10.5px;letter-spacing:.04em;text-transform:uppercase}.product-specs strong{color:#1e2430;color:var(--ink);font-size:13px;font-weight:600}.product-review{align-items:center;border-top:1px dashed #e4e0d6;border-top:1px dashed var(--line);display:flex;gap:12px;padding-top:10px}.product-price{color:#1e2430;color:var(--ink);font-family:JetBrains Mono,ui-monospace,monospace;font-family:var(--font-mono);font-size:15px;font-weight:600;white-space:nowrap}.summary-card{background:#fff;background:var(--surface);border:1px solid #e4e0d6;border:1px solid var(--line);border-radius:12px;border-radius:var(--radius-md);padding:18px 20px}.summary-row{align-items:center;color:#4a5162;color:var(--ink-soft);display:flex;font-size:14px;justify-content:space-between;padding:6px 0}.summary-row strong{color:#1e2430;color:var(--ink);font-weight:600}.summary-row .free{color:#1f8f63;color:var(--ink-green)}.summary-card hr{border:none;border-top:1px solid #e4e0d6;border-top:1px solid var(--line);margin:8px 0}.summary-row.grand-total{font-size:16px;padding-top:4px}.summary-row.grand-total strong{color:#16283f;color:var(--denim-dark);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:19px}.order-actions-zone{margin-top:32px}.order-actions-divider{align-items:center;display:flex;gap:12px;margin-bottom:16px}.order-actions-divider:after,.order-actions-divider:before{background:#e4e0d6;background:var(--line);content:"";flex:1 1;height:1px}.order-actions-divider span{color:#8a8f9c;color:var(--ink-faint);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.cancel-zone{align-items:center;background:#fff;background:var(--surface);border:1px dashed #d3cebf;border:1px dashed var(--line-strong);border-radius:12px;border-radius:var(--radius-md);display:flex;gap:20px;justify-content:space-between;padding:18px 20px}.cancel-zone-text h4{color:#1e2430;color:var(--ink);font-size:14px;font-weight:700;margin:0 0 4px}.cancel-zone-text p{color:#8a8f9c;color:var(--ink-faint);font-size:12.5px;margin:0;max-width:40ch}.cancel-zone .btn{flex-shrink:0}.cancel-confirm-modal{background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 24px 60px -16px #14182059;box-shadow:var(--shadow-modal);max-width:420px;padding:32px 28px 26px;text-align:center;width:100%}.cancel-confirm-modal svg{background:#fbe9e5;background:var(--ink-red-soft);border-radius:50%;box-sizing:initial;color:#d64526;color:var(--print-red);height:30px;padding:14px;width:30px}.cancel-confirm-modal h2{color:#1e2430;color:var(--ink);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:19px;margin:16px 0 6px}.cancel-confirm-modal p{color:#4a5162;color:var(--ink-soft);font-size:13.5px;margin:0 0 18px}.cancel-reasons{display:flex;flex-direction:column;gap:8px;margin-bottom:22px;text-align:left}.cancel-reasons label{align-items:center;border:1px solid #e4e0d6;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius-sm);color:#1e2430;color:var(--ink);cursor:pointer;display:flex;font-size:14px;gap:10px;padding:10px 12px;transition:border-color .15s ease,background .15s ease}.cancel-reasons label:hover{background:#f1efe8;background:var(--surface-muted);border-color:#d3cebf;border-color:var(--line-strong)}.cancel-reasons input[type=radio]{accent-color:#1e3a5f;accent-color:var(--denim);flex-shrink:0;height:15px;width:15px}.cancel-actions{display:flex;gap:10px}.cancel-actions .btn{flex:1 1}.review-modal{background:#fff;background:var(--surface);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 24px 60px -16px #14182059;box-shadow:var(--shadow-modal);max-width:460px;padding:28px;position:relative;width:100%}.review-modal-close{align-items:center;background:#f1efe8;background:var(--surface-muted);border:none;border-radius:50%;color:#4a5162;color:var(--ink-soft);cursor:pointer;display:flex;height:30px;justify-content:center;position:absolute;right:16px;top:16px;transition:background .15s ease,color .15s ease;width:30px}.review-modal-close:hover{background:#e4e0d6;background:var(--line);color:#1e2430;color:var(--ink)}.review-modal-product{align-items:center;border-bottom:1px solid #e4e0d6;border-bottom:1px solid var(--line);display:flex;gap:14px;margin-bottom:18px;padding-bottom:18px}.review-modal-product .no-image,.review-modal-product img{background:#f1efe8;background:var(--surface-muted);border:1px solid #e4e0d6;border:1px solid var(--line);border-radius:8px;border-radius:var(--radius-sm);flex-shrink:0;height:56px;object-fit:cover;width:56px}.review-modal-product h3{color:#1e2430;color:var(--ink);font-family:Space Grotesk,Inter,sans-serif;font-family:var(--font-display);font-size:16px;margin:0 0 4px}.review-modal-product p{color:#8a8f9c;color:var(--ink-faint);font-size:13px;margin:0}.review-label{color:#4a5162;color:var(--ink-soft);display:block;font-size:12.5px;font-weight:600;letter-spacing:.02em;margin:16px 0 8px;text-transform:uppercase}.review-modal textarea{background:#f6f4ef;background:var(--paper);border:1.5px solid #d3cebf;border:1.5px solid var(--line-strong);border-radius:8px;border-radius:var(--radius-sm);color:#1e2430;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-family:var(--font-body);font-size:14px;min-height:90px;padding:12px 14px;resize:vertical;transition:border-color .15s ease;width:100%}.review-modal textarea:focus{background:#fff;background:var(--surface);border-color:#1e3a5f;border-color:var(--denim);outline:none}.review-error{color:#b83a1f;color:var(--print-red-dark);font-size:12.5px;margin:10px 0 0}.review-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.star-rating{display:inline-flex;gap:4px}.star{color:#d3cebf;color:var(--line-strong);cursor:pointer;line-height:1;transition:color .12s ease,transform .12s ease}.star:hover{transform:scale(1.08)}.star.filled{color:#c8912f;color:var(--thread-gold)}.star-rating-readonly .star{cursor:default}.star-rating-readonly .star:hover{transform:none}@media (max-width:640px){.myorders-page{padding:24px 16px 60px}.myorders-header{align-items:flex-start;flex-direction:column;gap:10px}.modal-header{padding:18px 20px}.modal-content{padding:20px}.modal-footer{align-items:stretch;flex-direction:column-reverse}.modal-footer .btn{width:100%}.modal-footer-hint{justify-content:center}.product-card{grid-template-columns:64px 1fr}.product-price{grid-column:2;justify-self:flex-start}.order-tracker{gap:4px;justify-content:flex-start}.tracker-step{min-width:64px}.cancel-zone{align-items:stretch;flex-direction:column;text-align:left}.cancel-zone .btn{justify-content:center;width:100%}}@media (prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}.customer-page{--ink:#4f46e5;--ink-deep:#33269a;--canvas:#faf9f6;--canvas-alt:#f2f1fb;--charcoal:#1f2937;--slate:#6b7280;--amber:#d97706;--coral:#e11d48;--emerald:#059669;--sky:#0284c7;--line:#e7e5e0;--font-display:"Space Grotesk","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;background:var(--canvas);background-image:radial-gradient(var(--line) 1px,#0000 1px);background-size:22px 22px;color:var(--charcoal);font-family:var(--font-body);padding:56px 40px 100px}.customer-page h1{color:var(--ink-deep);font-family:var(--font-display);font-size:44px;font-weight:700;letter-spacing:-.02em;margin:0;text-align:center}.subtitle{color:var(--slate);font-size:16px;margin-bottom:48px;margin-top:10px;text-align:center}.customer-collection-grid{grid-gap:34px;display:grid;gap:34px;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));margin:0 auto;max-width:1280px}.customer-card{--swatch:var(--ink);background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 1px 2px #1f29370a,0 12px 28px #1f293714;display:flex;flex-direction:column;height:760px;overflow:hidden;position:relative;transition:.3s}.customer-card:hover{box-shadow:0 4px 8px #1f29370f,0 22px 40px #1f293724;transform:translateY(-6px)}.customer-card:before{background:var(--swatch);content:"";height:5px;left:0;position:absolute;right:0;top:0;z-index:1}.customer-card:nth-of-type(5n+1){--swatch:var(--ink)}.customer-card:nth-of-type(5n+2){--swatch:var(--amber)}.customer-card:nth-of-type(5n+3){--swatch:var(--coral)}.customer-card:nth-of-type(5n+4){--swatch:var(--emerald)}.customer-card:nth-of-type(5n+5){--swatch:var(--sky)}.customer-card>img{background:var(--canvas-alt);display:block;height:250px;object-fit:contain;object-position:center;padding:14px;width:100%}.customer-content{display:flex;flex:1 1;flex-direction:column;overflow:hidden;padding:24px}.customer-content h2{color:var(--charcoal);font-family:var(--font-display);font-size:22px;font-weight:700;margin:0 0 8px}.customer-content>p{color:var(--slate);font-size:14.5px;line-height:1.6;margin:0 0 22px}.customer-content h3{border-bottom:1px dashed var(--line);color:var(--ink);color:var(--swatch,var(--ink));font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.08em;margin:0 0 16px;padding-bottom:10px;text-transform:uppercase}.customer-products{display:flex;flex:1 1;flex-direction:column;gap:16px;margin-top:8px;overflow-y:auto;padding-right:6px}.customer-products::-webkit-scrollbar{width:6px}.customer-products::-webkit-scrollbar-track{background:#0000}.customer-products::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}.customer-products::-webkit-scrollbar-thumb:hover{background:#9ca3af}.customer-product:hover{border-color:var(--swatch,var(--ink));box-shadow:0 8px 20px #1f293714;transform:translateX(4px)}.customer-product img{flex-shrink:0;height:95px;object-fit:cover;width:95px}.customer-product>div{flex:1 1;padding:16px 18px;position:relative}.customer-product>div:before{border-left:1.5px dashed #d4d1c8;bottom:10px;content:"";left:0;position:absolute;top:10px}.customer-product h4{color:var(--charcoal);font-family:var(--font-display);font-size:15.5px;font-weight:600;margin:0 0 4px}.customer-product p:not(.desc){color:var(--ink);color:var(--swatch,var(--ink));font-family:var(--font-mono);font-size:14px;font-weight:500;margin:0 0 8px}.desc{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--slate);display:-webkit-box;font-size:13px;line-height:1.5;margin:0 0 12px;overflow:hidden}.customer-product button{background:linear-gradient(135deg,var(--ink),#6366f1);border:none;border-radius:999px;box-shadow:0 6px 14px #4f46e540;color:#fff;cursor:pointer;font-family:var(--font-body);font-size:13.5px;font-weight:600;padding:10px 20px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.customer-product button:hover:not(:disabled){box-shadow:0 10px 20px #4f46e552;transform:translateY(-2px)}.customer-product button:focus-visible{outline:2px solid var(--ink-deep);outline-offset:2px}.customer-product button:disabled{background:#d1d5db;box-shadow:none;color:#6b7280;cursor:not-allowed}.cart-count{background:var(--ink-deep);border-radius:999px;bottom:30px;box-shadow:0 10px 26px #1e1b4b59;color:#fff;cursor:pointer;font-family:var(--font-mono);font-size:14px;font-weight:500;letter-spacing:.02em;padding:15px 26px;position:fixed;right:30px;transition:transform .25s ease,box-shadow .25s ease;z-index:100}.cart-count:hover{box-shadow:0 16px 32px #1e1b4b6b;transform:translateY(-3px)}.cart-count:focus-visible{outline:2px solid #fff;outline-offset:3px}.customer-product{align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:14px;cursor:pointer;display:flex;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.no-preview-products{color:var(--slate);font-size:13.5px;font-style:italic;padding:8px 0}.view-products-btn{background:#0000;border:1.5px solid var(--swatch,var(--ink));border-radius:999px;color:var(--ink);color:var(--swatch,var(--ink));font-family:var(--font-body);font-size:13.5px;padding:12px;transition:background .2s ease,color .2s ease,transform .2s ease}.view-products-btn:hover{background:var(--ink);background:var(--swatch,var(--ink));color:#fff;transform:translateY(-2px)}.view-products-btn:focus-visible{outline:2px solid var(--ink-deep);outline-offset:2px}.empty-collections{background:#fff;border:1px solid var(--line);border-radius:18px;margin:60px auto;max-width:480px;padding:40px;text-align:center}.empty-collections h3{color:var(--charcoal);font-family:var(--font-display);margin-bottom:8px}.empty-collections p{color:var(--slate);font-size:14.5px}.loading-container{color:var(--slate);font-size:17px;min-height:60vh}@media (max-width:600px){.customer-page{background-size:18px 18px;padding:32px 18px 90px}.customer-page h1{font-size:30px}.customer-product{flex-direction:column}.customer-product img{height:180px;width:100%}.customer-product>div:before{display:none}.customer-product>div{padding-top:14px}.cart-count{bottom:18px;font-size:13px;padding:13px 20px;right:18px}}@media (prefers-reduced-motion:reduce){.cart-count,.customer-card,.customer-product,.customer-product button{transition:none}.cart-count:hover,.customer-card:hover,.customer-product button:hover,.customer-product:hover{transform:none}}.collection-products-page{--color-bg:#f8fafc;--color-surface:#fff;--color-text:#1f2937;--color-text-strong:#111827;--color-text-muted:#64748b;--color-border:#e5e7eb;--color-primary:#4f46e5;--color-primary-dark:#3730a3;--color-primary-tint:#eef2ff;--radius-lg:22px;--radius-md:16px;--radius-sm:12px;--shadow-card:0 5px 20px #0f172a0f;--shadow-card-hover:0 15px 35px #0f172a1f;--transition-base:0.25s ease;background:var(--color-bg);color:var(--color-text);font-family:Inter,sans-serif;min-height:100vh}.collection-hero{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:45px 0}.back-btn{background:#0000;border:none;color:var(--color-primary);font-size:15px;font-weight:600;gap:6px;margin:0 auto 25px;max-width:1250px;padding:8px 30px;text-align:left;transition:color var(--transition-base),transform var(--transition-base)}.back-btn:hover{color:var(--color-primary-dark)}.back-btn:focus-visible{border-radius:6px;outline:2px solid var(--color-primary);outline-offset:3px}.collection-hero-content{grid-gap:50px;align-items:center;display:grid;gap:50px;grid-template-columns:420px 1fr;margin:auto;max-width:1250px;padding:0 30px}.collection-hero-image{align-items:center;background:linear-gradient(180deg,#f8fafc,#eef1f6);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;height:420px;justify-content:center;overflow:hidden;padding:20px;width:100%}.collection-hero-image img{height:100%;object-fit:contain;object-position:center;width:100%}.collection-badge{background:var(--color-primary-tint);border-radius:50px;color:var(--color-primary);display:inline-flex;font-size:13px;font-weight:600;letter-spacing:.2px;margin-bottom:18px;padding:7px 15px}.collection-hero-info h1{color:var(--color-text-strong);font-size:42px;font-weight:800;line-height:1.2;margin-bottom:15px}.collection-hero-info p{color:var(--color-text-muted);font-size:16px;line-height:1.8;max-width:700px}.collection-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.stat-card{align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:14px;display:inline-flex;flex-direction:column;justify-content:center;padding:18px 35px;transition:box-shadow var(--transition-base),transform var(--transition-base)}.stat-card:hover{box-shadow:var(--shadow-card);transform:translateY(-2px)}.stat-card h3{color:var(--color-primary);font-size:28px;font-weight:800}.stat-card span{color:var(--color-text-muted);font-size:14px}.products-section{margin:auto;max-width:1250px;padding:45px 30px}.products-section h2{color:var(--color-text-strong);font-size:32px;font-weight:800;margin-bottom:30px}.products-grid{grid-gap:22px;gap:22px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-card);cursor:pointer;display:flex;flex-direction:column;min-height:400px;transition:transform var(--transition-base),box-shadow var(--transition-base)}.product-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-6px)}.product-card-image{align-items:center;background:linear-gradient(180deg,#f8fafc,#eef1f6);display:flex;flex-shrink:0;height:190px;justify-content:center;overflow:hidden;padding:14px;width:100%}.product-card-image img,.product-card>img{height:100%;object-fit:contain;object-position:center;transition:transform .35s ease;width:100%}.product-card:hover .product-card-image img,.product-card:hover>img{transform:scale(1.04)}.product-card-content{display:flex;flex:1 1;flex-direction:column;padding:18px}.product-card-content h3{color:var(--color-text-strong);font-size:17px;font-weight:700;line-height:1.4;margin-bottom:8px}.price{color:var(--color-primary);font-size:17px;font-weight:700;margin-bottom:10px}.description{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-muted);display:-webkit-box;font-size:13px;line-height:1.6;margin-bottom:16px;overflow:hidden}.empty-products{background:var(--color-surface);border:1px solid var(--color-border);border-radius:18px;margin:40px auto;max-width:500px;padding:40px;text-align:center}.empty-products h3{color:var(--color-text-strong);font-weight:700;margin-bottom:10px}.empty-products p,.loading-container{color:var(--color-text-muted)}.loading-container{align-items:center;display:flex;font-size:18px;font-weight:600;justify-content:center;min-height:70vh}@media (max-width:1024px){.collection-hero-content{gap:32px;grid-template-columns:320px 1fr}.collection-hero-image{height:320px}.collection-hero-info h1{font-size:34px}.products-grid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(210px,1fr))}}@media (max-width:860px){.collection-hero-content{display:flex;flex-direction:column;padding:0 24px}.collection-hero-image{height:300px;margin:0 auto;max-width:420px;width:100%}.collection-hero-info{text-align:center}.collection-hero-info p{margin:0 auto}.collection-stats{justify-content:center}.back-btn{padding:8px 24px}.products-section{padding:32px 24px}.products-grid{gap:16px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}}@media (max-width:640px){.collection-hero{padding:30px 0}.collection-hero-image{border-radius:var(--radius-md);height:240px}.collection-hero-info h1{font-size:26px;margin-bottom:10px}.collection-hero-info p{font-size:14.5px;line-height:1.65}.collection-badge{font-size:12px;padding:6px 13px}.stat-card{padding:14px 22px}.stat-card h3{font-size:22px}.stat-card span{font-size:12.5px}.back-btn{font-size:14px;padding:6px 20px}.products-section{padding:26px 20px}.products-section h2{font-size:22px;margin-bottom:20px}.products-grid{gap:14px;grid-template-columns:repeat(2,1fr)}.product-card{border-radius:var(--radius-sm);min-height:340px}.product-card-image,.product-card>img{height:140px;padding:10px}.product-card-content{padding:13px}.product-card-content h3{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;margin-bottom:6px;overflow:hidden}.price{font-size:14px;margin-bottom:8px}.description{display:none}}@media (max-width:400px){.products-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.product-card{min-height:300px}.product-card-image,.product-card>img{height:110px;padding:8px}.product-card-content{padding:10px}.price,.product-card-content h3{font-size:13px}.collection-hero-info h1{font-size:22px}.collection-hero-image{height:190px}.stat-card{padding:12px 16px}}.admin-login-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0e7ff);display:flex;font-family:Poppins,sans-serif;justify-content:center;min-height:100vh;padding:20px}.admin-login-card{animation:slideUp .5s ease;background:#fff;border-radius:22px;box-shadow:0 20px 45px #0000001f;padding:40px;width:420px}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-login-card h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);background-clip:text;-webkit-background-clip:text;font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.admin-login-card p{color:#6b7280;font-size:15px;margin-bottom:30px;text-align:center}.admin-message{background:#eef2ff;border-radius:10px;color:#3730a3;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px;text-align:center}.admin-login-card form{display:flex;flex-direction:column}.admin-login-card label{color:#374151;font-size:14px;font-weight:600;margin-bottom:7px}.admin-login-card input{border:1px solid #d1d5db;border-radius:12px;font-family:Poppins,sans-serif;font-size:15px;margin-bottom:20px;outline:none;padding:14px 15px;transition:.3s;width:100%}.admin-login-card input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb26}.admin-login-card button{background:linear-gradient(135deg,#2563eb,#7c3aed);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:15px;transition:.3s}.admin-login-card button:hover{box-shadow:0 12px 25px #2563eb59;transform:translateY(-2px)}.admin-login-card button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:600px){.admin-login-card{padding:30px 22px;width:100%}.admin-login-card h1{font-size:26px}}.cards-grid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));width:100%}.dashboard-card{background:#fff;border-radius:18px;box-shadow:0 10px 25px #00000014;min-width:0;overflow:hidden;padding:25px;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:100%}.dashboard-card:hover{box-shadow:0 18px 35px #0000001f;transform:translateY(-8px)}.card-top{display:flex;justify-content:flex-end;margin-bottom:20px}.card-icon{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:24px;height:60px;justify-content:center;min-width:60px;transition:transform .3s ease;width:60px}.dashboard-card:hover .card-icon{transform:scale(1.08) rotate(-4deg)}.orders-card .card-icon{background:#2563eb}.revenue-card .card-icon{background:#16a34a}.users-card .card-icon{background:#9333ea}.pending-card .card-icon{background:#f59e0b}.dashboard-card h3{color:#6b7280;font-size:15px;font-weight:500;letter-spacing:.2px;margin-bottom:10px}.dashboard-card h2{color:#111827;font-size:clamp(24px,3vw,34px);font-weight:700;word-break:break-word}.dashboard-card:before{content:"";height:100%;left:0;position:absolute;top:0;width:5px}.orders-card:before{background:#2563eb}.revenue-card:before{background:#16a34a}.users-card:before{background:#9333ea}.pending-card:before{background:#f59e0b}.card-subtitle{color:#6b7280;font-size:14px;font-weight:500;margin-top:8px}.cancelled-card:before{background:#ef4444}.cancelled-card .card-icon{background:#fee2e2;color:#ef4444}.dashboard-card.skeleton{cursor:default;pointer-events:none}.dashboard-card.skeleton:hover{box-shadow:0 10px 25px #00000014;transform:none}.skeleton-block{animation:skeletonShine 1.4s ease infinite;background:linear-gradient(90deg,#eef1f6 25%,#f6f8fb 37%,#eef1f6 63%);background-size:400% 100%;border-radius:8px}.skeleton .card-icon{background:#eef1f6}.skeleton-title{height:14px;margin-bottom:14px;width:60%}.skeleton-value{height:28px;width:80%}@keyframes skeletonShine{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){.skeleton-block{animation:none}}@media (max-width:992px){.cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.cards-grid{grid-template-columns:1fr}.dashboard-card{padding:20px}.card-icon{font-size:20px;height:50px;min-width:50px;width:50px}}.today-summary-section{margin-top:35px}.summary-title{color:#222;font-size:22px;font-weight:600;margin-bottom:20px}.today-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.today-card{align-items:center;background:#fff;border-radius:16px;box-shadow:0 5px 20px #00000014;display:flex;gap:18px;padding:20px;transition:.3s ease}.today-card:hover{transform:translateY(-5px)}.today-icon{align-items:center;background:#f3f4f6;border-radius:14px;display:flex;font-size:24px;height:55px;justify-content:center;width:55px}.today-info p{color:#777;font-size:14px;font-weight:500;margin:0}.today-info h2{color:#222;font-size:25px;font-weight:700;margin-bottom:0;margin-top:8px}.today-orders .today-icon{color:#2563eb}.today-revenue .today-icon{color:#16a34a}.today-users .today-icon{color:#ea580c}@media (max-width:1100px){.today-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.today-grid{grid-template-columns:1fr}.summary-title{font-size:20px}}.recent-orders-container{background:#fff;border-radius:16px;box-shadow:0 5px 20px #00000014;margin-top:35px;padding:25px}.recent-orders-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.recent-orders-header h2{color:#222;font-size:22px;font-weight:600;margin:0}.view-orders-btn{background:#111827;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px;transition:.3s ease}.view-orders-btn:hover{opacity:.85}.table-wrapper{overflow-x:auto;width:100%}.recent-orders-table{border-collapse:collapse;width:100%}.recent-orders-table th{border-bottom:1px solid #eee;color:#666;font-size:14px;padding:14px;text-align:left}.recent-orders-table td{border-bottom:1px solid #f1f1f1;color:#333;font-size:14px;padding:15px 14px}.recent-orders-table tbody tr{transition:.2s ease}.recent-orders-table tbody tr:hover{background:#fafafa}.order-status{border-radius:20px;display:inline-block;font-size:12px;font-weight:600;padding:6px 12px}.status-pending{background:#fff7ed;color:#ea580c}.status-processing{background:#eff6ff;color:#2563eb}.status-shipped{background:#f5f3ff;color:#7c3aed}.status-delivered{background:#f0fdf4;color:#16a34a}.status-cancelled{background:#fef2f2;color:#dc2626}.status-default{background:#f3f4f6;color:#555}.no-orders{color:#777;font-size:15px;padding:40px;text-align:center}@media (max-width:900px){.recent-orders-container{padding:20px}.recent-orders-header h2{font-size:20px}}@media (max-width:600px){.recent-orders-header{align-items:flex-start;flex-direction:column;gap:15px}.view-orders-btn{width:100%}.recent-orders-table td,.recent-orders-table th{padding:12px 10px;white-space:nowrap}}*{font-family:Poppins,sans-serif}body{background:#f4f7fc}.admin-content{width:100%}.admin-header{margin-bottom:30px}.admin-title{color:#111827;font-size:clamp(26px,3.5vw,34px);font-weight:700}.admin-subtitle{color:#6b7280;font-size:15px;margin-top:6px}.dashboard-section{margin-top:35px}.dashboard-section h2{color:#111827;margin-bottom:20px}.dashboard-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#b91c1c;display:flex;flex-wrap:wrap;font-size:14px;gap:14px;justify-content:space-between;margin-bottom:25px;padding:14px 18px}.dashboard-error button{background:#ef4444;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .25s ease}.dashboard-error button:hover{background:#dc2626}@media (max-width:768px){.admin-content{padding:20px}}@media (max-width:480px){.admin-header{margin-bottom:22px}.admin-subtitle{font-size:14px}}:root{--paper:#f5f6f4;--paper-raised:#fff;--ink-900:#14161b;--ink-600:#5b5f68;--ink-400:#8a8e96;--line:#e4e5e2;--ink-red:#e0402b;--ink-red-soft:#fcebe8;--ink-gold:#c6960f;--ink-gold-soft:#fbf3dd;--ink-teal:#1c7a6c;--ink-teal-soft:#e4f3f0;--ink-blue:#2455d6;--ink-blue-soft:#e9eefc;--ink-purple:#7c3aed;--ink-purple-soft:#f1ecfd;--ink-cyan:#0e8a9c;--ink-cyan-soft:#e3f6f8;--radius-lg:16px;--radius-md:10px;--radius-sm:7px;--shadow-card:0 1px 2px #14161b0a,0 12px 28px #14161b0f;--shadow-modal:0 24px 60px #14161b38}*{font-family:Inter,sans-serif}.mono{font-feature-settings:"tnum";font-family:IBM Plex Mono,monospace;letter-spacing:-.01em}.orders-page{background:#f5f6f4;background:var(--paper);color:#14161b;color:var(--ink-900);width:100%}.orders-header{align-items:flex-end;border-bottom:1.5px dashed #e4e5e2;border-bottom:1.5px dashed var(--line);display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:28px;padding-bottom:20px;position:relative}.orders-header:before{background:linear-gradient(90deg,#e0402b 0 25%,#c6960f 25% 50%,#1c7a6c 50% 75%,#2455d6 75% 100%);background:linear-gradient(90deg,var(--ink-red) 0 25%,var(--ink-gold) 25% 50%,var(--ink-teal) 50% 75%,var(--ink-blue) 75% 100%);border-radius:2px;content:"";height:4px;left:0;position:absolute;top:-14px;width:64px}.orders-header h1{color:#14161b;color:var(--ink-900);font-family:Space Grotesk,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.01em;margin-bottom:6px}.orders-header p{color:#5b5f68;color:var(--ink-600);font-family:IBM Plex Mono,monospace;font-size:14px;letter-spacing:.06em;text-transform:uppercase}.orders-filters{display:flex;flex-wrap:wrap;gap:12px}.filter-select,.search-input{background:#fff;background:var(--paper-raised);border:1.5px solid #e4e5e2;border:1.5px solid var(--line);border-radius:10px;border-radius:var(--radius-md);color:#14161b;color:var(--ink-900);font-size:14px;outline:none;padding:11px 16px;transition:border-color .18s ease,box-shadow .18s ease}.search-input{width:280px}.search-input::placeholder{color:#8a8e96;color:var(--ink-400)}.filter-select:focus,.search-input:focus{border-color:#14161b;border-color:var(--ink-900);box-shadow:0 0 0 3px #14161b14}.filter-select{-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg,#0000 50%,#5b5f68 0),linear-gradient(135deg,#5b5f68 50%,#0000 0);background-image:linear-gradient(45deg,#0000 50%,var(--ink-600) 50%),linear-gradient(135deg,var(--ink-600) 50%,#0000 50%);background-position:calc(100% - 18px),calc(100% - 13px);background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer;padding-right:36px}.orders-card{background:#fff;background:var(--paper-raised);border:1px solid #e4e5e2;border:1px solid var(--line);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 1px 2px #14161b0a,0 12px 28px #14161b0f;box-shadow:var(--shadow-card);overflow-x:auto;padding:8px}.orders-table{border-collapse:collapse;width:100%}.orders-table thead{background:#0000}.orders-table th{border-bottom:1.5px solid #e4e5e2;border-bottom:1.5px solid var(--line);color:#8a8e96;color:var(--ink-400);font-size:11px;font-weight:600;letter-spacing:.08em;padding:14px 18px;text-align:left;text-transform:uppercase}.orders-table td{border-bottom:1px solid #e4e5e2;border-bottom:1px solid var(--line);color:#14161b;color:var(--ink-900);font-size:14.5px;padding:16px 18px;vertical-align:middle}.orders-table tbody tr{position:relative;transition:background .15s ease}.orders-table tbody tr:hover{background:#f5f6f4;background:var(--paper)}.orders-table tbody tr:last-child td{border-bottom:none}.status-select{-webkit-appearance:none;appearance:none;background-color:#f5f6f4;background-color:var(--paper);background-image:linear-gradient(45deg,#0000 50%,currentColor 0),linear-gradient(135deg,currentColor 50%,#0000 0);background-position:calc(100% - 15px),calc(100% - 10px);background-repeat:no-repeat;background-size:4px 4px,4px 4px;border:1.5px solid #e4e5e2;border:1.5px solid var(--line);border-radius:999px;color:#5b5f68;color:var(--ink-600);cursor:pointer;font-size:12.5px;font-weight:600;letter-spacing:.04em;outline:none;padding:8px 30px 8px 12px;text-transform:uppercase;transition:.18s ease}.status-select:focus{box-shadow:0 0 0 3px #14161b1a}.status-select:disabled{background-image:none;cursor:not-allowed;opacity:.65;padding-right:12px}.status-select[data-status=Pending]{background-color:#fbf3dd;background-color:var(--ink-gold-soft);border-color:#0000;color:#c6960f;color:var(--ink-gold)}.status-select[data-status=Confirmed]{background-color:#e4f3f0;background-color:var(--ink-teal-soft);border-color:#0000;color:#1c7a6c;color:var(--ink-teal)}.status-select[data-status=Printing]{background-color:#fcebe8;background-color:var(--ink-red-soft);border-color:#0000;color:#e0402b;color:var(--ink-red)}.status-select[data-status=Shipped]{background-color:#e9eefc;background-color:var(--ink-blue-soft);border-color:#0000;color:#2455d6;color:var(--ink-blue)}.status-select[data-status="Out for Delivery"]{background-color:#e3f6f8;background-color:var(--ink-cyan-soft);border-color:#0000;color:#0e8a9c;color:var(--ink-cyan)}.status-select[data-status=Delivered]{background-color:#14161b;background-color:var(--ink-900);border-color:#0000;color:#fff}.status-select[data-status=Cancelled]{background-color:#f5f6f4;background-color:var(--paper);border-color:#e4e5e2;border-color:var(--line);color:#8a8e96;color:var(--ink-400)}.action-buttons{display:inline-flex;gap:12px;width:auto}.view-btn{background:#14161b;background:var(--ink-900);border-radius:7px;border-radius:var(--radius-sm);font-size:13px;padding:8px 14px;transition:.18s ease}.view-btn:hover{background:#000;transform:translateY(-1px)}.action-buttons{align-items:center;display:flex;gap:10px}.delete-icon-btn{align-items:center;background:#0000;border:none;border-radius:5px;color:#777;cursor:pointer;display:inline-flex;height:28px;justify-content:center;margin:0;outline:none;padding:0;transition:color .2s ease,background-color .2s ease;width:28px}.delete-icon-btn:hover{background:#dc262614;color:#dc2626}.delete-icon-btn:focus{outline:none}.delete-icon-btn svg{display:block;flex-shrink:0}.modal-overlay{animation:overlayIn .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#14161b80;height:100%;left:0;top:0;width:100%}.order-modal{animation:modalIn .22s cubic-bezier(.2,.8,.2,1);background:#fff;background:var(--paper-raised);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 24px 60px #14161b38;box-shadow:var(--shadow-modal);max-height:90vh;max-width:95%;overflow-y:auto;padding:32px;width:900px}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header{align-items:flex-start;border-bottom:1.5px dashed #e4e5e2;border-bottom:1.5px dashed var(--line);margin-bottom:22px;padding-bottom:20px}.modal-header h2{color:#14161b;color:var(--ink-900);font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700;margin-bottom:4px}.modal-order-id{color:#8a8e96;color:var(--ink-400);font-size:13px;letter-spacing:.02em}.close-btn{background:#f5f6f4;background:var(--paper);color:#14161b;color:var(--ink-900);font-size:15px;height:36px;transition:.18s ease;width:36px}.close-btn:hover{background:#fcebe8;background:var(--ink-red-soft);color:#e0402b;color:var(--ink-red)}.admin-progress{align-items:flex-start;background:#f5f6f4;background:var(--paper);border:1px solid #e4e5e2;border:1px solid var(--line);border-radius:10px;border-radius:var(--radius-md);display:flex;justify-content:space-between;margin:4px 0 26px;padding:20px 12px}.admin-progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;text-align:center}.admin-progress-step-top{align-items:center;display:flex;width:100%}.admin-progress-icon{align-items:center;background:#fff;background:var(--paper-raised);border:1.5px solid #e4e5e2;border:1.5px solid var(--line);border-radius:50%;color:#8a8e96;color:var(--ink-400);display:flex;font-size:12px;height:30px;justify-content:center;margin:0 auto;min-width:30px;width:30px;z-index:2}.admin-progress-icon.done{background:#14161b;background:var(--ink-900);border-color:#14161b;border-color:var(--ink-900);color:#fff}.admin-progress-icon.current{background:#e0402b;background:var(--ink-red);border-color:#e0402b;border-color:var(--ink-red);box-shadow:0 0 0 4px #fcebe8;box-shadow:0 0 0 4px var(--ink-red-soft);color:#fff}.admin-progress-connector{background:#e4e5e2;background:var(--line);flex:1 1;height:2px;margin-top:15px}.admin-progress-connector.done{background:#14161b;background:var(--ink-900)}.admin-progress-label{color:#8a8e96;color:var(--ink-400);font-size:10.5px;margin-top:8px;max-width:76px}.admin-progress-label.active,.customer-section h3{color:#14161b;color:var(--ink-900);font-weight:600}.customer-section h3{font-family:Space Grotesk,sans-serif;font-size:15px;margin-bottom:14px}.customer-section p{border-bottom:1px solid #e4e5e2;border-bottom:1px solid var(--line);color:#5b5f68;color:var(--ink-600);font-size:14.5px;padding:9px 0}.customer-section p strong{display:inline-block;width:110px}.customer-section p strong,.items-title{color:#14161b;color:var(--ink-900);font-weight:600}.items-title{font-family:Space Grotesk,sans-serif;font-size:15px;margin:28px 0 14px}.items-list{display:flex;flex-direction:column;gap:14px}.item-card{align-items:center;border:1px solid #e4e5e2;border:1px solid var(--line);border-radius:10px;border-radius:var(--radius-md);display:flex;gap:18px;padding:16px;transition:border-color .18s ease}.item-card:hover{border-color:#8a8e96;border-color:var(--ink-400)}.item-image img{background:#f5f6f4;background:var(--paper);object-fit:cover}.item-image img,.no-image{border-radius:7px;border-radius:var(--radius-sm);height:84px;width:84px}.no-image{align-items:center;background-color:#f5f6f4;background-color:var(--paper);background-image:radial-gradient(#8a8e96 1px,#0000 0);background-image:radial-gradient(var(--ink-400) 1px,#0000 1px);background-size:7px 7px;color:#5b5f68;color:var(--ink-600);display:flex;font-size:11px;font-weight:600;justify-content:center;letter-spacing:.04em;text-align:center;text-transform:uppercase}.item-details{flex:1 1}.item-details h4{color:#14161b;color:var(--ink-900);font-size:15px;font-weight:600;margin-bottom:8px}.item-details p{color:#5b5f68;color:var(--ink-600);font-size:13.5px;margin:3px 0}.item-price,.modal-total{color:#14161b;color:var(--ink-900);font-size:19px;font-weight:600}.modal-total{border-top:1.5px dashed #e4e5e2;border-top:1.5px dashed var(--line);margin-top:22px;padding-top:18px;text-align:right}.orders-loading{color:#5b5f68;color:var(--ink-600);font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:600;height:100vh;justify-content:center}.close-btn:focus-visible,.status-select:focus-visible,.view-btn:focus-visible{outline:2px solid #2455d6;outline:2px solid var(--ink-blue);outline-offset:2px}.delete-btn:focus-visible{outline:2px solid #2455d6;outline:2px solid var(--ink-blue);outline-offset:3px}.cancellation-details{background:#fef2f2;border:1px solid #fecaca;border-radius:14px;margin-top:18px;padding:18px}.cancellation-details h3{color:#dc2626;font-size:16px;margin-bottom:12px}.cancellation-details p{color:#374151;margin-bottom:8px}.cancellation-details p:last-child{margin-bottom:0}@media (max-width:992px){.orders-header{align-items:flex-start;flex-direction:column}.orders-filters,.search-input{width:100%}}@media (max-width:768px){.orders-card{padding:6px}.orders-table{min-width:750px}.item-card{align-items:flex-start;flex-direction:column}.item-price{font-size:17px}.order-modal{padding:20px}.customer-section p strong{width:90px}.admin-progress{padding:16px 8px}.admin-progress-label{font-size:9px;max-width:56px}}@media (prefers-reduced-motion:reduce){.modal-overlay,.order-modal{animation:none}}.users-page{animation:fadeIn .35s ease;display:flex;flex-direction:column;gap:24px;padding:24px}.users-topbar{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between}.users-topbar h1{margin:0}.users-subtitle{color:#6b7280;font-size:15px;margin-top:6px}.users-search{min-width:320px}.users-search input{background:#fff;border:1px solid #e5e7eb;border-radius:12px;font-size:14px;outline:none;padding:12px 18px;transition:.25s;width:100%}.users-search input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.users-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr)}.users-stat-card{background:#fff;border:1px solid #ececec;border-radius:18px;box-shadow:0 6px 20px #0000000d;padding:22px;transition:.3s}.users-stat-card:hover{box-shadow:0 12px 30px #00000014;transform:translateY(-5px)}.users-stat-title{color:#6b7280;font-size:14px}.users-stat-value{color:#111827;font-size:34px;font-weight:700;margin-top:10px}.users-stat-footer{color:#9ca3af;font-size:13px;margin-top:8px}.users-card{background:#fff;border:1px solid #ececec;border-radius:18px;box-shadow:0 6px 20px #0000000d;overflow:hidden}.users-card-header{align-items:center;border-bottom:1px solid #f1f1f1;display:flex;justify-content:space-between;padding:22px 28px}.users-card-header h2{font-size:22px;margin:0}.users-card-header span{color:#6b7280;font-size:14px}.users-table-wrapper{overflow-x:auto}.users-table{border-collapse:collapse;width:100%}.users-table thead{background:#f9fafb}.users-table th{color:#6b7280;font-size:14px;font-weight:600;padding:18px 24px;text-align:left}.users-table td{border-top:1px solid #f2f2f2;padding:18px 24px;vertical-align:middle}.users-table tbody tr{transition:.25s}.users-table tbody tr:hover{background:#fafafa}.user-cell{gap:16px}.user-avatar,.user-cell{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;color:#fff;flex-shrink:0;font-size:18px;font-weight:700;height:52px;justify-content:center;width:52px}.user-name{color:#111827;font-weight:600}.user-id{color:#9ca3af;font-size:13px;margin-top:5px}.user-email{word-break:break-word}.joined-date,.user-email{color:#374151}.view-btn{background:#2563eb;border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:.25s}.view-btn:hover{background:#1d4ed8;transform:translateY(-2px)}.no-users{color:#9ca3af;font-size:15px;padding:60px!important;text-align:center}.users-loading{align-items:center;display:flex;flex-direction:column;gap:20px;height:70vh;justify-content:center}.loader{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#2563eb;height:48px;width:48px}.modal-overlay{animation:fadeIn .25s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a8c;padding:24px;z-index:9999}.premium-user-modal{animation:modalPop .25s ease;background:#fff;border-radius:22px;box-shadow:0 30px 80px #0000002e;max-height:90vh;overflow-y:auto;width:min(1100px,100%)}@keyframes modalPop{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{align-items:center;border-bottom:1px solid #ececec;display:flex;justify-content:space-between;padding:24px 30px}.modal-header h2{color:#111827;font-size:24px;margin:0}.close-btn{background:#f3f4f6;border:none;border-radius:50%;cursor:pointer;font-size:20px;height:42px;transition:.25s;width:42px}.close-btn:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.profile-header{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);display:flex;gap:24px;padding:32px}.profile-avatar{background:#ffffff2e;border:3px solid #ffffff59;flex-shrink:0;font-size:34px;height:96px;width:96px}.profile-content{flex:1 1}.profile-content h2{font-size:30px;margin:0}.profile-email{font-size:16px;margin:8px 0;opacity:.95}.profile-meta{align-items:center;display:flex;flex-wrap:wrap;font-size:14px;gap:12px;opacity:.9}.meta-dot{font-size:18px}.profile-stats{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(4,1fr);padding:28px}.profile-stat-card{background:#f8fafc;border:1px solid #edf2f7;border-radius:16px;padding:20px;transition:.25s}.profile-stat-card:hover{box-shadow:0 12px 25px #00000014;transform:translateY(-4px)}.stat-label{color:#6b7280}.stat-value{color:#111827;font-weight:700;margin-top:8px}.details-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr);padding:0 28px 28px}.detail-box{background:#fff;border:1px solid #ececec;border-radius:16px;padding:20px;transition:.25s}.detail-box:hover{box-shadow:0 10px 25px #0000000f;transform:translateY(-3px)}.detail-title{color:#6b7280;display:block;font-size:13px;margin-bottom:8px}.detail-box strong{color:#111827;font-size:16px;word-break:break-word}.orders-section-header{align-items:center;display:flex;justify-content:space-between;padding:0 28px 20px}.orders-section-header h3{color:#111827;font-size:22px;margin:0}.orders-section-header p{color:#6b7280;font-size:14px;margin-top:5px}.orders-loading{align-items:center;display:flex;flex-direction:column;gap:18px;padding:60px 30px}.orders-loading p{color:#6b7280}.empty-orders{padding:70px 30px;text-align:center}.empty-orders-icon{font-size:64px;margin-bottom:20px}.empty-orders h3{color:#111827;margin-bottom:10px}.empty-orders p{color:#6b7280}.orders-list{gap:18px;padding:0 28px 28px}.user-order-card{align-items:center;background:#fff;border:1px solid #ececec;border-radius:18px;display:flex;gap:24px;justify-content:space-between;padding:22px;transition:all .25s ease}.user-order-card:hover{box-shadow:0 14px 30px #00000014;transform:translateY(-3px)}.order-left{flex:1 1;min-width:0}.order-top{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.order-top h4{color:#111827;font-size:18px;margin:0}.order-meta{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.order-meta>div{display:flex;flex-direction:column}.meta-label{color:#9ca3af;font-size:12px;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.order-meta strong{color:#111827;font-size:14px;word-break:break-word}.order-right{min-width:170px;text-align:right}.order-total-label{color:#6b7280;font-size:13px}.order-total{color:#111827;font-size:28px;font-weight:700;margin-top:6px}.order-location{color:#6b7280;font-size:14px;margin-top:12px}.status-badge{align-items:center;border-radius:999px;box-shadow:0 6px 14px #0000001f;color:#fff;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;letter-spacing:.03em;padding:8px 14px;white-space:nowrap}.premium-user-modal::-webkit-scrollbar{width:8px}.premium-user-modal::-webkit-scrollbar-track{background:#f3f4f6;border-radius:10px}.premium-user-modal::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.premium-user-modal::-webkit-scrollbar-thumb:hover{background:#94a3b8}.users-table-wrapper::-webkit-scrollbar{height:8px}.users-table-wrapper::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:10px}@media (max-width:1200px){.profile-stats,.users-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.users-page{padding:18px}.users-topbar{align-items:stretch;flex-direction:column}.users-search{min-width:0;min-width:auto;width:100%}.details-grid{grid-template-columns:1fr}.profile-header{flex-direction:column;text-align:center}.profile-meta{justify-content:center}.user-order-card{align-items:stretch;flex-direction:column}.order-right{border-top:1px solid #ececec;min-width:100%;padding-top:16px;text-align:left}.order-meta{grid-template-columns:1fr}}@media (max-width:640px){.users-page{gap:18px;padding:14px}.profile-stats,.users-stats-grid{grid-template-columns:1fr}.details-grid,.modal-header,.orders-list,.orders-section-header,.profile-header,.profile-stats,.users-card-header{padding-left:18px;padding-right:18px}.profile-avatar{font-size:28px;height:78px;width:78px}.profile-content h2{font-size:24px}.users-table td,.users-table th{padding:14px}.user-avatar{font-size:16px;height:44px;width:44px}.view-btn{width:100%}.order-total{font-size:24px}}.detail-box,.profile-stat-card,.user-order-card,.users-card,.users-stat-card{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.users-card:hover{box-shadow:0 12px 32px #0000000f}.detail-box:hover,.profile-stat-card:hover,.users-stat-card:hover{border-color:#dbeafe}.order-top h4,.profile-content h2,.user-name,.users-card-header h2{letter-spacing:-.02em}.joined-date,.order-location,.user-email,.user-id{line-height:1.5}:root{--ink:#4f46e5;--ink-soft:#4f46e52e;--navy:#14131c;--navy-soft:#1d1c29;--coral:#ff4d6d}*{margin:0;padding:0}.sidebar{background:#14131c;background:var(--navy);box-shadow:4px 0 20px #00000040;color:#fff;display:flex;flex-direction:column;font-family:Inter,sans-serif;height:100vh;justify-content:space-between;left:0;padding:26px 16px;position:fixed;top:0;transition:transform .3s ease;width:260px;z-index:200}.sidebar-top{width:100%}.sidebar-logo{color:#fff;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.01em;margin-bottom:32px;padding:0 10px;text-align:left}.sidebar-menu{display:flex;flex-direction:column;gap:4px}.sidebar-link{align-items:center;border-radius:10px;color:#9498ac;display:flex;font-size:14px;font-weight:500;gap:14px;padding:12px 16px;position:relative;text-decoration:none;transition:background .2s ease,color .2s ease}.sidebar-link svg{flex-shrink:0;font-size:16px}.sidebar-link:hover{background:#1d1c29;background:var(--navy-soft);color:#fff}.sidebar-link.active{background:#4f46e52e;background:var(--ink-soft);color:#fff}.sidebar-link.active:before{background:#4f46e5;background:var(--ink);border-radius:0 4px 4px 0;content:"";height:22px;left:-16px;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-link.active svg{color:#818cf8}.sidebar-link:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--ink);outline-offset:2px}.logout-sidebar{align-items:center;background:#ff4d6d1a;border:1px solid #ff4d6d4d;border-radius:10px;color:#ff4d6d;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:13px;transition:background .2s ease,color .2s ease}.logout-sidebar:hover{background:#ff4d6d;background:var(--coral);color:#fff}.logout-sidebar:focus-visible{outline:2px solid #ff4d6d;outline:2px solid var(--coral);outline-offset:2px}.sidebar-toggle{align-items:center;background:#14131c;background:var(--navy);border:none;border-radius:10px;box-shadow:0 8px 20px #00000040;color:#fff;cursor:pointer;display:none;font-size:20px;height:44px;justify-content:center;left:18px;position:fixed;top:18px;width:44px;z-index:300}.sidebar-toggle:focus-visible{outline:2px solid #4f46e5;outline:2px solid var(--ink);outline-offset:2px}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:none;inset:0;position:fixed;z-index:150}@media(max-width:992px){.sidebar{width:230px}}@media(max-width:900px) and (min-width:769px){.sidebar{padding:22px 10px;width:76px}.logout-sidebar span,.sidebar-link span,.sidebar-logo{display:none}.sidebar-link{justify-content:center;padding:12px}.sidebar-link.active:before{left:-10px}.sidebar-link svg{font-size:19px}.logout-sidebar{padding:12px}}@media(max-width:768px){.sidebar-toggle{display:flex}.sidebar{transform:translateX(-100%);width:260px}.sidebar.open{transform:translateX(0)}.sidebar-logo{display:block}.logout-sidebar span,.sidebar-link span{display:inline}.sidebar-link{justify-content:flex-start}.sidebar-overlay.open{display:block}}@media(prefers-reduced-motion:reduce){.sidebar{transition:none}}:root{--ink:#141519;--ink-soft:#3a3c43;--canvas:#f4f1ea;--surface:#fff;--line:#d6d0c2;--line-strong:#b8b2a1;--teal:#095656;--teal-soft:#c7e8e5;--teal-text:#084b4b;--crimson:#a8380a;--crimson-soft:#f6cdb6;--crimson-text:#8c2f08;--slate-soft:#dcdfe4;--radius-sm:8px;--radius-md:12px;--shadow-card:0 1px 2px #1415190f,0 14px 30px #1415191a;--shadow-dropdown:0 16px 40px #1415192e}.admin-navbar *{box-sizing:border-box;font-family:Inter,sans-serif}.admin-navbar{background:#fff;background:var(--surface);border-bottom:2px solid #141519;border-bottom:2px solid var(--ink);gap:16px;justify-content:space-between;padding:14px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.admin-navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:14px;min-width:0}.hamburger-btn{align-items:center;background:#fff;background:var(--surface);border:2px solid #b8b2a1;border:2px solid var(--line-strong);border-radius:8px;border-radius:var(--radius-sm);color:#141519;color:var(--ink);cursor:pointer;display:none;flex-shrink:0;font-size:15px;height:38px;justify-content:center;width:38px}.navbar-title h2{color:#141519;color:var(--ink);font-family:Archivo Black,sans-serif;font-size:20px;font-weight:400;letter-spacing:.4px;text-transform:uppercase;white-space:nowrap}.navbar-title p{color:#3a3c43;color:var(--ink-soft);font-family:JetBrains Mono,monospace;font-size:12px;margin-top:2px;white-space:nowrap}.navbar-center{display:flex;flex:1 1;justify-content:center;min-width:0}.search-box{align-items:center;background:#f4f1ea;background:var(--canvas);border:2px solid #b8b2a1;border:2px solid var(--line-strong);border-radius:999px;color:#3a3c43;color:var(--ink-soft);display:flex;gap:10px;max-width:420px;padding:10px 14px;transition:border-color .18s,box-shadow .18s;width:100%}.search-box:focus-within{background:#fff;background:var(--surface);border-color:#095656;border-color:var(--teal);box-shadow:0 0 0 3px #c7e8e5;box-shadow:0 0 0 3px var(--teal-soft)}.search-box input{background:#0000;border:none;color:#141519;color:var(--ink);flex:1 1;font-size:14px;outline:none}.search-box input::placeholder{color:#8a8c92}.search-clear{background:#0000;border:none;color:#3a3c43;color:var(--ink-soft);cursor:pointer;display:flex;font-size:12px}.navbar-right{flex-shrink:0;gap:10px}.icon-btn,.navbar-right{align-items:center;display:flex}.icon-btn{background:#fff;background:var(--surface);border:2px solid #b8b2a1;border:2px solid var(--line-strong);border-radius:50%;color:#141519;color:var(--ink);cursor:pointer;font-size:15px;height:40px;justify-content:center;position:relative;transition:.18s;width:40px}.icon-btn:hover{border-color:#095656;border-color:var(--teal);color:#084b4b;color:var(--teal-text)}.search-toggle-btn{display:none}.notification-dot{align-items:center;background:#a8380a;background:var(--crimson);border:2px solid #fff;border:2px solid var(--surface);border-radius:999px;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}.admin-notif{position:relative}.notif-dropdown{background:#fff;background:var(--surface);border:2px solid #141519;border:2px solid var(--ink);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 16px 40px #1415192e;box-shadow:var(--shadow-dropdown);max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:52px;width:340px;z-index:60}.notif-dropdown-header{align-items:center;background:#141519;background:var(--ink);display:flex;justify-content:space-between;padding:14px 16px}.notif-dropdown-header h4{color:#f4f1ea;color:var(--canvas);font-size:13px;letter-spacing:.6px;text-transform:uppercase}.notif-dropdown-header span{background:#095656;background:var(--teal);border-radius:999px;color:#fff;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;padding:2px 8px}.notif-list{max-height:320px;overflow-y:auto}.notif-empty{color:#3a3c43;color:var(--ink-soft);font-size:13.5px;padding:24px 16px;text-align:center}.notif-item{align-items:center;background:#fff;background:var(--surface);border:none;border-bottom:1px solid #d6d0c2;border-bottom:1px solid var(--line);border-left:3px solid #0000;cursor:pointer;display:flex;gap:12px;padding:12px 16px;text-align:left;transition:background .15s,border-color .15s;width:100%}.notif-item:hover{background:#f4f1ea;background:var(--canvas)}.notif-item-new{background:#f2fbfa;border-left-color:#095656;border-left-color:var(--teal)}.notif-item-new:hover{background:#c7e8e5;background:var(--teal-soft)}.notif-item-cancelled .notif-item-avatar{background:#f6cdb6;background:var(--crimson-soft);color:#8c2f08;color:var(--crimson-text)}.notif-item-cancelled.notif-item-new{background:#fdf3ee;border-left-color:#a8380a;border-left-color:var(--crimson)}.notif-item-cancelled.notif-item-new:hover{background:#f6cdb6;background:var(--crimson-soft)}.notif-item-avatar{align-items:center;background:#c7e8e5;background:var(--teal-soft);border-radius:50%;color:#084b4b;color:var(--teal-text);display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:34px;justify-content:center;width:34px}.notif-item-body p{color:#141519;color:var(--ink);font-size:13.5px}.notif-item-body span{color:#3a3c43;color:var(--ink-soft);font-family:JetBrains Mono,monospace;font-size:11.5px}.notif-view-all{background:#f4f1ea;background:var(--canvas);border:none;border-top:2px solid #d6d0c2;border-top:2px solid var(--line);color:#084b4b;color:var(--teal-text);cursor:pointer;font-size:13px;font-weight:700;padding:12px;width:100%}.notif-view-all:hover{background:#c7e8e5;background:var(--teal-soft)}.admin-profile{position:relative}.admin-avatar{align-items:center;background:#141519;background:var(--ink);border:2px solid #141519;border:2px solid var(--ink);border-radius:50%;color:#f4f1ea;color:var(--canvas);cursor:pointer;display:flex;font-size:15px;font-weight:700;height:40px;justify-content:center;width:40px}.admin-avatar:hover{background:#000}.admin-dropdown{background:#fff;background:var(--surface);border:2px solid #141519;border:2px solid var(--ink);border-radius:12px;border-radius:var(--radius-md);box-shadow:0 16px 40px #1415192e;box-shadow:var(--shadow-dropdown);max-width:calc(100vw - 32px);overflow:hidden;position:absolute;right:0;top:52px;width:250px;z-index:60}.admin-dropdown-header{background:#f4f1ea;background:var(--canvas);border-bottom:2px solid #d6d0c2;border-bottom:2px solid var(--line);padding:20px 16px;text-align:center}.admin-avatar-large{align-items:center;background:#141519;background:var(--ink);border-radius:50%;color:#f4f1ea;color:var(--canvas);display:flex;font-size:20px;font-weight:700;height:56px;justify-content:center;margin:0 auto 10px;width:56px}.admin-dropdown-header h4{color:#141519;color:var(--ink);font-size:14.5px}.admin-dropdown-header p{color:#3a3c43;color:var(--ink-soft);font-size:12px;margin-top:2px;word-break:break-all}.admin-dropdown button{align-items:center;background:#fff;background:var(--surface);border:none;border-bottom:1px solid #d6d0c2;border-bottom:1px solid var(--line);color:#141519;color:var(--ink);cursor:pointer;display:flex;font-size:13.5px;font-weight:600;gap:10px;padding:12px 16px;transition:background .15s;width:100%}.admin-dropdown button:last-child{border-bottom:none}.admin-dropdown button:hover{background:#f4f1ea;background:var(--canvas)}.admin-dropdown button.logout-btn{color:#8c2f08;color:var(--crimson-text)}.admin-dropdown button.logout-btn:hover{background:#f6cdb6;background:var(--crimson-soft)}.mobile-search-overlay{align-items:center;background:#fff;background:var(--surface);border-bottom:2px solid #141519;border-bottom:2px solid var(--ink);display:none;gap:10px;height:100%;left:0;padding:0 16px;position:absolute;right:0;top:0;z-index:70}.mobile-search-overlay input{background:#0000;border:none;color:#141519;color:var(--ink);flex:1 1;font-size:15px;height:100%;outline:none}.mobile-search-overlay>svg{color:#3a3c43;color:var(--ink-soft);flex-shrink:0}.mobile-search-overlay button{background:#dcdfe4;background:var(--slate-soft);border:none;border-radius:50%;color:#141519;color:var(--ink);cursor:pointer;flex-shrink:0;height:32px;width:32px}@media(max-width:900px){.navbar-center{display:none}.mobile-search-overlay,.search-toggle-btn{display:flex}}@media(max-width:600px){.admin-navbar{gap:10px;padding:12px 16px}.hamburger-btn{display:flex}.navbar-title p{display:none}.navbar-title h2{font-size:16px}.navbar-right{gap:6px}.admin-avatar,.icon-btn{height:36px;width:36px}.admin-dropdown,.notif-dropdown{left:16px;max-width:none;position:fixed;right:16px;top:64px;width:auto}}*{box-sizing:border-box}.admin-layout{display:flex}.admin-layout,.admin-main{background:#f4f7fb;min-height:100vh}.admin-main{flex:1 1;margin-left:260px;transition:.3s}.admin-content{padding:30px}@media(max-width:992px){.admin-main{margin-left:220px}}@media(max-width:768px){.admin-layout{flex-direction:column}.admin-main{margin-left:0;width:100%}.admin-content{padding:20px}}.footer{background:#111827;color:#fff}.footer-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));margin:auto;max-width:1200px;padding:60px 25px 40px}.footer-section h2{color:#2563eb;font-size:30px;margin-bottom:18px}.footer-section h3{color:#fff;font-size:22px;margin-bottom:18px}.footer-section p{color:#cbd5e1;font-size:15px;line-height:1.8}.footer-section a{color:#cbd5e1;display:block;margin-bottom:12px;text-decoration:none;transition:.3s}.footer-section a:hover{color:#2563eb;padding-left:6px}.footer-section p svg{color:#2563eb;margin-right:10px}.footer-social{display:flex;gap:15px;margin-top:20px}.footer-social a{align-items:center;background:#1f2937;border-radius:50%;color:#fff;display:flex;font-size:18px;height:45px;justify-content:center;transition:.3s;width:45px}.footer-social a:hover{background:#2563eb;transform:translateY(-5px)}.footer-bottom{border-top:1px solid #ffffff14;color:#9ca3af;font-size:14px;padding:20px;text-align:center}@media(max-width:768px){.footer{text-align:center}.footer-social{justify-content:center}.footer-section a:hover{padding-left:0}}.profile-page{--ink:#4f46e5;--ink-deep:#33269a;--canvas:#faf9f6;--canvas-alt:#f2f1fb;--charcoal:#1f2937;--slate:#6b7280;--amber:#d97706;--emerald:#059669;--line:#e7e5e0;--font-display:"Space Grotesk","Segoe UI",sans-serif;--font-body:"Inter","Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Courier New",monospace;color:var(--charcoal);font-family:var(--font-body);margin:48px auto;max-width:900px;padding:20px}.profile-loading{color:var(--slate);font-family:var(--font-mono);font-size:14px;letter-spacing:.04em;margin-top:120px;text-align:center}.profile-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 1px 2px #1f29370a,0 15px 35px #1f293714;overflow:hidden}.profile-header{background:linear-gradient(135deg,var(--ink),var(--ink-deep));background-image:radial-gradient(#ffffff1f 1px,#0000 1px),linear-gradient(135deg,var(--ink),var(--ink-deep));background-size:16px 16px,100% 100%;color:#fff;padding:44px 20px 40px;position:relative;text-align:center}.profile-avatar{align-items:center;background:#fff;border-radius:50%;box-shadow:0 8px 20px #0003,0 0 0 4px #ffffff40;color:var(--ink);display:flex;font-family:var(--font-display);font-size:42px;font-weight:700;height:110px;justify-content:center;margin:auto auto 20px;position:relative;width:110px}.profile-avatar:after{border:1.5px dashed #ffffff80;border-radius:50%;content:"";inset:-8px;position:absolute}.profile-header h2{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.01em;margin-bottom:8px}.profile-header p{font-family:var(--font-mono);font-size:15px;letter-spacing:.02em;opacity:.85}.profile-form{padding:36px}.input-group{margin-bottom:22px}.input-group label{color:var(--ink);display:block;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.input-group input{background:#fff;border:1px solid var(--line);border-radius:10px;color:var(--charcoal);font-family:var(--font-body);font-size:15px;padding:14px 16px;transition:border-color .25s ease,box-shadow .25s ease;width:100%}.input-group input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #4f46e526;outline:none}.input-group input:disabled{background:var(--canvas-alt);color:var(--slate);cursor:not-allowed}.profile-info{align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;display:flex;gap:12px;padding:0 15px;transition:border-color .25s ease,box-shadow .25s ease}.profile-info:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #4f46e526}.profile-info svg{color:var(--ink);flex-shrink:0;font-size:18px}.profile-info input{background:#0000;border:none;color:var(--charcoal);flex:1 1;font-family:var(--font-body);font-size:15px;padding:14px 0}.profile-info input:focus{box-shadow:none;outline:none}.profile-extra{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:36px 0}.extra-card{align-items:center;background:var(--canvas-alt);border:1px solid var(--line);border-radius:15px;display:flex;gap:18px;padding:20px;transition:transform .25s ease,border-color .25s ease}.extra-card:hover{border-color:#4f46e54d;transform:translateY(-3px)}.extra-card svg{color:var(--ink);flex-shrink:0;font-size:26px}.extra-card span{color:var(--slate);display:block;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.08em;margin-bottom:5px;text-transform:uppercase}.extra-card h4{color:var(--charcoal);font-family:var(--font-display);font-size:16px;font-weight:600}.save-profile-btn{align-items:center;background:linear-gradient(135deg,var(--ink),#6366f1);border:none;border-radius:12px;box-shadow:0 10px 24px #4f46e538;color:#fff;cursor:pointer;display:flex;font-family:var(--font-body);font-size:16px;font-weight:600;gap:12px;justify-content:center;padding:16px;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;width:100%}.save-profile-btn:hover{box-shadow:0 14px 30px #4f46e54d;transform:translateY(-2px)}.save-profile-btn:focus-visible{outline:2px solid var(--ink-deep);outline-offset:2px}.save-profile-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}@media (max-width:768px){.profile-page{padding:15px}.profile-header{padding:34px 15px 32px}.profile-avatar{font-size:34px;height:90px;width:90px}.profile-header h2{font-size:22px}.profile-form{padding:25px}.profile-extra{grid-template-columns:1fr}.extra-card{padding:18px}.save-profile-btn{font-size:15px}}@media (prefers-reduced-motion:reduce){.extra-card,.input-group input,.profile-info,.save-profile-btn{transition:none}.extra-card:hover,.save-profile-btn:hover{transform:none}}.manage-address-container{--ink:#4f46e5;--ink-soft:#eef2ff;--coral:#ff4d6d;font-family:Inter,sans-serif;margin:40px auto;max-width:1200px;padding:20px}.manage-address-container h1{color:#111827;font-family:Space Grotesk,sans-serif;font-size:32px;letter-spacing:-.01em;margin-bottom:6px}.manage-address-container p{color:#6b7280;font-size:15px;margin-bottom:32px}.add-address-btn{align-items:center;background:var(--ink);border:none;border-radius:12px;box-shadow:0 8px 20px #4f46e538;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:10px;margin-bottom:25px;padding:13px 22px;transition:background .25s ease,transform .25s ease,box-shadow .25s ease}.add-address-btn svg{font-size:16px}.add-address-btn:hover{background:#4338ca;box-shadow:0 12px 26px #4f46e54d;transform:translateY(-2px)}.add-address-btn:active{transform:scale(.98)}.add-address-btn:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.address-grid{grid-gap:22px;display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(330px,1fr))}.manage-address-card{background:#fff;border:1px solid #eef0f4;border-radius:18px;box-shadow:0 8px 20px #1118270a;padding:22px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.manage-address-card:hover{border-color:#e0e3ff;box-shadow:0 16px 34px #4f46e524;transform:translateY(-4px)}.address-title{align-items:center;border-bottom:1px dashed #eef0f4;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:14px}.address-title h3{color:#111827;font-family:Space Grotesk,sans-serif;font-size:18px}.address-title span{background:var(--ink-soft);border-radius:30px;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.05em;padding:6px 13px;text-transform:uppercase}.manage-address-card p{color:#4b5563;font-size:14px;line-height:1.7;margin-bottom:6px}.manage-address-card strong{color:#111827}.address-actions{display:flex;gap:12px;margin-top:22px}.address-actions button{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:11px;transition:background .25s ease,transform .25s ease}.address-actions button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.edit-btn{background:var(--ink-soft);color:var(--ink)}.edit-btn:hover{background:#e0e3ff;transform:translateY(-2px)}.delete-btn{background:#fff1f2;border:1px solid #fecdd3!important;color:#e11d48}.delete-btn:hover{background:#ef4444;border-color:#ef4444!important;color:#fff;transform:translateY(-2px)}.add-address-card{align-items:center;background:var(--ink-soft);border:2px dashed #c7d2fe;border-radius:18px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:260px;transition:background .25s ease,border-color .25s ease}.add-address-card:hover{background:#e0e3ff;border-color:var(--ink)}.add-address-card:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.add-address-card h2{color:var(--ink);font-size:42px;font-weight:400;margin-bottom:12px}.add-address-card p{color:var(--ink);font-size:15px;font-weight:600}.no-address{background:#fff;border:1px solid #eef0f4;border-radius:18px;box-shadow:0 8px 20px #1118270a;padding:70px 20px;text-align:center}.no-address h2{color:#111827;font-family:Space Grotesk,sans-serif;margin-bottom:10px}.no-address p{color:#6b7280}@media (prefers-reduced-motion:reduce){.add-address-btn,.add-address-card,.address-actions button,.manage-address-card{transition:none}}.address-error{background:#fdecea;border:1px solid #f5c2c7;border-radius:8px;color:#b91c1c;font-size:14px;margin:15px 0;padding:12px 16px}.add-address-btn:disabled,.address-actions button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.manage-address-container{padding:15px}.manage-address-container h1{font-size:26px}.address-grid{grid-template-columns:1fr}.address-actions{flex-direction:column}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{background:#f8fafc;color:#1f2937;font-family:Inter,sans-serif}:root{--color-bg:#f8fafc;--color-surface:#fff;--color-text:#1f2937;--color-text-strong:#111827;--color-text-muted:#64748b;--color-border:#e5e7eb;--color-border-strong:#cbd5e1;--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-tint:#eff6ff;--color-danger:#b91c1c;--color-danger-dark:#991b1b;--color-danger-tint:#fef2f2;--radius-lg:18px;--radius-md:14px;--radius-sm:10px;--shadow-card:0 2px 10px #0f172a0d;--shadow-card-hover:0 10px 24px #0f172a14;--shadow-modal:0 20px 45px #0f172a24;--transition-base:0.2s ease}.collections-page{background:#f8fafc;background:var(--color-bg);min-height:100vh;padding:32px}.collections-header{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 2px 10px #0f172a0d;box-shadow:var(--shadow-card);display:flex;gap:20px;justify-content:space-between;margin-bottom:32px;padding:26px 30px}.collections-header h2{color:#111827;color:var(--color-text-strong);font-size:28px;font-weight:700;letter-spacing:-.4px}.collections-header p{color:#64748b;color:var(--color-text-muted);font-size:14px;margin-top:6px}button{font-family:inherit}.primary-btn{align-items:center;background:#2563eb;background:var(--color-primary);border:none;border-radius:10px;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;justify-content:center;padding:12px 22px;transition:background .2s ease,transform .2s ease,box-shadow .2s ease;transition:background var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.primary-btn:hover{background:#1d4ed8;background:var(--color-primary-dark);box-shadow:0 6px 14px #2563eb2e;transform:translateY(-1px)}.primary-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.icon-action{align-items:center;background:#0000;border:none;border-radius:7px;cursor:pointer;display:inline-flex;flex-shrink:0;height:30px;justify-content:center;margin:0;outline:none;padding:0;transition:background .2s ease,color .2s ease,transform .2s ease;transition:background var(--transition-base),color var(--transition-base),transform var(--transition-base);width:30px}.icon-action svg{display:block}.edit-icon{color:#64748b}.edit-icon:hover{background:#eff6ff;background:var(--color-primary-tint);color:#2563eb;color:var(--color-primary)}.edit-icon:active{transform:scale(.9)}.delete-icon{color:#94a3b8}.delete-icon:hover{background:#fef2f2;background:var(--color-danger-tint);color:#b91c1c;color:var(--color-danger)}.delete-icon:active{transform:scale(.9)}.collection-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.collection-card{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 2px 10px #0f172a0d;box-shadow:var(--shadow-card);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-base),box-shadow var(--transition-base)}.collection-card:hover{box-shadow:0 10px 24px #0f172a14;box-shadow:var(--shadow-card-hover);transform:translateY(-3px)}.collection-image{background:#f1f5f9;display:block;height:220px;object-fit:contain;object-position:center;padding:12px;transition:transform .3s ease;width:100%}.collection-card:hover .collection-image{transform:scale(1.02)}.collection-content{padding:22px}.collection-content h3{color:#111827;color:var(--color-text-strong);font-size:19px;font-weight:700;margin-bottom:8px}.collection-content p{color:#64748b;color:var(--color-text-muted);font-size:14px;line-height:1.65}.product-count{align-items:center;background:#f1f5f9;border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:999px;color:#334155;display:inline-flex;font-size:13px;font-weight:600;margin-top:16px;padding:6px 13px}.products-list{display:flex;flex-direction:column;gap:12px;margin-top:14px;max-height:320px;overflow-y:auto;padding-right:6px}.products-list::-webkit-scrollbar{width:6px}.products-list::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--color-border-strong);border-radius:20px}.product-item{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-md);display:flex;gap:14px;padding:12px;transition:background .2s ease,border-color .2s ease;transition:background var(--transition-base),border-color var(--transition-base)}.product-item:hover{background:#f8fafc;border-color:#cbd5e1;border-color:var(--color-border-strong)}.product-item img{background:#f1f5f9;border-radius:10px;flex-shrink:0;height:64px;object-fit:contain;object-position:center;padding:4px;width:64px}.product-info{flex:1 1;min-width:0}.product-info h4{color:#111827;color:var(--color-text-strong);font-size:15px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.product-info p{color:#2563eb;color:var(--color-primary);font-size:14px;font-weight:700}.product-buttons{align-items:center;display:flex;flex-shrink:0;gap:2px}.product-buttons .icon-action{height:30px;width:30px}.card-actions{align-items:center;display:flex;gap:6px;margin-top:20px}.card-actions .primary-btn{flex:1 1}.collection-action-icon{flex:0 0 34px;height:34px;width:34px}.products-list:empty:before{border:1px dashed #cbd5e1;border:1px dashed var(--color-border-strong);border-radius:10px;border-radius:var(--radius-sm);color:#94a3b8;content:"No products available";display:block;font-size:14px;padding:22px;text-align:center}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #2563eb66;outline-offset:2px}.icon-action:focus-visible{outline:2px solid #2563eb66;outline-offset:2px}::selection{background:#2563eb26;color:#111827;color:var(--color-text-strong)}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a73;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:999}.modal-box{animation:popup .25s ease;background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:18px;border-radius:var(--radius-lg);box-shadow:0 20px 45px #0f172a24;box-shadow:var(--shadow-modal);max-height:90vh;max-width:460px;overflow-y:auto;padding:28px;width:100%}.modal-box::-webkit-scrollbar{width:6px}.modal-box::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--color-border-strong);border-radius:20px}.modal-box h2{color:#111827;color:var(--color-text-strong);font-size:22px;font-weight:700;margin-bottom:20px}.modal-box p{color:#64748b;color:var(--color-text-muted);font-size:14px;margin-bottom:16px}.modal-box p b{color:#111827;color:var(--color-text-strong)}.modal-box form{display:flex;flex-direction:column}.modal-box input,.modal-box textarea{background:#fff;background:var(--color-surface);border:1px solid #cbd5e1;border:1px solid var(--color-border-strong);border-radius:10px;border-radius:var(--radius-sm);color:#111827;color:var(--color-text-strong);font-size:14px;margin-bottom:14px;outline:none;padding:12px 14px;transition:border-color .2s ease,box-shadow .2s ease;transition:border-color var(--transition-base),box-shadow var(--transition-base);width:100%}.modal-box input::placeholder,.modal-box textarea::placeholder{color:#9ca3af}.modal-box input:focus,.modal-box textarea:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.modal-box textarea{min-height:110px;resize:vertical}.modal-box input[type=file]{background:#f8fafc;cursor:pointer;padding:9px}.modal-box input[type=file]::-webkit-file-upload-button{background:#2563eb;background:var(--color-primary);border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 14px}.cancel-btn{background:#fff;background:var(--color-surface);border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:10px;border-radius:var(--radius-sm);color:#374151;cursor:pointer;font-weight:600;margin-top:14px;padding:12px;transition:background .2s ease;transition:background var(--transition-base);width:100%}.cancel-btn:hover,.preview-image{background:#f1f5f9}.preview-image{border:1px solid #e5e7eb;border:1px solid var(--color-border);border-radius:14px;border-radius:var(--radius-md);display:block;height:150px;margin:8px auto 18px;object-fit:contain;object-position:center;padding:8px;width:150px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popup{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.view-products-btn{align-items:center;background:#fff;background:var(--color-surface);border:1px solid #2563eb;border:1px solid var(--color-primary);border-radius:10px;border-radius:var(--radius-sm);color:#2563eb;color:var(--color-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;margin-top:16px;padding:11px 18px;transition:background .2s ease,color .2s ease;transition:background var(--transition-base),color var(--transition-base);width:100%}.view-products-btn:hover{background:#eff6ff;background:var(--color-primary-tint)}@media (max-width:992px){.collections-page{padding:24px}.collection-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (max-width:768px){.collections-page{padding:18px}.collections-header{align-items:flex-start;flex-direction:column;padding:22px}.collections-header h2{font-size:23px}.primary-btn,.view-products-btn{width:100%}.collection-grid{grid-template-columns:1fr}.collection-image{height:200px}.card-actions{width:100%}.card-actions .primary-btn{flex:1 1}.product-item{flex-wrap:nowrap}.product-buttons{flex-direction:row;width:auto}.modal-box{border-radius:14px;border-radius:var(--radius-md);padding:20px}}@media (max-width:480px){.collections-page{padding:14px}.collections-header{padding:16px}.collections-header h2{font-size:20px}.collections-header p{font-size:13px}.collection-card{border-radius:14px;border-radius:var(--radius-md)}.collection-image{height:170px;padding:8px}.collection-content{padding:16px}.collection-content h3{font-size:17px}.product-item{gap:10px;padding:10px}.product-item img{height:52px;width:52px}.product-buttons{gap:0}.product-buttons .icon-action{height:28px;width:28px}.modal-box{padding:16px}.modal-box h2{font-size:19px}.preview-image{height:120px;width:120px}}@media (max-width:360px){.collection-grid{gap:16px}.collection-image{height:150px}.product-item{gap:8px}.product-buttons .icon-action{height:26px;width:26px}.collection-action-icon{flex-basis:30px;height:30px;width:30px}}.collection-card,.collection-image,.product-item,button,input,textarea{transition:background .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease;transition:background var(--transition-base),border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--color-border-strong);border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}button,button:active,button:focus{outline:none}button:focus-visible{outline:2px solid #2563eb66;outline-offset:2px}.analytics-page{--an-bg:#f5f6fa;--an-surface:#fff;--an-border:#e7e9f0;--an-text:#191c2c;--an-text-muted:#6b7280;--an-accent:#6c5ce7;--an-positive:#16a34a;--an-negative:#dc2626;background:var(--an-bg);color:var(--an-text);font-family:Inter,Segoe UI,sans-serif;min-height:100vh;padding:25px}.analytics-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:25px}.analytics-header h1{font-size:28px;font-weight:700;margin:0}.range-toggle{background:var(--an-surface);border:1px solid var(--an-border);border-radius:12px;display:flex;gap:5px;padding:5px}.range-btn{background:#0000;border:none;border-radius:8px;color:var(--an-text-muted);cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:.3s}.range-btn:hover{background:#f0edff;color:var(--an-accent)}.range-btn.active{background:var(--an-accent);color:#fff}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:25px}.stat-card{background:var(--an-surface);border:1px solid var(--an-border);border-radius:18px;overflow:hidden;padding:20px;position:relative;transition:.3s}.stat-card:hover{box-shadow:0 10px 25px #00000014;transform:translateY(-4px)}.stat-card-top{justify-content:space-between}.stat-card-top,.stat-icon{align-items:center;display:flex}.stat-icon{background:#f0edff;border-radius:12px;color:var(--an-accent);font-size:20px;height:42px;justify-content:center;width:42px}.stat-delta{align-items:center;display:flex;font-size:13px;font-weight:600;gap:5px}.stat-delta.up{color:var(--an-positive)}.stat-value{font-size:30px;font-weight:800;margin-top:20px}.stat-label{color:var(--an-text-muted);font-size:14px;margin-top:5px}.sparkline{height:35px;margin-top:15px;width:100%}.charts-row{grid-gap:20px;display:grid;gap:20px;margin-bottom:25px}.charts-row.single{grid-template-columns:1fr}.chart-card{background:var(--an-surface);border:1px solid var(--an-border);border-radius:20px;padding:25px}.chart-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.chart-card-header h2{font-size:20px;margin:0}.chart-card-meta{background:#f0edff;border-radius:20px;color:var(--an-accent);font-size:14px;font-weight:600;padding:7px 14px}.orders-chart,.revenue-chart{height:300px;width:100%}.grid-line{stroke:#ececf3;stroke-width:1}.axis-label{fill:#8b90a0;font-size:11px}.orders-bar{fill:var(--an-accent);transition:.3s}.orders-bar:hover{opacity:.7}.analytics-page h2{color:var(--an-text-muted);margin-top:100px;text-align:center}.comparison{align-items:center;display:flex;font-size:13px;font-weight:600;gap:5px;margin-top:8px}.comparison span{font-size:11px;font-weight:500;opacity:.7}.comparison.positive{color:var(--an-positive)}.comparison.negative{color:var(--an-negative)}@media (max-width:1200px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.analytics-page{padding:15px}.analytics-header{align-items:flex-start;flex-direction:column;gap:15px}.range-toggle{justify-content:space-between;width:100%}.range-btn{flex:1 1;padding:8px}.stats-grid{grid-template-columns:1fr}.chart-card{padding:15px}.orders-chart,.revenue-chart{height:220px}}@media (max-width:480px){.analytics-header h1{font-size:22px}.stat-value{font-size:25px}.range-btn{font-size:12px}}:root,[data-admin-theme=dark]{--admin-bg:#12141c;--admin-surface:#1a1d29;--admin-surface-raised:#21243233;--admin-border:#2b2f42;--admin-text:#eef0f6;--admin-text-muted:#9198b0;--admin-accent:#6c7bff;--admin-accent-strong:#5763e8;--admin-success:#35c98f;--admin-error:#f0596b}[data-admin-theme=light]{--admin-bg:#f5f6fa;--admin-surface:#fff;--admin-surface-raised:#fff;--admin-border:#e2e4ee;--admin-text:#1c1e2b;--admin-text-muted:#656b82;--admin-accent:#5763e8;--admin-accent-strong:#4650c9;--admin-success:#1f9d6f;--admin-error:#d63955}.admin-content{background:#12141c;background:var(--admin-bg);color:#eef0f6;color:var(--admin-text);font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;min-height:100vh;padding:32px clamp(16px,4vw,48px) 64px}.admin-profile-header{align-items:center;display:flex;gap:18px;margin-bottom:28px}.admin-profile-header h1{font-size:1.6rem;font-weight:700;letter-spacing:-.01em;margin:0}.back-btn{align-items:center;background:#1a1d29;background:var(--admin-surface);border:1px solid #2b2f42;border:1px solid var(--admin-border);border-radius:10px;color:#eef0f6;color:var(--admin-text);cursor:pointer;display:inline-flex;font-size:.9rem;gap:8px;padding:9px 16px;transition:border-color .15s ease,transform .15s ease}.back-btn:hover{border-color:#6c7bff;border-color:var(--admin-accent);transform:translateX(-2px)}.admin-banner{align-items:center;animation:admin-banner-in .2s ease;border:1px solid #0000;border-radius:10px;display:flex;font-size:.9rem;gap:10px;margin-bottom:20px;padding:12px 16px}.admin-banner-success{background:color-mix(in srgb,#35c98f 14%,#0000);background:color-mix(in srgb,var(--admin-success) 14%,#0000);border-color:color-mix(in srgb,#35c98f 40%,#0000);border-color:color-mix(in srgb,var(--admin-success) 40%,#0000);color:#35c98f;color:var(--admin-success)}.admin-banner-error{background:color-mix(in srgb,#f0596b 14%,#0000);background:color-mix(in srgb,var(--admin-error) 14%,#0000);border-color:color-mix(in srgb,#f0596b 40%,#0000);border-color:color-mix(in srgb,var(--admin-error) 40%,#0000);color:#f0596b;color:var(--admin-error)}@keyframes admin-banner-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.admin-profile-card{background:#1a1d29;background:var(--admin-surface);border:1px solid #2b2f42;border:1px solid var(--admin-border);border-radius:16px;padding:28px}.admin-profile-top{align-items:center;border-bottom:1px solid #2b2f42;border-bottom:1px solid var(--admin-border);display:flex;flex-direction:column;margin-bottom:8px;padding-bottom:20px;text-align:center}.profile-circle{align-items:center;background:linear-gradient(135deg,#6c7bff,#5763e8);background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-strong));border-radius:50%;color:#fff;display:flex;font-size:1.8rem;font-weight:700;height:72px;justify-content:center;margin-bottom:12px;width:72px}.admin-profile-top h2{font-size:1.2rem;margin:0 0 2px}.admin-profile-top p{color:#9198b0;color:var(--admin-text-muted);font-size:.85rem;margin:0}.admin-info{display:flex;flex-direction:column;gap:14px}.info-row{align-items:center;background:#21243233;background:var(--admin-surface-raised);border-radius:10px;display:flex;gap:14px;padding:12px 14px}.info-row svg{color:#6c7bff;color:var(--admin-accent);flex-shrink:0;font-size:1.1rem}.info-row span{color:#9198b0;color:var(--admin-text-muted);display:block;font-size:.75rem}.info-row h4{font-size:.95rem;font-weight:600;margin:2px 0 0}.admin-settings-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:220px 1fr}@media (max-width:760px){.admin-settings-layout{grid-template-columns:1fr}}.admin-settings-tabs{background:#1a1d29;background:var(--admin-surface);border:1px solid #2b2f42;border:1px solid var(--admin-border);border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:10px;position:-webkit-sticky;position:sticky;top:24px}@media (max-width:760px){.admin-settings-tabs{flex-direction:row;overflow-x:auto;position:static}}.settings-tab-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#9198b0;color:var(--admin-text-muted);cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:10px;padding:10px 12px;text-align:left;transition:background .15s ease,color .15s ease;white-space:nowrap}.settings-tab-btn:hover{background:#21243233;background:var(--admin-surface-raised);color:#eef0f6;color:var(--admin-text)}.settings-tab-btn.active{background:color-mix(in srgb,#6c7bff 16%,#0000);background:color-mix(in srgb,var(--admin-accent) 16%,#0000);color:#6c7bff;color:var(--admin-accent)}.admin-settings-panel{background:#1a1d29;background:var(--admin-surface);border:1px solid #2b2f42;border:1px solid var(--admin-border);border-radius:16px;padding:28px}.settings-section-title{font-size:1rem;font-weight:700;margin:0 0 16px}.settings-form{gap:4px}.form-group,.settings-form{display:flex;flex-direction:column}.form-group{gap:6px;margin-bottom:16px}.form-group label{align-items:center;color:#9198b0;color:var(--admin-text-muted);display:flex;font-size:.82rem;font-weight:600;gap:8px}.form-group input{background:#12141c;background:var(--admin-bg);border:1px solid #2b2f42;border:1px solid var(--admin-border);border-radius:10px;color:#eef0f6;color:var(--admin-text);font-size:.92rem;outline:none;padding:10px 14px;transition:border-color .15s ease,box-shadow .15s ease}.form-group input:focus-visible{border-color:#6c7bff;border-color:var(--admin-accent);box-shadow:0 0 0 3px color-mix(in srgb,#6c7bff 25%,#0000);box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-accent) 25%,#0000)}.form-group input:disabled{cursor:not-allowed;opacity:.6}.field-error{color:#f0596b;color:var(--admin-error);font-size:.78rem}.field-hint{color:#9198b0;color:var(--admin-text-muted);font-size:.78rem}.save-btn{align-items:center;align-self:flex-start;background:linear-gradient(135deg,#6c7bff,#5763e8);background:linear-gradient(135deg,var(--admin-accent),var(--admin-accent-strong));border:none;border-radius:10px;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;padding:11px 20px;transition:transform .15s ease,filter .15s ease}.save-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.toggle-row{align-items:center;border-bottom:1px solid #2b2f42;border-bottom:1px solid var(--admin-border);display:flex;gap:20px;justify-content:space-between;padding:14px 0}.toggle-row:last-child{border-bottom:none}.toggle-row h4{font-size:.92rem;margin:0 0 4px}.toggle-row p{color:#9198b0;color:var(--admin-text-muted);font-size:.8rem;margin:0}.switch{background:#2b2f42;background:var(--admin-border);border:none;border-radius:999px;cursor:pointer;flex-shrink:0;height:26px;position:relative;transition:background .2s ease;width:44px}.switch .switch-thumb{background:#fff;border-radius:50%;height:20px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:20px}.switch.on{background:#6c7bff;background:var(--admin-accent)}.switch.on .switch-thumb{transform:translateX(18px)}.theme-options{display:flex;gap:14px}.theme-card{align-items:center;background:#12141c;background:var(--admin-bg);border:2px solid #2b2f42;border:2px solid var(--admin-border);border-radius:12px;color:#9198b0;color:var(--admin-text-muted);cursor:pointer;display:flex;flex-direction:column;font-size:.85rem;gap:10px;padding:14px 22px;transition:border-color .15s ease,color .15s ease}.theme-card.active{border-color:#6c7bff;border-color:var(--admin-accent);color:#eef0f6;color:var(--admin-text)}.theme-swatch{border:1px solid #2b2f42;border:1px solid var(--admin-border);border-radius:8px;height:36px;width:56px}.theme-swatch-dark{background:linear-gradient(135deg,#1a1d29,#12141c)}.theme-swatch-light{background:linear-gradient(135deg,#fff,#eef0f6)}.admin-search-container{background:linear-gradient(135deg,#f8fafc,#eef2ff,#fdf2f8);font-family:Poppins,sans-serif;min-height:100vh;overflow:hidden;padding:45px;position:relative}.admin-search-container:before{background:#ff4d6d;height:400px;right:-120px;top:-150px;width:400px}.admin-search-container:after,.admin-search-container:before{border-radius:50%;content:"";filter:blur(120px);opacity:.12;position:absolute}.admin-search-container:after{background:#6366f1;bottom:-150px;height:350px;left:-120px;width:350px}.search-header{position:relative;z-index:1}.search-header h1{color:#111827;font-size:40px;font-weight:800;letter-spacing:-1px;margin-bottom:15px}.search-query{align-items:center;background:#fff;border-radius:50px;box-shadow:0 10px 30px #00000014;color:#64748b;display:inline-flex;gap:10px;padding:12px 20px}.search-query strong{color:#ff4d6d}.search-loading{align-items:center;color:#64748b;display:flex;flex-direction:column;font-size:18px;gap:20px;height:300px;justify-content:center}.loader-circle{animation:spin 1s linear infinite;border:5px solid #e5e7eb;border-radius:50%;border-top-color:#ff4d6d;height:45px;width:45px}.products-title{color:#111827;font-size:28px;font-weight:700;gap:15px;margin-bottom:30px;margin-top:45px;position:relative;z-index:1}.products-title,.result-count{align-items:center;display:flex}.result-count{background:linear-gradient(135deg,#ff4d6d,#ff1e56);border-radius:50px;box-shadow:0 8px 25px #ff4d6d59;color:#fff;font-size:14px;height:38px;justify-content:center;min-width:38px;padding:0 12px}.no-products{background:#fff;border-radius:25px;box-shadow:0 20px 50px #00000014;color:#64748b;padding:50px;position:relative;text-align:center}.no-products h3{color:#111827;margin-bottom:10px}.products-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));position:relative;z-index:1}.product-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd9;border:1px solid #fffc;border-radius:28px;box-shadow:0 15px 40px #00000014;overflow:hidden;transition:.4s}.product-card:hover{box-shadow:0 30px 70px #00000026;transform:translateY(-12px)}.product-image-wrapper{overflow:hidden;position:relative}.product-image-wrapper img{height:250px;object-fit:cover;transition:.5s;width:100%}.product-card:hover img{transform:scale(1.08)}.image-badge{background:#fff;border-radius:50px;box-shadow:0 8px 20px #0000001f;color:#ff4d6d;font-size:12px;font-weight:600;padding:7px 14px;position:absolute;right:15px;top:15px}.product-card-content{padding:22px}.product-card h3{color:#111827;font-size:22px;font-weight:700;margin-bottom:15px}.product-collection{background:#fff1f5;border-radius:50px;color:#ff4d6d;display:inline-flex;font-size:13px;font-weight:600;margin-bottom:20px;padding:8px 15px}.product-info{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.info-box{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:15px}.info-label{color:#64748b;display:block;font-size:12px;margin-bottom:8px;text-transform:uppercase}.info-value{color:#111827;font-size:18px;font-weight:700}.price-value,.stock-good{color:#16a34a}.stock-low{color:#dc2626}.product-footer{border-top:1px dashed #e5e7eb;color:#64748b;display:flex;font-size:13px;justify-content:space-between;margin-top:20px;padding-top:15px}.product-id{color:#94a3b8}.product-card{animation:fadeUp .6s ease}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.admin-search-container{padding:30px}.search-header h1{font-size:32px}}@media (max-width:600px){.admin-search-container{padding:20px}.search-header h1{font-size:26px}.product-info{grid-template-columns:1fr}.product-image-wrapper img{height:210px}}.admin-search-container::-webkit-scrollbar{width:8px}.admin-search-container::-webkit-scrollbar-thumb{background:linear-gradient(#ff4d6d,#6366f1);border-radius:20px}.search-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.search-tab{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;color:#64748b;cursor:pointer;display:inline-flex;font-family:inherit;font-size:13.5px;font-weight:600;gap:8px;padding:9px 16px;transition:background .2s ease,border-color .2s ease,color .2s ease}.search-tab:hover{border-color:#cbd5e1;color:#334155}.search-tab-active,.search-tab-active:hover{background:#2563eb;border-color:#2563eb;color:#fff}.search-tab-count{align-items:center;background:#64748b1f;border-radius:999px;color:inherit;display:inline-flex;font-size:12px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}.search-tab-active .search-tab-count{background:#ffffff38}.image-badge-collection{background:#f1f5f9;color:#334155}.orders-list{display:flex;flex-direction:column;gap:10px;margin-bottom:8px}.order-result-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:14px;cursor:pointer;display:flex;font-family:inherit;gap:14px;padding:14px 16px;text-align:left;transition:border-color .2s ease,background .2s ease,transform .2s ease;width:100%}.order-result-card:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateX(3px)}.order-result-avatar{align-items:center;background:#eff6ff;border-radius:50%;color:#2563eb;display:flex;flex-shrink:0;font-size:15px;font-weight:700;height:42px;justify-content:center;width:42px}.order-result-body{flex:1 1;min-width:0}.order-result-body p{align-items:center;color:#111827;display:flex;font-size:14.5px;gap:10px;margin-bottom:4px}.order-result-meta{color:#64748b;font-size:13px}.order-status-pill{align-items:center;background:#f1f5f9;border-radius:999px;color:#475569;display:inline-flex;font-size:11.5px;font-weight:700;padding:2px 10px;text-transform:capitalize}.order-status-pending{background:#fff7ed;color:#c2410c}.order-status-cancelled{background:#fef2f2;color:#b91c1c}.order-status-completed,.order-status-delivered{background:#f0fdf4;color:#15803d}@media (max-width:480px){.search-tab{font-size:13px;padding:8px 13px}.order-result-card{padding:12px}.order-result-avatar{font-size:13px;height:36px;width:36px}}:root{--ink:#1c1b29;--ink-soft:#504a63;--muted:#8a8496;--paper:#fff;--canvas:#faf7f2;--thread:#e1553f;--thread-dark:#c43f2c;--thread-tint:#fdece9;--border:#e6e1d6;--success:#2f8f5b;--success-bg:#eaf7ef;--danger:#d64545;--danger-bg:#fdedec}.admin-pricing-settings{box-sizing:border-box;color:#1c1b29;color:var(--ink);font-family:Inter,sans-serif;margin:0 auto;max-width:880px;padding:28px 24px 100px}.admin-pricing-settings *,.admin-pricing-settings :after,.admin-pricing-settings :before{box-sizing:border-box}.pricing-page-header{margin-bottom:24px}.pricing-eyebrow{color:#e1553f;color:var(--thread);display:block;font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.admin-pricing-settings h2{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;margin:0 0 6px}.admin-pricing-subtitle{color:#8a8496;color:var(--muted);font-size:14px;line-height:1.5;margin:0}.pricing-layout{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:1fr 300px;position:relative}.pricing-layout.is-saving{pointer-events:none}.pricing-main{display:flex;flex-direction:column;gap:16px;min-width:0}.pricing-card{background:#fff;background:var(--paper);border:1px solid #e6e1d6;border:1px solid var(--border);border-radius:14px;padding:22px}.pricing-card-header{align-items:flex-start;display:flex;gap:12px;margin-bottom:18px}.pricing-card-icon{align-items:center;background:#fdece9;background:var(--thread-tint);border-radius:10px;color:#c43f2c;color:var(--thread-dark);display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.pricing-card-header h3{color:#1c1b29;color:var(--ink);font-family:Space Grotesk,sans-serif;font-size:15.5px;font-weight:600;margin:0 0 2px}.pricing-section-hint{color:#8a8496;color:var(--muted);font-size:12.5px;line-height:1.5;margin:0}.pricing-field{display:flex;flex-direction:column;gap:6px;min-width:0}.pricing-field label{color:#504a63;color:var(--ink-soft);font-size:12.5px;font-weight:600}.pricing-field .input-with-prefix,.pricing-field .input-with-suffix{align-items:center;display:flex;position:relative;width:100%}.pricing-field .input-with-prefix span,.pricing-field .input-with-suffix span{color:#8a8496;color:var(--muted);font-size:13.5px;font-weight:600;pointer-events:none;position:absolute}.pricing-field .input-with-prefix span{left:12px}.pricing-field .input-with-suffix span{right:12px}.pricing-field input{background:#faf7f2;background:var(--canvas);border:1.5px solid #e6e1d6;border:1.5px solid var(--border);border-radius:9px;color:#1c1b29;color:var(--ink);font-family:inherit;font-size:14px;padding:10px 12px;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.pricing-field .input-with-prefix input{padding-left:26px}.pricing-field .input-with-suffix input{padding-right:30px}.pricing-field input:focus{background:#fff;background:var(--paper);border-color:#e1553f;border-color:var(--thread);box-shadow:0 0 0 3px #fdece9;box-shadow:0 0 0 3px var(--thread-tint);outline:none}.pricing-field input[type=number]::-webkit-inner-spin-button,.pricing-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pricing-field input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.pricing-field-narrow{max-width:160px}.two-col-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.size-charge-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(84px,1fr))}.pricing-preview{background:#fff;background:var(--paper);border:1px solid #e6e1d6;border:1px solid var(--border);border-radius:14px;overflow:hidden;padding:22px 20px 18px;position:-webkit-sticky;position:sticky;top:20px}.pricing-preview-perf{background-image:radial-gradient(circle,#faf7f2 2.5px,#0000 2.6px);background-image:radial-gradient(circle,var(--canvas) 2.5px,#0000 2.6px);background-position:0 -7px;background-size:14px 14px;height:6px;left:0;position:absolute;right:0;top:0}.pricing-preview h4{font-family:Space Grotesk,sans-serif;font-size:14.5px;font-weight:600;margin:6px 0 2px}.pricing-preview-caption{color:#8a8496;color:var(--muted);font-size:12px;margin:0 0 14px}.pricing-preview-row{color:#504a63;color:var(--ink-soft);display:flex;font-size:13px;justify-content:space-between;padding:5px 0}.pricing-preview-free{color:#2f8f5b;color:var(--success);font-weight:600}.pricing-preview-divider{border-top:1.5px dashed #e6e1d6;border-top:1.5px dashed var(--border);margin:8px 0}.pricing-preview-total{color:#1c1b29;color:var(--ink);font-size:15px;font-weight:700}.pricing-preview-note{background:#fdece9;background:var(--thread-tint);border-radius:8px;color:#c43f2c;color:var(--thread-dark);font-size:11.5px;line-height:1.4;margin:12px 0 0;padding:8px 10px}.pricing-saving-overlay{align-items:center;background:#faf7f299;border-radius:14px;color:#e1553f;color:var(--thread);display:flex;font-size:24px;inset:0;justify-content:center;position:absolute}.pricing-save-bar{align-items:center;background:#fff;background:var(--paper);border-top:1px solid #e6e1d6;border-top:1px solid var(--border);bottom:0;box-shadow:0 -6px 20px #1c1b290f;display:flex;gap:16px;justify-content:flex-end;left:0;padding:14px 24px;position:fixed;right:0;z-index:50}.pricing-dirty-indicator{align-items:center;color:#8a8496;color:var(--muted);display:flex;font-size:12.5px;gap:6px}.pricing-dirty-indicator.is-dirty:before{background:#e1553f;background:var(--thread);border-radius:50%;content:"";height:6px;width:6px}.pricing-save-btn{align-items:center;background:#1c1b29;background:var(--ink);border:none;border-radius:9px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 24px;transition:background .15s ease,opacity .15s ease;white-space:nowrap}.pricing-save-btn:hover:not(:disabled){background:#c43f2c;background:var(--thread-dark)}.pricing-save-btn:disabled{cursor:not-allowed;opacity:.45}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.pricing-toast{align-items:center;animation:toastIn .2s cubic-bezier(.16,1,.3,1);border-radius:10px;bottom:80px;box-shadow:0 10px 30px #1c1b292e;display:flex;font-size:13px;gap:10px;max-width:340px;padding:12px 14px;position:fixed;right:24px;z-index:60}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pricing-toast-success{background:#eaf7ef;background:var(--success-bg);color:#2f8f5b;color:var(--success)}.pricing-toast-error{background:#fdedec;background:var(--danger-bg);color:#d64545;color:var(--danger)}.pricing-toast button{background:none;border:none;color:inherit;cursor:pointer;display:flex;margin-left:auto;opacity:.7}.pricing-toast button:hover{opacity:1}.pricing-skeleton{display:flex;flex-direction:column;gap:12px}.skeleton-card,.skeleton-line{animation:shimmer 1.4s ease infinite;background:linear-gradient(90deg,#faf7f2 25%,#f0ece3 37%,#faf7f2 63%);background:linear-gradient(90deg,var(--canvas) 25%,#f0ece3 37%,var(--canvas) 63%);background-size:400% 100%;border-radius:8px}.skeleton-title{height:26px;width:160px}.skeleton-subtitle{height:14px;margin-bottom:12px;width:280px}.skeleton-card{border-radius:14px;height:140px}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:800px){.pricing-layout{grid-template-columns:1fr}.pricing-preview{position:static}}@media (max-width:480px){.admin-pricing-settings{padding:20px 16px 100px}.pricing-card{padding:16px}.size-charge-grid{grid-template-columns:repeat(3,1fr)}.pricing-save-bar{padding:12px 16px max(12px,env(safe-area-inset-bottom))}}.neck-shape-editor{background:#fafafa;background:var(--admin-panel-bg,#fafafa);border:1px solid #e2e2e2;border:1px solid var(--admin-border,#e2e2e2);border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:12px;width:-webkit-fit-content;width:fit-content}.neck-shape-editor-svg{background:#f3f4f6;border-radius:4px;cursor:crosshair;touch-action:none}.neck-shape-editor-bg{fill:#f3f4f6}.neck-shape-editor-shape{fill:#d1d5db;stroke:#374151;stroke-width:.6;fill-opacity:.85}.neck-shape-editor-handle{fill:#2563eb;stroke:#fff;stroke-width:.6;cursor:grab}.neck-shape-editor-handle:active{fill:#1d4ed8;cursor:grabbing}.neck-shape-editor-actions{align-items:center;display:flex;font-size:12px;gap:10px}.neck-shape-editor-hint{color:#6b7280}.admin-options-page{margin:0 auto;max-width:960px;padding:32px}.admin-options-page h2{color:#111827;font-size:24px;font-weight:700;margin-bottom:6px}.admin-options-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px;max-width:640px}.admin-options-loading{color:#6b7280;font-size:14px;padding:40px 0;text-align:center}.admin-options-message{background:#ecfdf5;border-radius:8px;color:#047857;display:inline-block;font-size:14px;font-weight:500;margin-bottom:16px;padding:10px 14px}.admin-options-message.is-error{background:#fef2f2;color:#dc2626}.admin-options-section{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #00000008;margin-bottom:24px;padding:20px 24px}.admin-options-section-head{align-items:center;display:flex;gap:10px;margin-bottom:16px}.admin-options-section-head h3{color:#111827;font-size:16px;font-weight:600;margin:0}.admin-options-count{background:#eef2ff;border-radius:999px;color:#4f46e5;font-size:12px;font-weight:600;line-height:1.5;padding:2px 9px}.admin-options-empty{color:#9ca3af;font-size:13px;font-style:italic;margin-bottom:16px;padding:14px 4px}.admin-options-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px}.admin-option-row{align-items:center;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:12px;padding:10px 14px;transition:opacity .15s ease}.admin-option-row.inactive{opacity:.55}.admin-option-row input[type=color]{background:none;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;flex-shrink:0;height:32px;padding:0;width:32px}.admin-option-name{color:#1f2937;flex:1 1;font-size:14px;font-weight:500}.admin-status-pill{border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.03em;padding:3px 9px;text-transform:uppercase;white-space:nowrap}.admin-status-pill.active{background:#ecfdf5;color:#047857}.admin-status-pill.inactive{background:#f3f4f6;color:#6b7280}.admin-option-row button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.admin-option-row button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.admin-option-row button:disabled{cursor:not-allowed;opacity:.5}.admin-option-row button.danger{border-color:#fecaca;color:#dc2626}.admin-option-row button.danger:hover:not(:disabled){background:#fef2f2;border-color:#dc2626}.admin-option-add{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-option-add input[type=text]{border:1px solid #d1d5db;border-radius:8px;color:#111827;flex:1 1;font-size:14px;min-width:180px;padding:9px 12px}.admin-option-add input[type=text]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.admin-option-add input[type=color]{background:none;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;height:38px;padding:0;width:40px}.admin-option-add button{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 16px;transition:background .15s ease;white-space:nowrap}.admin-option-add button:hover:not(:disabled){background:#1f2937}.admin-option-add button:disabled{background:#9ca3af;cursor:not-allowed}.admin-option-add button:focus-visible,.admin-option-add input:focus-visible,.admin-option-row button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media (max-width:640px){.admin-options-page{padding:20px 16px}.admin-option-row{flex-wrap:wrap}.admin-option-add{align-items:stretch;flex-direction:column}.admin-option-add input[type=color]{width:100%}}.admin-neck-shape-swatch{background:#94a3b8;border-radius:4px;flex-shrink:0;height:42px;width:36px}.admin-neck-shape-swatch-new{height:52px;width:44px}.admin-neck-shape-select{border:1px solid #d1d5db;border-radius:8px;font-size:13px;padding:8px 10px}.admin-neck-row-wrap{display:flex;flex-direction:column;gap:10px}.admin-neck-edit-toggle{background:#eef2ff;border:1px solid #c7d2fe;border-radius:6px;color:#4338ca;cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.admin-neck-edit-toggle:hover:not(:disabled){background:#e0e7ff;border-color:#a5b4fc}.admin-neck-edit-toggle:focus-visible{outline:2px solid #6366f1;outline-offset:2px}.admin-option-add-neck{align-items:stretch;flex-direction:column;gap:12px}.admin-option-add-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-option-add-row input[type=text]{border:1px solid #d1d5db;border-radius:8px;color:#111827;flex:1 1;font-size:14px;min-width:180px;padding:9px 12px}.admin-option-add-row input[type=text]:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.admin-option-add-row select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;padding:9px 12px}.admin-option-add-row button{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:9px 16px;transition:background .15s ease;white-space:nowrap}.admin-option-add-row button:hover:not(:disabled){background:#1f2937}.admin-option-add-row button:disabled{background:#9ca3af;cursor:not-allowed}@media (max-width:640px){.admin-option-add-row{align-items:stretch;flex-direction:column}}.admin-option-row .admin-delete-btn{align-items:center!important;appearance:none!important;-webkit-appearance:none!important;background:#0000!important;border:1px solid #fecaca!important;border-radius:7px!important;color:#dc2626!important;cursor:pointer;display:inline-flex!important;flex:0 0 32px!important;height:32px!important;justify-content:center!important;margin:0!important;min-height:32px!important;min-width:32px!important;padding:0!important;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease;width:32px!important}.admin-option-row .admin-delete-btn svg{stroke:currentColor!important;fill:none!important;color:#dc2626!important;display:block!important;height:16px!important;pointer-events:none;width:16px!important}.admin-option-row .admin-delete-btn:hover:not(:disabled){background:#fef2f2!important;border-color:#dc2626!important;color:#b91c1c!important;transform:scale(1.05)}.admin-option-row .admin-delete-btn:hover:not(:disabled) svg{stroke:currentColor!important;color:#b91c1c!important}.admin-option-row .admin-delete-btn:active{transform:scale(.95)}.admin-option-row .admin-delete-btn:disabled{cursor:not-allowed!important;opacity:.5!important}.admin-option-row .admin-delete-btn:focus{outline:none!important}.admin-option-row .admin-delete-btn:focus-visible{outline:2px solid #6366f1!important;outline-offset:2px!important}.admin-stock-page{margin:0 auto;max-width:1100px;padding:32px}.admin-stock-page h2{color:#111827;font-size:24px;font-weight:700;margin-bottom:6px}.admin-stock-subtitle{color:#6b7280;font-size:14px;line-height:1.5;margin-bottom:24px;max-width:680px}.admin-stock-message{background:#ecfdf5;border-radius:8px;color:#047857;display:inline-block;margin-bottom:16px;padding:10px 14px}.admin-stock-message-error{color:#dc2626;display:block}.admin-stock-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:10px;color:#92400e;font-size:13px;line-height:1.5;margin-bottom:20px;padding:12px 16px}.admin-bulk-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #00000008;margin-bottom:20px;padding:18px 20px}.admin-bulk-panel h3{color:#111827;font-size:15px;font-weight:600;margin-bottom:6px}.admin-bulk-hint{color:#6b7280;font-size:13px;line-height:1.5;margin-bottom:14px}.admin-bulk-status{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;color:#4b5563;font-size:13px;line-height:1.5;margin:0 0 14px;padding:8px 12px}.admin-bulk-status strong{color:#111827}.admin-bulk-warning{background:#fffbeb;border:1px solid #fde68a;border-radius:8px;color:#92400e;font-size:13px;line-height:1.5;margin:14px 0 0;padding:8px 12px}.admin-bulk-row{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.admin-bulk-row label{color:#6b7280;display:flex;flex-direction:column;font-size:12px;gap:4px}.admin-bulk-row label.admin-stock-checkbox{align-items:center;color:#374151;flex-direction:row;font-size:13px}.admin-bulk-row input[type=number],.admin-bulk-row select{border:1px solid #d1d5db;border-radius:8px;font-size:13px;min-width:110px;padding:8px 10px}.admin-bulk-row button{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:9px 16px;transition:background .15s ease;white-space:nowrap}.admin-bulk-row button:hover:not(:disabled){background:#4338ca}.admin-bulk-row button:disabled{background:#9ca3af;cursor:not-allowed}.admin-bulk-confirm{animation:admin-bulk-confirm-in .15s ease;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:16px;padding:14px 16px}@keyframes admin-bulk-confirm-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-bulk-confirm p{color:#7f1d1d;font-size:13px;line-height:1.6;margin:0 0 12px}.admin-bulk-confirm p strong{color:#450a0a}.admin-bulk-confirm-actions{display:flex;gap:10px}.admin-bulk-confirm-actions button{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:background .15s ease,border-color .15s ease;white-space:nowrap}.admin-bulk-confirm-actions button:hover:not(:disabled){background:#f3f4f6;border-color:#9ca3af}.admin-bulk-confirm-actions button:disabled{cursor:not-allowed;opacity:.6}.admin-bulk-confirm-actions button.danger{background:#dc2626;border-color:#dc2626;color:#fff}.admin-bulk-confirm-actions button.danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.admin-editing-banner{align-items:center;background:#eef2ff;border:1px solid #c7d2fe;border-radius:10px;color:#3730a3;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:10px;padding:10px 16px}.admin-editing-banner button{background:none;border:1px solid #c7d2fe;border-radius:6px;color:#3730a3;cursor:pointer;font-size:12px;font-weight:600;padding:5px 12px;transition:background .15s ease}.admin-editing-banner button:hover{background:#e0e7ff}.admin-stock-form{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #00000008;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px;padding:18px 20px}.admin-stock-form input[type=number],.admin-stock-form select{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#111827;font-size:14px;min-width:130px;padding:9px 12px}.admin-stock-form input[type=number]{min-width:100px}.admin-stock-form input[type=number]:focus,.admin-stock-form select:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126;outline:none}.admin-stock-checkbox{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px;gap:6px;white-space:nowrap}.admin-stock-checkbox input{cursor:pointer;height:16px;width:16px}.admin-stock-form button{background:#111827;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 18px;transition:background .15s ease;white-space:nowrap}.admin-stock-form button:hover:not(:disabled){background:#1f2937}.admin-stock-form button:disabled{background:#9ca3af;cursor:not-allowed}.admin-stock-table{background:#fff;border:1px solid #e5e7eb;border-collapse:collapse;border-radius:12px;font-size:14px;overflow:hidden;width:100%}.admin-stock-table thead{background:#f9fafb}.admin-stock-table th{border-bottom:1px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left}.admin-stock-table td{border-bottom:1px solid #f3f4f6;color:#1f2937;padding:12px 16px}.admin-stock-table tr:last-child td{border-bottom:none}.admin-stock-table tr:hover td{background:#fafafa}.admin-stock-table tr.is-editing td{background:#eef2ff}.stale-tag{background:#fef3c7;border-radius:999px;color:#b45309;display:inline-block;font-size:10px;font-weight:700;letter-spacing:.03em;margin-left:8px;padding:2px 7px;text-transform:uppercase;vertical-align:middle}.admin-stock-table td button{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:13px;font-weight:500;margin-right:8px;padding:6px 12px;transition:background .15s ease,border-color .15s ease}.admin-stock-table td button:hover{background:#f3f4f6;border-color:#9ca3af}.admin-stock-table td button.danger{border-color:#fecaca;color:#dc2626}.admin-stock-table td button.danger:hover{background:#fef2f2;border-color:#dc2626}.in-stock{background:#ecfdf5;color:#047857}.in-stock,.out-of-stock{border-radius:999px;font-size:12px;font-weight:600;padding:4px 10px}.out-of-stock{background:#fef2f2;color:#dc2626}.admin-stock-empty{color:#9ca3af;font-style:italic;padding:28px 16px!important}@media (max-width:768px){.admin-stock-page{padding:20px 16px}.admin-bulk-row,.admin-stock-form{align-items:stretch;flex-direction:column}.admin-bulk-row input[type=number],.admin-bulk-row select,.admin-stock-form input[type=number],.admin-stock-form select{width:100%}.admin-bulk-confirm-actions{flex-direction:column}.admin-bulk-confirm-actions button{width:100%}.admin-stock-table{display:block;overflow-x:auto;white-space:nowrap}}.admin-stock-search{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:24px 0 18px}.admin-stock-search-box{flex:1 1;min-width:320px;position:relative}.admin-stock-search-box input{background:#fff;border:1px solid #d9d9d9;border-radius:12px;font-size:15px;height:48px;padding:0 48px 0 45px;transition:.25s;width:100%}.admin-stock-search-box input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f;outline:none}.search-icon{color:#6b7280;font-size:18px;left:15px}.clear-search-btn,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.clear-search-btn{background:#f3f4f6;font-size:15px;height:30px;right:12px;transition:.2s;width:30px}.clear-search-btn:hover{background:#ef4444;color:#fff}.search-result-count{color:#6b7280;font-size:14px;white-space:nowrap}.search-result-count strong{color:#111827}.admin-stock-filter-row{align-items:center;display:flex;gap:12px;margin-bottom:20px}.admin-stock-filter-row label{color:#374151;font-weight:600}.admin-stock-filter-row select{border:1px solid #d1d5db;border-radius:10px;cursor:pointer;height:42px;min-width:180px;padding:0 14px;transition:.2s}.admin-stock-filter-row select:focus{border-color:#2563eb;outline:none}.admin-stock-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}.stock-stat-card{background:#fff;border:1px solid #ececec;border-radius:14px;box-shadow:0 5px 14px #0000000d;padding:18px;transition:.25s}.stock-stat-card:hover{box-shadow:0 12px 24px #0000001a;transform:translateY(-3px)}.stock-stat-card h4{color:#6b7280;font-size:14px;font-weight:600;margin:0}.stock-stat-card span{color:#111827;display:block;font-size:28px;font-weight:700;margin-top:10px}.stock-stat-card.success{border-left:5px solid #16a34a}.stock-stat-card.success span{color:#16a34a}.stock-stat-card.danger{border-left:5px solid #dc2626}.stock-stat-card.danger span{color:#dc2626}.stock-stat-card.primary{border-left:5px solid #2563eb}.stock-stat-card.primary span{color:#2563eb}.searchable-table tbody tr{transition:.2s}.searchable-table tbody tr:hover{background:#f8fafc}.searchable-table td{vertical-align:middle}.admin-stock-empty{color:#6b7280;font-size:15px;padding:45px 20px;text-align:center}.admin-bulk-confirm-actions button:focus-visible,.admin-bulk-row button:focus-visible,.admin-editing-banner button:focus-visible,.admin-stock-form button:focus-visible,.admin-stock-form input:focus-visible,.admin-stock-form select:focus-visible,.admin-stock-table td button:focus-visible,.clear-search-btn:focus-visible{outline:2px solid #6366f1;outline-offset:2px}@media(max-width:768px){.admin-stock-search{align-items:stretch;flex-direction:column}.search-result-count{text-align:center}.admin-stock-filter-row{align-items:stretch;flex-direction:column}.admin-stock-filter-row select{width:100%}.admin-stock-search-box{min-width:100%}.admin-stock-stats{grid-template-columns:1fr}}.admin-stock-search-box{border:1px solid #d9dee7;border-radius:10px;width:100%}.admin-stock-search-box .search-icon{flex-shrink:0;padding-left:14px;padding-right:8px}.search-field-select{background:#f8f9fb;border-right:1px solid #e1e5eb;cursor:pointer;font-size:14px;height:100%;min-height:44px;padding:0 32px 0 10px}.search-field-select:focus{background:#f1f3f6}.admin-stock-search-box input{background:#0000;padding:0 12px}.admin-stock-search-box input::placeholder{color:#9ca3af}.clear-search-btn{background:#0000;color:#6b7280;font-size:16px;padding:0 14px}.clear-search-btn:hover{color:#dc2626}.admin-stock-editor{background:#fff;border:1px solid #e5e7eb;border-radius:16px;margin:24px 0;padding:24px;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease}.admin-stock-editor.is-editing{background:#f8fbff;border-color:#2563eb;box-shadow:0 8px 30px #2563eb1f}.stock-editor-header{align-items:flex-start;display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.stock-editor-eyebrow{color:#6b7280;display:block;font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:5px}.stock-editor-header h3{color:#111827;font-size:20px;margin:0}.stock-editor-header p{color:#6b7280;font-size:13px;margin:5px 0 0}.stock-editor-cancel{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-weight:600;padding:9px 14px}.stock-editor-cancel:hover{background:#f3f4f6}.editing-combination{background:#eff6ff;border:1px solid #bfdbfe;margin-bottom:20px}.editing-combination-icon{background:#2563eb;border-radius:8px;color:#fff;font-weight:700;height:34px;width:34px}.editing-combination span{color:#64748b;margin-bottom:2px}.editing-combination strong{color:#1e3a8a}.stock-form-field{display:flex;flex-direction:column;gap:7px}.stock-form-field label{color:#374151;font-size:12px;font-weight:700}.stock-form-field input,.stock-form-field select{background:#fff;border:1px solid #d1d5db;border-radius:9px;min-height:42px;outline:none;padding:0 12px;transition:border-color .2s ease,box-shadow .2s ease}.stock-form-field input:focus,.stock-form-field select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.stock-form-field select:disabled{background:#f1f5f9;color:#64748b;cursor:not-allowed}.quantity-field input{font-weight:700}.stock-availability-toggle{align-items:center;cursor:pointer;display:flex;gap:11px;min-height:42px}.stock-availability-toggle input{display:none}.toggle-ui{background:#cbd5e1;border-radius:999px;flex-shrink:0;height:24px;position:relative;transition:background .2s ease;width:42px}.toggle-ui:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s ease;width:18px}.stock-availability-toggle input:checked+.toggle-ui{background:#16a34a}.stock-availability-toggle input:checked+.toggle-ui:after{transform:translateX(18px)}.stock-availability-toggle strong{color:#1f2937;display:block;font-size:13px}.stock-availability-toggle small{color:#6b7280;display:block;font-size:11px;margin-top:2px}.stock-editor-actions{align-items:center;border-top:1px solid #e5e7eb;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:18px}.primary-stock-btn,.secondary-btn{border-radius:9px;cursor:pointer;font-weight:700;min-height:42px;padding:0 18px}.primary-stock-btn{background:#2563eb;border:none;color:#fff}.primary-stock-btn:hover{background:#1d4ed8}.primary-stock-btn:disabled{cursor:not-allowed;opacity:.6}.secondary-btn{background:#fff;border:1px solid #d1d5db;color:#374151}.secondary-btn:hover{background:#f3f4f6}.admin-stock-table tr.is-editing{background:#eff6ff}.admin-stock-table tr.is-editing td{border-bottom-color:#bfdbfe;border-top-color:#bfdbfe}.stock-row-actions{display:flex;gap:7px}.stock-row-actions button{border-radius:7px;cursor:pointer;font-size:12px;font-weight:600;min-width:62px;padding:7px 10px}.edit-btn{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8}.edit-btn:hover{background:#dbeafe}.editing-btn{background:#2563eb;border:1px solid #2563eb;color:#fff}.stock-row-actions .danger{background:#fff1f2;border:1px solid #fecaca;color:#dc2626}.stock-row-actions .danger:hover{background:#fee2e2}.stock-row-actions button:disabled{cursor:not-allowed;opacity:.45}.stock-row-actions{gap:14px;justify-content:flex-start;white-space:nowrap}.stock-icon-btn,.stock-row-actions{align-items:center;display:inline-flex}.stock-icon-btn{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:4px;cursor:pointer;height:22px;justify-content:center;margin:0;min-height:22px;min-width:22px;outline:none;padding:2px;transition:color .18s ease,opacity .18s ease,transform .18s ease;width:22px}.edit-icon-btn{color:#7183a1}.edit-icon-btn:hover{color:#4f6688;transform:translateY(-1px)}.delete-icon-btn{color:#9aa9c0}.delete-icon-btn:hover{color:#d65c67;transform:translateY(-1px)}.stock-icon-btn:disabled{cursor:not-allowed;opacity:.35;transform:none}.stock-icon-btn:focus-visible{outline:2px solid #4f668840;outline-offset:2px}.stock-row-actions .danger,.stock-row-actions .edit-btn,.stock-row-actions .editing-btn{background:#0000;border:0;box-shadow:none}.stock-search-section{margin-top:30px}.stock-search-header{align-items:center;display:flex;gap:15px;justify-content:space-between;margin-bottom:12px}.stock-search-header h3{font-size:18px;margin:0}.stock-search-header p{color:#6b7280;font-size:13px;margin:4px 0 0}.clear-all-filters{background:#0000;border:none;color:#2563eb;cursor:pointer;font-size:12px;font-weight:700}.admin-stock-search-box{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:11px;display:flex;min-height:46px;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.admin-stock-search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb14}.search-icon{font-size:15px;margin-left:13px}.search-field-select{background:#fff;border:none;border-right:1px solid #e5e7eb;color:#374151;font-size:12px;font-weight:600;height:44px;margin-left:8px;outline:none;padding:0 10px}.admin-stock-search-box input{border:none;flex:1 1;font-size:14px;height:44px;min-width:0;outline:none;padding:0 13px}.clear-search-btn{background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;font-size:18px;height:35px;margin-right:5px;width:35px}.clear-search-btn:hover{background:#e2e8f0}.search-result-count{color:#64748b;font-size:12px;margin-top:8px}.in-stock,.out-of-stock{align-items:center;display:inline-flex;gap:6px}.status-dot{border-radius:50%;display:inline-block;height:7px;width:7px}.in-stock .status-dot{background:#16a34a}.out-of-stock .status-dot{background:#dc2626}.admin-stock-empty>div{padding:25px;text-align:center}.admin-stock-empty strong{color:#374151;display:block}.admin-stock-empty p{color:#6b7280;font-size:13px;margin:5px 0 12px}.admin-stock-empty button{background:#eff6ff;border:1px solid #bfdbfe;border-radius:7px;color:#2563eb;cursor:pointer;font-weight:600;padding:8px 13px}@media (max-width:900px){.stock-editor-header{flex-direction:column}.stock-editor-cancel{align-self:flex-start}.stock-form-field{width:100%}.admin-stock-form{grid-template-columns:1fr!important}.stock-editor-actions{justify-content:stretch}.stock-editor-actions button{flex:1 1}}@media (max-width:600px){.admin-stock-editor{border-radius:12px;padding:16px}.stock-search-header{align-items:flex-start;flex-direction:column}.admin-stock-search-box{flex-wrap:wrap;padding:5px}.search-field-select{flex:0 0 auto}.admin-stock-search-box input{min-width:150px}.stock-row-actions{flex-direction:column}}.stock-modal-overlay{align-items:center;animation:stockModalOverlayIn .18s ease-out;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:99999}.stock-modal{animation:stockModalIn .2s ease-out;background:#fff;border:1px solid #0f172a14;border-radius:18px;box-shadow:0 25px 70px #0f172a40,0 8px 24px #0f172a1f;padding:28px;width:min(460px,100%)}.stock-modal-icon{align-items:center;background:#eef2ff;border-radius:50%;color:#4f46e5;display:flex;font-size:22px;font-weight:800;height:48px;justify-content:center;margin-bottom:18px;width:48px}.danger-modal .stock-modal-icon{background:#fef2f2;color:#dc2626}.stock-modal-content h3{color:#111827;font-size:21px;line-height:1.3;margin:0 0 8px}.stock-modal-content p{color:#6b7280;font-size:14px;line-height:1.65;margin:0}.stock-modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:26px}.stock-modal-actions button{border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;min-height:42px;padding:0 18px;transition:transform .15s ease,background .15s ease,opacity .15s ease}.stock-modal-actions button:hover:not(:disabled){transform:translateY(-1px)}.stock-modal-actions button:disabled{cursor:not-allowed;opacity:.6}.stock-modal-cancel{background:#fff;border:1px solid #d1d5db;color:#374151}.stock-modal-cancel:hover:not(:disabled){background:#f9fafb}.stock-modal-confirm{background:#111827;border:none;color:#fff}.stock-modal-confirm:hover:not(:disabled){background:#1f2937}.stock-modal-confirm.danger{background:#dc2626}.stock-modal-confirm.danger:hover:not(:disabled){background:#b91c1c}.admin-stock-message{align-items:center;animation:stockMessageIn .2s ease-out;border-radius:10px;display:flex;font-size:14px;font-weight:500;gap:9px;margin:16px 0;padding:12px 16px}.admin-stock-message-success{background:#ecfdf5;border:1px solid #a7f3d0;color:#047857}.admin-stock-message-error{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.admin-stock-table tbody tr.is-editing{background:#f5f7ff;box-shadow:inset 3px 0 0 #4f46e5}.admin-stock-table tbody tr.is-editing td{border-bottom-color:#dbe3ff}.editing-btn{background:#eef2ff;border:1px solid #c7d2fe;color:#4338ca}.editing-btn:hover{background:#e0e7ff}.admin-stock-editor.is-editing{border:1px solid #c7d2fe;box-shadow:0 0 0 3px #4f46e514,0 12px 35px #0f172a14}.editing-combination{align-items:center;background:#f5f7ff;border:1px solid #dbe3ff;border-radius:10px;display:flex;gap:12px;margin:18px 0 22px;padding:13px 15px}.editing-combination-icon{align-items:center;background:#e0e7ff;border-radius:9px;color:#4338ca;display:flex;font-size:17px;height:36px;justify-content:center;width:36px}.editing-combination span{color:#6b7280;display:block;font-size:11px;letter-spacing:.05em;margin-bottom:3px;text-transform:uppercase}.editing-combination strong{color:#111827;font-size:14px}@keyframes stockModalOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes stockModalIn{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes stockMessageIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.stock-modal-overlay{padding:16px}.stock-modal{border-radius:15px;padding:22px}.stock-modal-actions{flex-direction:column-reverse}.stock-modal-actions button{width:100%}}.admin-stock-modal-overlay{align-items:center;animation:adminStockModalFadeIn .18s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:9999}.admin-stock-modal{animation:adminStockModalScaleIn .2s ease;background:#fff;border-radius:18px;box-shadow:0 24px 70px #00000040;max-height:calc(100vh - 48px);overflow-y:auto;padding:30px;text-align:center;width:min(520px,100%)}.admin-stock-modal h3{font-size:22px;line-height:1.3;margin:8px 0 10px}.admin-stock-modal>p{color:#666;line-height:1.6;margin:0 0 18px}.admin-stock-modal-icon{align-items:center;background:#eef4ff;border-radius:50%;display:flex;font-size:26px;height:58px;justify-content:center;margin:0 auto 14px;width:58px}.admin-stock-modal-icon.warning{background:#fff4d6}.admin-stock-modal-icon.danger{background:#ffe7e7}.admin-stock-modal-details{background:#f7f8fa;border-radius:12px;color:#555;display:flex;flex-direction:column;gap:9px;margin:18px 0;padding:16px;text-align:left}.admin-stock-modal-details strong{color:#222}.admin-stock-modal-details>strong{border-bottom:1px solid #e5e7eb;font-size:16px;padding-bottom:5px}.admin-stock-modal-warning{background:#fff7e6;border-radius:10px;color:#8a5a00!important;font-size:14px;padding:12px 14px;text-align:left}.admin-stock-modal-actions{display:flex;gap:12px;justify-content:center;margin-top:24px}.admin-stock-modal-actions button{border:0;border-radius:9px;cursor:pointer;font-size:14px;font-weight:600;min-height:44px;min-width:140px;padding:10px 18px;transition:transform .15s ease,opacity .15s ease}.admin-stock-modal-actions button:hover:not(:disabled){transform:translateY(-1px)}.admin-stock-modal-actions button:disabled{cursor:not-allowed;opacity:.6}.admin-stock-modal-actions .secondary-btn{background:#eef0f3;color:#333}.admin-stock-modal-actions .danger{background:#dc3545;color:#fff}.admin-stock-modal-actions .primary-stock-btn{background:#2563eb;color:#fff}@keyframes adminStockModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes adminStockModalScaleIn{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width:600px){.admin-stock-modal-overlay{padding:14px}.admin-stock-modal{border-radius:15px;padding:22px}.admin-stock-modal h3{font-size:19px}.admin-stock-modal-actions{flex-direction:column-reverse}.admin-stock-modal-actions button{width:100%}}