@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg-primary:#0c1012;--bg-secondary:#080b0d;--bg-surface:#151b1d;--bg-surface-rgb:21, 27, 29;--bg-surface-hover:#1b2426;--bg-elevated:#20292b;--bg-header:#0c1012d1;--surface-gradient:linear-gradient(145deg, #1d2527f5, #101517fa);--surface-highlight:#ffffff14;--accent:#d97745;--accent-light:#f0a06a;--accent-dark:#a94729;--accent-secondary:#2fa89d;--accent-warm:#e7b75a;--accent-gradient:linear-gradient(135deg, #ed9860 0%, #d56e40 56%, #bb5632 100%);--accent-gradient-deep:linear-gradient(145deg, #d87443 0%, #9f4026 100%);--accent-glow:0 12px 30px #d9774538;--text-primary:#f5f2ec;--text-secondary:#b2b5b0;--text-tertiary:#747c79;--text-inverse:#fff;--border-color:#bec7c221;--border-light:#c8cfca3d}[data-theme=light]{--bg-primary:#f4f1eb;--bg-secondary:#e9e4da;--bg-surface:#fffdf8;--bg-surface-rgb:255, 255, 255;--bg-surface-hover:#faf6ef;--bg-elevated:#eee9df;--bg-header:#f4f1ebd6;--surface-gradient:linear-gradient(145deg, #fffdf8fc, #efeae0f5);--surface-highlight:#ffffffeb;--accent:#b85632;--accent-light:#c7653d;--accent-dark:#873b24;--accent-secondary:#187d75;--accent-warm:#b97919;--accent-gradient:linear-gradient(135deg, #d67a49 0%, #b95531 56%, #974023 100%);--accent-gradient-deep:linear-gradient(145deg, #c66339 0%, #873820 100%);--accent-glow:0 12px 28px #b8563233;--text-primary:#202523;--text-secondary:#5f6662;--text-tertiary:#919791;--text-inverse:#fff;--border-color:#414c4624;--border-light:#414c463d}:root{--status-success:#35c88a;--status-pending:#ffab45;--status-error:#ff647c;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-full:50%;--shadow-sm:0 5px 12px #03080933, 0 1px 0 var(--surface-highlight) inset;--shadow-md:0 16px 34px #03080947, 0 1px 0 var(--surface-highlight) inset;--shadow-lg:0 26px 70px #03080966, 0 1px 0 var(--surface-highlight) inset;--shadow-3d:0 14px 0 #04090a38, 0 28px 45px #0308094d, 0 1px 0 var(--surface-highlight) inset;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--header-height:72px;--bottom-nav-height:78px;--max-width:1120px;--transition-fast:.15s ease;--transition-normal:.26s cubic-bezier(.2, .8, .2, 1);--transition-slow:.5s cubic-bezier(.16, 1, .3, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{background:radial-gradient(circle at 12% 10%, #d977451c, transparent 32rem), radial-gradient(circle at 88% 32%, #2fa89d12, transparent 30rem), var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;overflow-x:hidden}#root{flex-direction:column;min-height:100vh;display:flex}.app-layout{isolation:isolate;min-height:100vh;position:relative}.app-layout:before,.app-layout:after{content:"";z-index:-1;filter:blur(2px);pointer-events:none;border-radius:50%;position:fixed}.app-layout:before{background:#d9774512;width:260px;height:260px;top:18%;left:max(-170px,50% - 720px)}.app-layout:after{background:#2fa89d0f;width:220px;height:220px;bottom:16%;right:max(-150px,50% - 680px)}a{color:var(--accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--accent-light)}img{max-width:100%;display:block}button{cursor:pointer;color:inherit;font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--accent) 42%, transparent);outline-offset:3px}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast);outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 12%, transparent)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 clamp(16px,3vw,28px)}.page-content{padding-top:var(--header-height);padding-bottom:calc(var(--bottom-nav-height) + var(--space-2xl) + env(safe-area-inset-bottom,0px));flex:1}.page-title{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:clamp(1.55rem,3vw,2rem);line-height:1.1}.btn-primary{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;box-shadow:0 7px 0 #692a18ad, var(--accent-glow);transition:transform var(--transition-fast), box-shadow var(--transition-fast);justify-content:center;align-items:center;padding:12px 20px;font-weight:800;display:inline-flex}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 9px #692a189e,0 18px 34px #b856323d}.btn-primary:active{box-shadow:0 2px 0 #692a18ad, var(--accent-glow);transform:translateY(5px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float3d{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes orbitSpin{to{transform:rotate(360deg)rotateX(68deg)}}.animate-fade-in{animation:.4s forwards fadeIn}.animate-slide-up{animation:.5s cubic-bezier(.4,0,.2,1) forwards slideUp}.stagger-children>*{animation:.4s both fadeIn}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}@media (prefers-reduced-motion:reduce){.stagger-children>*{opacity:1!important;animation:none!important}}.skeleton{background:linear-gradient(90deg, var(--bg-surface) 25%, var(--bg-elevated) 50%, var(--bg-surface) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent) 35%, var(--border-light));border-radius:4px}@media (width<=600px){:root{--header-height:66px;--bottom-nav-height:78px}.container{padding-inline:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.toast-container{z-index:9999;pointer-events:none;gap:12px;width:calc(100% - 48px);max-width:380px;display:grid;position:fixed;top:24px;right:24px}.toast-card{pointer-events:auto;background:var(--surface-gradient);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);color:var(--text-primary);border-radius:16px;justify-content:space-between;align-items:center;padding:16px 20px;transition:all .25s;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;display:flex;box-shadow:0 10px 30px #00000029,0 1px 3px #00000014}.toast-content{align-items:center;gap:12px;display:flex}.toast-message{font-size:.9rem;font-weight:600;line-height:1.4}.toast-close{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:50%;place-items:center;margin-left:12px;padding:6px;font-size:.8rem;transition:all .15s;display:grid}.toast-close:hover{background:var(--border-color);color:var(--text-primary)}.toast-icon{flex-shrink:0}.toast-card.success{border-left:4px solid #10b981}.toast-icon.success{color:#10b981}.toast-card.error{border-left:4px solid #ef4444}.toast-icon.error{color:#ef4444}.toast-card.warning{border-left:4px solid #f59e0b}.toast-icon.warning{color:#f59e0b}.toast-card.info{border-left:4px solid #3b82f6}.toast-icon.info{color:#3b82f6}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@media screen and (width<=520px){.toast-container{top:auto;bottom:calc(var(--bottom-nav-height) + 16px);width:auto;max-width:none;left:24px;right:24px}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(120%)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}}.header{z-index:100;background:linear-gradient(180deg, var(--bg-header), color-mix(in srgb, var(--bg-header) 80%, transparent));-webkit-backdrop-filter:blur(24px)saturate(140%);border-bottom:1px solid var(--border-color);height:var(--header-height);position:fixed;top:0;left:0;right:0;box-shadow:0 12px 40px #0305111f}.header:after{content:"";background:linear-gradient(90deg,#0000,#d9774585,#0000);width:min(52vw,560px);height:1px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)}.header-inner{max-width:var(--max-width);justify-content:space-between;align-items:center;height:100%;margin:0 auto;padding:0 clamp(16px,3vw,28px);display:flex}.header-left{align-items:center;gap:10px;min-width:0;display:flex}.header-avatar{border-radius:var(--radius-full);background:var(--bg-elevated);border:1px solid #ffffff2e;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #401f14a6,0 10px 24px #03080947}.header-avatar img,.header-avatar .header-brand-avatar{object-fit:contain;background:var(--bg-elevated);border-radius:inherit;width:100%;height:100%;padding:6px}.header-avatar .header-brand-avatar{box-shadow:none}.avatar-placeholder{color:#fff;background:var(--accent-gradient);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.header-user-info{flex-direction:column;min-width:0;line-height:1.2;display:flex}.header-username{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--text-primary);font-size:.86rem;font-weight:800;overflow:hidden}.header-page-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.12em;font-size:.67rem;font-weight:700}.header-right{align-items:center;gap:8px;display:flex}.header-balance{background:var(--surface-gradient);color:var(--text-primary);border:1px solid var(--border-light);box-shadow:0 4px 0 #03051140, var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;border-radius:14px;align-items:center;gap:6px;padding:8px 13px;font-size:.82rem;font-weight:700;text-decoration:none;display:flex}.header-balance:hover{box-shadow:0 6px 0 #03051138, var(--shadow-md);border-color:var(--accent-light);transform:translateY(-2px)}.header-balance svg{color:var(--accent)}.header-icon-btn{width:36px;height:36px;color:var(--text-secondary);background:rgba(var(--bg-surface-rgb), .5);transition:all var(--transition-fast);border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;display:flex}.header-icon-btn:hover{background:var(--surface-gradient);color:var(--accent-light);border-color:var(--border-light);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.header-lang-group{background:rgba(var(--bg-surface-rgb), .6);border:1px solid var(--border-color);border-radius:12px;align-items:center;gap:2px;padding:3px;display:flex}.lang-btn{color:var(--text-tertiary);transition:all var(--transition-fast);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:5px 8px;font-size:.72rem;font-weight:700}.lang-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.lang-btn.active{background:var(--accent-gradient-deep);color:#fff;box-shadow:0 3px 8px #84371f57,inset 0 1px #ffffff40}.lang-icon{font-size:.75rem}@media (width<=600px){.header-inner{padding-inline:14px}.header-avatar{width:38px;height:38px}.header-balance{padding:7px 10px;font-size:.76rem}}@media (width<=430px){.header-right{gap:5px}.header-icon-btn[title=Notifications],.header-balance svg{display:none}.lang-btn{padding-inline:6px}}@media (width<=390px){.header-user-info{display:none}}.bottom-nav{z-index:100;padding:0 14px calc(12px + env(safe-area-inset-bottom,0px));pointer-events:none;background:0 0;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{background:color-mix(in srgb, var(--bg-header) 94%, transparent);border:1px solid var(--border-light);max-width:560px;height:66px;box-shadow:0 14px 45px #0305116b, 0 1px 0 var(--surface-highlight) inset;-webkit-backdrop-filter:blur(24px)saturate(145%);pointer-events:auto;border-radius:24px;justify-content:space-around;align-items:center;margin:0 auto;padding:5px 6px;display:flex}.nav-item{color:var(--text-secondary);transition:all var(--transition-normal);border-radius:17px;flex-direction:column;align-items:center;gap:3px;min-width:58px;padding:5px clamp(5px,2vw,14px);text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--accent-light);transform:translateY(-2px)}.nav-icon-wrapper{width:42px;height:34px;transition:all var(--transition-normal);border-radius:13px;justify-content:center;align-items:center;display:flex;position:relative}.cart-nav-badge{color:#fff;text-align:center;background:#d94747;border-radius:999px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:800;line-height:18px;position:absolute;top:-8px;right:-12px}.nav-item.active .nav-icon-wrapper{background:var(--accent-gradient);color:var(--text-inverse);transform:translateY(-4px)scale(1.04);box-shadow:0 5px #692a18ad,0 11px 24px #b8563240,inset 0 1px #ffffff4d}.nav-item.active{color:var(--accent-light)}.nav-label{letter-spacing:.02em;font-size:.64rem;font-weight:600}.nav-item.active .nav-label{font-weight:800}@media (width<=420px){.bottom-nav{padding-inline:9px}.bottom-nav-inner{border-radius:21px}.nav-item{min-width:47px;padding-inline:3px}.nav-label{font-size:.56rem}}.store-page{padding-top:var(--space-xl)}.smm-hero{background:radial-gradient(circle at 85% 20%, color-mix(in srgb, var(--accent-secondary) 24%, transparent), transparent 36%), var(--surface-gradient)}.smm-search{border:1px solid var(--border-light);background:var(--bg-surface);box-shadow:var(--shadow-md);border-radius:18px;grid-template-columns:1fr auto;gap:10px;margin:4px 0 30px;padding:10px;display:grid}.smm-search input{min-width:0;color:var(--text-primary);background:var(--bg-elevated);border:0;border-radius:12px;outline:0;padding:11px 14px}.smm-search button,.smm-load-more{color:#fff;background:var(--accent-gradient-deep);cursor:pointer;border:0;border-radius:12px;padding:11px 20px;font-weight:800}.smm-product-limits{gap:6px;margin-bottom:10px;display:flex}.smm-product-limits span{color:var(--text-secondary);border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:999px;padding:4px 7px;font-size:.62rem;font-weight:700}.smm-empty{color:var(--text-secondary);text-align:center;padding:48px 16px}.smm-load-more{min-width:160px;margin:24px auto 0;display:block}.smm-load-more:disabled{opacity:.6;cursor:wait}.catalog-controls{border:1px solid var(--border-light);background:var(--surface-gradient);box-shadow:0 7px 0 #0305112b, var(--shadow-md);border-radius:22px;gap:12px;margin:4px 0 34px;padding:14px;display:grid}.catalog-search{border:1px solid var(--border-color);color:var(--text-tertiary);background:var(--bg-elevated);border-radius:15px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding-left:14px;display:grid}.catalog-search input{min-width:0;box-shadow:none;background:0 0;border:0;padding-inline:0}.catalog-search input:focus{box-shadow:none}.catalog-search button,.catalog-pagination button,.wishlist-empty a{color:#fff;background:var(--accent-gradient-deep);border-radius:12px;padding:11px 18px;font-weight:800;box-shadow:0 4px #692a189e}.catalog-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.catalog-filters label{min-width:0}.catalog-filters label>span{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;margin:0 0 5px 3px;font-size:.65rem;font-weight:800;display:block}.catalog-filters select{background:var(--bg-elevated);width:100%}.catalog-pagination{color:var(--text-secondary);text-align:center;justify-content:center;align-items:center;gap:18px;margin-top:34px;font-size:.78rem;display:flex}.catalog-pagination button:disabled{opacity:.38;cursor:not-allowed;box-shadow:none}.store-tabs{gap:var(--space-sm);margin-bottom:var(--space-lg);scrollbar-width:none;-ms-overflow-style:none;padding-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.store-tabs::-webkit-scrollbar{display:none}.store-tab{border-radius:var(--radius-lg);white-space:nowrap;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-color);transition:all var(--transition-normal);padding:8px 18px;font-size:.85rem;font-weight:600;position:relative}.store-tab:hover{color:var(--text-primary);border-color:var(--border-light)}.store-tab.active{background:var(--text-primary);color:var(--bg-primary);border-color:#0000}.tab-badge{color:#fff;text-transform:uppercase;letter-spacing:.03em;background:#e74c3c;border-radius:6px;padding:2px 5px;font-size:.55rem;font-weight:700;position:absolute;top:-6px;right:-4px}.featured-section{margin-bottom:var(--space-xl)}.featured-banner{border-radius:var(--radius-lg);cursor:pointer;height:160px;transition:transform var(--transition-normal);position:relative;overflow:hidden}.featured-banner:hover{transform:scale(1.01)}.featured-banner:active{transform:scale(.99)}.featured-bg{background:linear-gradient(135deg, var(--bg-surface), var(--bg-primary));position:absolute;inset:0}.featured-bg img{object-fit:cover;opacity:.6;width:100%;height:100%}.featured-bg-placeholder{background:linear-gradient(135deg, var(--bg-elevated), var(--bg-surface));width:100%;height:100%}.featured-content{padding:var(--space-lg);background:linear-gradient(#0000 0%,#000000b3 100%);flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.featured-label{text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:4px;font-size:.65rem;font-weight:700}.featured-title{color:#fff;margin-bottom:var(--space-sm);text-shadow:0 2px 4px #0000004d;font-size:1.4rem;font-weight:800}.featured-btn{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);align-self:flex-start;padding:8px 16px;font-size:.8rem;font-weight:700}.featured-btn:hover{background:var(--accent);color:var(--text-inverse)}.section-title{text-align:center;margin-bottom:var(--space-lg);color:var(--text-primary);font-size:1.3rem;font-weight:700}.products-grid{gap:var(--space-md);grid-template-columns:repeat(2,1fr);display:grid}.product-card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal);cursor:pointer;overflow:hidden}.product-card-link{color:inherit;display:block}.product-card-link:hover{color:inherit}.wishlist-button{border:1px solid var(--border-light);width:42px;height:42px;color:var(--text-secondary);background:color-mix(in srgb, var(--bg-header) 92%, transparent);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-fast);border-radius:14px;place-items:center;display:grid}.wishlist-button:hover{color:var(--status-error);transform:translateY(-2px)}.wishlist-button.active{color:#ff647c;border-color:#ff647c80}.wishlist-button:disabled{opacity:.55;cursor:wait}.product-card-wishlist{z-index:5;position:absolute;top:17px;right:17px}.wishlist-page{padding-top:clamp(28px,5vw,52px)}.wishlist-heading{margin-bottom:30px}.wishlist-heading>span{color:var(--accent-secondary);letter-spacing:.16em;font-size:.68rem;font-weight:800}.wishlist-heading h1{margin:7px 0 8px}.wishlist-heading p{color:var(--text-secondary);font-size:.88rem}.wishlist-empty{border:1px dashed var(--border-light);background:var(--surface-gradient);text-align:center;border-radius:28px;justify-items:center;min-height:340px;padding:48px 20px;display:grid}.wishlist-empty-icon{color:var(--accent);font-size:4rem;line-height:1}.wishlist-empty h2{align-self:end;font-family:Space Grotesk,sans-serif}.wishlist-empty p{color:var(--text-secondary);align-self:start;font-size:.85rem}.wishlist-empty a{align-self:end}.product-card:active{transform:translateY(0)}.product-image{background:var(--bg-elevated);width:100%;height:120px;overflow:hidden}.product-image img{object-fit:contain;background:radial-gradient(circle at 30% 20%, #ffffff14, transparent 50%), var(--bg-elevated);width:100%;height:100%;padding:18px}.product-image-placeholder{background:linear-gradient(135deg, var(--bg-elevated), var(--bg-surface));width:100%;height:100%;color:var(--accent);opacity:.5;justify-content:center;align-items:center;font-size:2rem;font-weight:800;display:flex}.product-tags{text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);margin-bottom:4px;font-size:.6rem;font-weight:600;display:block}.product-name{color:var(--text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:.85rem;font-weight:700;line-height:1.3;display:-webkit-box;overflow:hidden}.product-desc{color:var(--text-secondary);margin-bottom:var(--space-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.4;display:-webkit-box;overflow:hidden}.product-footer{justify-content:space-between;align-items:center;display:flex}.product-price{color:var(--accent);font-size:.95rem;font-weight:800}.product-stock{color:var(--text-tertiary);font-family:Courier New,monospace;font-size:.65rem;font-weight:500}.product-stock.limited{color:var(--status-pending)}.product-stock.out{color:var(--status-error)}.tab-placeholder{padding:var(--space-2xl) 0;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.tab-placeholder-icon{margin-bottom:var(--space-md);opacity:.4;font-size:3rem}.tab-placeholder h3{margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:600}.tab-placeholder p{color:var(--text-tertiary);font-size:.85rem}@media (width<=360px){.products-grid{grid-template-columns:1fr}}.store-page{perspective:1200px;padding-top:clamp(20px,4vw,42px)}.store-hero{border:1px solid var(--border-light);background:linear-gradient(115deg, #d977451f, transparent 48%), radial-gradient(circle at 88% 18%, #2fa89d1f, transparent 30%), var(--surface-gradient);min-height:330px;box-shadow:var(--shadow-3d);transform-style:preserve-3d;border-radius:34px;grid-template-columns:minmax(0,1.2fr) minmax(290px,.8fr);align-items:center;gap:clamp(24px,5vw,70px);margin-bottom:34px;padding:clamp(30px,6vw,64px);display:grid;position:relative;overflow:hidden}.store-hero:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:36px 36px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 82%);mask-image:linear-gradient(90deg,#000,#0000 82%)}.store-hero:after{content:"";pointer-events:none;border:28px solid #d9774512;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-110px;right:-80px}.hero-copy{z-index:3;max-width:620px;position:relative}.hero-eyebrow{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--border-color));background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-light);letter-spacing:.12em;text-transform:uppercase;border-radius:999px;align-items:center;gap:9px;margin-bottom:16px;padding:7px 12px;font-size:.69rem;font-weight:800;display:inline-flex}.hero-live-dot{background:var(--accent-secondary);width:7px;height:7px;box-shadow:0 0 0 5px color-mix(in srgb, var(--accent-secondary) 13%, transparent), 0 0 16px var(--accent-secondary);border-radius:50%}.hero-title{letter-spacing:-.065em;max-width:620px;color:var(--text-primary);margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:clamp(2.4rem,5.8vw,4.8rem);line-height:.98}.hero-title span{color:#0000;background:linear-gradient(100deg, var(--accent-light), var(--accent-secondary));-webkit-background-clip:text;background-clip:text;display:block}.hero-subtitle{max-width:560px;color:var(--text-secondary);margin-bottom:24px;font-size:clamp(.88rem,1.8vw,1.02rem);line-height:1.75}.hero-trust-row{flex-wrap:wrap;align-items:center;gap:14px 22px;display:flex}.hero-trust-row span{color:var(--text-primary);align-items:center;gap:8px;font-size:.75rem;font-weight:700;display:inline-flex}.hero-trust-row svg{color:var(--accent-secondary)}.hero-visual{z-index:2;perspective:900px;width:280px;height:250px;transform-style:preserve-3d;place-items:center;margin:auto;display:grid;position:relative}.hero-visual:before{content:"";filter:blur(16px);background:#0006;border-radius:50%;width:180px;height:42px;position:absolute;bottom:16px;transform:rotateX(70deg)}.hero-brand-mark{z-index:3;object-fit:contain;filter:drop-shadow(0 18px 18px #002f6e29);width:230px;height:230px;animation:5s ease-in-out infinite heroLogoFloat;position:relative}.hero-spark{background:#fff;border-radius:50%;position:absolute;box-shadow:0 0 14px #fff}.hero-spark-one{width:5px;height:5px;top:38px;right:34px}.hero-spark-two{width:3px;height:3px;bottom:58px;left:24px}@keyframes heroLogoFloat{0%,to{transform:translateY(5px)rotate(-2deg)}50%{transform:translateY(-10px)rotate(1deg)}}.store-tabs{gap:10px;margin-bottom:28px;padding:9px 3px 13px}.store-tab{background:var(--surface-gradient);border-color:var(--border-color);box-shadow:0 4px 0 #03051133, 0 1px 0 var(--surface-highlight) inset;border-radius:14px;padding:10px 19px}.store-tab:hover{border-color:color-mix(in srgb, var(--accent) 50%, var(--border-light));transform:translateY(-2px)}.store-tab.active{background:var(--accent-gradient-deep);color:#fff;border-color:#ffffff29;transform:translateY(-3px);box-shadow:0 6px #692a18ad,0 13px 22px #b856322e,inset 0 1px #ffffff4d}.tab-badge{background:linear-gradient(135deg,#ff7a69,#e94d78);box-shadow:0 4px 10px #e94d7852}.featured-section{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:20px;margin-bottom:48px;display:grid}.featured-banner{border:1px solid var(--border-light);text-align:left;border-radius:28px;width:100%;height:255px;transform:translateZ(0);box-shadow:0 9px #0305113d,0 22px 38px #03051140}.featured-banner:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff38}.featured-banner:hover{transform:translateY(-5px)rotateX(1.5deg)rotateY(-1deg);box-shadow:0 14px #03051133,0 32px 50px #03051152}.featured-bg img{opacity:.72;transition:transform .7s cubic-bezier(.16,1,.3,1)}.featured-banner:hover .featured-bg img{transform:scale(1.07)}.featured-content{background:linear-gradient(95deg,#050711eb 0%,#05071194 56%,#0507110a 100%);padding:clamp(22px,4vw,34px)}.featured-label{color:#f0a06a}.featured-title{letter-spacing:-.035em;max-width:70%;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2rem)}.featured-btn{color:#181816;background:#fffffff0;border-radius:12px;padding:10px 16px;box-shadow:0 5px #00000057,0 12px 24px #0000002e}.featured-btn:hover{transform:translateY(-2px);box-shadow:0 7px #582315a3,0 15px 26px #b8563238}.section-heading{margin-bottom:22px}.section-heading>span{color:var(--accent-secondary);letter-spacing:.18em;margin-bottom:7px;font-size:.67rem;font-weight:800;display:block}.section-title{text-align:left;letter-spacing:-.045em;margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2.1rem)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:clamp(15px,2.4vw,24px)}.product-card{background:var(--surface-gradient);border-color:var(--border-color);box-shadow:0 8px 0 #03051136, 0 18px 32px #0305112e, 0 1px 0 var(--surface-highlight) inset;text-align:left;border-radius:24px;width:100%;position:relative;transform:translateZ(0)}.product-card:hover{border-color:color-mix(in srgb, var(--accent) 42%, var(--border-light));box-shadow:0 13px 0 #0305112e, 0 30px 44px #03051147, 0 1px 0 var(--surface-highlight) inset;transform:translateY(-8px)rotateX(1.5deg)}.product-card:active{box-shadow:0 3px 0 #03051138, var(--shadow-sm);transform:translateY(3px)}.product-image{border:1px solid var(--border-color);border-radius:18px;width:calc(100% - 16px);height:170px;margin:8px 8px 0;position:relative}.product-image:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(140deg,#ffffff1a,#0000 40%);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff21}.product-card:hover .product-image img{transform:scale(1.08)}.product-info{padding:14px 16px 17px}.product-tags{color:var(--accent-secondary);font-weight:800}.product-name{letter-spacing:-.025em;font-family:Space Grotesk,sans-serif;font-size:1rem}.product-desc{min-height:2.8em}.product-footer{gap:10px}.product-price-group{flex-direction:column;align-items:flex-start;gap:2px;min-width:0;display:flex}.product-price{color:var(--accent-light);font-family:Space Grotesk,sans-serif;font-size:1rem}.product-stock{font-size:.61rem}.product-card-arrow{color:#fff;background:var(--accent-gradient-deep);width:38px;height:38px;transition:transform var(--transition-normal), box-shadow var(--transition-normal);border-radius:13px;flex:0 0 38px;place-items:center;display:grid;box-shadow:0 5px #672a18ad,0 10px 18px #b8563229}.product-card:hover .product-card-arrow{transform:translate(3px)translateY(-2px);box-shadow:0 7px #672a189e,0 14px 24px #b8563238}.tab-placeholder{border:1px dashed var(--border-light);background:var(--surface-gradient);min-height:330px;box-shadow:var(--shadow-md);border-radius:28px;margin-top:20px}@media (width<=760px){.store-hero{min-height:390px;padding:30px 26px;display:block}.hero-copy{max-width:78%}.hero-title{font-size:clamp(2.1rem,10vw,3.35rem)}.hero-subtitle{line-height:1.55}.hero-visual{opacity:.92;width:210px;height:210px;position:absolute;bottom:-18px;right:-46px;transform:scale(.72)}}@media (width<=520px){.store-hero{border-radius:27px;min-height:400px;padding:27px 22px;box-shadow:0 9px #03051138,0 22px 38px #03051140}.hero-copy{max-width:100%}.hero-title{max-width:95%}.hero-subtitle{max-width:88%;font-size:.84rem}.hero-trust-row{align-items:flex-start;gap:10px;max-width:70%}.hero-trust-row span{font-size:.68rem}.hero-visual{bottom:-35px;right:-58px;transform:scale(.62)}.featured-section{grid-template-columns:1fr}.featured-banner{border-radius:23px;height:215px}.featured-title{max-width:84%}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.product-card{border-radius:19px}.product-image{border-radius:14px;width:calc(100% - 12px);height:125px;margin:6px 6px 0}.product-info{padding:11px 11px 14px}.product-name{font-size:.84rem}.product-desc{display:none}.product-price{font-size:.82rem}.product-stock{text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.product-card-arrow{border-radius:10px;flex-basis:32px;width:32px;height:32px}.catalog-filters{grid-template-columns:1fr}.catalog-pagination{gap:8px}.catalog-pagination button{padding:9px 10px;font-size:.7rem}.catalog-pagination span{font-size:.68rem}.product-card-wishlist{width:36px;height:36px;top:11px;right:11px}}@media (width<=340px){.products-grid{grid-template-columns:1fr}.product-image{height:165px}}@media (width>=341px) and (width<=360px){.products-grid{grid-template-columns:1fr}.product-image{height:180px}}.orders-page{padding-top:var(--space-xl)}.orders-page .page-title{margin-bottom:var(--space-lg);color:var(--text-primary);font-size:1.5rem;font-weight:800}.orders-header-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.orders-refresh-btn{border:1px solid var(--border-color);background:var(--surface-gradient);color:var(--text-primary);border-radius:12px;padding:8px 12px;font-size:.78rem;font-weight:800}.orders-filters{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.orders-filter-chip{border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-secondary);border-radius:999px;padding:8px 12px;font-size:.75rem;font-weight:800}.orders-filter-chip.active{color:#fff;background:var(--accent-gradient-deep);border-color:#0000}.orders-error{color:#ff647c;background:#ff647c1a;border:1px solid #ff647c33;border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:.84rem;font-weight:600}.order-delivery-hint{color:var(--status-success);margin-top:4px;font-size:.7rem;font-weight:700;display:block}.orders-list{gap:var(--space-sm);flex-direction:column;display:flex}.orders-list .order-item{opacity:1}.order-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-normal);cursor:pointer;display:flex}.order-item:hover{border-color:var(--border-light);background:var(--bg-surface-hover)}.order-icon{border-radius:var(--radius-md);background:var(--bg-elevated);width:44px;height:44px;color:var(--accent);border:1px solid var(--border-light);flex-shrink:0;justify-content:center;align-items:center;font-size:1.1rem;font-weight:800;display:flex}.order-details{flex:1;min-width:0}.order-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.88rem;font-weight:600;overflow:hidden}.order-meta{color:var(--text-secondary);font-size:.72rem}.order-right{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:4px;display:flex}.order-price{color:var(--text-primary);font-size:.95rem;font-weight:700}.order-status{text-transform:capitalize;border-radius:6px;padding:3px 8px;font-size:.6rem;font-weight:700}.empty-state{padding:var(--space-2xl) 0;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state h3{margin-bottom:var(--space-xs);color:var(--text-primary);font-size:1.1rem;font-weight:600}.empty-state p{color:var(--text-tertiary);font-size:.85rem}.orders-page{max-width:820px;margin:0 auto;padding-top:clamp(28px,5vw,52px)}.orders-page .page-title{margin-bottom:28px}.orders-page .page-title:after{content:"";background:var(--accent-gradient);border-radius:999px;width:44px;height:4px;margin-top:10px;display:block;box-shadow:0 4px 12px #b856323d}.orders-list{gap:16px}.order-item{background:var(--surface-gradient);border-color:var(--border-color);box-shadow:0 6px 0 #03051133, var(--shadow-md);text-align:left;border-radius:21px;width:100%;padding:18px}.order-item:hover{background:var(--surface-gradient);border-color:color-mix(in srgb, var(--accent) 38%, var(--border-light));box-shadow:0 10px 0 #0305112b, var(--shadow-lg);transform:translateY(-5px)translate(2px)}.order-item:active{box-shadow:0 3px 0 #03051133, var(--shadow-sm);transform:translateY(2px)}.order-icon{color:#fff;background:var(--accent-gradient-deep);border-color:#ffffff29;border-radius:15px;width:50px;height:50px;box-shadow:0 5px #692a18a8,0 11px 22px #b8563229,inset 0 1px #ffffff47}.order-name{font-family:Space Grotesk,sans-serif;font-size:.95rem}.order-price{color:var(--accent-light);font-family:Space Grotesk,sans-serif}.order-status{border:1px solid;border-radius:999px}.empty-state{border:1px dashed var(--border-light);background:var(--surface-gradient);min-height:320px;box-shadow:var(--shadow-md);border-radius:26px;padding:40px 20px}@media (width<=480px){.order-item{gap:11px;padding:14px}.order-icon{width:43px;height:43px}.order-price{font-size:.8rem}}.balance-page{padding-top:var(--space-xl)}.balance-card{background:var(--accent-gradient);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-lg);border:1px solid #fff3;position:relative;overflow:hidden;box-shadow:0 10px 30px #3b82f640}.balance-card-bg{background:radial-gradient(circle at 100% 0,#fff3 0%,#0000 60%);position:absolute;inset:0}.balance-card-circle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border-radius:50%;width:160px;height:160px;position:absolute;top:-40px;right:-40px}.balance-card-circle:after{content:"";background:#ffffff0d;border-radius:50%;width:100px;height:100px;position:absolute;bottom:-20px;left:-20px}.balance-card-content{z-index:1;position:relative}.balance-label{color:#ffffffd9;margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:500;display:block}.balance-amount{margin-bottom:var(--space-lg);color:#fff;align-items:baseline;display:flex}.balance-dollar{color:#fff;font-size:1.8rem;font-weight:800}.balance-whole{color:#fff;letter-spacing:-.02em;font-size:3rem;font-weight:800;line-height:1}.balance-decimal{color:var(--text-secondary);font-size:1.5rem;font-weight:600}.add-funds-btn{border-radius:var(--radius-md);color:#fff;width:100%;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border:1px solid #fff3;padding:14px;font-size:.95rem;font-weight:700;box-shadow:0 4px 12px #0000000d}.add-funds-btn:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.topup-form{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.topup-presets{gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.topup-preset{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-sm);min-width:55px;color:var(--text-primary);transition:all var(--transition-fast);flex:1;padding:8px 4px;font-size:.82rem;font-weight:600}.topup-preset:hover,.topup-preset.active{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.topup-input-row{gap:var(--space-sm);display:flex}.topup-input{padding:10px var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);flex:1;font-size:.88rem}.topup-submit-btn{background:var(--accent-gradient);width:100%;color:var(--text-inverse);border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--accent-glow);margin-top:var(--space-sm);padding:14px 20px;font-size:.95rem;font-weight:700}.topup-submit-btn:hover{transform:translateY(-1px);box-shadow:0 4px 20px #b8563247}.topup-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.topup-payment-section{margin-top:var(--space-md);margin-bottom:var(--space-xs)}.topup-payment-title{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.78rem;font-weight:600}.topup-payment-options{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.topup-payment-2col{grid-template-columns:repeat(2,1fr)}.topup-pay-btn{background:var(--bg-elevated);border:1.5px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;align-items:center;gap:4px;padding:10px 6px;display:flex;position:relative}.topup-pay-btn svg{color:var(--text-secondary);transition:color var(--transition-fast)}.topup-pay-btn span{color:var(--text-primary);font-size:.7rem;font-weight:700}.topup-pay-btn:hover{border-color:var(--accent)}.topup-pay-btn.active{border-color:var(--accent);background:#d9774512;border-width:2px;box-shadow:0 0 0 3px #d977451a}.topup-pay-btn.active svg{color:var(--accent)}.topup-pay-btn.disabled{opacity:.4;cursor:not-allowed;border-style:dashed}.topup-pay-btn.disabled:hover{border-color:var(--border-color)}.topup-pay-unavailable{color:#e53935;font-size:.6rem;font-weight:800;position:absolute;top:2px;right:4px}.qris-modal-overlay{z-index:200;padding:var(--space-lg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qris-modal{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:var(--space-xl);text-align:center;width:100%;max-width:360px;box-shadow:var(--shadow-lg)}.qris-modal-title{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.2rem;font-weight:800}.qris-modal-amount{color:var(--accent);margin-bottom:var(--space-lg);font-size:1.6rem;font-weight:800}.qris-modal-image-box{width:min(78vw,320px);height:min(78vw,320px);margin:0 auto var(--space-lg);background:#fff;border:10px solid #fff;border-radius:24px;justify-content:center;align-items:center;padding:16px;display:flex;box-shadow:0 10px #03051124,0 20px 36px #03051129}.qris-modal-image-box img{object-fit:contain;max-width:100%;max-height:100%}.qris-modal-note{color:var(--text-secondary);margin-bottom:var(--space-lg);font-size:.82rem;line-height:1.5}.qris-modal-done{background:var(--accent-gradient);width:100%;color:var(--text-inverse);border-radius:var(--radius-md);box-shadow:var(--accent-glow);transition:all var(--transition-fast);padding:14px;font-size:.95rem;font-weight:700}.qris-modal-done:hover{transform:translateY(-1px)}.qris-modal-manual-notice{border-radius:var(--radius-md);color:#d48a1a;background:#ffab451f;border:1px solid #ffab454d;align-items:center;gap:8px;margin-bottom:8px;padding:10px 14px;font-size:.82rem;font-weight:500;display:flex}.qris-modal-manual-notice svg{stroke:#d48a1a;flex-shrink:0}.section-subtitle{margin-bottom:var(--space-md);color:var(--text-primary);font-size:1rem;font-weight:700}.transaction-list{gap:var(--space-sm);flex-direction:column;display:flex}.transaction-heading{justify-content:space-between;align-items:end;gap:16px;margin-top:36px;margin-bottom:14px;display:flex}.transaction-heading .section-subtitle{margin:0 0 3px}.transaction-heading span{color:var(--text-tertiary);font-size:.72rem}.transaction-heading button,.transaction-pagination button{border:1px solid var(--border-light);color:var(--text-primary);background:var(--surface-gradient);box-shadow:var(--shadow-sm);border-radius:12px;padding:10px 14px;font-size:.76rem;font-weight:800}.transaction-heading button:disabled,.transaction-pagination button:disabled{opacity:.4;cursor:not-allowed}.transaction-filters{border:1px solid var(--border-color);background:var(--surface-gradient);border-radius:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px;padding:14px;display:grid}.transaction-filters label>span{color:var(--text-secondary);text-transform:uppercase;margin:0 0 5px 2px;font-size:.62rem;font-weight:800;display:block}.transaction-filters select,.transaction-filters input{background:var(--bg-elevated);width:100%;min-width:0;font-size:.76rem}.transaction-pagination{color:var(--text-secondary);justify-content:center;align-items:center;gap:16px;margin-top:24px;font-size:.76rem;display:flex}.transaction-item{align-items:center;gap:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-color);transition:all var(--transition-fast);display:flex}.transaction-item:hover{border-color:var(--border-light)}.transaction-icon{border-radius:var(--radius-full);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.transaction-icon.income{color:#4caf50;background:#4caf501f}.transaction-icon.expense{color:var(--status-error);background:#f443361f}.transaction-details{flex:1;min-width:0}.transaction-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin-bottom:2px;font-size:.88rem;font-weight:600;overflow:hidden}.transaction-meta{color:var(--text-secondary);font-size:.72rem}.transaction-amount{flex-shrink:0;font-size:.95rem;font-weight:700}.transaction-amount.positive{color:var(--status-success)}.transaction-amount.negative{color:var(--status-error)}.transaction-icon.cancel{color:#d48a1a;background:#ffab451f}.transaction-amount.neutral{color:var(--text-secondary);font-weight:500}.balance-page{max-width:820px;margin:0 auto;padding-top:clamp(28px,5vw,52px)}.balance-page .page-title{margin-bottom:28px}.balance-card{background:radial-gradient(circle at 88% 12%,#f1c19638,#0000 29%),linear-gradient(135deg,#d87a48 0%,#aa482b 62%,#763321 100%);border-color:#ffffff47;border-radius:30px;padding:clamp(26px,5vw,42px);transform:rotateX(.5deg);box-shadow:0 13px #5c2315b8,0 28px 55px #a5492b42,inset 0 1px #ffffff5c}.balance-card:before{content:"";pointer-events:none;background-image:linear-gradient(120deg,#ffffff14,#0000 34%);position:absolute;inset:0}.balance-card-circle{border:1px solid #ffffff29;width:210px;height:210px;top:-70px;right:-45px;box-shadow:inset 0 0 40px #ffffff0f}.balance-label{letter-spacing:.13em;font-weight:800}.balance-amount{text-shadow:0 5px #521f1259}.balance-dollar,.balance-whole{font-family:Space Grotesk,sans-serif}.balance-whole{font-size:clamp(2.5rem,8vw,4.3rem)}.add-funds-btn{background:#ffffff29;border-color:#ffffff4d;max-width:280px;box-shadow:0 6px #521f1261,0 15px 24px #3d180f38,inset 0 1px #ffffff47}.add-funds-btn:hover{transform:translateY(-3px);box-shadow:0 9px #521f1257,0 20px 30px #3d180f3d,inset 0 1px #ffffff47}.topup-form{background:var(--surface-gradient);border-color:var(--border-light);box-shadow:0 8px 0 #0305112e, var(--shadow-lg);border-radius:24px;padding:clamp(18px,4vw,28px)}.topup-preset,.topup-pay-btn{background:var(--surface-gradient);box-shadow:0 4px 0 #03051133, var(--shadow-sm)}.topup-preset:hover,.topup-preset.active,.topup-pay-btn.active{color:#fff;background:var(--accent-gradient-deep);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px #692a18a8,0 12px 22px #b8563226}.topup-input{background:var(--bg-elevated);box-shadow:inset 0 2px 6px #0305111f}.topup-submit-btn,.qris-modal-done{box-shadow:0 7px 0 #692a18b3, var(--accent-glow);border:1px solid #ffffff2e}.topup-submit-btn:hover,.qris-modal-done:hover{transform:translateY(-2px);box-shadow:0 9px #692a189e,0 18px 32px #b8563238}.section-subtitle{letter-spacing:-.025em;margin-top:36px;font-family:Space Grotesk,sans-serif;font-size:1.15rem}.transaction-list{gap:14px}.transaction-item{background:var(--surface-gradient);box-shadow:0 5px 0 #0305112b, var(--shadow-md);border-radius:20px;padding:17px}.transaction-item:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-light));box-shadow:0 8px 0 #03051126, var(--shadow-lg);transform:translateY(-3px)}.transaction-icon{border:1px solid;box-shadow:0 4px #03051129}.transaction-amount{font-family:Space Grotesk,sans-serif}.qris-modal-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.qris-modal{background:var(--surface-gradient);border-color:var(--border-light);box-shadow:var(--shadow-3d);border-radius:28px}.qris-modal-image-box{box-shadow:0 8px 0 #03051129, var(--shadow-md);border:8px solid #fff}@media (width<=520px){.balance-card{border-radius:25px}.add-funds-btn{max-width:none}.topup-presets{grid-template-columns:repeat(2,1fr);display:grid}.topup-preset{min-width:0}.transaction-item{gap:10px;padding:14px}.transaction-amount{font-size:.77rem}.transaction-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:11px}.transaction-heading{align-items:center}.transaction-pagination{gap:7px}.transaction-pagination button{padding:9px 10px;font-size:.68rem}}.profile-page{padding-top:var(--space-xl);padding-bottom:var(--space-xl)}.profile-card{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex;position:relative}.profile-avatar{border-radius:var(--radius-full);background:var(--bg-surface);border:2px solid var(--border-light);flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.avatar-letter{color:var(--accent);font-size:1.5rem;font-weight:800}.profile-info{flex:1}.profile-name{color:var(--text-primary);margin-bottom:2px;font-size:1.15rem;font-weight:700}.profile-handle{color:var(--text-secondary);font-size:.8rem}.verified-badge{color:#4caf50;border-radius:var(--radius-lg);background:#4caf501f;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.7rem;font-weight:600;display:flex}.verification-notice{margin:-4px 0 var(--space-lg);border:1px solid color-mix(in srgb, var(--status-pending) 36%, transparent);background:color-mix(in srgb, var(--status-pending) 9%, var(--bg-surface));border-radius:18px;justify-content:space-between;align-items:center;gap:18px;padding:16px 18px;display:flex}.verification-notice div{gap:3px;display:grid}.verification-notice strong{color:var(--text-primary);font-size:.86rem}.verification-notice span{color:var(--text-secondary);font-size:.72rem}.verification-notice button{color:#fff;background:var(--accent-gradient-deep);border-radius:11px;flex-shrink:0;padding:9px 14px;font-size:.75rem;font-weight:800}.verification-notice button:disabled{opacity:.5;cursor:not-allowed}@media (width<=520px){.verification-notice{flex-direction:column;align-items:stretch}}.referral-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-md);margin-bottom:var(--space-lg)}.referral-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.referral-icon{border-radius:var(--radius-sm);background:var(--bg-elevated);width:36px;height:36px;color:var(--text-primary);border:1px solid var(--border-light);flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:flex}.referral-info{align-items:center;gap:var(--space-sm);flex:1;display:flex}.referral-info h3{color:var(--text-primary);font-size:.85rem;font-weight:700}.referral-free-badge{color:#ff5722;white-space:nowrap;background:#ff572226;border-radius:6px;padding:2px 8px;font-size:.6rem;font-weight:700}.referral-desc{color:var(--text-secondary);margin-bottom:var(--space-md);font-size:.78rem;line-height:1.5}.referral-stats{padding:var(--space-sm) 0;margin-bottom:var(--space-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.referral-count{color:var(--text-primary);background:var(--bg-elevated);border-radius:var(--radius-sm);border:1px solid var(--border-light);padding:4px 10px;font-size:.8rem;font-weight:700}.referral-tiers{gap:var(--space-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.tier-item{align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color);display:flex}.tier-badge{border-radius:var(--radius-sm);background:var(--bg-surface);width:36px;height:36px;color:var(--text-secondary);border:1px solid var(--border-light);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:800;display:flex}.tier-info{flex:1}.tier-info h4{color:var(--text-primary);margin-bottom:1px;font-size:.82rem;font-weight:600}.tier-info span{color:var(--text-secondary);font-size:.7rem}.tier-need{color:var(--text-tertiary);background:var(--bg-surface);border-radius:var(--radius-sm);white-space:nowrap;border:1px solid var(--border-color);padding:4px 10px;font-size:.72rem}.referral-link-section{margin-top:var(--space-md)}.referral-link-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-sm);font-size:.65rem;font-weight:600;display:block}.referral-link-row{gap:var(--space-sm);margin-bottom:var(--space-md);display:flex}.referral-link-input{padding:10px var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);text-overflow:ellipsis;flex:1;font-family:Courier New,monospace;font-size:.8rem;overflow:hidden}.copy-btn{background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);white-space:nowrap;padding:10px 18px;font-size:.82rem;font-weight:700}.copy-btn:hover{background:var(--accent);color:var(--text-inverse);border-color:var(--accent)}.share-btn{background:var(--accent-gradient);width:100%;color:var(--text-inverse);border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:var(--accent-glow);padding:14px;font-size:.95rem;font-weight:700}.settings-section{margin-bottom:var(--space-lg)}.settings-label{text-transform:uppercase;letter-spacing:.1em;color:var(--accent);margin-bottom:var(--space-md);font-size:.7rem;font-weight:600}.setting-item{padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-color);transition:background var(--transition-fast);justify-content:space-between;align-items:center;margin-bottom:1px;display:flex}.setting-item:first-of-type{border-radius:var(--radius-md) var(--radius-md) 0 0}.setting-item:last-of-type{border-radius:0 0 var(--radius-md) var(--radius-md)}.setting-item:only-of-type{border-radius:var(--radius-md)}.setting-left{align-items:center;gap:var(--space-md);color:var(--text-primary);font-size:.88rem;font-weight:500;display:flex}.setting-left svg{color:var(--text-secondary)}.toggle{width:48px;height:28px;display:inline-block;position:relative}.toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background:var(--bg-elevated);border:1px solid var(--border-light);transition:all var(--transition-normal);border-radius:28px;position:absolute;inset:0}.toggle-slider:before{content:"";width:22px;height:22px;transition:all var(--transition-normal);background:#fff;border-radius:50%;position:absolute;bottom:2px;left:2px}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.toggle input:focus-visible+.toggle-slider{outline:3px solid color-mix(in srgb, var(--accent) 42%, transparent);outline-offset:3px}.lang-selector{gap:var(--space-sm);display:flex}.lang-option{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:all var(--transition-fast);flex:1;padding:10px;font-size:.85rem;font-weight:600}.lang-option:hover{border-color:var(--border-light)}.lang-option.active{background:var(--text-primary);color:var(--bg-primary);border-color:#0000}.menu-section{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);overflow:hidden}.menu-item{width:100%;padding:var(--space-md);color:var(--text-primary);transition:background var(--transition-fast);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;font-size:.88rem;font-weight:500;display:flex}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--bg-surface-hover)}.menu-left{align-items:center;gap:var(--space-md);display:flex}.menu-left svg{color:var(--text-secondary)}.menu-item>svg{color:var(--text-tertiary)}.profile-footer{text-align:center;padding:var(--space-md) 0}.profile-footer-text{color:var(--text-tertiary);margin-bottom:var(--space-md);font-size:.72rem;display:block}.logout-btn{color:#f44336;border-radius:var(--radius-md);transition:all var(--transition-fast);background:#f443361a;border:1px solid #f4433633;padding:10px 24px;font-size:.85rem;font-weight:600}.logout-btn:hover{background:#f4433633}.profile-page{max-width:820px;margin:0 auto;padding-top:clamp(28px,5vw,52px)}.profile-card{border:1px solid var(--border-light);background:radial-gradient(circle at 90% 0%, #d977451f, transparent 38%), var(--surface-gradient);box-shadow:0 8px 0 #03051133, var(--shadow-lg);border-radius:25px;padding:clamp(18px,4vw,26px)}.profile-avatar{color:#fff;background:var(--bg-elevated);border-color:#ffffff38;place-items:center;width:66px;height:66px;display:grid;overflow:hidden;box-shadow:0 7px #692a1859,0 16px 28px #03080929,inset 0 1px #ffffff4d}.profile-avatar .profile-brand-avatar,.profile-avatar img{object-fit:contain;border-radius:inherit;width:100%;height:100%;box-shadow:none;padding:10px}.avatar-letter{color:#fff;text-shadow:0 3px #521f126b;font-family:Space Grotesk,sans-serif}.profile-name{letter-spacing:-.035em;font-family:Space Grotesk,sans-serif;font-size:1.3rem}.verified-badge{border:1px solid #35c88a4d;box-shadow:0 4px #1668482e}.referral-section{background:var(--surface-gradient);border-color:var(--border-light);box-shadow:0 8px 0 #0305112e, var(--shadow-lg);border-radius:25px;padding:clamp(18px,4vw,28px)}.referral-icon{color:#fff;background:var(--accent-gradient-deep);border-color:#ffffff2e;border-radius:14px;width:44px;height:44px;box-shadow:0 5px #692a189e,0 12px 22px #b8563226}.tier-item{background:color-mix(in srgb, var(--bg-elevated) 82%, transparent);box-shadow:0 3px 0 #03051129, inset 0 1px 0 var(--surface-highlight);transition:transform var(--transition-normal), border-color var(--transition-normal);border-radius:16px;padding:12px 14px}.tier-item:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-light));transform:translate(4px)translateY(-2px)}.tier-badge{color:#fff;background:var(--accent-gradient-deep);border-color:#ffffff24;box-shadow:0 4px #692a1880}.referral-link-input{background:var(--bg-elevated);box-shadow:inset 0 2px 6px #0305111f}.copy-btn,.lang-option{background:var(--surface-gradient);box-shadow:0 4px 0 #0305112e, var(--shadow-sm)}.copy-btn:hover,.lang-option.active{color:#fff;background:var(--accent-gradient-deep);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 6px #692a189e,0 12px 22px #b8563226}.share-btn{box-shadow:0 7px 0 #692a18b3, var(--accent-glow);border:1px solid #ffffff2e}.share-btn:hover{transform:translateY(-2px);box-shadow:0 9px #692a189e,0 18px 32px #b8563238}.settings-label{color:var(--accent-secondary);letter-spacing:.16em}.setting-item,.menu-section{background:var(--surface-gradient);border-color:var(--border-color)}.settings-section .setting-item:first-of-type,.menu-section{box-shadow:0 6px 0 #0305112b, var(--shadow-md)}.toggle-slider{box-shadow:inset 0 2px 5px #03051133}.toggle-slider:before{box-shadow:0 3px 7px #0305114d}.toggle input:checked+.toggle-slider{background:var(--accent-gradient-deep)}.menu-item:hover{background:color-mix(in srgb, var(--accent) 8%, transparent);padding-left:20px}.logout-btn{box-shadow:0 4px #841f312e}.logout-btn:hover{transform:translateY(-2px)}@media (width<=480px){.profile-card{gap:12px}.profile-avatar{width:56px;height:56px}.verified-badge{padding-inline:7px}.referral-link-row{flex-direction:column}.copy-btn{width:100%}.tier-item{gap:10px}.tier-need{padding-inline:7px}}.profile-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#030511b3;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.profile-modal{background:var(--surface-gradient);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:0 20px 40px #00000059, var(--accent-glow);flex-direction:column;max-height:80vh;animation:.3s cubic-bezier(.34,1.56,.64,1) slideUp;display:flex}.profile-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.profile-modal-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:700}.profile-modal-close{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;font-size:1.1rem;transition:all .2s;display:flex}.profile-modal-close:hover{color:var(--text-primary);background:#ffffff14}.profile-modal-body{padding:20px;overflow-y:auto}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item h4{color:var(--accent-secondary);margin-bottom:6px;font-size:.92rem;font-weight:700}.faq-item p{color:var(--text-secondary);margin:0;font-size:.85rem;line-height:1.5}.terms-content h4{color:var(--accent-secondary);margin-bottom:10px;font-size:.95rem;font-weight:700}.terms-content ul{flex-direction:column;gap:8px;margin:0 0 16px;padding-left:18px;display:flex}.terms-content li{color:var(--text-secondary);font-size:.84rem;line-height:1.5}.terms-content strong{color:var(--text-primary)}.product-detail{padding-top:var(--space-lg);padding-bottom:calc(var(--bottom-nav-height) + var(--space-2xl) + env(safe-area-inset-bottom,0px))}.product-detail .back-btn{color:var(--text-secondary);margin-bottom:var(--space-md);transition:color var(--transition-fast);align-items:center;gap:4px;font-size:.85rem;font-weight:500;display:flex}.product-detail .back-btn:hover{color:var(--text-primary)}.detail-top-actions{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.detail-top-actions .back-btn{margin-bottom:0}.detail-image{border-radius:var(--radius-xl);width:100%;height:240px;margin-bottom:var(--space-lg);background:var(--bg-surface);box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden}.detail-image img{object-fit:cover;width:100%;height:100%}.detail-image-placeholder{background:linear-gradient(135deg, var(--bg-elevated), var(--bg-surface));width:100%;height:100%;color:var(--accent);opacity:.3;justify-content:center;align-items:center;font-size:4rem;font-weight:800;display:flex}.detail-tags{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);margin-bottom:var(--space-sm);font-size:.7rem;font-weight:600}.detail-title{color:var(--text-primary);margin-bottom:var(--space-md);letter-spacing:-.02em;font-size:1.6rem;font-weight:800;line-height:1.3}.detail-description{color:var(--text-secondary);margin-bottom:var(--space-xl);white-space:pre-wrap;text-align:justify;padding:var(--space-md);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);font-size:.95rem;line-height:1.7}.detail-stock-row{align-items:center;gap:var(--space-md);margin-bottom:var(--space-lg);display:flex}.detail-stock{border-radius:var(--radius-sm);color:#4caf50;background:#4caf501f;padding:4px 12px;font-size:.75rem;font-weight:600}.detail-stock.limited{color:#ff9800;background:#ff98001f}.detail-stock.out{color:#f44336;background:#f443361f}.detail-category{color:var(--text-secondary);background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-color);padding:4px 12px;font-size:.75rem}.fulfillment-input-section{margin-bottom:var(--space-lg);border:1px solid var(--border-color);background:var(--surface-gradient);box-shadow:0 6px 0 #0308092e, var(--shadow-md);border-radius:20px;padding:clamp(18px,4vw,24px)}.fulfillment-input-hint{color:var(--text-secondary);margin:-5px 0 16px;font-size:.78rem;line-height:1.55}.fulfillment-input-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.fulfillment-input-field{flex-direction:column;gap:7px;display:flex}.fulfillment-input-field span{color:var(--text-secondary);text-transform:capitalize;font-size:.72rem;font-weight:800}.fulfillment-input-field input,.fulfillment-input-field textarea{background:var(--bg-elevated);width:100%;padding:12px 14px;box-shadow:inset 0 2px 6px #0308091f}.fulfillment-input-field textarea{resize:vertical;color:var(--text-primary);border:1px solid var(--border-color);font:inherit;border-radius:12px}.duration-section{margin-bottom:var(--space-lg)}.duration-label{color:var(--text-secondary);margin-bottom:var(--space-sm);font-size:.82rem;font-weight:600}.duration-options{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(80px,1fr));display:grid}.duration-btn{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);flex-direction:column;align-items:center;padding:10px;display:flex}.duration-btn:hover{border-color:var(--accent)}.duration-btn.active{border-color:var(--accent);background:#d977451c}.duration-period{color:var(--text-primary);margin-bottom:2px;font-size:.82rem;font-weight:700}.duration-price{color:var(--accent);font-size:.72rem;font-weight:600}.payment-method-section{margin-bottom:var(--space-lg)}.payment-options{gap:var(--space-sm);grid-template-columns:repeat(3,1fr);display:grid}.payment-btn{background:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm);flex-direction:column;justify-content:center;align-items:center;min-height:90px;padding:14px 8px 12px;display:flex}.payment-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.payment-btn.active{border-color:var(--accent);background:#d9774512;border-width:2px;box-shadow:0 0 0 3px #d977451a}.payment-icon{color:var(--text-secondary);transition:color var(--transition-fast);margin-bottom:6px}.payment-btn.active .payment-icon{color:var(--accent)}.payment-label{color:var(--text-primary);text-align:center;font-size:.75rem;font-weight:700;line-height:1.2}.payment-btn.disabled{opacity:.4;cursor:not-allowed;border-style:dashed;border-color:var(--text-tertiary)}.payment-btn.disabled:hover{box-shadow:var(--shadow-sm);border-color:var(--text-tertiary);transform:none}.payment-unavailable{color:#e53935;text-align:center;margin-top:3px;font-size:.6rem;font-weight:600;line-height:1}.coupon-section{border:1px solid var(--border-color);background:var(--bg-surface);box-shadow:var(--shadow-sm);border-radius:18px;gap:12px;margin:22px 0;padding:18px;display:grid}.coupon-section h3,.coupon-section p{margin:0}.coupon-section p{color:var(--text-secondary);margin-top:4px;font-size:.78rem}.coupon-entry{grid-template-columns:1fr auto;gap:8px;display:grid}.coupon-entry input{min-width:0;color:var(--text-primary);border:1px solid var(--border-color);background:var(--bg-elevated);text-transform:uppercase;border-radius:11px;padding:11px 13px}.coupon-entry button{color:#fff;background:var(--accent-gradient);border:0;border-radius:11px;padding:10px 16px;font-weight:800}.coupon-applied{color:#2f9b6a;background:#2f9b6a1a;border-radius:10px;justify-content:space-between;gap:12px;padding:10px 12px;font-size:.78rem;display:flex}.detail-actions{bottom:calc(var(--bottom-nav-height) + var(--space-md) + env(safe-area-inset-bottom,0px));background:var(--bg-primary);padding:var(--space-md) 0;border-top:1px solid var(--border-color);position:sticky}.detail-price-display{margin-bottom:var(--space-sm);justify-content:space-between;align-items:center;display:flex}.price-label{color:var(--text-secondary);font-size:.82rem}.price-value{color:var(--accent);font-size:1.3rem;font-weight:800}.detail-action-buttons{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:10px;display:grid}.add-cart-btn{color:var(--text-primary);border:1px solid var(--border-light);background:var(--bg-elevated);box-shadow:0 5px 0 color-mix(in srgb, var(--border-light) 70%, transparent)}.buy-btn{background:var(--accent-gradient);width:100%;color:var(--text-inverse);border-radius:var(--radius-md);transition:all var(--transition-normal);box-shadow:var(--accent-glow);padding:14px;font-size:.95rem;font-weight:700}.buy-btn:active{transform:translateY(0)}.buy-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.buy-loading{align-items:center;gap:8px;display:inline-flex}.success-overlay{z-index:200;padding:var(--space-lg);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.success-modal{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-xl);text-align:center;width:100%;max-width:300px}.success-icon{color:#4caf50;width:56px;height:56px;margin:0 auto var(--space-md);background:#4caf5026;border-radius:50%;justify-content:center;align-items:center;font-size:1.5rem;font-weight:800;display:flex}.success-modal h3{color:var(--text-primary);margin-bottom:var(--space-xs);font-size:1.1rem;font-weight:700}.success-modal p{color:var(--text-secondary);font-size:.82rem}.product-detail{max-width:820px;margin:0 auto;padding-top:clamp(24px,4vw,42px)}.product-detail .back-btn{border:1px solid var(--border-color);background:var(--surface-gradient);width:fit-content;box-shadow:0 4px 0 #03051133, var(--shadow-sm);border-radius:12px;padding:8px 12px 8px 8px}.product-detail .back-btn:hover{color:var(--accent-light);border-color:var(--border-light);transform:translateY(-2px)}.detail-image{border-color:var(--border-light);background:var(--surface-gradient);height:clamp(260px,48vw,440px);box-shadow:var(--shadow-3d);border-radius:30px;padding:8px;overflow:hidden}.detail-image img,.detail-image-placeholder{border-radius:22px}.detail-tags{width:fit-content;color:var(--accent-secondary);background:color-mix(in srgb, var(--accent-secondary) 9%, transparent);border:1px solid color-mix(in srgb, var(--accent-secondary) 22%, transparent);border-radius:999px;margin-top:34px;padding:6px 10px}.detail-title{letter-spacing:-.055em;font-family:Space Grotesk,sans-serif;font-size:clamp(1.9rem,5vw,3rem)}.detail-description{background:var(--surface-gradient);box-shadow:0 7px 0 #0305112b, var(--shadow-md);text-align:left;border-radius:22px;padding:clamp(18px,4vw,26px)}.detail-stock,.detail-category{border-radius:999px;padding:6px 12px}.duration-label{color:var(--text-primary);margin-bottom:12px;font-family:Space Grotesk,sans-serif;font-size:.9rem}.duration-options{gap:12px}.duration-btn,.payment-btn{background:var(--surface-gradient);border-color:var(--border-color);box-shadow:0 5px 0 #03051133, var(--shadow-sm)}.duration-btn{padding:13px 10px}.duration-btn:hover,.payment-btn:hover{border-color:var(--accent);box-shadow:0 8px 0 #0305112b, var(--shadow-md);transform:translateY(-3px)}.duration-btn.active,.payment-btn.active{color:#fff;background:color-mix(in srgb, var(--accent) 15%, var(--bg-surface));border-color:var(--accent);box-shadow:0 6px 0 #692a187a, 0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent), var(--shadow-sm)}.payment-options{gap:12px}.payment-btn{border-radius:17px}.detail-actions{bottom:calc(var(--bottom-nav-height) + 20px + env(safe-area-inset-bottom,0px));z-index:20;border:1px solid var(--border-light);background:color-mix(in srgb, var(--bg-header) 94%, transparent);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border-radius:22px;margin-top:32px;padding:16px}.price-value{color:var(--accent-light);font-family:Space Grotesk,sans-serif}.buy-btn{box-shadow:0 7px 0 #692a18b3, var(--accent-glow);border:1px solid #ffffff2e;border-radius:14px}.buy-btn:hover{transform:translateY(-2px);box-shadow:0 9px #692a18a3,0 18px 32px #b8563238}.buy-btn:active{box-shadow:0 2px 0 #692a18b3, var(--accent-glow);transform:translateY(5px)}.success-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030511b8}.success-modal{background:var(--surface-gradient);box-shadow:var(--shadow-3d);border-radius:28px}.success-icon{box-shadow:0 7px #16684859,0 14px 28px #35c88a33}.purchase-confirm-modal{border:1px solid var(--border-light);background:var(--surface-gradient);width:min(100%,430px);box-shadow:var(--shadow-3d);text-align:center;border-radius:28px;padding:clamp(22px,5vw,30px)}.purchase-confirm-modal h3{color:var(--text-primary);margin:0 0 8px;font-family:Space Grotesk,sans-serif;font-size:1.25rem}.purchase-confirm-modal>p{color:var(--text-secondary);margin:0;font-size:.88rem;line-height:1.55}.purchase-confirm-icon{color:#fff;background:var(--accent-gradient-deep);width:54px;height:54px;box-shadow:0 7px 0 #692a188c, var(--accent-glow);border-radius:18px;place-items:center;margin:0 auto 18px;font-size:1.45rem;font-weight:800;display:grid}.purchase-balance-summary{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-elevated) 70%, transparent);border-radius:18px;margin:22px 0 16px;padding:6px 16px}.purchase-balance-summary>div{color:var(--text-secondary);justify-content:space-between;gap:16px;padding:12px 0;font-size:.84rem;display:flex}.purchase-balance-summary>div+div{border-top:1px solid var(--border-color)}.purchase-balance-summary strong{color:var(--text-primary);white-space:nowrap}.purchase-balance-summary .purchase-cost,.purchase-balance-summary .insufficient,.purchase-insufficient{color:#ff6b6b}.purchase-balance-summary .purchase-balance-after{color:var(--text-primary);font-weight:700}.purchase-confirm-modal .purchase-insufficient{margin-top:-4px;font-weight:700}.purchase-confirm-actions{grid-template-columns:1fr 1.45fr;gap:12px;margin-top:22px;display:grid}.purchase-confirm-actions button{min-height:46px}.purchase-cancel-btn{border:1px solid var(--border-color);color:var(--text-primary);background:var(--bg-elevated);cursor:pointer;border-radius:14px;font-weight:700}.purchase-cancel-btn:hover{border-color:var(--border-light);background:var(--bg-hover)}@media (width<=520px){.detail-image{border-radius:24px;height:260px;padding:6px}.detail-image img,.detail-image-placeholder{border-radius:18px}.payment-options{gap:8px}.payment-btn{min-height:86px;padding-inline:5px}.detail-actions{bottom:calc(var(--bottom-nav-height) + 13px + env(safe-area-inset-bottom,0px));margin-inline:-4px}.purchase-confirm-actions{grid-template-columns:1fr}}.detail-description blockquote{border-left:4px solid var(--accent,#3b82f6);color:var(--text-primary);background:#3b82f614;border-radius:0 14px 14px 0;margin:18px 0;padding:12px 18px;font-size:.92rem;font-style:italic;line-height:1.6}.detail-description ul,.detail-description ol{margin:14px 0;padding-left:24px}.detail-description li{color:var(--text-secondary);margin-bottom:8px;line-height:1.65}.detail-description b,.detail-description strong{color:var(--text-primary);font-weight:700}.detail-description p{margin-bottom:14px;line-height:1.7}.detail-description p:last-child{margin-bottom:0}.order-detail-page{padding-top:var(--space-xl);padding-bottom:calc(var(--bottom-nav-height) + var(--space-2xl));max-width:600px;margin:0 auto}.invoice-header{margin-bottom:var(--space-lg);padding:0 var(--space-md);justify-content:space-between;align-items:center;display:flex}.order-detail-page .back-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:8px 0;font-size:.95rem;font-weight:600}.download-btn{background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:none;align-items:center;gap:8px;padding:10px 16px;font-size:.85rem;font-weight:700;display:flex}.download-btn:hover{background:var(--accent);color:var(--text-inverse);transform:translateY(-2px)}.invoice-card{background:var(--bg-surface);border-radius:var(--radius-xl);border:1px solid var(--border-color);padding:var(--space-xl);margin:0 var(--space-md);box-shadow:var(--shadow-sm);position:relative;overflow:hidden}.invoice-card:before{content:"";background:linear-gradient(90deg, var(--accent), var(--accent-secondary));width:100%;height:6px;position:absolute;top:0;left:0}.invoice-top{margin-bottom:var(--space-2xl);justify-content:space-between;align-items:flex-start;display:flex}.invoice-brand{align-items:center;gap:12px;display:flex}.brand-logo{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;font-weight:800;display:flex;box-shadow:0 4px 12px #2196f34d}.invoice-brand h2{color:var(--text-primary);font-size:1.2rem;font-weight:800}.invoice-id{text-align:right;flex-direction:column;display:flex}.invoice-id span{color:var(--text-tertiary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:700}.invoice-id strong{color:var(--text-primary);font-family:Courier New,Courier,monospace;font-size:1.1rem}.invoice-meta{gap:var(--space-md);margin-bottom:var(--space-xl);background:var(--bg-elevated);padding:var(--space-md);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;display:grid}.meta-group{flex-direction:column;display:flex}.meta-label{color:var(--text-tertiary);margin-bottom:4px;font-size:.75rem}.meta-value{color:var(--text-primary);font-size:.95rem;font-weight:600}.meta-value.status-done{color:#4caf50}.meta-value.status-pending{color:#ff9800}.meta-value.status-processing{color:#2196f3}.meta-value.status-cancelled{color:#f44336}.invoice-divider{background:var(--border-color);height:1px;margin:var(--space-lg) 0;background:0 0;border-style:dashed;border-width:1px 0 0}.invoice-items{gap:var(--space-md);flex-direction:column;display:flex}.item-row{justify-content:space-between;align-items:center;display:flex}.item-row.list-header{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color);padding-bottom:var(--space-sm);margin-bottom:var(--space-xs);font-size:.8rem;font-weight:600}.item-info{flex-direction:column;display:flex}.item-info strong{color:var(--text-primary);margin-bottom:4px;font-size:1rem}.item-duration{color:var(--text-secondary);background:var(--bg-elevated);border-radius:4px;width:fit-content;padding:2px 8px;font-size:.8rem}.item-price{color:var(--text-primary);font-size:1.1rem;font-weight:700}.invoice-total{padding:var(--space-md);background:var(--accent-gradient);border-radius:var(--radius-lg);color:#fff;margin-top:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.invoice-total span{font-weight:600}.invoice-total .total-amount{font-size:1.4rem;font-weight:800}.invoice-delivery{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--border-color);min-width:0;max-width:100%}.invoice-delivery h4{color:var(--text-primary);margin-bottom:var(--space-sm);align-items:center;font-size:.95rem;display:flex}.delivery-box{background:var(--bg-surface);padding:var(--space-lg);border-radius:var(--radius-md);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;min-width:0;max-width:100%;color:var(--text-primary);border:1px dashed var(--border-light);margin-bottom:var(--space-sm);font-family:ui-monospace,Cascadia Code,Courier New,Courier,monospace;font-size:.82rem;line-height:1.55;overflow-x:auto;box-shadow:inset 0 2px 8px #0000000d}.delivery-line{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.delivery-link{color:var(--accent-light);overflow-wrap:anywhere;word-break:break-word;text-decoration:underline}.delivery-actions{justify-content:flex-end;margin-bottom:8px;display:flex}.delivery-copy-btn{border:1px solid var(--border-color);background:var(--surface-gradient);color:var(--text-primary);border-radius:10px;padding:8px 12px;font-size:.75rem;font-weight:800}.delivery-hint{color:var(--text-tertiary);font-size:.75rem;font-style:italic}.invoice-card,.order-detail-page{min-width:0;max-width:100%;overflow-x:hidden}.invoice-footer{margin-top:var(--space-2xl);text-align:center;color:var(--text-tertiary);font-size:.8rem}.fulfillment-state{margin-top:var(--space-xl);padding:var(--space-lg);border:1px solid color-mix(in srgb, var(--status-pending) 32%, var(--border-color));border-radius:var(--radius-lg);background:color-mix(in srgb, var(--status-pending) 8%, var(--bg-surface))}.fulfillment-state strong{color:var(--text-primary);margin-bottom:6px;font-size:.9rem;display:block}.fulfillment-state p{color:var(--text-secondary);font-size:.78rem;line-height:1.55}.fulfillment-input_rejected,.fulfillment-failed{border-color:color-mix(in srgb, var(--status-error) 32%, var(--border-color));background:color-mix(in srgb, var(--status-error) 7%, var(--bg-surface))}.fulfillment-waiting_admin{border-color:color-mix(in srgb, #f4b740 42%, var(--border-color));background:color-mix(in srgb, #f4b740 9%, var(--bg-surface))}.fulfillment-support-links{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.fulfillment-support-links a{border:1px solid color-mix(in srgb, var(--accent-secondary) 35%, var(--border-color));color:var(--text-primary);background:color-mix(in srgb, var(--accent-secondary) 9%, var(--bg-elevated));border-radius:12px;padding:9px 12px;font-size:.75rem;font-weight:800;text-decoration:none}.fulfillment-resubmit{gap:12px;margin-top:16px;display:grid}.fulfillment-resubmit .fulfillment-input-field{text-align:left;flex-direction:column;gap:6px;display:flex}.fulfillment-resubmit .fulfillment-input-field span{text-transform:capitalize;color:var(--text-secondary);font-size:.72rem;font-weight:800}.fulfillment-resubmit input{background:var(--bg-elevated);width:100%;padding:11px 13px}.footer-link{color:var(--accent);margin-top:4px;font-weight:700}@media print{body *{visibility:hidden}#root,.app-layout,.page-content{background:#fff!important;margin:0!important;padding:0!important;display:block!important}.order-detail-page,.order-detail-page *{visibility:visible}.order-detail-page{background:#fff;width:100%;margin:0;padding:0;position:absolute;top:0;left:0}.invoice-card{box-shadow:none;background:#fff;border:none;margin:0;padding:20px}.invoice-card:before{display:none}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.no-print,.header,.bottom-nav{display:none!important}.meta-label,.item-row.list-header,.invoice-id span,.invoice-footer{color:#666!important}.invoice-brand h2,.item-info strong,.item-price,.meta-value,.invoice-id strong{color:#000!important}}@media screen{.order-detail-page{padding-top:clamp(28px,5vw,52px)}.invoice-header{padding-inline:0}.order-detail-page .back-btn,.download-btn{border:1px solid var(--border-color);background:var(--surface-gradient);color:var(--text-primary);box-shadow:0 4px 0 #03051133, var(--shadow-sm);transition:all var(--transition-fast);border-radius:13px;padding:10px 14px}.order-detail-page .back-btn:hover,.download-btn:hover{color:#fff;background:var(--accent-gradient-deep);border-color:var(--accent);transform:translateY(-3px);box-shadow:0 7px #692a189e,0 14px 24px #b8563229}.invoice-card{background:var(--surface-gradient);border-color:var(--border-light);box-shadow:var(--shadow-3d);border-radius:28px;margin:0;padding:clamp(22px,5vw,38px)}.invoice-card:before{background:var(--accent-gradient);height:7px;box-shadow:0 4px 16px #b856323d}.brand-logo{background:var(--accent-gradient-deep);text-shadow:0 3px #521f126b;border:1px solid #ffffff2e;border-radius:15px;width:48px;height:48px;font-family:Space Grotesk,sans-serif;box-shadow:0 6px #692a18a8,0 14px 25px #b856322e}.invoice-brand h2{letter-spacing:-.04em;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.invoice-meta{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-elevated) 76%, transparent);box-shadow:inset 0 1px 0 var(--surface-highlight), 0 4px 0 #0305111f}.invoice-total{border:1px solid #ffffff2e;box-shadow:0 7px #692a189e,0 16px 28px #b856322b,inset 0 1px #ffffff42}.invoice-total .total-amount{font-family:Space Grotesk,sans-serif}.delivery-box{background:var(--bg-elevated);border-color:color-mix(in srgb, var(--accent) 35%, var(--border-light));overflow-wrap:anywhere;word-break:break-word;box-shadow:inset 0 3px 9px #0305111f,0 5px #0305111f}}@media screen and (width<=520px){.invoice-top{flex-direction:column;gap:22px}.invoice-id{text-align:left}.invoice-meta{grid-template-columns:1fr}.item-row:not(.list-header){align-items:flex-end;gap:14px}.item-price{font-size:.92rem}.invoice-total{padding:13px}.invoice-total .total-amount{font-size:1.05rem}.delivery-box{padding:12px;font-size:.75rem}}.invoice-cancel-section{text-align:center;border-top:1px dashed var(--border);padding:16px 24px}.btn-cancel{color:#e74c3c;cursor:pointer;letter-spacing:.3px;background:0 0;border:1.5px solid #e74c3c;border-radius:12px;width:100%;padding:12px 24px;font-size:.92rem;font-weight:600;transition:all .2s}.btn-cancel:hover:not(:disabled){color:#fff;background:#e74c3c;box-shadow:0 4px 14px #e74c3c4d}.btn-cancel:disabled{opacity:.5;cursor:not-allowed}.qris-page{padding-top:clamp(20px,4vw,40px);padding-bottom:calc(var(--bottom-nav-height) + var(--space-2xl));max-width:560px;margin:0 auto}.qris-card{background:radial-gradient(circle at 90% 2%, #2fa89d1a, transparent 32%), var(--surface-gradient);border:1px solid var(--border-light);box-shadow:var(--shadow-3d);text-align:center;border-radius:30px;flex-direction:column;align-items:center;margin:0;padding:clamp(22px,5vw,36px);display:flex;position:relative;overflow:hidden}.qris-card:before{content:"";pointer-events:none;border:22px solid #d9774512;border-radius:50%;width:150px;height:150px;position:absolute;top:-95px;right:-65px}.qris-title{letter-spacing:-.045em;color:var(--text-primary);margin-bottom:8px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.55rem,5vw,2.1rem);font-weight:800}.qris-subtitle{color:var(--text-secondary);max-width:36ch;margin-bottom:22px;font-size:.92rem;line-height:1.55}.qris-amount-box{border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-elevated) 78%, transparent);width:100%;box-shadow:0 5px 0 #03051126, inset 0 1px 0 var(--surface-highlight);border-radius:18px;flex-direction:column;align-items:center;margin-bottom:22px;padding:16px 18px 18px;display:flex}.qris-amount-label{color:var(--text-tertiary);letter-spacing:.04em;text-transform:uppercase;margin-bottom:6px;font-size:.78rem;font-weight:700}.qris-amount-value{color:var(--accent-light);letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:clamp(2rem,7vw,2.6rem);font-weight:800;line-height:1.1}.qris-amount-hint{color:var(--text-secondary);margin-top:8px;font-size:.78rem;line-height:1.4}.qris-image-container{background:#fff;border:12px solid #fff;border-radius:28px;justify-content:center;align-items:center;width:min(92vw,360px);max-width:100%;height:min(92vw,360px);margin-bottom:14px;padding:18px;display:flex;box-shadow:0 12px #03051129,0 28px 48px #03051133}.qris-payment-status{border:1px solid color-mix(in srgb, var(--accent-secondary) 34%, var(--border-color));background:color-mix(in srgb, var(--accent-secondary) 8%, var(--bg-elevated));text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;margin:0 0 22px;padding:13px 15px;display:flex}.qris-payment-status.paid{background:#35c88a14;border-color:#35c88a59}.qris-payment-status.cancelled{background:#e8535314;border-color:#e8535352}.qris-status-dot{background:var(--accent-secondary);width:10px;height:10px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent-secondary) 13%, transparent);border-radius:50%;flex:0 0 10px}.qris-payment-status.paid .qris-status-dot{background:#35c88a;box-shadow:0 0 0 6px #35c88a21}.qris-payment-status.cancelled .qris-status-dot{background:#e85353;box-shadow:0 0 0 6px #e8535321}.qris-payment-status strong,.qris-payment-status span{display:block}.qris-payment-status strong{color:var(--text-primary);margin-bottom:2px;font-size:.84rem}.qris-payment-status div>span{color:var(--text-secondary);font-size:.74rem;line-height:1.4}.qris-image{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.qris-placeholder{color:var(--text-tertiary);padding:20px;font-size:.9rem}.qris-amount-chip{color:#fff;background:var(--accent-gradient);box-shadow:0 6px 0 #692a1873, var(--accent-glow);border-radius:999px;justify-content:center;align-items:center;margin-bottom:18px;padding:10px 16px;font-size:.92rem;font-weight:800;display:inline-flex}.qris-instructions{text-align:left;border:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-elevated) 78%, transparent);width:100%;box-shadow:inset 0 1px 0 var(--surface-highlight);border-radius:18px;margin-bottom:20px;padding:16px 18px}.qris-instructions ol{color:var(--text-secondary);margin:0;padding-left:1.2rem;font-size:.9rem}.qris-instructions li{margin-bottom:10px;line-height:1.45}.qris-instructions li:last-child{margin-bottom:0}.qris-confirm-btn{border:1px solid #ffffff2e;width:100%;padding:16px;font-size:1rem}.qris-confirm-btn:disabled{cursor:not-allowed;opacity:.58}.qris-status-message{width:100%;color:var(--text-secondary);margin:-6px 0 14px;font-size:.82rem;line-height:1.45}@media (width<=420px){.qris-image-container{border-width:10px;width:min(88vw,320px);height:min(88vw,320px);padding:14px}.qris-card{border-radius:24px;padding:20px 16px 24px}.qris-amount-value{font-size:1.85rem}}.qris-cancel-btn{color:#e74c3c;cursor:pointer;letter-spacing:.3px;background:0 0;border:1.5px solid #e74c3c;border-radius:14px;width:100%;margin-top:12px;padding:12px 24px;font-size:.92rem;font-weight:600;transition:all .2s}.qris-cancel-btn:hover:not(:disabled){color:#fff;background:#e74c3c;box-shadow:0 4px 14px #e74c3c4d}.qris-cancel-btn:disabled{opacity:.5;cursor:not-allowed}.auth-page{min-height:100vh;padding:var(--space-lg);background:var(--bg-primary);justify-content:center;align-items:center;display:flex}.auth-container{width:100%;max-width:400px}.auth-logo{text-align:center;margin-bottom:var(--space-xl)}.auth-logo-icon{border-radius:var(--radius-lg);background:var(--accent-gradient);width:64px;height:64px;color:var(--text-inverse);margin:0 auto var(--space-md);box-shadow:var(--accent-glow);justify-content:center;align-items:center;font-size:1.8rem;font-weight:800;display:flex}.auth-logo h1{color:var(--text-primary);margin-bottom:4px;font-size:1.5rem;font-weight:800}.auth-logo p{color:var(--text-secondary);font-size:.85rem}.auth-form{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-xl)}.auth-form h2{color:var(--text-primary);margin-bottom:var(--space-lg);font-size:1.2rem;font-weight:700}.auth-error{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:#f44336;margin-bottom:var(--space-md);background:#f443361a;border:1px solid #f4433633;font-size:.82rem}.form-group{margin-bottom:var(--space-md)}.form-group label{color:var(--text-secondary);margin-bottom:6px;font-size:.78rem;font-weight:600;display:block}.form-group input{width:100%;padding:12px var(--space-md);background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--transition-fast);font-size:.88rem}.form-group input:focus{border-color:var(--accent);outline:none}.form-group input::placeholder{color:var(--text-tertiary)}.auth-submit-btn{background:var(--accent-gradient);width:100%;color:var(--text-inverse);border-radius:var(--radius-md);margin-top:var(--space-sm);transition:all var(--transition-normal);box-shadow:var(--accent-glow);padding:14px;font-size:.95rem;font-weight:700}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:var(--space-md);font-size:.82rem}.auth-switch a{color:var(--accent);font-weight:600}.auth-forgot-link{text-align:right;margin-top:-6px;font-size:.78rem}.auth-forgot-link a{color:var(--accent-light);font-weight:700}.auth-demo-hint{text-align:center;margin-top:var(--space-md);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);color:var(--text-secondary);background:#d9774512;border:1px solid #d9774524;font-size:.78rem}.auth-demo-hint code{color:var(--accent);font-weight:600}.auth-page{isolation:isolate;background:radial-gradient(circle at 18% 14%, #d9774526, transparent 30rem), radial-gradient(circle at 85% 78%, #2fa89d17, transparent 28rem), var(--bg-primary);padding:clamp(24px,5vw,48px);position:relative;overflow:hidden}.auth-page:before,.auth-page:after{content:"";z-index:-1;border:1px solid #d9774529;border-radius:40%;position:absolute;transform:rotate(28deg)}.auth-page:before{width:360px;height:360px;top:-220px;right:-120px;box-shadow:inset 0 0 80px #d977450d}.auth-page:after{width:260px;height:260px;bottom:-130px;left:-170px}.auth-container{perspective:1000px;max-width:440px}.auth-logo{margin-bottom:28px}.auth-logo-icon{text-shadow:0 4px #521f126b;object-fit:contain;background:var(--bg-elevated);border:1px solid #ffffff52;border-radius:22px;width:72px;height:72px;font-family:Space Grotesk,sans-serif;font-size:2.2rem;animation:5s ease-in-out infinite float3d;position:relative;transform:rotate(-4deg);box-shadow:0 10px #672a18b8,0 22px 40px #b856323d,inset 9px 9px 20px #ffffff29}img.auth-logo-icon{text-shadow:none;padding:10px;box-shadow:0 10px #672a1873,0 18px 32px #03080933}.auth-logo h1{letter-spacing:-.05em;font-family:Space Grotesk,sans-serif;font-size:1.85rem}.auth-logo p{font-weight:600}.auth-form{border-color:var(--border-light);background:var(--surface-gradient);box-shadow:var(--shadow-3d);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:clamp(24px,6vw,34px);position:relative}.auth-form:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);height:1px;position:absolute;inset:1px 16px auto}.auth-form h2{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:1.35rem}.form-group label{color:var(--text-secondary);letter-spacing:.02em;font-weight:800}.form-group input{border-color:var(--border-color);background:color-mix(in srgb, var(--bg-elevated) 86%, transparent);box-shadow:inset 0 2px 5px #0305111f, 0 1px 0 var(--surface-highlight);padding:13px 15px}.form-group input:focus{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 13%, transparent), inset 0 2px 5px #03051114}.auth-submit-btn{box-shadow:0 7px 0 #692a18b3, var(--accent-glow), inset 0 1px 0 #ffffff47;border:1px solid #ffffff2e;border-radius:14px}.auth-submit-btn:hover{transform:translateY(-2px);box-shadow:0 9px #692a18a3,0 19px 32px #b856323d,inset 0 1px #ffffff47}.auth-submit-btn:active{box-shadow:0 2px 0 #692a18b3, var(--accent-glow);transform:translateY(5px)}.auth-switch a{color:var(--accent-light)}.auth-demo-hint{border-color:color-mix(in srgb, var(--accent) 24%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;margin-top:24px;padding:11px 16px}@media (height<=760px){.auth-page{align-items:flex-start}}.cart-page{width:min(1080px,100% - 32px);margin:0 auto;padding:34px 0 60px}.cart-title-row{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.cart-title-row h1,.cart-empty h1{letter-spacing:-.045em;font:700 clamp(1.8rem,4vw,2.7rem)/1.05 Space Grotesk,sans-serif}.cart-eyebrow,.cart-line-provider{color:var(--accent-light);letter-spacing:.13em;text-transform:uppercase;margin-bottom:6px;font-size:.71rem;font-weight:800;display:block}.cart-clear,.cart-remove{color:var(--text-tertiary);transition:color var(--transition-fast), background var(--transition-fast)}.cart-clear{padding:9px 12px;font-size:.84rem}.cart-clear:hover,.cart-remove:hover{color:var(--status-error)}.cart-layout{grid-template-columns:minmax(0,1fr) 330px;align-items:start;gap:22px;display:grid}.cart-lines{gap:14px;display:grid}.cart-line{border:1px solid var(--border-color);border-radius:var(--radius-lg);background:var(--surface-gradient);box-shadow:var(--shadow-sm);grid-template-columns:112px minmax(0,1fr);display:grid;overflow:hidden}.cart-line-unavailable{opacity:.68}.cart-line-media{background:var(--bg-elevated);min-height:100%}.cart-line-media img{object-fit:cover;width:100%;height:100%;min-height:148px}.cart-line-body{min-width:0;padding:17px 18px 14px}.cart-line-heading{justify-content:space-between;gap:16px;display:flex}.cart-line-title{color:var(--text-primary);font:700 1.05rem/1.25 Space Grotesk,sans-serif;display:block}.cart-remove{border-radius:10px;flex:none;width:34px;height:34px}.cart-remove:hover{background:color-mix(in srgb, var(--status-error) 10%, transparent)}.cart-line-warning{background:color-mix(in srgb, var(--status-error) 12%, transparent);color:var(--status-error);border-radius:9px;margin-top:10px;padding:8px 10px;font-size:.78rem}.cart-line-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.cart-line-fields label,.cart-coupon{gap:5px;display:grid}.cart-line-fields label>span,.cart-coupon>span{color:var(--text-secondary);text-transform:capitalize;font-size:.72rem;font-weight:700}.cart-line-fields input,.cart-line-fields select,.cart-line-fields textarea,.cart-coupon input{border-radius:10px;width:100%;padding:9px 11px;font-size:.82rem}.cart-field-wide{grid-column:1/-1}.cart-line-price{border-top:1px solid var(--border-color);color:var(--text-tertiary);justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;font-size:.76rem;display:flex}.cart-line-price strong{color:var(--text-primary);font-size:1rem}.cart-summary{top:calc(var(--header-height) + 20px);border:1px solid var(--border-light);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--bg-surface) 94%, transparent);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:22px;position:sticky}.cart-summary-row,.cart-total{justify-content:space-between;gap:12px;display:flex}.cart-summary-row{border-bottom:1px solid var(--border-color);color:var(--text-secondary);padding:11px 0;font-size:.86rem}.cart-coupon{margin-top:18px}.cart-coupon-note,.cart-atomic-note{color:var(--text-tertiary);margin-top:8px;font-size:.71rem;line-height:1.55}.cart-total{border-top:1px solid var(--border-light);align-items:end;margin-top:20px;padding-top:17px}.cart-total span{color:var(--text-secondary);font-size:.78rem}.cart-total strong{font:700 1.3rem Space Grotesk,sans-serif}.cart-checkout{width:100%;margin-top:18px}.cart-checkout:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.55;transform:none}.cart-atomic-note{text-align:center}.cart-empty{text-align:center;justify-items:center;max-width:540px;padding-top:13vh;display:grid}.cart-empty-mark{border:1px solid var(--border-light);background:var(--surface-gradient);width:92px;height:92px;color:var(--accent-light);box-shadow:var(--shadow-3d);border-radius:28px;place-items:center;margin-bottom:22px;display:grid;transform:rotate(-3deg)}.cart-empty p{max-width:470px;color:var(--text-secondary);margin:14px 0 27px}.cart-skeleton{height:180px;margin-bottom:16px}@media (width<=800px){.cart-layout{grid-template-columns:1fr}.cart-summary{position:static}}@media (width<=540px){.cart-page{width:min(100% - 24px,1080px);padding-top:22px}.cart-line{grid-template-columns:78px minmax(0,1fr)}.cart-line-media img{min-height:116px}.cart-line-body{padding:14px 13px}.cart-line-fields{grid-template-columns:1fr}.cart-field-wide{grid-column:auto}.cart-title-row{align-items:center}}.admin-shell{background:radial-gradient(circle at 12% 10%, #d977451a, transparent 32rem), radial-gradient(circle at 88% 32%, #2fa89d0f, transparent 30rem), var(--bg-primary);grid-template-columns:260px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--border-color);background:color-mix(in srgb, var(--bg-header) 92%, transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;gap:20px;height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:14px;padding:4px 8px 16px;display:flex}.admin-brand-mark{background:var(--accent-gradient-deep);color:#fff;width:68px;height:68px;box-shadow:0 6px 0 #692a1899, var(--accent-glow);object-fit:contain;border-radius:18px;flex-shrink:0;place-items:center;font-family:Space Grotesk,sans-serif;font-weight:800;display:grid}img.admin-brand-mark{background:var(--bg-elevated);padding:2px;box-shadow:0 4px #03080933}.admin-brand strong{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;display:block}.admin-brand span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:700}.admin-nav{flex-direction:column;flex:1;gap:6px;display:flex}.admin-nav-item{color:var(--text-secondary);transition:all var(--transition-fast);border:1px solid #0000;border-radius:14px;align-items:center;gap:10px;padding:12px 14px;font-weight:700;text-decoration:none;display:flex}.admin-nav-item:hover{color:var(--text-primary);background:var(--bg-surface-hover)}.admin-nav-item.active{color:#fff;background:var(--accent-gradient-deep);border-color:#ffffff24;box-shadow:0 6px #692a188c,0 12px 24px #b856322e}.admin-nav-icon{text-align:center;opacity:.9;width:22px}.admin-nav-label{flex:1;min-width:0}.admin-nav-badge{color:#fff;border:2px solid var(--bg-surface);background:#e33f4f;border-radius:999px;place-items:center;min-width:22px;height:22px;padding:0 6px;font-size:.65rem;font-weight:900;line-height:1;display:grid;box-shadow:0 4px 12px #e33f4f59}.admin-nav-item.active .admin-nav-badge{color:#b32636;background:#fff;border-color:#ffffff52}.admin-sidebar-footer{flex-direction:column;gap:8px;display:flex}.admin-user-chip{background:var(--surface-gradient);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);border-radius:16px;align-items:center;gap:10px;padding:12px;display:flex}.admin-user-avatar{background:var(--bg-elevated);color:#fff;object-fit:contain;width:38px;height:38px;box-shadow:none;border-radius:12px;flex-shrink:0;place-items:center;padding:5px;font-weight:800;display:grid}img.admin-user-avatar{background:var(--bg-elevated)}.admin-user-chip strong{font-size:.86rem;display:block}.admin-user-chip span{color:var(--text-secondary);font-size:.7rem}.admin-main{min-width:0;padding:clamp(18px,3vw,32px)}.admin-page{max-width:1200px;margin:0 auto;animation:.35s fadeIn}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;display:flex}.admin-page-header h1{letter-spacing:-.04em;margin-bottom:4px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.5rem,3vw,2rem)}.admin-page-header p{color:var(--text-secondary);font-size:.88rem}.admin-stats{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin-bottom:22px;display:grid}.admin-stat-card{background:var(--surface-gradient);border:1px solid var(--border-color);box-shadow:0 7px 0 #0308092e, var(--shadow-md);border-radius:20px;padding:18px}.admin-stat-card span{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:.72rem;font-weight:800;display:block}.admin-stat-card strong{letter-spacing:-.03em;font-family:Space Grotesk,sans-serif;font-size:1.45rem;display:block}.admin-stat-card small{color:var(--text-secondary);margin-top:6px;font-size:.72rem;display:block}.admin-card{background:var(--surface-gradient);border:1px solid var(--border-color);box-shadow:0 8px 0 #0308092e, var(--shadow-md);border-radius:22px;margin-bottom:18px;padding:clamp(16px,3vw,22px);overflow:visible}.admin-card h2{letter-spacing:-.02em;margin-bottom:14px;font-family:Space Grotesk,sans-serif;font-size:1.05rem}.admin-toolbar{flex-wrap:wrap;align-items:flex-end;gap:10px;margin-bottom:16px;display:flex}.admin-product-filters{grid-template-columns:2fr 1fr 1fr;align-items:end;gap:14px;display:grid}.admin-filter-search{grid-column:1}.admin-filter-control{gap:4px}.admin-filter-control .admin-searchable-select{flex:none;width:100%;min-width:0}.admin-filter-bottom-row{border-top:1px solid var(--border-color);grid-column:1/-1;grid-template-columns:1fr auto;align-items:end;gap:14px;padding-top:6px;display:grid}.admin-filter-bottom-row .admin-date-filter{flex:none;margin:0}.admin-filter-actions{white-space:nowrap;align-items:end;gap:8px;display:flex}@media (width<=800px){.admin-product-filters{grid-template-columns:1fr 1fr}.admin-filter-search{grid-column:1/-1}.admin-filter-bottom-row{grid-template-columns:1fr}.admin-filter-actions{justify-content:flex-start}}.admin-searchable-select{flex:180px;min-width:150px;position:relative}.admin-searchable-trigger{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:44px;display:flex}.admin-searchable-trigger>span:first-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-searchable-chevron{color:var(--text-secondary);font-size:1rem}.admin-searchable-menu{z-index:500;border:1px solid var(--border-light);background:var(--bg-surface);width:max(100%,240px);max-height:320px;box-shadow:var(--shadow-lg);border-radius:15px;padding:8px;position:absolute;top:calc(100% + 7px);left:0;overflow:hidden}.admin-searchable-input{width:100%;color:var(--text-primary);border:1px solid var(--border-color);background:var(--bg-elevated);border-radius:10px;outline:0;padding:10px 12px}.admin-searchable-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.admin-searchable-options{max-height:260px;margin-top:7px;overflow-y:auto}.admin-searchable-option{width:100%;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;display:flex}.admin-searchable-option:hover,.admin-searchable-option.active{background:var(--bg-hover)}.admin-searchable-option strong{color:var(--accent)}.admin-searchable-empty{color:var(--text-secondary);text-align:center;padding:18px 10px;font-size:.78rem}.admin-label>.admin-searchable-select{width:100%;margin-top:7px}.admin-date-filter{flex-wrap:wrap;flex:100%;align-items:flex-end;gap:10px;display:flex}.admin-date-field{flex:1;min-width:160px}.admin-date-field .admin-input{min-width:160px}.admin-pagination{border-top:1px solid var(--border-color);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:16px;padding-top:14px;display:flex}.admin-pagination-meta{color:var(--text-secondary);font-size:.8rem;font-weight:700}.admin-pagination-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-pagination-size{color:var(--text-secondary);align-items:center;gap:8px;font-size:.74rem;font-weight:800;display:inline-flex}.admin-pagination-size .admin-select{width:auto;min-width:80px;padding:8px 10px}.admin-pagination-size .admin-page-size-select{flex:none;width:88px;min-width:88px}.admin-page-size-select .admin-searchable-trigger{min-height:38px;padding:8px 10px}.admin-page-size-select .admin-searchable-menu{width:180px;left:auto;right:0}.admin-page-btn{border:1px solid var(--border-color);background:var(--bg-elevated);min-width:36px;height:36px;color:var(--text-primary);border-radius:10px;padding:0 10px;font-size:.8rem;font-weight:800}.admin-page-btn.active{color:#fff;background:var(--accent-gradient-deep);border-color:#0000;box-shadow:0 4px #692a1873}.admin-pagination .admin-ghost-btn:disabled,.admin-page-btn:disabled{opacity:.45;cursor:not-allowed}.admin-input,.admin-select,.admin-textarea{border:1px solid var(--border-color);background:var(--bg-elevated);width:100%;color:var(--text-primary);border-radius:12px;padding:11px 13px;box-shadow:inset 0 2px 5px #0308091a}.admin-toolbar>.admin-input,.admin-toolbar>.admin-select{flex:1;width:auto;min-width:180px}.admin-textarea{resize:vertical;min-height:90px}.admin-label{color:var(--text-secondary);text-transform:capitalize;flex-direction:column;gap:6px;font-size:.74rem;font-weight:800;display:flex}.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.admin-form-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.admin-btn,.admin-ghost-btn,.admin-danger-btn{transition:all var(--transition-fast);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;font-size:.84rem;font-weight:800;display:inline-flex}.admin-btn{color:#fff;background:var(--accent-gradient);box-shadow:0 6px 0 #692a189e, var(--accent-glow);border:1px solid #ffffff29}.admin-btn:hover{transform:translateY(-2px)}.admin-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.admin-ghost-btn{color:var(--text-primary);background:var(--surface-gradient);border:1px solid var(--border-color);box-shadow:0 4px #03080929}.admin-danger-btn{color:#ff647c;background:#ff647c14;border:1px solid #ff647c33}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:720px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid var(--border-color);vertical-align:top;padding:12px 10px}.admin-table th{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:800}.admin-table td{font-size:.86rem}.admin-badge{border:1px solid;border-radius:999px;align-items:center;padding:4px 9px;font-size:.68rem;font-weight:800;display:inline-flex}.admin-badge.ok{color:var(--status-success);background:color-mix(in srgb, var(--status-success) 10%, transparent)}.admin-badge.warn{color:var(--status-pending);background:color-mix(in srgb, var(--status-pending) 10%, transparent)}.admin-badge.err{color:var(--status-error);background:color-mix(in srgb, var(--status-error) 10%, transparent)}.admin-badge.muted{color:var(--text-secondary);background:color-mix(in srgb, var(--text-secondary) 10%, transparent)}.admin-row-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-row-actions button{border:1px solid var(--border-color);background:var(--bg-elevated);color:var(--text-primary);border-radius:10px;padding:7px 10px;font-size:.72rem;font-weight:800}.admin-row-actions button:hover{border-color:var(--accent);color:var(--accent-light)}.admin-empty{text-align:center;color:var(--text-secondary);padding:28px}.admin-modal-overlay{z-index:200;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030809b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal{background:var(--surface-gradient);border:1px solid var(--border-light);width:min(720px,100%);max-height:90vh;box-shadow:var(--shadow-3d);border-radius:24px;padding:22px;overflow:auto}.admin-modal h3{margin-bottom:14px;font-family:Space Grotesk,sans-serif}.admin-check{color:var(--text-primary);align-items:center;gap:8px;font-size:.86rem;font-weight:600;display:flex}.admin-alert{border-radius:12px;margin-bottom:14px;padding:12px 14px;font-size:.84rem;font-weight:600}.admin-alert.error{color:#ff647c;background:#ff647c1a;border:1px solid #ff647c33}.admin-alert.success{color:var(--status-success);background:color-mix(in srgb, var(--status-success) 10%, transparent);border:1px solid color-mix(in srgb, var(--status-success) 25%, transparent)}.dashboard-filter-card{justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;display:flex}.dashboard-filter-note{color:var(--text-tertiary);font-size:.74rem}.dashboard-primary-stats{grid-template-columns:repeat(5,minmax(150px,1fr))}.dashboard-stat-link,.dashboard-attention-card,.dashboard-mini-list button{font:inherit;text-align:left;color:inherit;cursor:pointer}.dashboard-stat-link{width:100%}.dashboard-stat-link small,.dashboard-click-row td small{color:var(--text-tertiary);margin-top:7px;font-size:.69rem;font-weight:600;display:block}.dashboard-stat-link:hover{border-color:color-mix(in srgb, var(--accent) 48%, var(--border-color));transform:translateY(-2px)}.dashboard-section-heading,.dashboard-card-title{justify-content:space-between;align-items:flex-end;gap:14px;display:flex}.dashboard-section-heading{margin:28px 2px 13px}.dashboard-section-heading h2,.dashboard-card-title h2{margin:2px 0 0;font-family:Space Grotesk,sans-serif}.dashboard-section-heading p{color:var(--text-secondary);font-size:.78rem}.dashboard-eyebrow{color:var(--accent-light);letter-spacing:.16em;font-size:.62rem;font-weight:900}.dashboard-attention-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.dashboard-attention-card{border:1px solid var(--border-color);background:linear-gradient(145deg, color-mix(in srgb, var(--bg-elevated) 92%, var(--accent) 8%), var(--bg-surface));border-radius:19px;flex-direction:column;align-items:flex-start;min-height:155px;padding:18px;display:flex;box-shadow:0 7px #03080929}.dashboard-attention-card:hover{border-color:var(--accent);transform:translateY(-2px)}.dashboard-attention-card>strong{margin:17px 0 2px;font-family:Space Grotesk,sans-serif;font-size:2.15rem}.dashboard-attention-card>span:not(.admin-badge){color:var(--text-secondary);font-size:.77rem}.dashboard-attention-card>small{color:var(--text-tertiary);margin-top:auto;font-size:.68rem}.dashboard-main-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.75fr);align-items:start;gap:14px;margin-top:22px;display:grid}.dashboard-side-stack{gap:14px;display:grid}.dashboard-card-title{align-items:center;margin-bottom:16px}.dashboard-click-row{cursor:pointer}.dashboard-click-row:hover td{background:color-mix(in srgb, var(--accent) 6%, transparent)}.dashboard-health-list{gap:5px;display:grid}.dashboard-health-list>div{border-bottom:1px solid var(--border-color);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;font-size:.76rem;display:flex}.dashboard-health-list>div:last-child{border-bottom:0}.dashboard-health-list strong{color:var(--text-primary);text-transform:capitalize;align-items:center;gap:7px;display:inline-flex}.health-dot{background:var(--text-tertiary);border-radius:50%;width:8px;height:8px}.health-dot.ok{background:var(--status-success);box-shadow:0 0 8px color-mix(in srgb, var(--status-success) 65%, transparent)}.health-dot.err{background:var(--status-error);box-shadow:0 0 8px color-mix(in srgb, var(--status-error) 65%, transparent)}.supplier-balance-panel{background:linear-gradient(145deg, color-mix(in srgb, var(--accent-secondary) 15%, var(--bg-elevated)), var(--bg-surface));border:1px solid color-mix(in srgb, var(--accent-secondary) 25%, var(--border-color));border-radius:17px;padding:17px}.supplier-balance-panel>span,.supplier-balance-panel>strong{display:block}.supplier-balance-panel>span{color:var(--text-secondary);font-size:.75rem}.supplier-balance-panel>strong{margin:5px 0 14px;font:800 2rem Space Grotesk,sans-serif}.supplier-balance-panel>div{color:var(--text-tertiary);justify-content:space-between;font-size:.68rem;display:flex}.dashboard-mini-list{gap:7px;display:grid}.dashboard-mini-list button{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;width:100%;padding:10px 0;font-size:.75rem;display:flex}.dashboard-mini-list button:last-child{border-bottom:0}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid var(--border-color);height:auto;position:relative}.admin-nav{flex-direction:row;flex:unset;overflow-x:auto}.admin-nav-item{white-space:nowrap}.admin-sidebar-footer{display:none}.dashboard-primary-stats,.dashboard-attention-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-main-grid{grid-template-columns:1fr}.dashboard-filter-card,.dashboard-section-heading{flex-direction:column;align-items:flex-start}}@media (width<=560px){.dashboard-primary-stats,.dashboard-attention-grid{grid-template-columns:1fr}}.admin-confirm-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;opacity:0;pointer-events:none;background:#03051199;justify-content:center;align-items:center;padding:20px;transition:opacity .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.admin-confirm-overlay.active{opacity:1;pointer-events:auto}.admin-confirm-card{background:var(--surface-gradient);border:1px solid var(--border-color);box-shadow:0 20px 40px #0006, var(--shadow-lg);border-radius:20px;width:100%;max-width:440px;padding:24px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(.92)}.admin-confirm-overlay.active .admin-confirm-card{transform:scale(1)}.admin-confirm-header{align-items:center;gap:12px;margin-bottom:14px;display:flex}.admin-confirm-icon{border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.4rem;display:inline-flex}.admin-confirm-icon.danger{color:#ff647c;background:#ff647c1a}.admin-confirm-icon.info{color:#54b4ff;background:#54b4ff1a}.admin-confirm-header h3{color:var(--text-primary);margin:0;font-size:1.15rem;font-weight:800}.admin-confirm-body p{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.5}.admin-confirm-actions{justify-content:flex-end;gap:12px;margin-top:24px;display:flex}.admin-toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;width:calc(100vw - 40px);max-width:420px;display:flex;position:fixed;top:20px;right:20px}.admin-toast{background:var(--card-bg);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);pointer-events:auto;cursor:default;border-radius:14px;align-items:flex-start;gap:12px;padding:14px 16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014}.admin-toast-enter{animation:.36s cubic-bezier(.22,1,.36,1) forwards toastSlideIn}.admin-toast-exit{animation:.3s cubic-bezier(.55,0,1,.45) forwards toastSlideOut}@keyframes toastSlideIn{0%{opacity:0;transform:translate(80px)scale(.92)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(80px)scale(.92)}}.admin-toast-icon{flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:flex}.admin-toast-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.admin-toast-title{color:var(--text-primary);font-size:.82rem;font-weight:700;line-height:1.3}.admin-toast-message{color:var(--text-secondary);word-break:break-word;font-size:.8rem;line-height:1.45}.admin-toast-close{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex}.admin-toast-close:hover{background:var(--hover-bg);color:var(--text-primary)}.admin-toast-progress{background:0 0;border-radius:0 0 14px 14px;height:3px;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.admin-toast-progress-bar{transform-origin:0;border-radius:0 0 14px 14px;width:100%;height:100%;animation:linear forwards toastProgress}@keyframes toastProgress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.admin-toast-success{border-color:color-mix(in srgb, var(--status-success) 30%, transparent)}.admin-toast-success .admin-toast-icon{color:var(--status-success)}.admin-toast-success .admin-toast-progress-bar{background:linear-gradient(90deg, var(--status-success), color-mix(in srgb, var(--status-success) 50%, transparent))}.admin-toast-error{border-color:#ff647c4d}.admin-toast-error .admin-toast-icon{color:#ff647c}.admin-toast-error .admin-toast-progress-bar{background:linear-gradient(90deg,#ff647c,#ff647c80)}.admin-toast-info{border-color:color-mix(in srgb, var(--accent-color) 30%, transparent)}.admin-toast-info .admin-toast-icon{color:var(--accent-color)}.admin-toast-info .admin-toast-progress-bar{background:linear-gradient(90deg, var(--accent-color), color-mix(in srgb, var(--accent-color) 50%, transparent))}.admin-toast-warning{border-color:#ffb43c4d}.admin-toast-warning .admin-toast-icon{color:#ffb43c}.admin-toast-warning .admin-toast-progress-bar{background:linear-gradient(90deg,#ffb43c,#ffb43c80)}@media (width<=600px){.admin-toast-container{width:auto;max-width:none;top:12px;left:12px;right:12px}}.provider-order-modal{width:min(980px,100%);padding:0;overflow:hidden}.provider-order-hero{border-bottom:1px solid var(--border-light);background:radial-gradient(circle at 0 0,#ff7a1838,#0000 42%),linear-gradient(135deg,#101820f5,#070c12fa);justify-content:space-between;align-items:flex-start;gap:16px;padding:24px;display:flex}.provider-kicker{color:var(--accent-light);text-transform:uppercase;letter-spacing:.08em;background:#ff7a181f;border:1px solid #ff7a1847;border-radius:999px;margin-bottom:10px;padding:5px 10px;font-size:.72rem;font-weight:800;display:inline-flex}.provider-order-hero h2{margin:0;font-family:Space Grotesk,sans-serif;font-size:clamp(1.35rem,2vw,2rem)}.provider-order-hero p{color:var(--text-secondary);margin:6px 0 0}.provider-status-strip,.provider-detail-grid,.provider-deliverables-grid{gap:12px;display:grid}.provider-status-strip{border-bottom:1px solid var(--border-color);background:#ffffff06;grid-template-columns:repeat(4,minmax(130px,1fr));padding:16px 24px}.provider-status-strip div,.provider-detail-item,.provider-deliverable-card,.provider-empty-box,.provider-error-box{border:1px solid var(--border-color);background:#ffffff09;border-radius:16px}.provider-status-strip div{padding:12px}.provider-status-strip span,.provider-detail-item span,.provider-deliverable-card span{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:6px;font-size:.72rem;font-weight:800;display:block}.provider-status-strip strong,.provider-detail-item strong{color:var(--text-primary);word-break:break-word;font-size:.95rem;display:block}.provider-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:20px 24px 8px}.provider-detail-item{padding:13px}.provider-detail-item.highlight{background:#ff7a1812;border-color:#ff7a1857}.provider-section{padding:16px 24px 22px}.provider-section-title{margin-bottom:12px}.provider-section-title h3{margin:0 0 4px;font-family:Space Grotesk,sans-serif}.provider-section-title p{color:var(--text-secondary);margin:0;font-size:.82rem}.provider-deliverables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-deliverable-card,.provider-empty-box,.provider-error-box{padding:14px}.provider-deliverable-card pre,.provider-error-box{color:var(--text-primary);white-space:pre-wrap;word-break:break-word;margin:0;font-family:JetBrains Mono,SFMono-Regular,Consolas,monospace;font-size:.82rem;line-height:1.55}.provider-deliverable-card a{color:var(--accent-light);word-break:break-all;font-weight:700}.provider-empty-box{color:var(--text-secondary);text-align:center}.provider-error-box{color:var(--text-secondary);max-height:180px;overflow:auto}@media (width<=900px){.provider-status-strip,.provider-detail-grid,.provider-deliverables-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.provider-order-hero{flex-direction:column}.provider-status-strip,.provider-detail-grid,.provider-deliverables-grid{grid-template-columns:1fr}}