:root{--aura-angle:0deg}@property --aura-angle{syntax:"<angle>";inherits:false;initial-value:0deg}:root{color:#f4f1ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--panel:#0b0b0fe0;--panel-border:#ffffff1a;--text-soft:#e9e7ffb3;--purple:#1d4ed8;--purple-strong:#1d4ed8;--blue:#2563eb;--ease-smooth:cubic-bezier(.22, 1, .36, 1);--screen-xl:1280px;--screen-lg:1024px;--screen-md:960px;background:radial-gradient(circle at top,#1e40af3d,#0000 30%),linear-gradient(#09090d 0%,#020617 100%);font-family:Kanit,Noto Sans Thai,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;animation:appFadeIn .7s var(--ease-smooth);background:linear-gradient(#1e40af14 1px,#0000 1px) 0 0/120px 120px,linear-gradient(90deg,#1e40af14 1px,#0000 1px) 0 0/120px 120px,radial-gradient(circle at top,#1e40af33,#0000 28%),#020617;margin:0;overflow-x:hidden}::-webkit-scrollbar{background:0 0;width:0;height:0}*{scrollbar-width:none}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}@keyframes riseIn{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes softFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes auraAngle{to{--aura-angle:360deg}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #1d4ed833}50%{box-shadow:0 0 0 10px #1d4ed800}}button,input,select,textarea{font:inherit}button{appearance:none;cursor:pointer;border:0;margin:0}a{color:inherit;text-decoration:none}#app{min-height:100vh}.page-shell{width:100%;margin:0 auto;padding:0 40px 40px}.notice-bar{z-index:20;background:linear-gradient(90deg,#020617 0%,#1e3a8a 60%,#3b82f6 100%);border-bottom:1px solid #2563eb59;border-radius:0;width:100vw;margin-bottom:20px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);position:sticky;top:0;overflow:hidden}.notice-marquee{white-space:nowrap;will-change:transform;align-items:center;width:max-content;animation:30s linear infinite noticeLoop;display:inline-flex}.notice-track{white-space:nowrap;color:#fff;flex:none;gap:32px;min-width:max-content;padding:8px 18px;font-size:.88rem;font-weight:700;display:flex}.notice-item{flex:none}.notice-item:before{content:"DISCORD  "}@keyframes noticeLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}.topbar{width:100%;max-width:1720px;animation:riseIn .6s var(--ease-smooth);grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:0 auto;padding:6px 0 14px;display:grid}.brand{letter-spacing:.06em;align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-mark{width:40px;height:40px;transition:transform .35s var(--ease-smooth), box-shadow .35s var(--ease-smooth), filter .35s var(--ease-smooth);background:linear-gradient(135deg,#6a74ff 0%,#9b24ff 100%);border-radius:14px;place-items:center;display:grid;box-shadow:0 10px 30px #2563eb73}.brand--image:hover .brand-mark{filter:saturate(1.08);transform:translateY(-3px)scale(1.03)rotate(-3deg);box-shadow:0 18px 34px #2563eb80}.brand-mark--image{box-shadow:none;background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover}.brand--image{color:inherit;background:0 0;border:0;padding:0}.nav-menu{align-items:center;gap:6px;display:flex}.nav-link{min-height:40px;color:var(--text-soft);transition:background .28s var(--ease-smooth), color .28s var(--ease-smooth), transform .28s var(--ease-smooth), border-color .28s var(--ease-smooth), box-shadow .28s var(--ease-smooth);background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:0 13px;display:inline-flex}.nav-link:hover,.nav-link.active{color:#fff;background:#ffffff14;border-color:#ffffff14;transform:translateY(-2px);box-shadow:inset 0 1px #ffffff14}.nav-link:active{transform:translateY(0)scale(.98)}.nav-link:focus-visible{outline-offset:2px;outline:2px solid #1d4ed88c}.nav-icon{font-size:1rem}.nav-svg,.toolbar-icon,.profile-button__icon,.profile-avatar-icon,.profile-menu__icon,.stat-svg{flex:none;width:17px;height:17px}.toolbar{align-items:center;gap:8px;display:flex;position:relative}.search-box{width:min(320px,24vw);min-height:40px;transition:border-color .22s var(--ease-smooth), box-shadow .22s var(--ease-smooth), transform .22s var(--ease-smooth);background:#ffffff0d;border:1px solid #ffffff0a;border-radius:999px;align-items:center;gap:10px;padding:0 15px;display:flex}.search-box input{color:#fff;background:0 0;border:0;outline:0;flex:1}.search-box input::placeholder{color:#ffffff61}.cart-button,.profile-button,.outline-button{border:1px solid var(--panel-border);color:#fff;background:#ffffff0d}.cart-button{min-height:42px;transition:transform .25s var(--ease-smooth), background .25s var(--ease-smooth), border-color .25s var(--ease-smooth), box-shadow .25s var(--ease-smooth);border-radius:999px;align-items:center;gap:8px;padding:0 16px;display:inline-flex}.profile-button{width:42px;height:42px;transition:transform .25s var(--ease-smooth), box-shadow .25s var(--ease-smooth), background .25s var(--ease-smooth);background:#ffffff0d;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 2px #1d4ed8b3}.search-box:focus-within{border-color:#1d4ed8a6;box-shadow:0 0 0 4px #1d4ed81f}.cart-button:hover,.outline-button:hover,.profile-button:hover{border-color:#1d4ed861;transform:translateY(-2px);box-shadow:0 12px 24px #0000003d}.cart-button:active,.outline-button:active,.profile-button:active{transform:translateY(0)scale(.97)}.profile-menu-wrap{position:relative}.profile-menu{z-index:30;transform-origin:100% 0;width:340px;animation:riseIn .24s var(--ease-smooth);background:#07070bf5;border:1px solid #ffffff17;border-radius:22px;gap:14px;padding:16px;display:grid;position:absolute;top:calc(100% + 14px);right:0;box-shadow:0 28px 70px #0000008c}.profile-menu:before{content:"";background:#07070bf5;border-top:1px solid #ffffff17;border-left:1px solid #ffffff17;width:20px;height:20px;position:absolute;top:-11px;right:15px;transform:rotate(45deg)}.profile-menu__card,.profile-menu__balance,.profile-menu__action,.profile-menu__logout{z-index:1;position:relative}.profile-menu__card,.profile-menu__balance{background:#ffffff0a;border:1px solid #ffffff08;border-radius:16px;align-items:center;gap:14px;padding:18px 16px;display:flex}.profile-menu__avatar{color:#fffc;border:2px solid #ffffff29;border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.2rem;display:grid}.profile-menu__card h3,.profile-menu__balance p{margin:0}.profile-menu__card p{color:var(--text-soft);margin:2px 0 8px}.profile-menu__card span{color:#d4d1dd;background:#ffffff17;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:700;display:inline-flex}.profile-menu__balance{justify-content:space-between;align-items:flex-end}.profile-menu__balance p{color:var(--text-soft)}.profile-menu__balance strong{color:#ff5e7a;font-size:3rem;line-height:1}.profile-menu__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.profile-menu__action,.profile-menu__logout{color:#fff;text-align:center;min-height:56px;transition:transform .25s var(--ease-smooth), border-color .25s var(--ease-smooth), background .25s var(--ease-smooth), box-shadow .25s var(--ease-smooth);background:#ffffff05;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 16px;font-weight:700;display:inline-flex}.profile-menu__action--full{width:100%}.profile-menu__logout{color:#ff4e67;background:#6509163d;border-color:#ff4a628c}.profile-menu__action:hover,.profile-menu__logout:hover{border-color:#1d4ed859;transform:translateY(-2px);box-shadow:0 14px 28px #0003}.profile-menu__hint{color:var(--text-soft);text-align:center;margin:0}.profile-menu__hint--warn{color:#ffb86e}.content{gap:28px;width:100%;max-width:1280px;margin:0 auto;display:grid}.store-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.store-stat-card{transition:transform .28s var(--ease-smooth), border-color .28s var(--ease-smooth), box-shadow .28s var(--ease-smooth);background:#09090dcc;border:1px solid #1d4ed833;border-radius:16px;justify-content:space-between;align-items:center;padding:24px 32px;display:flex}.store-stat-card:hover{border-color:#1d4ed880;transform:translateY(-4px);box-shadow:0 18px 34px #1d4ed81a}.stat-info p{color:#fff9;margin:0 0 8px;font-size:.95rem}.stat-info strong{background:linear-gradient(135deg,#1d4ed8 0%,#60a5fa 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;align-items:baseline;gap:6px;font-size:1.4rem;font-weight:700;display:flex}.stat-info strong span{font-size:1.4rem;font-weight:700}.store-stat-card__icon{color:#2563eb;width:48px;height:48px}.hero-banner{min-height:0;animation:riseIn .72s var(--ease-smooth)}.hero-banner__media{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:360px;display:grid}.hero-slot,.auth-logo,.footer-logo-slot,.asset-preview{color:#ffffff8c;text-align:center;background:#ffffff05;border:1px dashed #1d4ed873;place-items:center;display:grid}.hero-slot{min-height:360px;transition:transform .5s var(--ease-smooth), border-color .5s var(--ease-smooth), box-shadow .5s var(--ease-smooth);border-radius:28px}.hero-slot--single{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:20px;width:100%;min-height:400px;overflow:hidden}.hero-slot:hover{border-color:#1d4ed87a;transform:translateY(-4px);box-shadow:0 26px 48px #00000042}.hero-slot--single:hover{border-color:#0000}.hero-slot--image,.auth-logo--image,.footer-logo-slot--image,.asset-preview--image,.product-cover--image{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;border-style:solid;border-color:#0000}.admin-layout{width:min(var(--screen-lg), 100%);grid-template-columns:252px 1fr;gap:20px;min-height:0;margin:0 auto;display:grid}.admin-sidebar,.admin-card{animation:riseIn .55s var(--ease-smooth);background:#0a0a0eeb;border:1px solid #ffffff14;border-radius:24px}.admin-sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-content:start;gap:14px;max-height:calc(100vh - 28px);padding:20px 14px;display:grid;position:sticky;top:14px;overflow:auto}.admin-sidebar::-webkit-scrollbar{width:6px}.admin-sidebar::-webkit-scrollbar-thumb{background:#1d4ed847;border-radius:99px}.admin-sidebar__section h2,.admin-content__header h2,.admin-card__title h3,.admin-category-card__body h4{margin:0}.admin-sidebar__section{background:linear-gradient(#14141edb,#0a0a10c7);border:1px solid #ffffff12;border-radius:16px;padding:12px 12px 10px}.admin-sidebar__section h2{letter-spacing:-.01em;font-size:1.05rem;font-weight:600}.admin-sidebar__section p,.admin-content__header p,.admin-card__title p,.admin-category-card__body p,.admin-sidebar__group-title{color:var(--text-soft);margin:0}.admin-sidebar__group{background:0 0;border:none;gap:2px;padding:0;display:grid}.admin-sidebar__group-title{letter-spacing:.06em;text-transform:uppercase;color:#e9e7ff8f;padding:2px 6px 8px;font-size:.74rem;font-weight:600}.admin-sidebar__group-toggle{color:#f5f3fff5;text-align:left;width:100%;min-height:40px;transition:background .2s var(--ease-smooth), border-color .2s var(--ease-smooth);background:0 0;border:1px solid #0000;border-radius:10px;justify-content:space-between;align-items:center;padding:0 10px;font-size:.92rem;font-weight:500;display:inline-flex}.admin-sidebar__group-toggle:hover{background:#ffffff08;border-color:#0000}.admin-sidebar__group-toggle-left{align-items:center;gap:10px;display:inline-flex}.admin-sidebar__group-toggle .admin-sidebar__icon{color:#fff9;width:18px;height:18px;transition:color .2s var(--ease-smooth);justify-content:center;align-items:center;display:inline-flex}.admin-sidebar__group-toggle:hover .admin-sidebar__icon{color:#ffffffe6}.admin-sidebar__chevron{color:#e9e7ff9e;width:15px;height:15px;transition:transform .2s var(--ease-smooth), color .2s var(--ease-smooth)}.admin-sidebar__chevron.is-open{color:#b37afff5;transform:rotate(180deg)}.admin-sidebar__group-body{gap:4px;padding-top:4px;padding-left:12px;display:grid}.admin-sidebar__item,.admin-sidebar__back{color:#ffffffa6;text-align:left;min-height:40px;transition:all .22s var(--ease-smooth);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;padding:0 12px;display:inline-flex;position:relative;overflow:hidden}.admin-sidebar__item.active,.admin-sidebar__item:hover{color:#2563eb;background:linear-gradient(90deg,#1e3a8a26,#0000);border-color:#0000}.admin-sidebar__item.active span,.admin-sidebar__item.active .admin-sidebar__icon{color:#2563eb}.admin-sidebar__icon,.admin-card__icon{width:17px;height:17px}.admin-sidebar__item .admin-sidebar__icon{width:18px;height:18px;color:inherit;transition:color .2s var(--ease-smooth);justify-content:center;align-items:center;display:inline-flex}.admin-sidebar__item span{color:inherit;font-size:.9rem;font-weight:500}.admin-sidebar__item:focus-visible,.admin-sidebar__back:focus-visible{outline-offset:2px;outline:2px solid #1d4ed88c}.admin-sidebar__back{background:#ffffff08;border-color:#ffffff1f;justify-content:center;min-height:44px;margin-top:4px;font-weight:500}.admin-content{gap:20px;display:grid}.admin-content__header{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-content__actions{gap:12px;display:flex}.admin-action-button{align-items:center;gap:8px;width:auto;display:inline-flex}.admin-card{padding:18px}.asset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.asset-card{background:#0c0c11f0;border:1px solid #ffffff14;border-radius:18px;overflow:hidden}.asset-preview{min-height:180px;padding:16px}.asset-card__body{gap:10px;padding:14px;display:grid}.asset-card__body h4,.footer-brand__row h3{margin:0}.asset-card__body p{color:var(--text-soft);margin:0}.admin-card__title{align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.admin-card__title h3{font-size:1.25rem;font-weight:600}.admin-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.store-category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.store-category-card{transition:transform .3s var(--ease-smooth), border-color .3s var(--ease-smooth), box-shadow .3s var(--ease-smooth);background:#0c0c11f0;border:1px solid #ffffff14;border-radius:18px;overflow:hidden}.store-category-card:hover{border-color:#ffd60a47;transform:translateY(-5px);box-shadow:0 18px 38px #0000003d}.store-category-card .admin-category-card__image{background-color:#0000;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:156px}.store-category-card .admin-category-card__body{gap:10px;padding:12px 14px 14px}.store-category-card .admin-category-card__body h4{font-size:1rem}.store-category-card__meta{color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;display:flex}.store-category-card__tags{gap:8px;display:flex}.store-category-card__tags span{color:#ffe44d;background:#ffd60a14;border:1px solid #ffd60a47;border-radius:999px;align-items:center;min-height:26px;padding:0 10px;font-size:.76rem;font-weight:700;display:inline-flex}.admin-product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.admin-category-card{transition:transform .3s var(--ease-smooth), border-color .3s var(--ease-smooth), box-shadow .3s var(--ease-smooth);background:#0c0c11f0;border:1px solid #ffffff14;border-radius:18px;overflow:hidden}.admin-category-card:hover{border-color:#1d4ed84d;transform:translateY(-5px);box-shadow:0 18px 38px #0000003d}.admin-category-card__image{background-color:#0000;background-image:linear-gradient(#0000 20%,#050508db),linear-gradient(135deg,#2563eb47,#0a0a0ff5);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;align-items:end;min-height:170px;padding:14px;display:flex}.admin-category-card__image span{font-weight:700}.admin-category-card__body{gap:8px;padding:14px;display:grid}.admin-category-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-status-pill{color:#fff;background:#2563eb29;border-radius:999px;padding:6px 10px;display:inline-flex}.admin-category-card__actions{gap:8px;display:flex}.admin-icon-button{color:#fff;width:38px;height:38px;transition:transform .2s var(--ease-smooth), border-color .2s var(--ease-smooth), background .2s var(--ease-smooth);background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;place-items:center;display:grid}.admin-icon-button:hover{border-color:#1d4ed859;transform:translateY(-2px)}.admin-icon-button--danger{background:#b6384533;border-color:#ff5f7066}.admin-switch-row,.admin-product-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-switch{width:34px;height:20px;transition:background .22s var(--ease-smooth), transform .22s var(--ease-smooth), box-shadow .22s var(--ease-smooth);background:#ffffff2e;border-radius:999px;display:inline-flex;position:relative}.admin-switch:after{content:"";width:16px;height:16px;transition:transform .22s var(--ease-smooth);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.admin-switch.active{animation:pulseGlow .4s var(--ease-smooth);background:#1d4ed8}.admin-switch.active:after{transform:translate(14px)}.admin-product-card{transition:transform .32s var(--ease-smooth), border-color .32s var(--ease-smooth), box-shadow .32s var(--ease-smooth);background:#0c0c11f0;border:1px solid #ffffff14;border-radius:18px;overflow:hidden}.admin-product-card:hover{border-color:#1d4ed84d;transform:translateY(-5px);box-shadow:0 20px 42px #0000003d}.admin-product-card__image{background-color:#ffffff08;background-image:linear-gradient(#0000 60%,#0c0c11 100%),none;background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-bottom:2px solid #2563eb80;min-height:220px;position:relative}.admin-product-badge-left{flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:absolute;top:10px;left:10px}.badge-new{color:#fff;background:#2563eb;border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:900;line-height:1;box-shadow:0 0 10px #2563eb80}.badge-rank{color:#fff;background:#0009;border-radius:4px;padding:2px 6px;font-size:.9rem;font-weight:800}.admin-product-badge-right{color:#000;background:#fffffff2;border-radius:6px;padding:4px 8px;font-size:.8rem;font-weight:800;position:absolute;top:10px;right:10px;box-shadow:0 4px 10px #00000080}.admin-product-card__body{gap:10px;padding:14px;display:grid}.admin-product-card__body h4,.admin-modal h3{color:#fff;margin:0;font-size:1.1rem;font-weight:600;line-height:1.3}.admin-user-copy h4{color:#fff;margin:0;font-size:1rem;font-weight:500}.admin-product-card__body p,.admin-user-copy p,.admin-user-copy small,.admin-help-text{color:#ffffff80;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8rem;display:-webkit-box;overflow:hidden}.admin-product-card__titles{gap:4px;display:grid}.admin-product-meta{color:#ffffffb3;align-items:center;gap:14px;font-size:.85rem;display:flex}.admin-product-divider{border:0;border-top:1px solid #ffffff14;margin:2px 0}.admin-product-row{justify-content:space-between;align-items:center;display:flex}.admin-product-row--publish{color:#fffc;justify-content:flex-start;gap:8px;font-size:.85rem;font-weight:600}.admin-product-row--publish .admin-switch{margin-left:8px}.admin-small-icon{color:#fff9;width:16px;height:16px}.admin-small-icon--interactive{cursor:pointer;transition:color .2s}.admin-small-icon--interactive:hover{color:#fff}.admin-product-row-left{color:#fffc;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:flex}.admin-product-actions{align-items:center;gap:6px;display:flex}.admin-outline-btn{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:inline-flex}.admin-outline-btn:hover{color:#fff;background:#ffffff0d}.admin-outline-btn--danger:hover{color:#ef4444;background:#ef44441a;border-color:#ef444480}.admin-outline-btn .profile-menu__icon{width:16px;height:16px}.admin-toolbar-grid{grid-template-columns:2fr 1fr 1fr 1fr;gap:12px;margin-bottom:18px;display:grid}.admin-toolbar-grid--users{grid-template-columns:2fr 1.2fr 1fr .8fr auto}.admin-search,.admin-filter-button{color:#fff;min-height:46px;transition:border-color .22s var(--ease-smooth), box-shadow .22s var(--ease-smooth), transform .22s var(--ease-smooth);background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:10px;padding:0 14px;display:inline-flex}.admin-search:focus-within{border-color:#1d4ed8a6;box-shadow:0 0 0 4px #1d4ed81f}.admin-search input{color:#fff;background:0 0;border:0;outline:0;width:100%}.admin-table{border:1px solid #ffffff14;border-radius:16px;overflow:hidden}.admin-table__row{background:#ffffff05;border-top:1px solid #ffffff0f;grid-template-columns:1.2fr 1.5fr .7fr 1fr .8fr;align-items:center;gap:12px;padding:16px;display:grid}.admin-table__head{color:var(--text-soft);background:#ffffff0a;border-top:0}.admin-table__row span small{color:var(--text-soft);display:block}.admin-detail-button,.admin-badge{color:#fff;background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;justify-content:center;align-items:center;min-height:38px;padding:0 14px;display:inline-flex}.admin-badge{color:#ffc75b;background:#ffa60024;border-color:#ffc43d4d;width:fit-content;min-height:28px;padding:0 10px}.admin-user-list{gap:18px;display:grid}.admin-user-card{transition:transform .28s var(--ease-smooth), border-color .28s var(--ease-smooth), box-shadow .28s var(--ease-smooth);background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;grid-template-columns:54px 1fr auto;align-items:center;gap:16px;padding:18px;display:grid}.admin-user-card:hover{border-color:#1d4ed83d;transform:translateY(-3px);box-shadow:0 16px 32px #0000002e}.admin-user-avatar,.admin-circle-icon{background:#ffffff14;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.admin-settings-grid{gap:22px;display:grid}.admin-settings-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-settings-box{background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;gap:10px;padding:16px;display:grid}.admin-settings-box--wide{grid-column:1/-1}.admin-settings-box label{font-weight:700}.admin-settings-box input{color:#fff;background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;width:100%;min-height:42px;padding:0 14px}.admin-toggle-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.admin-toggle-card{transition:transform .28s var(--ease-smooth), border-color .28s var(--ease-smooth);background:#ffffff05;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:16px;display:flex}.admin-toggle-card:hover{border-color:#1d4ed83d;transform:translateY(-3px)}.admin-toggle-card p{color:var(--text-soft);margin:4px 0 0}.admin-inline-field{align-items:center;gap:12px;display:flex}.admin-inline-field input{max-width:120px}.asset-preview--mini{border-radius:12px;width:58px;min-height:42px}.asset-preview--banner,.asset-preview--payment{border-radius:14px;min-height:120px}.admin-section-spacing{margin-top:20px}.admin-avatar-image,.footer-social__image{object-fit:cover;border-radius:inherit;width:100%;height:100%;display:block}.admin-modal-backdrop{z-index:60;background:#0009;place-items:center;padding:24px;animation:.18s ease-out appFadeIn;display:grid;position:fixed;inset:0}.admin-modal{width:min(100%,620px);max-height:calc(100vh - 48px);animation:riseIn .25s var(--ease-smooth);background:#0d0d11;border:1px solid #ffffff1a;border-radius:20px;padding:24px;position:relative;overflow:auto}.admin-modal--tall{width:min(100%,560px)}.admin-modal__close{color:#fff;background:0 0;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:18px;right:18px}.admin-modal__form{gap:14px;margin-top:16px;display:grid}.admin-modal__form label{gap:8px;display:grid}.admin-modal__form input,.admin-modal__form select,.admin-modal__form textarea{color:#fff;background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;width:100%;min-height:44px;padding:10px 14px}.admin-modal__actions{justify-content:flex-end;gap:12px;margin-top:8px;display:flex}.admin-toggle-list{gap:14px;display:grid}.admin-toggle-line{justify-content:space-between;align-items:center;display:flex}.admin-color-row{grid-template-columns:72px 1fr;gap:12px;display:grid}.admin-description-tools{gap:10px;margin-top:-2px;display:grid}.admin-color-picker{min-height:48px;padding:4px}.admin-inline-button{width:fit-content}.admin-description-preview{color:#ffffffb8;align-items:center;gap:8px;font-size:.88rem;display:flex}.admin-description-preview strong{font-weight:700}.admin-description-preview-sample{background:#00000047;border:1px solid #ffffff1f;border-radius:10px;gap:4px;padding:10px 12px;display:grid}.admin-description-preview-sample p{color:#ffffffe6;margin:0;line-height:1.42}.admin-description-preview-colored{font-weight:700}.admin-product-live-preview{background:linear-gradient(#0b1220fa,#020617fa);border:1px solid #ffffff1f;border-radius:14px;gap:10px;padding:12px;display:grid;box-shadow:0 10px 22px #2563eb2e}.admin-product-live-preview h4{color:#fff;margin:0;font-size:1.1rem;font-weight:800}.admin-product-live-preview__badges{flex-wrap:wrap;gap:8px;display:flex}.admin-product-live-preview__badges span{color:#bfdbfe;background:#2563eb1f;border:1px solid #60a5fa4d;border-radius:10px;align-items:center;gap:6px;padding:6px 10px;font-size:.84rem;font-weight:700;display:inline-flex}.admin-product-live-preview__desc{color:#ffffffe6;white-space:normal;word-break:break-word;background:#020617a6;border:1px solid #ffffff1a;border-radius:10px;min-height:84px;max-height:180px;margin:0;padding:10px;font-size:.92rem;line-height:1.42;overflow:auto}.admin-product-live-preview__section-title{color:#bfdbfee6!important;margin:0 0 -2px!important;font-size:.84rem!important;font-weight:800!important}.admin-product-live-preview__warranty{background:#0e749014;border:1px solid #60a5fa4d;border-radius:10px;gap:8px;padding:10px;display:grid}.admin-product-live-preview__warranty p{grid-template-columns:auto 1fr;align-items:start;gap:6px;margin:0;font-size:.88rem;line-height:1.38;display:grid;color:#dbeafe!important}.admin-product-live-preview__price{color:#7dd3fc;text-shadow:0 0 16px #38bdf838;font-size:1.9rem;font-weight:800;line-height:1}.admin-product-live-preview__buy{cursor:default;width:100%;opacity:1!important}.admin-description-preview-title{font-weight:800;margin-top:2px!important}.admin-color-presets{flex-wrap:wrap;gap:8px;display:flex}.admin-color-preset{color:#fff;background:#ffffff08;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:.82rem;display:inline-flex}.admin-color-preset__dot{background:var(--swatch);border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 1px #ffffff2e}.hero-card{min-height:420px;animation:riseIn .78s var(--ease-smooth);background:linear-gradient(90deg,#450d7c26,#0000 35%),radial-gradient(circle at 78% 18%,#9147ff59,#0000 22%),linear-gradient(135deg,#ffffff05,#ffffff03),#040408e6;border:1px solid #ffffff14;border-radius:34px;grid-template-columns:.92fr 1.08fr;gap:20px;padding:26px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #00000059}.hero-card:after{content:"";pointer-events:none;background-color:#0000;background-image:linear-gradient(#7e2aff14 1px,#0000 1px),linear-gradient(90deg,#7e2aff14 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:74px 74px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hero-visual,.hero-copy{z-index:1;position:relative}.hero-visual{justify-content:center;align-items:center;min-height:360px;display:flex}.visual-glow{filter:blur(12px);background:radial-gradient(circle,#8928ff8c,#0000 68%);border-radius:50%;width:320px;height:320px;animation:6s ease-in-out infinite softFloat;position:absolute}.device{transition:transform .45s var(--ease-smooth), box-shadow .45s var(--ease-smooth);background:linear-gradient(#17171e,#08080b);border:1px solid #ffffff24;position:absolute;overflow:hidden;box-shadow:0 24px 70px #00000073}.device img{object-fit:cover;opacity:.9;width:100%;height:100%;display:block}.laptop{aspect-ratio:1.08;border-radius:26px;width:min(420px,80%);animation:6.5s ease-in-out infinite softFloat;transform:rotate(-10deg)translate(-34px)}.phone{aspect-ratio:.48;border-width:2px;border-radius:34px;width:180px;animation:5.4s ease-in-out infinite reverse softFloat;transform:rotate(7deg)translate(120px,-10px)}.hero-card:hover .laptop{transform:rotate(-8deg)translate(-30px,-6px)}.hero-card:hover .phone{transform:rotate(5deg)translate(116px,-18px)}.hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.site-pill{color:#fff;background:linear-gradient(90deg,#6da1ff 0%,#8f6bff 65%,#ab73ff 100%);border-radius:999px;align-items:center;gap:12px;padding:12px 22px;font-size:1.15rem;font-weight:800;display:inline-flex}.site-pill__icon{font-size:1.2rem}.eyebrow{letter-spacing:.05em;margin:26px 0 8px;font-size:clamp(1.2rem,2vw,1.8rem);font-weight:800}h1{letter-spacing:-.06em;color:#0000;background:linear-gradient(90deg,#7ab1ff 0%,#93c5fd 42%,#3b82f6 100%);-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(4rem,10vw,8.5rem);line-height:.9}.hero-subtitle{margin:12px 0 0;font-size:clamp(1.25rem,2.1vw,2rem);font-weight:800}.badge-row{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.feature-badge{background:#07070bdb;border:1px solid #ffffff47;border-radius:999px;padding:10px 18px;font-size:1.05rem}.stats-grid,.category-grid,.product-grid{gap:18px;display:grid}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-card{background:#06060ad1;border:1px solid #ffffff1f;border-radius:18px;justify-content:space-between;align-items:center;padding:26px 18px;display:flex}.stat-title,.section-heading p,.category-copy p,.category-copy small{color:var(--text-soft);margin:0}.stat-value{color:var(--purple);margin:6px 0 0;font-size:2.1rem;font-weight:900}.stat-value span{color:#fff;margin-left:8px;font-size:1.2rem}.stat-icon{color:var(--purple);font-size:2.4rem}.stat-svg{width:32px;height:32px;color:var(--purple)}.section-heading{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.section-heading h2{color:#fff;margin:0 0 4px;font-size:1.35rem;font-weight:700}.section-heading p{color:var(--text-soft);align-items:center;gap:6px;margin:0;font-size:.95rem;display:inline-flex}.section-heading .sparkle{color:#ffca28}.btn-glass{color:#fff;cursor:pointer;background:#1d4ed81a;border:1px solid #1d4ed84d;border-radius:99px;padding:10px 24px;font-size:.9rem;font-weight:600;transition:all .2s}.btn-glass:hover{background:#1d4ed840}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.category-card-zx{cursor:pointer;background:#09090d;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:transform .2s,border-color .2s;display:flex;overflow:hidden}.category-card-zx:hover{border-color:#1d4ed866;transform:translateY(-4px)}.category-hero{aspect-ratio:3.2;background-color:#1a1a24;background-position:50%;background-size:cover;width:100%}.category-meta-zx{background:#0e0e14cc;justify-content:space-between;padding:16px;display:flex}.category-meta-zx__left h4{color:#2563eb;margin:0 0 6px;font-size:1.2rem;font-weight:800}.category-meta-zx__left p{color:#fff9;margin:0;font-size:.85rem}.category-meta-zx__right{flex-direction:column;justify-content:space-between;align-items:flex-end;display:flex}.category-stock{color:#fff9;margin-bottom:8px;font-size:.85rem}.category-tags{gap:8px;display:flex}.tag{border-radius:4px;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:700;display:inline-flex}.tag--recommend,.tag--popular{color:#93c5fd;background:#1d4ed826}.tag-icon{width:12px;height:12px}.divider{background:linear-gradient(90deg,#0000,#ffffff1f,#0000);height:1px}.status-text{color:var(--text-soft);margin:-10px 0 0}.status-text--warn{color:#ffb86e}.status-text--success{color:#73f0a0}.admin-panel{background:#09090deb;border:1px solid #ffffff14;border-radius:24px;padding:24px}.category-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.category-form label{gap:8px;display:grid}.category-form span{color:var(--text-soft)}.category-form input,.category-form select,.category-form textarea{color:#fff;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:14px;width:100%;padding:12px 14px}.category-form textarea{resize:vertical}.form-actions{align-items:end;display:flex}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.product-card-zx{cursor:pointer;isolation:isolate;background:#09090d;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.product-card-zx:hover{border-color:#1d4ed866;transform:translateY(-4px);box-shadow:0 14px 30px #0f172a66}.product-card-zx--aura{z-index:0;background:#09090d;border-radius:12px;position:relative;overflow:visible;border:none!important}.product-card-zx--aura:before{content:"";border-radius:inherit;background:conic-gradient(from var(--aura-angle), #2563eb, #06b6d4, #7c3aed, #db2777, transparent 75%, #2563eb);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1.5px;animation:4s linear infinite auraAngle;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.product-card-zx--aura .product-cover{border-radius:12px 12px 0 0;overflow:hidden}.product-card-zx--aura .product-body{border-radius:0 0 12px 12px;overflow:hidden}.product-cover{aspect-ratio:1;background-color:#1a1a24;background-position:50%;background-size:cover;width:100%;position:relative}.product-cover__placeholder{color:#ffffff80;background:#0505086b;place-items:center;display:grid;position:absolute;inset:0}.product-badges{justify-content:space-between;display:flex;position:absolute;top:8px;left:8px;right:8px}.badge{color:#fff;letter-spacing:.01em;border-radius:999px;padding:4px 8px;font-size:.7rem;font-weight:800}.badge--new{color:#101012;background:linear-gradient(135deg,#facc15,#f97316)}.badge--hot{background:linear-gradient(135deg,#fb923c,#ef4444)}.product-body{background:#0e0e14cc;flex-direction:column;gap:12px;padding:16px;display:flex}.product-body h3{color:#fff;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:1.08rem;font-weight:700;line-height:1.28;display:-webkit-box;overflow:hidden}.product-subtitle{color:#facc15;-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;margin:0;font-size:.92rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.product-price-row{justify-content:space-between;align-items:center;display:flex}.price-box{align-items:baseline;gap:4px;display:flex}.currency{color:#fff;font-size:1.2rem;font-weight:800}.price-box strong{color:#fff;font-size:1.6rem;font-weight:800}.stock-badge{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa4d;border-radius:999px;padding:2px 8px;font-size:.75rem}.buy-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:8px;width:100%;padding:12px;font-weight:700;transition:background .2s}.buy-button:hover{background:#1d4ed8}.sold-row{text-align:center}.sold-row small{color:#fff6;font-size:.75rem}.orders-section{gap:20px;padding-top:8px;display:grid}.orders-heading{text-align:center}.orders-heading h2{color:var(--purple);margin:0}.orders-heading p{color:#fff;margin:4px 0 0}.orders-row-zx{padding:10px 0 20px;overflow:hidden}.orders-row-zx__marquee{gap:16px;width:max-content;animation:28s linear infinite ordersMarquee;display:flex}.orders-row-zx:hover .orders-row-zx__marquee{animation-play-state:paused}.orders-row-zx__marquee.is-static{flex-wrap:wrap;width:100%;animation:none}.orders-row-zx--empty{color:#fff9;justify-content:center;padding:16px 0 22px;display:flex}@keyframes ordersMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - 8px))}}.order-card-zx{cursor:pointer;background:#0a0a0ee6;border:1px solid #6b21ff4d;border-radius:12px;gap:14px;min-width:340px;padding:14px;transition:border-color .2s;display:flex}.order-card-zx:hover{border-color:#6b21ffcc}.order-card-zx__thumb{background-color:#0000;background-image:radial-gradient(circle at 30% 24%,#85acffb8,#0000 18%),linear-gradient(135deg,#2e1f57eb,#541fffc7);background-position:50%;background-repeat:no-repeat;background-size:contain;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:8px;flex-shrink:0;width:84px;height:84px;position:relative}.order-card-zx__info{flex-direction:column;flex:1;justify-content:space-between;display:flex}.order-card-zx__info h4{color:#fff;margin:0 0 4px;font-size:1.05rem;font-weight:700}.order-card-zx__info p{color:#ffffff80;margin:0 0 2px;font-size:.8rem}.order-card-zx__bottom{justify-content:space-between;align-items:center;margin-top:6px;display:flex}.order-qty{color:#ffffff80;font-size:.8rem}.order-price{color:#60a5fa;font-size:1.1rem;font-weight:800}.footer-panel-zx{z-index:1;flex-direction:column;width:100%;margin-top:40px;margin-bottom:-40px;display:flex;position:relative}.footer-panel-zx:before{content:"";z-index:-1;background:#050505;border-top:1px solid #ffffff0d;width:100vw;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.footer-main-zx{justify-content:space-between;width:100%;max-width:1248px;margin:0 auto;padding:40px 0;display:flex}.footer-brand-zx{max-width:400px}.footer-brand-zx__title{align-items:center;gap:12px;margin-bottom:8px;display:flex}.footer-brand-zx__title h3{color:#fff;margin:0;font-size:1.8rem;font-weight:800}.online-indicator{color:#10b981;letter-spacing:.02em;align-items:center;gap:6px;font-size:.8rem;font-weight:700;display:flex}.online-indicator .dot{background:#10b981;border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulseGreenDot;box-shadow:0 0 10px #10b981cc}@keyframes pulseGreenDot{0%,to{opacity:1;box-shadow:0 0 10px #10b981cc}50%{opacity:.5;box-shadow:0 0 3px #10b9814d}}.footer-brand-zx p{color:#ffffff80;margin:0 0 16px;font-size:.9rem;line-height:1.5}.footer-socials-zx{gap:12px;display:flex}.social-icon-zx{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:flex}.social-icon-zx:hover{background:#fff3}.footer-topup-zx h4{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:1.1rem;font-weight:700;display:flex}.topup-list-zx{gap:12px;display:flex}.topup-card-zx{background:#111;border:1px solid #ffffff0d;border-radius:8px;justify-content:space-between;align-items:center;width:190px;padding:12px 16px;display:flex}.topup-info{flex-direction:column;display:flex}.topup-name{color:#fff;font-size:.9rem;font-weight:700}.topup-amount{color:#ffffff80;font-size:.75rem}.topup-rank{border-radius:4px;align-items:center;gap:4px;padding:2px 8px;font-size:.8rem;font-weight:700;display:flex}.rank-1{color:#eab638;background:#eab6381a;border:1px solid #eab63833}.rank-2{color:#9ca3af;background:#9ca3af1a;border:1px solid #9ca3af33}.rank-3{color:#b45309;background:#b453091a;border:1px solid #b4530933}.topup-rank .icon{width:12px;height:12px}.footer-bottom-zx{border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;width:100%;max-width:1248px;margin:0 auto;padding:20px 0;display:flex}.footer-copyright{color:#fff6;font-size:.8rem}.footer-links-zx{gap:16px;display:flex}.footer-links-zx a{color:#fff9;font-size:.85rem;text-decoration:none}.footer-links-zx a:hover{color:#fff}.auth-stage{background-color:#030305;background-image:linear-gradient(#00000094,#000000d1),radial-gradient(circle at top,#8928ff2e,#0000 30%),none;background-position:50%;background-repeat:repeat,repeat,repeat;background-size:cover;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:30px;grid-template-columns:1fr 520px;gap:48px;min-height:calc(100vh - 140px);padding:40px 24px 60px;display:grid;position:relative;overflow:hidden}.auth-stage__overlay{background:radial-gradient(circle,#0000,#000000b8);position:absolute;inset:0}.auth-showcase,.auth-card{z-index:1;position:relative}.auth-showcase{animation:riseIn .7s var(--ease-smooth);place-items:center;display:grid}.auth-orbit{border:1px solid #ffffff24;border-radius:50%;width:420px;height:420px;position:absolute;box-shadow:inset 0 0 60px #ffffff0a}.auth-logo{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:50%;width:220px;height:220px;animation:5.8s ease-in-out infinite softFloat}.auth-showcase__actions{gap:14px;display:flex;position:absolute;bottom:28px}.auth-outline{min-width:170px}.auth-card{animation:riseIn .65s var(--ease-smooth);background:#08080ce6;border:1px solid #ffffff1a;border-radius:22px;align-self:center;gap:16px;padding:30px 24px;display:grid}.auth-card h2,.auth-help p{margin:0}.auth-card p,.auth-help span{color:var(--text-soft);margin:0}.auth-field{gap:8px;display:grid}.auth-field span{font-weight:700}.auth-field input{color:#fff;width:100%;transition:border-color .22s var(--ease-smooth), box-shadow .22s var(--ease-smooth), transform .22s var(--ease-smooth);background:#ffffff0a;border:1px solid #ffffff1f;border-radius:12px;padding:14px 16px}.auth-input-wrap{position:relative}.auth-field input:focus,.admin-modal__form input:focus,.admin-modal__form select:focus,.admin-modal__form textarea:focus{border-color:#1d4ed8a6;box-shadow:0 0 0 4px #1d4ed81f}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation:none!important}}.auth-field__icon{color:#ffffff94;width:18px;height:18px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.auth-switch{text-align:center;color:var(--text-soft)}.auth-switch__link{color:var(--purple);background:0 0;border:0}.auth-help{gap:6px;padding-top:12px;display:grid}@media (width<=1100px){.topbar{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.search-box{width:100%}.hero-card{grid-template-columns:1fr}.hero-copy{text-align:center;align-items:center}.admin-layout,.store-stats,.stats-grid,.product-grid,.footer-main{grid-template-columns:1fr}.admin-sidebar{max-height:none;position:static;top:auto;overflow:visible}.asset-grid,.admin-product-grid,.hero-banner__media,.auth-stage,.admin-settings-columns,.admin-toggle-grid,.admin-toolbar-grid,.admin-toolbar-grid--users{grid-template-columns:1fr}.product-grid,.orders-row{grid-template-columns:repeat(2,minmax(0,1fr))}.category-form{grid-template-columns:1fr}.hero-slot--single{min-height:320px}}@media (width<=760px){.page-shell{width:100%}.notice-track{gap:20px;padding:7px 12px;font-size:.76rem}.nav-menu{flex-wrap:nowrap;padding-bottom:4px;overflow-x:auto}.toolbar{grid-template-columns:1fr auto auto;display:grid}.admin-content__header{flex-direction:column;align-items:flex-start}.admin-content__actions,.admin-category-grid,.store-category-grid,.store-stats{grid-template-columns:1fr;width:100%}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-table__row{grid-template-columns:1fr}.auth-showcase{min-height:360px}.footer-bottom{flex-direction:column;align-items:flex-start}.footer-float-logo{position:static;transform:none}.profile-menu{width:min(340px,100vw - 32px);right:-6px}.hero-card{min-height:auto;padding:20px}.hero-visual{min-height:280px}.laptop{width:82%;transform:rotate(-9deg)translate(-18px)}.phone{width:132px;transform:rotate(8deg)translate(78px,-2px)}.site-pill{font-size:.98rem}.hero-subtitle{line-height:1.18}.feature-badge{text-align:center;width:100%}.section-heading{flex-direction:column;align-items:flex-start}.category-copy{max-width:65%}.category-meta{flex-direction:column;align-items:flex-start}.category-side{align-items:flex-start}.product-grid{grid-template-columns:1fr}.orders-row{grid-template-columns:1fr;overflow-x:visible}.hero-slot--single{border-radius:20px;min-height:220px}}.client-page{gap:24px;width:100%;margin:0 auto;display:grid}.client-panel{background:#0c0c12e6;border:1px solid #ffffff14;border-radius:24px;padding:24px;box-shadow:0 20px 60px #00000047}.client-panel--compact{padding:20px 22px}.client-panel--center{justify-content:center;align-items:center;min-height:52vh;display:flex}.client-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.client-heading h1,.client-heading h2{color:#fff;margin:0 0 6px;font-size:clamp(1.45rem,2vw,2rem)}.client-heading p{color:#e9e7ffad;margin:0}.client-heading--small h2{font-size:1.28rem}.client-page--catalog{--catalog-accent:var(--purple);--catalog-text-muted:var(--text-soft);padding-inline:clamp(6px,1.4vw,12px);box-sizing:border-box;width:100%;max-width:min(1060px,100%);margin-inline:auto;padding-bottom:clamp(12px,2vw,20px)}.client-page--catalog .client-panel{background:#0c0c12e6;border:1px solid #ffffff14;box-shadow:0 20px 60px #00000047}.store-catalog-panel{background:0 0;gap:14px;padding:14px 0;display:grid;overflow:visible}.catalog-filters--store{grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:10px;max-width:720px;margin:0 auto}.store-catalog-page-head{text-align:left;margin-top:0;padding:2px}.store-catalog-page-head h1{color:#fff;letter-spacing:-.01em;text-shadow:0 2px 14px #00000059;margin:0 0 2px;font-size:clamp(1.24rem,1.05vw + .92rem,1.62rem);font-weight:900;line-height:1.15}.catalog-page-subtitle{color:#e9e7ffad;align-items:center;gap:8px;margin:0;font-size:clamp(.72rem,.18vw + .66rem,.82rem);font-weight:500;display:flex}.catalog-main-header{text-align:center;margin-block:20px 32px}.catalog-main-header h1{color:#fff;letter-spacing:.02em;margin:0 0 4px;font-size:clamp(1.8rem,3vw,2.25rem);font-weight:800}.catalog-main-header p{color:#60a5fa;margin:0;font-size:clamp(.95rem,1vw + .5rem,1.1rem);font-weight:500}.catalog-select--highlight{border:1.5px solid #2563eb!important;box-shadow:0 0 12px #2563eb26!important}.store-catalog-categories-wrap{width:100%}.category-grid--catalog-all{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.category-card-catalog{cursor:pointer;background:#09090d;border:1px solid #ffffff0f;border-radius:10px;flex-direction:column;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.category-card-catalog:hover{border-color:#1d4ed86b;transform:translateY(-2px);box-shadow:0 16px 36px #14082e73}.category-card-catalog__banner{aspect-ratio:3.2;background-color:#0d0d12;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px 10px 0 0;width:100%;min-height:clamp(110px,12vw,148px);position:relative}.category-card-catalog__overlay{pointer-events:none;border-radius:inherit;background:linear-gradient(105deg,#0000001f 0%,#0000000d 48%,#0000 100%);position:absolute;inset:0}.category-card-catalog__banner-inner{z-index:1;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:clamp(8px,1.5vw,12px);height:100%;min-height:clamp(120px,17vw,165px);padding:clamp(10px,1.8vw,16px) clamp(12px,2vw,18px) clamp(12px,2vw,18px);display:flex;position:relative}.category-card-catalog__badge{color:#fff;background:#00000080;border:1px solid #ffffff24;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:clamp(30px,5vw,38px);height:clamp(30px,5vw,38px);font-size:clamp(.72rem,1.2vw,.88rem);font-weight:800;display:inline-flex}.category-card-catalog__hero-text{flex-direction:column;align-items:flex-start;gap:clamp(2px,.5vw,6px);max-width:min(92%,22rem);margin-top:auto;display:flex}.category-card-catalog__eyebrow{color:#fffffff0;font-size:clamp(.7rem,.2vw + .66rem,.8rem);font-weight:700;line-height:1.2}.category-card-catalog__game-title{color:#fff;text-transform:uppercase;letter-spacing:.02em;text-shadow:0 2px 16px #000000b3;font-size:clamp(1.3rem,1vw + 1rem,2rem);font-weight:900;line-height:1.05}.category-card-catalog__detail-line{color:#ffffffd6;font-size:clamp(.7rem,.2vw + .66rem,.82rem);line-height:1.2}.category-card-catalog__price-tag{color:#ffffffeb;text-shadow:0 1px 10px #000000a6;font-size:clamp(.76rem,.28vw + .7rem,.88rem);font-weight:600}.category-card-catalog__footer{background:#0e0e14cc;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.category-card-catalog__footer-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.category-card-catalog__footer-top h4{color:#2563eb;flex:1;min-width:0;margin:0;font-size:clamp(.86rem,.28vw + .8rem,.98rem);font-weight:800;line-height:1.25}.category-card-catalog__footer-top .category-card-catalog__stock{color:#ffffff9e;flex-shrink:0;font-size:clamp(.7rem,.16vw + .66rem,.78rem);font-weight:500}.category-card-catalog__footer-bottom{justify-content:space-between;align-items:center;gap:10px;display:flex}.category-card-catalog__detail-label{color:#ffffff9e;font-size:clamp(.68rem,.18vw + .64rem,.76rem)}.category-card-catalog__icon-btns{gap:6px;display:flex}.category-card-catalog__badge-btn{color:#93c5fd;cursor:pointer;background:#1d4ed82e;border:1px solid #1d4ed857;border-radius:12px;justify-content:center;align-items:center;gap:4px;height:clamp(22px,2.5vw,26px);padding:0 8px;font-size:.72rem;font-weight:600;transition:background .2s,transform .15s,filter .2s;display:inline-flex}.category-card-catalog__badge-btn:hover{filter:brightness(1.05);background:#1d4ed847;border-color:#1d4ed899;transform:scale(1.03)}.category-card-catalog__badge-svg{width:13px;height:13px}.store-catalog-products,.store-catalog-categories-bottom{margin-top:clamp(8px,1.5vw,16px)}.catalog-product-grid--store{gap:16px}@media (width<=520px){.category-grid--catalog-all{grid-template-columns:1fr;gap:16px}.category-card-catalog__banner{aspect-ratio:3.2;min-height:clamp(96px,31vw,132px)}.category-card-catalog__banner-inner{min-height:0}}@media (width<=560px){.client-page--catalog .catalog-filters--store{grid-template-columns:1fr}}.catalog-filters{grid-template-columns:minmax(0,1fr) 220px;gap:14px;display:grid}.catalog-search{position:relative}.catalog-search input,.catalog-select,.admin-settings-box input{color:#fff;background:#0a0a10e6;border:1px solid #ffffff1a;border-radius:10px;width:100%;min-height:44px;padding:10px 13px}.admin-settings-box textarea{color:#fff;resize:vertical;background:#16161ef2;border:1px solid #ffffff1a;border-radius:16px;width:100%;padding:12px 14px}.catalog-search input{padding-left:38px}.client-page--catalog .catalog-search input,.client-page--catalog .catalog-select{font-size:.92rem}.client-page--catalog .catalog-search input::placeholder{color:#e9e7ff75}.client-page--catalog .catalog-search input:focus,.client-page--catalog .catalog-select:focus{border-color:#1d4ed885;outline:none;box-shadow:0 0 0 3px #1d4ed824}.client-page--catalog .catalog-select{color:#f5f3fff0;padding-right:34px;font-weight:700}.custom-dropdown-container{width:100%;position:relative}button.catalog-select{text-align:left;cursor:pointer;transition:all .2s var(--ease-smooth);justify-content:space-between;align-items:center;display:flex!important}.custom-dropdown-icon{color:#fff9;pointer-events:none;width:18px;height:18px;transition:transform .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.custom-dropdown-icon.open{transform:translateY(-50%)rotate(180deg)}.custom-dropdown-backdrop{z-index:900;position:fixed;inset:0}.custom-dropdown-menu{z-index:901;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);max-height:300px;animation:dropdownIn .2s var(--ease-smooth);background:#0f0f14fa;border:1px solid #2563eb4d;border-radius:12px;flex-direction:column;gap:4px;padding:8px;display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #00000080}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.custom-dropdown-item{text-align:left;color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 14px;font-size:.95rem;font-weight:500;transition:all .15s;display:block}.custom-dropdown-item:hover{color:#fff;background:#2563eb26}.custom-dropdown-item.active{color:#fff;background:#2563eb40;font-weight:600}.client-page--catalog .catalog-select option{color:#fff;background:#12121a}.catalog-search__icon{color:#e9e7ff73;width:15px;height:15px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}@media (width<=560px){.store-catalog-panel{padding:12px}.catalog-filters--store{grid-template-columns:1fr;gap:8px}.store-catalog-page-head{padding-top:0}}.catalog-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.catalog-category-card,.quick-action-card{color:inherit;text-align:left;background:#121219e6;border:1px solid #ffffff14;border-radius:22px;transition:transform .2s,border-color .2s,box-shadow .2s;overflow:hidden}.catalog-category-card:hover,.quick-action-card:hover{border-color:#1e40af7a;transform:translateY(-4px);box-shadow:0 18px 40px #1e3a8a2e}.catalog-category-card__image,.catalog-product-card__image,.topup-method-card__image,.category-banner{background-position:50%;background-repeat:no-repeat;background-size:cover}.catalog-category-card__image{background-color:#1f1f2aeb;justify-content:center;align-items:center;min-height:210px;display:flex}.catalog-category-card__image span,.catalog-product-card__image span,.topup-method-card__image span,.category-banner span{color:#e9e7ff94}.catalog-category-card__body,.catalog-product-card__body,.topup-method-card__body{padding:16px 18px 18px}.catalog-category-card__body h3,.catalog-product-card__body h3,.topup-method-card__body h3,.order-list-card__body h3,.invite-card strong{color:#fff;margin:0 0 6px}.catalog-category-card__body p,.catalog-product-card__body p,.topup-method-card__body p,.order-list-card__body p,.order-list-card__body small,.quick-action-card p,.empty-state p{color:#e9e7ffa8;margin:0}.category-banner{background-color:#1f1f2aeb;border-radius:20px;justify-content:center;align-items:center;min-height:250px;display:flex}.catalog-product-grid,.topup-method-grid,.status-card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.catalog-product-grid--store{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.catalog-product-card,.topup-method-card,.status-info-card,.order-list-card,.profile-balance-card,.invite-card{background:#121219e6;border:1px solid #ffffff14;border-radius:22px}.catalog-product-card{cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.catalog-product-card:hover{border-color:#2563eb6b;transform:translateY(-3px);box-shadow:0 16px 34px #0f172a6b}.catalog-product-card__image{aspect-ratio:1;background-color:#1f1f2aeb;justify-content:center;align-items:center;display:flex}.catalog-product-card__meta{color:#e9e7ffb8;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.orders-list-page{gap:14px;display:grid}.orders-search-row{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-bottom:14px;display:grid}.orders-search-input{color:#e2e8f0;background:#0f172a80;border:1px solid #94a3b847;border-radius:12px;outline:none;width:100%;min-height:44px;padding:0 14px}.orders-search-input:focus{border-color:#60a5fab8;box-shadow:0 0 0 2px #3b82f629}.orders-search-btn{min-width:102px}.order-list-card{grid-template-columns:84px minmax(0,1fr) auto;align-items:center;gap:16px;padding:14px;display:grid}.order-list-card__image{aspect-ratio:1;background:linear-gradient(145deg,#1e3a8a61,#141420f5);border-radius:16px;width:84px}.order-list-card__side{color:#e9e7ffb8;flex-direction:column;align-items:flex-end;gap:8px;display:flex}.order-detail-btn{border-radius:10px;min-height:34px;padding:0 12px;font-size:.88rem}.order-detail-overlay{z-index:120;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617b8;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.order-detail-modal{background:linear-gradient(170deg,#020617f5,#0f172aed);border:1px solid #94a3b838;border-radius:18px;width:min(680px,100%);padding:18px;position:relative;box-shadow:0 20px 60px #02061773}.order-detail-modal h2{margin:0 0 14px;font-size:1.45rem}.order-detail-close{color:#e2e8f0;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b83d;border-radius:10px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex;position:absolute;top:12px;right:12px}.order-detail-grid{grid-template-columns:132px minmax(0,1fr);gap:10px 12px;margin-bottom:14px;display:grid}.order-detail-grid>div{color:#94a3b8eb}.order-detail-grid>strong{color:#f8fafc}.order-detail-product{align-items:center;gap:10px;display:inline-flex}.order-detail-product__thumb{background:#1e3a8a59;border-radius:8px;width:28px;height:28px}.order-detail-code-wrap p{color:#94a3b8eb;margin:0 0 8px}.order-detail-code-box{background:#0f172a94;border:1px solid #94a3b838;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.order-detail-code-box code{color:#e2e8f0;word-break:break-all;font-size:.94rem}.order-detail-copy-btn{white-space:nowrap;min-height:38px}.order-detail-link{color:#93c5fd;margin-top:10px;text-decoration:none;display:inline-flex}.order-detail-link:hover{text-decoration:underline}.profile-balance-card,.invite-card{justify-content:space-between;align-items:center;gap:18px;display:flex}.profile-hero{justify-content:space-between;align-items:center;gap:18px;margin-bottom:24px;display:flex}.profile-hero__main{align-items:center;gap:28px;display:flex}.profile-hero h1{color:#fff;letter-spacing:-.04em;text-transform:lowercase;margin:-14px 0 -4px -4px;font-size:clamp(4rem,8vw,7.5rem);font-weight:900;line-height:1}.profile-hero p{color:#e9e7ff8c;margin:0 0 8px 4px;font-size:.95rem}.profile-avatar{color:#bfdbfe;background:linear-gradient(135deg,#1e3a8a80 0%,#181822e6 100%);border:1px solid #2563eb33;border-radius:26px;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex}.profile-avatar svg,.profile-balance-card__icon,.quick-action-card__icon,.empty-state__icon{width:32px;height:32px}.profile-role{color:#d8b4fe;letter-spacing:.08em;text-transform:uppercase;background:#1d4ed82e;border:1px solid #2563eb59;border-radius:999px;margin-left:2px;padding:5px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.profile-balance-card,.invite-card{margin-bottom:16px;padding:30px 28px}.profile-balance-card p{color:#e9e7ffe6;margin:0;font-size:1rem;font-weight:700}.profile-balance-card strong{color:#fff;margin-top:10px;font-size:clamp(2.8rem,5vw,4rem);font-weight:900;line-height:1;display:block}.profile-balance-card__icon{color:#1e40aff2}.quick-actions-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.quick-action-card{align-items:center;gap:14px;padding:20px;display:flex}.quick-action-card__icon{color:#1e40afeb}.status-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.status-info-card{padding:20px}.status-info-card strong{color:#fff;font-size:2rem;display:block}.status-info-card p{color:#e9e7ffad;margin:10px 0 0}.status-info-card--ok{border-color:#22c55e59}.status-info-card--warn{border-color:#f59e0b59}.topup-method-card__image{background-color:#1f1f2aeb;justify-content:center;align-items:center;min-height:180px;display:flex}.empty-state{text-align:center;justify-items:center;gap:12px;display:grid}.empty-state h2{color:#fff;margin:0}.empty-state__icon{color:#1e40aff0}.empty-state__icon--spin{animation:1s linear infinite spin}.empty-state--compact{padding:24px}.profile-inline-icon{width:16px;height:16px}.topup-page{width:100%;max-width:980px;animation:riseIn .55s var(--ease-smooth);gap:36px;margin:0 auto;padding:20px 0;display:grid}.topup-page__heading{text-align:center;gap:8px;display:grid}.topup-page__title{background:linear-gradient(135deg,#1d4ed8 0%,#1e40af 60%,#3b82f6 100%);-webkit-text-fill-color:transparent;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:800}.topup-page__subtitle{color:#e9e7ff99;margin:0;font-size:.97rem}.topup-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.topup-card{transition:transform .2s var(--ease-smooth), border-color .2s var(--ease-smooth);cursor:pointer;background:#080c1d;border:1px solid #ffffff0d;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.topup-card:hover{border-color:#1d4ed866}.topup-card__header{justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.topup-card__type{letter-spacing:.15em;color:#e9e7ff73;text-transform:uppercase;font-size:.72rem;font-weight:700}.topup-card__badge{color:#2563eb;background:0 0;border:1px solid #1d4ed866;border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-size:.7rem;font-weight:600;display:inline-flex}.topup-badge-dot{background:#2563eb;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseDot;box-shadow:0 0 6px #2563ebe6}@keyframes pulseDot{0%,to{opacity:1;box-shadow:0 0 6px #2563ebe6}50%{opacity:.5;box-shadow:0 0 2px #2563eb66}}.topup-card__icon-wrap{justify-content:center;align-items:center;min-height:140px;padding:40px 24px;display:flex}.topup-card__icon{align-items:center;gap:12px;display:flex}.topup-card__icon svg{flex-shrink:0}.topup-card__icon--wallet svg{color:#1d4ed8;background:#1d4ed826;border-radius:8px;width:38px;height:38px;padding:8px}.topup-card__icon--bank svg{color:#fff;width:38px;height:38px}.topup-card__icon--coupon svg{color:#3b82f6;background:#fff;border-radius:8px;width:38px;height:38px;padding:6px}.topup-card__icon span{color:#fff;font-size:.88rem;font-weight:700;line-height:1.35}.topup-card__body{flex-direction:column;flex:1;padding:0 24px 20px;display:flex}.topup-card__body h2{color:#fff;letter-spacing:-.01em;margin:0 0 4px;font-size:1.25rem;font-weight:800}.topup-card__body p{color:#e9e7ff73;margin:0 0 20px;font-size:.82rem}.topup-card__btn{cursor:pointer;color:#2563eb;background:#1e3a8a26;border:1px solid #1d4ed840;border-radius:999px;justify-content:center;align-items:center;width:100%;padding:14px 18px;font-family:inherit;font-size:.88rem;font-weight:600;transition:all .2s;display:flex}.topup-card__btn:hover{background:#1e3a8a40;border-color:#1d4ed873}.topup-card__footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:flex-end;padding:24px;display:flex}.topup-card__footer-title{color:#fff;font-size:.95rem;font-weight:800}.topup-card__min-amount{text-align:right;line-height:1.1}.topup-card__min-amount small{color:#fff6;margin-bottom:4px;font-size:.65rem;display:block}.topup-card__min-amount strong{color:#fff;font-size:1.35rem;font-weight:800}.topup-divider{background:linear-gradient(90deg,#0000,#1d4ed84d 50%,#0000);height:1px;margin:0 10%}.topup-features{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:8px;display:grid}.topup-feature{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.topup-feature__icon{color:#fff;background:linear-gradient(135deg,#1e40af,#172554);border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;transition:transform .22s,box-shadow .22s;display:flex;box-shadow:0 8px 24px #0f172a59}.topup-feature:hover .topup-feature__icon{transform:translateY(-4px)scale(1.05);box-shadow:0 14px 34px #0f172a80}.topup-feature__icon svg{width:26px;height:26px}.topup-feature strong{color:#2563eb;font-size:1rem;font-weight:700}.topup-feature span{color:#e9e7ff80;font-size:.82rem;line-height:1.4}.topup-modal-overlay{z-index:1000;will-change:opacity;background:#000000d9;justify-content:center;align-items:center;padding:24px;animation:.15s cubic-bezier(.2,.8,.2,1) modalFadeIn;display:flex;position:fixed;inset:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.topup-modal{will-change:transform, opacity;background:#0e0e12f5;border:1px solid #ffffff14;border-radius:24px;flex-direction:column;width:100%;max-width:520px;animation:.2s cubic-bezier(.2,.8,.2,1) modalScaleIn;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 60px #0009}.topup-modal--large{max-width:580px}.topup-modal-close{color:#ffffff80;cursor:pointer;z-index:10;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:all .2s;display:flex;position:absolute;top:18px;right:18px}.topup-modal-close:hover{color:#fff;background:#ffffff1a}.topup-modal-close svg{width:18px;height:18px}.topup-modal-header{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:16px;padding:32px 32px 20px;display:flex}.topup-modal-icon{color:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.topup-modal-icon svg{width:24px;height:24px}.topup-modal-icon--wallet,.topup-modal-icon--bank,.topup-modal-icon--coupon{background:#2563eb}.topup-modal-header h2{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:1.45rem;font-weight:800}.topup-modal-header p{color:#e9e7ff99;margin:0;font-size:.95rem}.topup-modal-body{flex-direction:column;gap:20px;padding:24px 32px;display:flex}.topup-modal-body--split{flex-direction:row;align-items:stretch;gap:24px}@media (width<=768px){.topup-modal-body--split{flex-direction:column}}.topup-split-left,.topup-split-right{flex-direction:column;flex:1;display:flex}.topup-split-left h3,.topup-split-right h3{color:#fff;align-items:center;gap:8px;margin:0 0 16px;font-size:1.05rem;font-weight:700;display:flex}.topup-bank-subtitle{color:#e9e7ff9e;margin:-8px 0 14px;font-size:.84rem}.topup-inline-icon{color:#2563eb;width:18px;height:18px}.topup-upload-zone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #ffffff26;border-radius:16px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;min-height:200px;padding:32px 20px;transition:all .2s;display:flex}.topup-upload-zone:hover{background:#2563eb0d;border-color:#2563eb80}.topup-upload-icon{color:#2563eb;width:32px;height:32px}.topup-upload-text{color:#e9e7ffcc;margin:0;font-size:.95rem}.topup-upload-text strong{color:#2563eb}.topup-upload-hint{color:#e9e7ff66;margin:0;font-size:.85rem}.bank-account-info{flex-direction:column;gap:12px;display:flex}.bank-info-box{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;flex-direction:column;gap:4px;padding:14px 16px;display:flex}.bank-info-box--copyable{flex-direction:row;justify-content:space-between;align-items:center}.bank-info-box--copyable>div{flex-direction:column;gap:2px;display:flex}.bank-info-box label{color:#e9e7ff80;font-size:.85rem}.bank-info-box strong{color:#fff;font-size:1.1rem;font-weight:700}.bank-copy-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.bank-copy-btn:hover{background:#ffffff26}.bank-copy-btn svg{width:16px;height:16px}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{color:#fff;font-size:.95rem;font-weight:700}.topup-input{color:#fff;background:0 0;border:1px solid #2563eb66;border-radius:12px;width:100%;padding:14px 18px;font-size:1rem;transition:all .2s}.topup-input:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb33}.form-hint{color:#e9e7ff66;font-size:.85rem}.topup-alert{border:1px solid;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;font-size:.92rem;line-height:1.4;display:flex}.topup-alert--blue{color:#bfdbfe;background:#1d4ed81a;border-color:#2563eb4d}.topup-alert--warn{color:#fde047;background:#eab3081a;border-color:#eab3084d}.topup-alert-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.topup-alert--blue .topup-alert-icon{color:#2563eb}.topup-alert--warn .topup-alert-icon{color:#eab308}.topup-modal-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;gap:16px;padding:20px 32px 32px;display:flex}.topup-btn-cancel,.topup-btn-confirm{cursor:pointer;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;height:48px;padding:0 24px;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.topup-btn-cancel{color:#ffffffb3;background:0 0;border:1px solid #ffffff26}.topup-btn-cancel:hover{color:#fff;background:#ffffff0d}.topup-btn-confirm{color:#fff;background:#2563eb;border:none}.topup-btn-confirm:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.topup-btn-icon{width:18px;height:18px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}@media (width<=1100px){.catalog-product-grid,.topup-method-grid,.status-card-grid,.quick-actions-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=820px){.catalog-filters,.catalog-category-grid,.catalog-product-grid,.topup-method-grid,.status-card-grid,.quick-actions-grid{grid-template-columns:1fr}.profile-hero,.profile-balance-card,.invite-card,.order-list-card{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.orders-search-row,.order-detail-grid{grid-template-columns:1fr}.order-detail-code-box{flex-direction:column;align-items:stretch}.client-panel{padding:20px}.category-grid,.topup-cards-grid,.topup-features{grid-template-columns:1fr}}.contact-modal-backdrop{z-index:9999;will-change:opacity;background:#000000d9;place-items:center;padding:20px;animation:.15s cubic-bezier(.2,.8,.2,1) modalFadeIn;display:grid;position:fixed;inset:0}.contact-modal-zx{will-change:transform, opacity;background:#0e0e14f2;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:480px;padding:30px;animation:.2s cubic-bezier(.2,.8,.2,1) modalScaleIn;position:relative;box-shadow:0 20px 60px #0009}.contact-modal-zx__close{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;place-items:center;width:32px;height:32px;transition:all .2s;display:grid;position:absolute;top:16px;right:16px}.contact-modal-zx__close:hover{color:#fff;background:#ffffff1a}.contact-modal-zx__header{margin-bottom:24px}.contact-modal-zx__header h3{margin:0 0 4px;font-size:1.4rem;font-weight:700}.contact-modal-zx__header p{color:var(--text-soft);margin:0;font-size:.9rem}.contact-modal-zx__body{gap:12px;display:grid}.contact-modal-link{color:#fff;transition:all .2s var(--ease-smooth);background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;display:flex}.contact-modal-link:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.contact-modal-link-info{align-items:center;gap:14px;font-weight:600;display:flex}.contact-modal-link-info img{object-fit:contain;width:24px;height:24px}.contact-modal-link-info__placeholder{background:#ffffff1a;border-radius:4px;width:24px;height:24px}.contact-modal-chevron{color:#fff6;transition:transform .2s,color .2s}.contact-modal-link:hover .contact-modal-chevron{color:#fff;transform:translate(4px)}.contact-modal-link-info__icon{justify-content:center;align-items:center;width:24px;height:24px;display:flex}.contact-modal-link-info__icon svg{width:100%;height:100%}.discord-icon{color:#5865f2}.facebook-icon{color:#1877f2}.system-status-page{flex-direction:column;gap:32px;display:flex}.sys-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.sys-header-left{align-items:center;gap:16px;display:flex}.sys-header-icon-wrap{color:#2563eb;border:2px dashed #2563eb66;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sys-header-icon{width:22px;height:22px}.sys-header-text h1{color:#fff;letter-spacing:-.02em;margin:0 0 4px;font-size:1.6rem;font-weight:800}.highlight-electric{color:#2563eb}.sys-header-text p{color:#e9e7ff80;margin:0;font-size:.85rem}.sys-search-box{width:100%;max-width:280px;position:relative}.sys-search-icon{color:#fff6;width:16px;height:16px;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.sys-search-box input{color:#fff;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:10px 16px 10px 38px;font-size:.9rem;transition:all .2s}.sys-search-box input:focus{background:#2563eb0d;border-color:#2563eb;outline:none}.sys-stats-grid{background:#ffffff05;border:1px solid #ffffff0d;border-radius:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding:24px;display:grid}.sys-stat-card{flex-direction:column;display:flex;position:relative}.sys-stat-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.sys-stat-label{align-items:center;gap:8px;font-size:1rem;font-weight:700;display:flex}.sys-stat-small-icon{width:18px;height:18px}.sys-stat-big-icon-wrap{background:0 0;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.sys-stat-big-icon{width:22px;height:22px}.sys-stat-card strong{color:#fff;margin-bottom:12px;font-size:3rem;font-weight:800;line-height:1}.sys-stat-badge{border-radius:20px;align-items:center;width:fit-content;padding:4px 12px;font-size:.8rem;font-weight:600;display:inline-flex}.sys-stat-card--normal .sys-stat-label,.sys-stat-card--normal .sys-stat-big-icon-wrap{color:#10b981;border-color:#10b9814d}.sys-stat-card--normal .sys-stat-badge{color:#10b981;background:#10b9811a;border:1px solid #10b98133}.sys-stat-card--maintenance .sys-stat-label,.sys-stat-card--maintenance .sys-stat-big-icon-wrap{color:#eab308;border-color:#eab3084d}.sys-stat-card--maintenance .sys-stat-badge{color:#eab308;background:#eab3081a;border:1px solid #eab30833}.sys-stat-card--issue .sys-stat-label,.sys-stat-card--issue .sys-stat-big-icon-wrap{color:#ef4444;border-color:#ef44444d}.sys-stat-card--issue .sys-stat-badge{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.sys-empty-state{text-align:center;color:#e9e7ff80;padding:60px 20px;font-size:1.05rem}.sys-programs-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:16px;display:grid}.sys-prog-card{background:#ffffff08;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .2s;display:flex}.sys-prog-card:hover{background:#ffffff0d;border-color:#ffffff26;transform:translateY(-2px)}.sys-prog-image{background-color:#ffffff0d;background-position:50%;background-size:cover;border:1px solid #ffffff0d;border-radius:10px;flex-shrink:0;width:48px;height:48px}.sys-prog-info{flex:1;min-width:0}.sys-prog-info h3{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.95rem;font-weight:700;overflow:hidden}.sys-prog-status{border-radius:20px;flex-shrink:0;align-items:center;gap:6px;padding:4px 10px;font-size:.8rem;font-weight:600;display:flex}.sys-prog-status-icon{width:12px;height:12px}.sys-prog-status--normal{color:#10b981;background:#10b9811a}.sys-prog-status--maintenance{color:#eab308;background:#eab3081a}.sys-prog-status--issue{color:#ef4444;background:#ef44441a}.product-grid--featured{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;max-width:1220px;margin-inline:auto}.product-body h3{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.08rem;line-height:1.28;display:-webkit-box;overflow:hidden}.product-subtitle{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;font-size:.92rem;font-weight:700;line-height:1.4;display:-webkit-box;overflow:hidden}.store-stat-card,.category-card-zx,.product-card-zx,.order-card-zx,.topup-card-zx{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08!important;border-color:#ffffff1f!important}.category-meta-zx,.product-body{background:#ffffff05!important}.store-featured-products .buy-button{color:#fff;border:1px solid #7dd3fc80;transition:transform .18s,filter .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 12px 26px #2563eb6b,0 0 0 1px #7dd3fc33,0 0 24px #38bdf847;background:linear-gradient(135deg,#1e40af 0%,#2563eb 46%,#38bdf8 100%)!important}.store-featured-products .buy-button:before{content:"";pointer-events:none;background:linear-gradient(118deg,#0000 14%,#ffffff38 48%,#0000 80%);transition:transform .45s;position:absolute;inset:0;transform:translate(-125%)}.store-featured-products .buy-button:hover{filter:brightness(1.1);border-color:#bae6fdb8;transform:translateY(-1px)scale(1.015);box-shadow:0 16px 34px #2563eb80,0 0 0 1px #7dd3fc4d,0 0 32px #38bdf857}.store-featured-products .buy-button:hover:before{transform:translate(125%)}.catalog-product-grid,.catalog-product-grid--store{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.catalog-product-grid--store{grid-template-columns:repeat(auto-fill,minmax(280px,320px));justify-content:start}.store-catalog-products.client-panel,.store-catalog-categories-bottom.client-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff08!important;border-color:#ffffff1a!important}.store-catalog-products .product-card-zx,.store-catalog-categories-bottom .category-card-zx{background:#ffffff06!important;border-color:#ffffff1f!important}.store-catalog-products .product-body,.store-catalog-categories-bottom .category-meta-zx{background:#ffffff05!important}.store-catalog-products .product-body .buy-button,.catalog-product-grid--store .buy-button,.category-page-products .category-page-buy{color:#fff;letter-spacing:.01em;border:1px solid #7dd3fc73;font-weight:800;transition:transform .18s,filter .18s,box-shadow .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 12px 28px #2563eb6b,0 0 0 1px #7dd3fc33,0 0 26px #38bdf847;background:linear-gradient(135deg,#1e40af 0%,#2563eb 42%,#0ea5e9 100%)!important}.store-catalog-products .product-body .buy-button:before,.catalog-product-grid--store .buy-button:before,.category-page-products .category-page-buy:before{content:"";pointer-events:none;background:linear-gradient(118deg,#0000 14%,#ffffff38 48%,#0000 80%);transition:transform .45s;position:absolute;inset:0;transform:translate(-125%)}.store-catalog-products .product-body .buy-button:hover,.catalog-product-grid--store .buy-button:hover,.category-page-products .category-page-buy:hover{filter:brightness(1.1);border-color:#bae6fdb8;transform:translateY(-1px)scale(1.015);box-shadow:0 16px 34px #2563eb80,0 0 0 1px #7dd3fc4d,0 0 34px #38bdf857}.store-catalog-products .product-body .buy-button:hover:before,.catalog-product-grid--store .buy-button:hover:before,.category-page-products .category-page-buy:hover:before{transform:translate(125%)}.product-detail-page{gap:14px;width:min(1220px,100%);margin-inline:auto;padding-inline:clamp(8px,1.2vw,16px);display:grid}.product-detail-page__back{color:#e9e7ffdb;cursor:pointer;opacity:.9;background:0 0;border:0;align-items:center;gap:6px;width:fit-content;padding:0 2px 2px;font-size:.92rem;transition:opacity .18s,transform .18s;display:inline-flex}.product-detail-page__back:hover{opacity:1;transform:translate(-1px)}.product-detail-shell,.product-detail-shell--standalone{isolation:isolate;grid-template-columns:minmax(0,1fr) minmax(390px,430px);align-items:stretch;position:relative;gap:16px!important;display:grid!important}.product-detail-shell__media{color:#e9e7ff9e;z-index:1;background:#0c0c12f5 50%/cover no-repeat;border:1px solid #ffffff14;border-radius:16px;justify-content:center;align-items:center;width:100%;min-height:clamp(500px,52vw,620px);display:flex;overflow:hidden;margin:0!important;position:static!important;transform:none!important}.product-detail-shell__body{z-index:2;background:linear-gradient(#0b1220 0%,#020617 100%);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:12px;width:100%;min-height:clamp(500px,52vw,620px);padding:20px;display:flex;overflow:hidden;box-shadow:0 0 0 1px #3b82f61f,0 14px 34px #1e40af38;margin:0!important;position:static!important;transform:none!important}.product-detail-shell__content{flex-direction:column;flex:auto;gap:12px;min-height:0;padding-right:4px;display:flex;overflow:auto}.product-detail-shell__footer{flex-direction:column;flex-shrink:0;gap:8px;margin-top:auto;display:flex}.product-detail-shell__body h1{letter-spacing:-.01em;color:#fff;margin:0;font-size:clamp(1.25rem,1.35vw,1.9rem);line-height:1.15}.product-detail-shell__badges{flex-wrap:wrap;gap:8px;margin:0;display:flex}.product-detail-shell__badges span{color:#bfdbfef5;background:#2563eb24;border:1px solid #60a5fa42;border-radius:10px;align-items:center;gap:6px;padding:7px 10px;font-size:.86rem;font-weight:600;display:inline-flex}.product-detail-shell__section{background:#0f172a8c;border:1px solid #ffffff14;border-radius:12px;padding:12px 12px 11px}.product-detail-shell__section h2{color:#ffffff9e;letter-spacing:.01em;margin:0 0 8px;font-size:.9rem;font-weight:700}.product-detail-shell__description{white-space:pre-line;color:#ffffffe6;word-break:break-word;max-height:128px;margin:0;padding-right:4px;font-size:.94rem;line-height:1.45;overflow:auto}.product-detail-shell__colored{font-weight:700}.product-detail-shell__section--warranty{background:#0e749014;border-color:#60a5fa47}.product-detail-shell__warranty-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.product-detail-shell__warranty-list li{color:#e0f2feeb;grid-template-columns:auto 1fr;align-items:start;gap:8px;font-size:.88rem;line-height:1.4;display:grid}.product-detail-shell__warranty-list svg{color:#60a5fa;margin-top:1px}.product-detail-shell__accent{color:#7dd3fc;font-weight:700}.product-detail-shell__price-row{align-items:baseline;gap:10px;margin-top:2px;display:flex}.product-detail-shell__price-row strong{color:#7dd3fc;letter-spacing:-.02em;text-shadow:0 0 18px #38bdf838;font-size:2rem;font-weight:800;line-height:1}.product-detail-shell__price-row span{color:#ffffff8f;font-size:.88rem}.buy-button--detail{color:#fff;border:1px solid #7dd3fc85;border-radius:12px;width:100%;min-height:50px;margin-top:0;font-size:1.02rem;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s,border-color .18s;position:relative;overflow:hidden;box-shadow:0 12px 26px #2563eb6b,0 0 0 1px #7dd3fc38,0 0 26px #38bdf842;background:linear-gradient(135deg,#1d4ed8 0%,#2563eb 46%,#38bdf8 100%)!important}.buy-button--detail:before{content:"";pointer-events:none;background:linear-gradient(120deg,#0000 15%,#fff3 46%,#0000 75%);transition:transform .45s;position:absolute;inset:0;transform:translate(-130%)}.buy-button--detail:hover:not(:disabled){filter:brightness(1.08);border-color:#bae6fdb3;transform:translateY(-1px)scale(1.015);box-shadow:0 16px 34px #2563eb80,0 0 0 1px #7dd3fc52,0 0 34px #38bdf857}.buy-button--detail:hover:not(:disabled):before{transform:translate(125%)}.buy-button--detail:disabled{opacity:.62;box-shadow:none}@media (width<=1200px){.product-detail-shell,.product-detail-shell--standalone{grid-template-columns:minmax(0,1fr) minmax(360px,400px)!important;gap:14px!important}.product-detail-shell__media,.product-detail-shell__body{min-height:clamp(460px,50vw,580px)}.product-detail-shell__body{padding:16px}}@media (width<=940px){.product-detail-shell,.product-detail-shell--standalone{grid-template-columns:1fr!important;gap:14px!important;display:grid!important}.product-detail-shell__media,.product-detail-shell__body{max-width:100%;min-height:0}.product-detail-shell__content{padding-right:0;overflow:visible}.product-detail-shell__media{aspect-ratio:16/10;min-height:320px}.product-detail-shell__body h1{font-size:clamp(1.55rem,4.4vw,2rem)}.product-detail-shell__price-row strong{font-size:1.8rem}.buy-button--detail{min-height:50px;font-size:1.05rem}}.category-product-page{flex-direction:column;gap:14px;width:100%;display:flex}.category-page-hero{background-color:#0f172a;background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ffffff14;border-radius:16px;min-height:clamp(180px,24vw,240px);position:relative;overflow:hidden}.category-page-hero--placeholder{background-image:linear-gradient(135deg,#1e1b4b 0%,#0f172a 50%,#312e81 100%)}.category-page-hero__overlay{pointer-events:none;background:radial-gradient(circle at 18% 22%,#6366f11f,#0000 42%),linear-gradient(90deg,#03071224 0%,#03071214 56%,#0307120a 100%);position:absolute;inset:0}.category-page-hero__content{z-index:1;max-width:min(680px,92%);padding:clamp(18px,2.8vw,30px);position:relative}.category-page-hero-caption{box-shadow:none;background:0 0;border:0;gap:6px;padding:2px 2px 0;display:grid}.category-page-subgrid.client-panel,.category-page-toolbar.client-panel,.category-page-products.client-panel{background:#ffffff08;border-color:#ffffff1a}.category-product-page .catalog-search input,.category-product-page .catalog-select,.category-product-page .category-page-clear,.category-product-page .custom-dropdown-menu{background:#ffffff06!important;border-color:#ffffff1f!important}.category-product-page .catalog-product-card{background:#ffffff05!important;border-color:#ffffff1a!important}.category-product-page .catalog-product-card__image{background-color:#ffffff06!important;border-color:#ffffff1f!important}.category-product-page .custom-dropdown-item:hover{background:#3b82f61f!important}.category-product-page .custom-dropdown-item.active{background:#3b82f633!important}.category-product-page .catalog-product-card,.category-product-page .category-page-subcard{will-change:auto;box-shadow:none!important;transition:none!important}.category-product-page .catalog-product-card:hover,.category-product-page .category-page-subcard:hover{box-shadow:none!important;transform:none!important}.category-product-page .catalog-product-card{content-visibility:auto;contain-intrinsic-size:430px}.category-product-page .catalog-product-card__image{contain:paint}.category-page-hero__title{color:#fff;letter-spacing:0;text-transform:none;margin:0;font-family:Kanit,Noto Sans Thai,sans-serif;font-size:clamp(1.45rem,2.8vw,2.1rem);font-weight:800;line-height:1.15}.category-page-hero__subtitle{color:#e9e7ffc7;margin:0;font-family:Kanit,Noto Sans Thai,sans-serif;font-size:clamp(.88rem,1.15vw,1.02rem);line-height:1.5}.category-page-subgrid__heading{color:#fff;margin:0 0 10px;font-size:1rem;font-weight:700}.category-page-subgrid__row{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:10px;display:grid}.category-page-subcard{cursor:pointer;text-align:left;background:#0b0b12e6;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:stretch;gap:10px;padding:12px;transition:transform .2s,border-color .2s,box-shadow .2s;display:flex}.category-page-subcard:hover{border-color:#6366f159;transform:translateY(-1px);box-shadow:0 8px 16px #0003}.category-page-subcard__text{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.category-page-subcard__text h3{color:#e0e7ff;margin:0;font-size:1rem;font-weight:800}.category-page-subcard__text p{color:#e9e7ff8c;margin:0;font-size:.82rem}.category-page-subcard__tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.category-page-subcard__thumb{background:#ffffff0f 50%/cover;border-radius:10px;flex:0 0 74px;width:74px}.category-page-toolbar__row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.category-page-search{width:100%}.category-page-toolbar__controls{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.category-page-toolbar__controls .custom-dropdown-container{width:220px;min-width:220px}.category-page-toolbar__controls .custom-dropdown-container .catalog-select{width:100%}.category-page-sort{cursor:pointer;width:160px;min-width:160px}.category-page-clear{color:#ffffffd9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:9px;align-items:center;gap:6px;min-height:42px;padding:0 12px;font-size:.88rem;font-weight:600;transition:background .2s,border-color .2s;display:inline-flex}.category-page-clear:hover{background:#ffffff14;border-color:#6366f166}.category-page-filter-pills{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.category-page-filter-pill{color:#c7d2fe;cursor:pointer;background:#4f46e52e;border:1px solid #6366f173;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:.86rem;font-weight:600;transition:background .2s;display:inline-flex}.category-page-filter-pill:hover{background:#4f46e547}.category-page-results{color:#e9e7ffb8;margin:0 0 10px;font-size:.88rem;font-weight:600}.category-page-products .catalog-product-grid{justify-content:start;grid-template-columns:repeat(auto-fit,minmax(190px,230px))!important;gap:10px!important}.category-page-products .catalog-product-card{border-radius:12px;width:100%;max-width:230px}.category-page-products .catalog-product-card--aura{z-index:0;border-radius:12px;position:relative;overflow:visible;background:#ffffff05!important;border:none!important}.category-page-products .catalog-product-card--aura:before{content:"";border-radius:inherit;background:conic-gradient(from var(--aura-angle), #2563eb, #06b6d4, #7c3aed, #db2777, transparent 75%, #2563eb);-webkit-mask-composite:xor;pointer-events:none;z-index:1;padding:1.5px;animation:4s linear infinite auraAngle;position:absolute;inset:-1.5px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.category-page-products .catalog-product-card--aura .catalog-product-card__image{border-radius:12px 12px 0 0;overflow:hidden}.category-page-products .catalog-product-card--aura .catalog-product-card__body{border-radius:0 0 12px 12px;overflow:hidden}.category-page-products .catalog-product-card__image{aspect-ratio:1!important}.category-page-products .catalog-product-card__body{padding:10px 10px 12px!important}.category-page-products .catalog-product-card__body h3{margin-bottom:4px;line-height:1.22;font-size:.9rem!important}.category-page-products .catalog-product-card__body p{font-size:.82rem;line-height:1.35}.category-page-products .catalog-product-card__desc{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.category-page-products .catalog-product-card__meta strong{font-size:1.35rem!important}.category-page-products .catalog-product-card__meta span{font-size:.75rem!important}.category-page-buy{justify-content:center;align-items:center;gap:8px;margin-top:8px;display:inline-flex}.category-page-sold{text-align:center;color:#e9e7ff73;margin:8px 0 0;font-size:.78rem}.order-success-overlay{z-index:120;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:radial-gradient(circle at 15% 10%,#2563eb33,#0000 40%),radial-gradient(circle at 85% 90%,#8b5cf638,#0000 40%),#020617c7;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.order-success-modal{background:linear-gradient(#0f172ae6,#070a1af0),#06070ff5;border:1px solid #60a5fa52;border-radius:20px;gap:16px;width:min(660px,96vw);padding:20px;display:grid;box-shadow:0 30px 80px #020617b8}.order-success-modal__icon{color:#fff;background:linear-gradient(155deg,#2563eb,#7c3aed);border-radius:50%;place-items:center;width:78px;height:78px;margin:2px auto 0;display:grid;box-shadow:0 12px 28px #3b82f652}.order-success-modal h2{text-align:center;letter-spacing:-.02em;color:#c4b5fd;margin:0;font-size:2rem}.order-success-box{background:#0f172a80;border:1px solid #94a3b838;border-radius:14px;gap:10px;padding:14px;display:grid}.order-success-box h3{color:#ddd6fe;margin:0;font-size:1.05rem}.order-success-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.order-success-grid span{color:#ffffffad;font-size:.8rem;display:block}.order-success-grid strong{color:#f8fafc;font-size:1.05rem}.order-success-box__head{justify-content:space-between;align-items:center;gap:8px;display:flex}.order-success-box__actions{flex-wrap:wrap;gap:8px;display:flex}.order-success-delivery-row{border:1px solid #60a5fa47;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:10px;display:flex}.order-success-delivery-row span{color:#e2e8f0;word-break:break-all}.order-success-footer{justify-content:center;gap:10px;margin-top:4px;display:flex}.order-success-modal .buy-button,.order-success-modal .outline-button{color:#e2e8f0;min-height:44px;box-shadow:none;background:#0f172a61;border:1px solid #94a3b873;border-radius:11px}.order-success-modal .buy-button:hover,.order-success-modal .outline-button:hover{color:#fff;background:#1e293b8f;border-color:#60a5fa9e}.order-success-modal .order-success-footer .buy-button{min-width:200px}.order-error-toast{z-index:220;color:#fecaca;white-space:nowrap;background:#450a0ae0;border:1px solid #fca5a573;border-radius:10px;width:fit-content;max-width:min(80vw,280px);padding:8px 12px;font-weight:700;line-height:1.25;position:fixed;bottom:18px;right:18px;box-shadow:0 12px 24px #7f1d1d59}@keyframes auraEdgeFollow{0%{offset-distance:0%}to{offset-distance:100%}}@media (prefers-reduced-motion:reduce){.product-card-zx--aura:before,.product-card-zx--aura:after,.category-page-products .catalog-product-card--aura:before,.category-page-products .catalog-product-card--aura:after{animation:none!important}}@media (width<=640px){.order-success-modal h2{font-size:1.7rem}.order-success-grid{grid-template-columns:1fr}.order-success-box__head{flex-direction:column;align-items:flex-start}.order-success-footer{flex-direction:column}.order-success-modal .order-success-footer .buy-button{width:100%;min-width:0}}@media (width<=900px){.category-page-products .catalog-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.category-page-subcard__thumb{flex-basis:66px;width:66px}.category-page-toolbar__row{grid-template-columns:1fr}.category-page-toolbar__controls{flex-wrap:wrap;width:100%}.category-page-toolbar__controls .custom-dropdown-container{width:min(100%,220px);min-width:180px}.category-page-sort{width:min(100%,160px);min-width:120px}}@media (width<=640px){.catalog-product-grid--store{grid-template-columns:1fr}.category-page-products .catalog-product-grid{grid-template-columns:1fr!important}.category-page-products .catalog-product-card{max-width:none}}.admin-stock-groups{gap:18px;display:grid}.admin-stock-group{gap:12px;display:grid}.admin-stock-group__title{color:#f5f7ffeb;margin:0;font-size:1rem}.admin-stock-product-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;display:grid}.admin-stock-product-card{background:#ffffff08;border:1px solid #ffffff1f;border-radius:12px;grid-template-columns:64px 1fr;gap:12px;padding:10px;display:grid}.admin-stock-product-card__thumb{background:#ffffff0f 50%/cover;border-radius:10px;width:64px;height:64px}.admin-stock-product-card__body{gap:8px;display:grid}.admin-stock-product-card__head h5{margin:0;font-size:.95rem}.admin-stock-product-card__head small{color:#ffffffb8}.admin-stock-product-card__stats{flex-wrap:wrap;gap:8px;display:flex}.admin-stock-product-card__stats span{color:#ffffffd1;font-size:.78rem}.admin-modal--stock{width:min(980px,94vw);max-height:min(86vh,900px)}.admin-modal--stock-add{width:min(640px,94vw)}.admin-stock-summary-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.admin-stock-summary-box{background:#ffffff08;border:1px solid #ffffff1f;border-radius:10px;padding:10px}.admin-stock-summary-box strong{font-size:1rem}.admin-stock-summary-box p{color:#ffffffb3;margin:4px 0 0;font-size:.8rem}.admin-stock-toolbar{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.admin-stock-search{background:#00000042;border:1px solid #ffffff2e;border-radius:10px;flex:240px;align-items:center;gap:8px;padding:0 10px;display:flex}.admin-stock-search input{color:#fff;background:0 0;border:0;outline:none;width:100%;padding:10px 0}.admin-stock-bulk-actions{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.stock-pill{color:#fff;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;padding:10px 14px;font-weight:700;display:inline-flex}.stock-pill--success{background:linear-gradient(135deg,#10b981,#16a34a)}.stock-pill--danger{background:linear-gradient(135deg,#ef4444,#b91c1c)}.admin-stock-list{gap:10px;max-height:46vh;padding-right:2px;display:grid;overflow:auto}.admin-stock-item{background:#ffffff05;border:1px solid #ffffff1f;border-radius:12px;gap:8px;padding:10px;display:grid}.admin-stock-item__main{justify-content:space-between;align-items:center;gap:10px;display:flex}.admin-stock-item__title{gap:4px;display:grid}.admin-stock-item__title span{word-break:break-all;font-weight:600}.admin-stock-item__title small{color:#ffffffa6}.admin-stock-item__status{white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.78rem;font-weight:700}.admin-stock-item__status.is-sold{color:#fecaca;background:#ef444433}.admin-stock-item__status.is-unsold{color:#bbf7d0;background:#22c55e33}.admin-stock-item__actions{flex-wrap:wrap;gap:8px;display:flex}.admin-stock-item__detail{border-top:1px dashed #ffffff29;gap:4px;padding-top:8px;display:grid}.admin-stock-item__detail p{margin:0}.admin-topup-history-tools{gap:10px;margin:10px 0 12px;display:grid}.admin-topup-history-filter-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.admin-topup-history-filter-row .outline-button.active{color:#fff;background:#7c3aed33;border-color:#7c3aede6}.admin-layout{font-family:Inter,Prompt,system-ui,-apple-system,Segoe UI,sans-serif}.admin-layout .admin-main,.admin-layout .admin-card{background:linear-gradient(#020617 0%,#0b1220 100%)}.admin-overview{border:1px solid #ffffff1a;border-radius:16px}.admin-overview .admin-card__title h3{color:#fff;font-weight:700}.admin-overview .admin-card__title p{color:#ffffff9e}.admin-overview__stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.admin-overview__stat-card{background:#0b1220;border:1px solid #ffffff1a;border-radius:14px;gap:2px;padding:14px;transition:border-color .2s,box-shadow .2s,transform .2s;display:grid}.admin-overview__stat-card:hover{border-color:#60a5fa85;transform:translateY(-1px);box-shadow:0 0 0 1px #3b82f63d,0 14px 30px #2563eb38}.admin-overview__stat-card p{color:#fff9;margin:0}.admin-overview__stat-card strong{color:#fff;font-size:clamp(1.5rem,2.2vw,2.1rem);font-weight:800;line-height:1.1}.admin-overview__stat-card small{color:#bae6fde6;font-weight:600}.admin-overview__chart-card{background:#0b1220;border:1px solid #ffffff1a;border-radius:16px;margin-top:14px;padding:14px}.admin-overview__chart-head h4{color:#fff;margin:0;font-weight:600}.admin-overview__chart-head p{color:#fff9;margin:4px 0 0}.admin-overview__chart-wrap{height:290px;margin-top:10px}.admin-overview__quick-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin-top:14px;display:grid}.admin-overview__mini-card{background:#0b1220f2;border:1px solid #ffffff1a;border-radius:12px;padding:12px;transition:border-color .2s,box-shadow .2s}.admin-overview__mini-card:hover{border-color:#38bdf87a;box-shadow:0 10px 24px #38bdf829}.admin-overview__mini-card span{color:#fff9;margin-bottom:4px;display:block}.admin-overview__mini-card strong{color:#fff;font-size:1.25rem;font-weight:700}.admin-layout .buy-button,.admin-layout .admin-action-button.buy-button{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border:1px solid #93c5fd73;box-shadow:0 8px 18px #2563eb40}.admin-layout .buy-button:hover,.admin-layout .admin-action-button.buy-button:hover{filter:brightness(1.05);box-shadow:0 10px 24px #2563eb66}.admin-layout .outline-button.active,.admin-layout .admin-sidebar__item.active{border-color:#3b82f6d9;box-shadow:0 0 0 1px #3b82f661,0 0 20px #38bdf833}.admin-topup-history-filter-row .outline-button.active{background:#3b82f633;border-color:#3b82f6d9}.topup-upload-zone{cursor:pointer;position:relative;overflow:hidden}.topup-upload-input{opacity:0;cursor:pointer;position:absolute;inset:0}.topup-upload-zone.has-preview{background:#020617e0;border-color:#3b82f680;justify-content:stretch;align-items:stretch;padding:0}.topup-upload-preview-image{object-fit:contain;background:#020617db;border-radius:14px;width:100%;height:100%}.topup-upload-preview-overlay{background:linear-gradient(#02061700 0%,#020617e0 72%);gap:2px;padding:10px 12px 9px;display:grid;position:absolute;bottom:0;left:0;right:0}.topup-upload-preview-name{color:#ffffffe6;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;font-weight:600;overflow:hidden}.topup-upload-preview-hint{color:#93c5fde6;font-size:.76rem}.topup-slip-amount-box{background:#1e40af2e;border:1px solid #3b82f673;border-radius:10px;gap:4px;margin-top:10px;padding:10px 12px;display:grid}.topup-slip-amount-box span{color:#bfdbfee6;font-size:.85rem}.topup-slip-amount-box strong{color:#dbeafe;font-size:1.02rem}.topup-submit-message{color:#86efac;margin:2px 0 0;font-size:.9rem;font-weight:600;line-height:1.35}.topup-submit-error{color:#fca5a5;margin:2px 0 0;font-size:.9rem;font-weight:600;line-height:1.35}.topup-modal-footer--with-feedback{align-items:flex-start}.topup-modal-footer__left,.topup-modal-footer__right{flex:1;min-width:0}.topup-modal-footer__left{gap:8px;display:grid}.topup-modal-footer__right{display:flex}.topup-modal-footer__left .topup-btn-cancel,.topup-modal-footer__right .topup-btn-confirm{width:100%}.revenue-dashboard[data-v-58908129]{gap:18px;width:100%;font-family:Inter,Prompt,system-ui,-apple-system,Segoe UI,sans-serif;display:grid}.rev-card[data-v-58908129],.rev-summary-card[data-v-58908129]{background:#0b1220;border:1px solid #ffffff1a;border-radius:16px;overflow:hidden}.rev-card[data-v-58908129]{padding:20px 20px 16px;box-shadow:0 0 24px #3b82f624}.rev-card__header[data-v-58908129]{border-bottom:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;padding-bottom:14px;display:flex}.rev-title-wrap h3[data-v-58908129],.rev-summary-card h4[data-v-58908129]{color:#fff;letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.2}.rev-title-wrap p[data-v-58908129],.rev-summary-card>p[data-v-58908129]{color:#fff9;margin:4px 0 0;font-size:.92rem}.rev-controls[data-v-58908129]{grid-auto-flow:column;align-items:center;gap:8px;display:inline-grid}.rev-select[data-v-58908129]{color:#fff;background:#020617;border:1px solid #60a5fa40;border-radius:10px;min-width:136px;min-height:42px;padding:0 14px;font-weight:500}.rev-btn[data-v-58908129]{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);border:1px solid #93c5fd66;border-radius:10px;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:600;transition:filter .2s,box-shadow .2s;display:inline-flex;box-shadow:0 0 20px #3b82f633}.rev-btn[data-v-58908129]:hover{filter:brightness(1.05);box-shadow:0 0 24px #38bdf852}.rev-btn__icon[data-v-58908129]{width:16px;height:16px}.rev-spin[data-v-58908129]{animation:.9s linear infinite revSpin-58908129}.rev-chart--main[data-v-58908129]{height:352px}.rev-chart--sub[data-v-58908129]{height:312px}.rev-period-tabs[data-v-58908129]{background:#020617db;border:1px solid #ffffff1f;border-radius:12px;grid-auto-flow:column;align-items:center;gap:4px;padding:4px;display:inline-grid}.rev-period-tabs button[data-v-58908129]{color:#ffffffbf;background:0 0;border:0;border-radius:9px;min-height:34px;padding:0 12px}.rev-period-tabs button.active[data-v-58908129]{color:#fff;background:linear-gradient(135deg,#2563eb,#38bdf8);box-shadow:0 0 16px #3b82f64d}.rev-summary-grid[data-v-58908129]{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rev-summary-card[data-v-58908129]{flex-direction:column;min-height:252px;padding:18px;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex}.rev-summary-card[data-v-58908129]:hover{border-color:#60a5fa6b;transform:scale(1.01);box-shadow:0 0 24px #3b82f633}.rev-summary-lines[data-v-58908129]{flex:1;align-content:start;gap:10px;margin-top:12px;display:grid}.rev-summary-lines p[data-v-58908129]{color:#ffffffc7;margin:0}.rev-summary-lines p[data-v-58908129]:not(.rev-big-number){min-height:20px}.rev-big-number[data-v-58908129]{font-size:1.9rem;font-weight:800;line-height:1.1;color:#fff!important}@keyframes revSpin-58908129{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=980px){.rev-card[data-v-58908129]{padding:14px 14px 12px}.rev-card__header[data-v-58908129]{margin-bottom:10px;padding-bottom:10px}.rev-summary-grid[data-v-58908129]{grid-template-columns:1fr}.rev-chart--main[data-v-58908129]{height:286px}.rev-chart--sub[data-v-58908129]{height:250px}}
