@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-var-latin.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#eef1f7;--surface:#fff;--surface-2:#0f172a12;--surface-3:#e9edf5;--win:#fff;--win-solid:#fff;--bar-a:#ffffffdb;--bar-b:#f7f9fde6;--surface-1:#0f172a0b;--line:#0f172a1a;--line-soft:#0f172a11;--text:#0e1726;--muted:#5b6577;--faint:#8b93a3;--blue:#0a84ff;--blue-soft:#0b6fd8;--blue-wash:#0a84ff1a;--green:#0b8a46;--red:#d92d20;--amber:#b45309;--radius:12px;--radius-win:15px;--shadow:0 1px 2px #1018280d, 0 10px 24px -16px #10182833;--shadow-win:0 40px 90px -50px #10182861, 0 12px 30px -20px #10182829, 0 0 0 .5px #0f172a0f;--shadow-lift:0 2px 6px #1018280f, 0 22px 46px -24px #1018284d;--glow:0 0 0 1px #0a84ff47, 0 18px 40px -22px #0a84ff73;--spring:cubic-bezier(.16, 1, .3, 1);--ease:cubic-bezier(.2, .8, .2, 1);color:var(--text);background:var(--bg);letter-spacing:0;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-feature-settings:"cv11", "ss01";--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,PingFang SC,HarmonyOS Sans SC,MiSans,Source Han Sans SC,Noto Sans SC,Microsoft YaHei UI,Microsoft YaHei,sans-serif;font-size:13.5px;font-weight:500}*{box-sizing:border-box}body{background-color:var(--bg);background-image:radial-gradient(1000px 600px at 6% -14%,#0a84ff29 0%,#0000 62%),radial-gradient(900px 540px at 98% -8%,#7c3aed1f 0%,#0000 60%),radial-gradient(900px 600px at 48% 118%,#0891b21a 0%,#0000 64%);background-attachment:fixed;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;letter-spacing:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{opacity:.42;cursor:not-allowed}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{transition:background .22s var(--ease), border-color .22s var(--ease), color .22s var(--ease), box-shadow .28s var(--ease), transform .28s var(--spring)}button:active:not(:disabled){transform:scale(.965)}:focus-visible{outline:2px solid var(--blue-soft);outline-offset:2px;border-radius:7px}h1,h2,h3,h4,p{margin:0}h1{letter-spacing:-.7px;font-size:25px;font-weight:800}h2{letter-spacing:-.35px;font-size:17px;font-weight:750}h3{letter-spacing:-.1px;font-size:14px;font-weight:700}small{font-size:11.5px;font-weight:500}svg{flex-shrink:0}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0f172a1f padding-box content-box;border:2px solid #0000;border-radius:20px}::-webkit-scrollbar-thumb:hover{background:#0f172a38 padding-box content-box}.glass{-webkit-backdrop-filter:blur(28px)saturate(180%);box-shadow:var(--shadow);background:#fffc;border:1px solid #0f172a14}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.flex{align-items:center;display:flex}.between{justify-content:space-between}.gap{gap:10px}.gap-sm{gap:6px}.wrap{flex-wrap:wrap}.category-item{min-width:0;max-width:100%}.category-item>.btn{white-space:normal;overflow-wrap:anywhere;text-align:left;min-width:0}.category-item>.icon-btn{flex-shrink:0}.hint{color:var(--faint);font-size:11.5px;line-height:1.7}.subtitle{color:var(--muted);margin-top:6px;font-size:13px;line-height:1.7}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:#6f7787;overflow-wrap:anywhere;margin-bottom:6px;font-size:10px;font-weight:650;display:block}.brand{letter-spacing:-.3px;align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.brand-mark{color:#fff;background:linear-gradient(160deg,#4fa8ff,#0a5fd0);border-radius:7px;justify-content:center;align-items:center;width:25px;height:25px;display:inline-flex;box-shadow:0 2px 8px #0a6cf080,inset 0 1px #ffffff59}.brand-mark.subtle{color:#5b6577;box-shadow:none;background:#0f172a1a}.brand small{letter-spacing:.02em;color:var(--faint);margin-top:1px;font-size:10px;font-weight:450;display:block}.brand-cn{border-left:1px solid var(--line);color:var(--faint);margin-left:9px;padding-left:9px;font-size:11px;font-weight:450}.traffic{flex-shrink:0;align-items:center;gap:8px;display:flex}.traffic i{width:12px;height:12px;transition:transform .2s var(--spring), filter .2s, box-shadow .2s;background:#ff5f57;border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative;box-shadow:inset 0 0 0 .5px #00000059,0 0 10px #ff5f5759}.traffic i:nth-child(2){background:#febc2e;box-shadow:inset 0 0 0 .5px #00000059,0 0 10px #febc2e4d}.traffic i:nth-child(3){background:#28c840;box-shadow:inset 0 0 0 .5px #00000059,0 0 10px #28c8404d}.traffic i:after{color:#0000008c;opacity:0;font-size:9px;font-weight:700;line-height:1;transition:opacity .18s}.traffic i:first-child:after{content:"×"}.traffic i:nth-child(2):after{content:"−"}.traffic i:nth-child(3):after{content:"+"}.traffic:hover i:after{opacity:1}.traffic i:hover{filter:brightness(1.08);transform:scale(1.18)}.btn{white-space:nowrap;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:9px 15px;font-size:12.5px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn.primary{color:#fff;background:linear-gradient(#3ea1ff,#0a7cf5);box-shadow:0 4px 16px -6px #0a84ffa6,inset 0 1px #ffffff47}.btn.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 28px -8px #0a84ffe6,inset 0 1px #ffffff4d}.btn.primary:after{content:"";pointer-events:none;transition:translate .8s var(--spring);background:linear-gradient(115deg,#0000 30%,#fff6 50%,#0000 70%);position:absolute;inset:0;translate:-130%}.btn.primary:hover:after{translate:130%}.btn.secondary{color:#1a2438;background:#fff;border-color:#0f172a1a;box-shadow:inset 0 1px #0f172a0f}.btn.secondary:hover{background:#0f172a1f;border-color:#0f172a29}.btn.ghost{color:var(--muted);background:0 0}.btn.ghost:hover{color:#1a2438;background:#0f172a14}.btn.danger{color:#d92d20;background:#ff453a29;border-color:#ff453a52}.btn.danger:hover{background:#ff453a42}.btn.small{border-radius:8px;padding:6px 11px;font-size:11.5px}.btn.full{width:100%}.icon-btn{color:#5f6b7e;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;padding:4px;display:inline-flex}.icon-btn:hover{color:#0f172a;background:#0f172a14}.icon-btn.tiny{width:24px;height:24px}.badge{white-space:nowrap;color:#a5adb9;background:#f2f5fa;border-radius:7px;align-items:center;gap:4px;padding:3px 8px;font-size:10.5px;font-weight:550;display:inline-flex}.log-tag{white-space:nowrap;color:#475467;background:#f2f5fa;border-radius:7px;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:600;display:inline-flex}.log-tag.danger{color:#b42318;background:#d92d201c}.log-tag.success{color:#0b8a46;background:#30d15824}.log-tag.warning{color:#b45309;background:#ff9f0a29}.log-tag.info{color:#0a6cf0;background:#0a84ff1c}.badge.pending,.badge.reserved{color:#b45309;background:#ffd60a29}.badge.paid,.badge.delivered,.badge.active,.badge.unused{color:#0b8a46;background:#30d15829}.badge.used,.badge.closed,.badge.inactive{color:#8d95a4;background:#0f172a0f}.pill{overflow-wrap:anywhere;color:#5b6577;background:#f2f5fa;border:1px solid #0f172a14;border-radius:20px;align-items:center;gap:5px;min-width:0;max-width:100%;padding:4px 9px;font-size:10.5px;font-weight:550;display:inline-flex}.online-dot{background:var(--green);width:6px;height:6px;animation:pulse 2.4s var(--ease) infinite;border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 0 #30d15880}@keyframes pulse{0%{box-shadow:0 0 #30d15873}70%{box-shadow:0 0 0 6px #30d15800}to{box-shadow:0 0 #30d15800}}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient i{filter:blur(80px);opacity:.5;will-change:transform;border-radius:50%;animation:26s ease-in-out infinite alternate drift;position:absolute}.ambient i:first-child{background:radial-gradient(circle,#0a84ff6b 0%,#0000 68%);width:540px;height:540px;top:-180px;left:-140px}.ambient i:nth-child(2){background:radial-gradient(circle,#7c3aed57 0%,#0000 68%);width:500px;height:500px;animation-duration:32s;animation-delay:-6s;top:-120px;right:-160px}.ambient i:nth-child(3){background:radial-gradient(circle,#0891b24d 0%,#0000 70%);width:620px;height:520px;animation-duration:38s;animation-delay:-14s;bottom:-280px;left:32%}@keyframes drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(3.5%,3%)scale(1.12)}to{transform:translate(-3%,-2%)scale(1.04)}}.app-shell{z-index:1;flex-direction:column;min-height:100vh;display:flex;position:relative}.store-shell{width:100%;min-height:100vh;animation:shell-in .55s var(--ease) both;flex-direction:column;flex:1;display:flex;position:relative}@keyframes shell-in{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur()}}@keyframes window-in{0%{opacity:0;filter:blur(10px);transform:translateY(22px)scale(.975)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.store-header{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(22px);transition:background .3s var(--ease), box-shadow .35s var(--ease);background:#ffffffd1;border-bottom:1px solid #0f172a14;position:sticky;top:0}.store-header.scrolled{background:#fffffff0;box-shadow:0 1px #0f172a0f,0 12px 28px -24px #10182873}.store-header-inner{align-items:center;gap:18px;width:100%;max-width:1120px;height:58px;margin:0 auto;padding:0 26px;display:flex}.store-header .brand{flex-shrink:0;gap:8px;min-width:0;font-size:14.5px;font-weight:750}.store-header .brand-mark{border-radius:7px;width:24px;height:24px}.store-header .brand>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.store-nav{align-items:center;gap:2px;min-width:0;margin-left:6px;display:flex}.store-nav a{color:#9aa3b3;white-space:nowrap;transition:color .2s var(--ease), background .2s var(--ease);border-radius:8px;padding:6px 11px;font-size:12.5px;font-weight:550;position:relative}.store-nav a:hover{color:#0f172a;background:#0f172a14}.store-nav a.active{color:#0b6fd8;background:#0a84ff2e;font-weight:650;box-shadow:inset 0 0 0 1px #0a84ff4d}.store-nav a.active:after{display:none}.nav-order{margin-left:auto}.store-main{flex:1;min-width:0}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 26px}.catalog{width:100%;max-width:1120px;margin:0 auto;padding:20px 26px 44px}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.notice-panel{animation:rise .5s var(--spring) both;background:#fff;border:1px solid #0f172a14;border-radius:14px;margin-bottom:14px;padding:15px 18px 16px;box-shadow:0 1px 2px #1018280a,0 14px 30px -22px #10182847}.notice-head{color:#0a84ff;align-items:center;gap:7px;margin-bottom:9px;display:flex}.notice-head h2{letter-spacing:.2px;color:#0f172a;font-size:13.5px;font-weight:750}.notice-body{color:#5b6577;white-space:pre-line;overflow-wrap:anywhere;font-size:12.5px;font-weight:500;line-height:1.95}.catalog-panel{background:#fff;border:1px solid #0f172a12;border-radius:16px;padding:16px;box-shadow:0 1px 2px #1018280a,0 18px 40px -28px #1018284d}.category-row{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.category-card{overflow-wrap:anywhere;text-align:left;min-width:128px;transition:background .2s var(--ease), border-color .2s var(--ease), box-shadow .25s var(--ease);background:#f5f8fd;border:1px solid #0f172a13;border-radius:12px;flex-direction:column;flex:none;align-items:flex-start;gap:3px;padding:11px 14px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #10182809}.category-card:hover{background:#fff;border-color:#0a84ff52;box-shadow:0 8px 18px -14px #10182866}.category-card strong{color:#0f172a;font-size:13.5px;font-weight:700;line-height:1.35;transition:color .25s}.category-card small{color:#8b95a7;font-size:11px;font-weight:600;transition:color .25s}.category-card.selected{background:#0a84ff;border-color:#0a84ff;box-shadow:0 8px 18px -12px #0a84ffd9}.category-card.selected strong{color:#fff}.category-card.selected small{color:#ffffffdb}.catalog-toolbar{animation:rise .5s var(--spring) 60ms both;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.catalog-count{color:#8b95a7;white-space:nowrap;margin-left:auto;font-size:11.5px;font-weight:600}.tabs{scrollbar-width:none;-ms-overflow-style:none;background:#0f172a0b;border:1px solid #0f172a0f;border-radius:10px;flex-wrap:nowrap;align-items:center;gap:2px;min-width:0;max-width:100%;padding:3px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{overflow-wrap:anywhere;color:#98a1b2;white-space:nowrap;border:1px solid #0000;border-radius:7px;flex:none;min-width:0;max-width:100%;padding:5px 11px;font-size:11.5px;font-weight:600;position:relative}.tab:hover{color:#0f172a;background:#0f172a14;transform:translateY(-1px)}.tab.selected{color:#fff;background:linear-gradient(#0a84fff2,#0060d2eb);border-color:#78beff66;font-weight:700;box-shadow:inset 0 1px #ffffff59,0 6px 16px -8px #0a84fff2}.tab.selected:hover{background:linear-gradient(#1e91ff,#0064daf2)}.search-field{width:210px;min-width:150px;transition:width .4s var(--spring);flex-shrink:0;position:relative}.search-field:focus-within{width:244px}.search-field>svg{z-index:1;color:#7d8697;pointer-events:none;transition:color .25s, transform .35s var(--spring);position:absolute;top:50%;left:11px;translate:0 -50%}.search-field:focus-within>svg{color:#0a84ff;transform:scale(1.12)}.search-field input{background:#0f172a0f;border-color:#0f172a14;border-radius:10px;height:35px;padding:0 12px 0 32px;font-size:12px;font-weight:500}.search-field input:focus{background:#0f172a14}.field,input,textarea,select{color:#1a2438;background:#0f172a0b;border:1px solid #0f172a1a;border-radius:9px;width:100%;padding:8px 11px;font-size:12.5px;font-weight:450}input,select{height:34px}textarea{resize:vertical;height:auto;padding:9px 11px;line-height:1.7}input::placeholder,textarea::placeholder{color:#717a8a}select option{color:#1a2438;background:#1c1f27}input:focus,textarea:focus,select:focus{background:#0f172a14;border-color:#0a84ffbf;outline:none;box-shadow:0 0 0 3.5px #0a84ff38}input[type=checkbox]:not(.switch){width:auto;height:auto}input[type=date]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.product-icon{color:#7ab4ff;width:36px;height:36px;transition:transform .45s var(--spring);background:#0a84ff1a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #0f172a1f}.product-icon.purple{color:#7c3aed;background:linear-gradient(150deg,#bf5af247,#bf5af214)}.product-icon.green{color:#0b8a46;background:linear-gradient(150deg,#30d15842,#30d15812)}.product-icon.orange{color:#b45309;background:linear-gradient(150deg,#ff9f0a47,#ff9f0a14)}.product-grid{animation:grid-in .3s var(--ease);transition:opacity .26s var(--ease);grid-template-columns:repeat(auto-fit,minmax(232px,1fr));gap:14px;display:grid}.product-grid.is-updating{opacity:.4}@keyframes grid-in{0%{opacity:0;transform:translateY(7px)}}.product-card{overflow-wrap:anywhere;isolation:isolate;min-width:0;min-height:170px;transition:transform .3s cubic-bezier(.22, 1, .36, 1), box-shadow .28s var(--ease), border-color .28s var(--ease);background:radial-gradient(120% 92% at 100% 0,#0a84ff0e,#0000 62%),linear-gradient(#fff 0%,#fcfdff 100%);border:1px solid #0f172a12;border-radius:18px;flex-direction:column;padding:15px 17px;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 2px #10182808,0 8px 20px -18px #10182852}.product-card:before{content:"";z-index:1;opacity:0;transform-origin:50%;height:2px;transition:opacity .3s var(--ease), transform .46s cubic-bezier(.22, 1, .36, 1);background:linear-gradient(90deg,#0a84ff,#7c5cff 55%,#0a84ff);border-radius:0 0 2px 2px;position:absolute;top:0;left:16px;right:16px;transform:scaleX(.18)}.product-card:hover{border-color:#0a84ff3d;transform:translateY(-4px);box-shadow:0 2px 4px #1018280a,0 22px 42px -26px #10182880}.product-card:hover:before{opacity:1;transform:scaleX(1)}.product-card:active{transition-duration:.1s;transform:translateY(-1px)}.card-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.card-cat{letter-spacing:.2px;color:#5b6678;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;transition:color .22s var(--ease), background .22s var(--ease);background:#f3f5f9;border-radius:999px;align-items:center;padding:3px 9px;font-size:10.5px;font-weight:650;display:inline-flex;overflow:hidden}.product-card:hover .card-cat{color:#0a84ff;background:#0a84ff17}.card-arrow{color:#ccd2dd;transition:color .24s var(--ease), transform .28s var(--ease);flex-shrink:0;display:flex}.product-card:hover .card-arrow{color:#0a84ff;transform:translate(1px,-1px)}.card-title{letter-spacing:-.25px;color:#101828;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:none;margin-top:11px;font-size:15.5px;font-weight:750;line-height:1.5;display:-webkit-box;overflow:hidden}.card-desc{color:#98a2b3;-webkit-line-clamp:1;-webkit-box-orient:vertical;flex:1;margin-top:6px;font-size:11.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.card-foot{transition:border-color .24s var(--ease);border-top:1px dashed #0f172a14;justify-content:space-between;align-items:flex-end;gap:10px;margin-top:14px;padding-top:12px;display:flex}.product-card:hover .card-foot{border-color:#0a84ff38}.card-price{letter-spacing:-.8px;color:#101828;font-variant-numeric:tabular-nums;transition:color .2s var(--ease);align-items:baseline;gap:2px;font-size:24px;font-weight:800;line-height:1;display:inline-flex}.card-price small{letter-spacing:0;color:#98a2b3;transition:color .2s var(--ease);font-size:13.5px;font-weight:700}.card-cta{color:#475467;white-space:nowrap;height:28px;transition:color .24s var(--ease), background .24s var(--ease), box-shadow .24s var(--ease);background:#f2f4f7;border-radius:999px;flex-shrink:0;align-items:center;gap:3px;padding:0 11px;font-size:11.5px;font-weight:650;display:inline-flex}.product-card:hover .card-cta{color:#fff;background:#0a84ff;box-shadow:0 10px 20px -12px #0a84fff2}.product-card.soldout{opacity:.6}.product-card.soldout:hover{border-color:#0f172a12;transform:none;box-shadow:0 1px 2px #10182808,0 8px 20px -18px #10182852}.product-card.soldout .card-price{color:#667085}.product-card.soldout .card-cta{color:#98a2b3;box-shadow:none;background:#f2f4f7}@media (hover:none){.product-card:hover{transform:none}}.benefits{border-top:1px solid var(--line-soft);grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:24px 0 18px;padding-top:16px;display:grid}.benefit{color:#8792a6;align-items:center;gap:9px;display:flex}.benefit>svg{color:#6f8fb8;width:17px;height:17px}.benefit strong{color:#5b6577;margin-bottom:1px;font-size:11px;font-weight:600;display:block}.benefit small{color:#7c8494;font-size:10px}.store-footer{border-top:1px solid var(--line-soft);background:#ffffff8c;margin-top:auto}.store-footer-inner{color:#737b8b;align-items:center;gap:14px;width:100%;max-width:1120px;margin:0 auto;padding:14px 26px;font-size:10.5px;display:flex}.footer-copy{color:#8b95a6;flex-shrink:0;font-weight:650}.footer-note{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.footer-links{flex-shrink:0;align-items:center;gap:16px;margin-left:auto;display:flex}.footer-links a{color:#8f9aae;font-weight:550;position:relative}.footer-links a:after{content:"";transform-origin:0;width:100%;height:1px;transition:transform .3s var(--spring);background:currentColor;position:absolute;bottom:-2px;left:0;transform:scaleX(0)}.footer-links a:hover{color:#0b6fd8}.footer-links a:hover:after{transform:scaleX(1)}.empty-state{text-align:center;color:#929bab;animation:rise .45s var(--spring) both;background:#fff;border:1px dashed #0f172a1a;border-radius:12px;padding:46px 20px}.empty-state svg{color:#6f8fb8;margin-bottom:10px}.empty-state h3{color:#344054;margin-bottom:6px;font-weight:600}.empty-state p{margin-bottom:14px;font-size:12px;line-height:1.7}.loading{color:#9aa5b8;justify-content:center;align-items:center;gap:8px;min-height:150px;font-size:12.5px;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-head{justify-content:space-between;align-items:center;gap:14px;margin:26px 0 18px;display:flex}.page-head h1{font-size:22px}.back-link{color:#9aa3b4;align-items:center;gap:5px;margin-bottom:14px;font-size:11.5px;font-weight:500;display:inline-flex}.back-link:hover{color:#0b6fd8;transform:translate(-2px)}.subpage{max-width:900px;margin:0 auto;padding:20px 0 30px}.panel{animation:rise .5s var(--spring) both;background:#fff;border:1px solid #0f172a14;border-radius:13px;padding:22px;box-shadow:0 18px 46px -30px #000000e6}.panel-title{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.checkout-grid{grid-template-columns:1.02fr .98fr;gap:22px;display:grid}.checkout-product{overflow-wrap:anywhere;background:#f6f8fc;border:1px solid #0f172a0d;border-radius:12px;flex-direction:column;align-self:start;min-width:0;padding:18px;display:flex}.checkout-title{letter-spacing:-.3px;margin-bottom:20px;font-size:17px;font-weight:750}.checkout-product .product-icon{border-radius:13px;width:48px;height:48px;margin-bottom:15px}.checkout-product .pill{align-self:flex-start}.checkout-product h2{font-size:21px;line-height:1.5}.checkout-product p{color:#a4adbd;margin:11px 0;font-size:12.5px;line-height:1.8}.instructions{overflow-wrap:anywhere;color:#98a2b3;white-space:pre-wrap;border-top:1px solid #0f172a14;margin-top:17px;padding-top:15px;font-size:11.5px;line-height:1.85}.form-group{margin-bottom:16px}.form-group label{color:#5b6577;margin-bottom:7px;font-size:11.5px;font-weight:600;display:block}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.stepper{align-items:center;gap:8px;display:flex}.stepper input{text-align:center;appearance:textfield;width:62px;height:34px}.stepper button{color:#5b6577;background:#fff;border:1px solid #0f172a1a;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.stepper button:hover:not(:disabled){background:#0f172a1a;transform:translateY(-1px)}.payment-methods{gap:8px;display:flex}.method{color:#a2abbb;background:#fff;border:1px solid #0f172a1a;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px;font-size:11.5px;font-weight:550;display:flex}.method:hover{background:#0f172a14;border-color:#0f172a29}.method.selected{color:#0b6fd8;background:#eff6ff;border-color:#0a84ff8c;box-shadow:0 0 18px -8px #0a84ffe6}.summary-row{color:#a5aebe;border-top:1px solid #0f172a14;justify-content:space-between;align-items:center;margin:18px 0 16px;padding-top:15px;font-size:12px;font-weight:500;display:flex}.notice{color:#9cc6f5;background:#fff;border:1px solid #0a84ff47;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:11.5px;line-height:1.7}.notice.warning{color:#b45309;background:#ffd60a1a;border-color:#ffd60a47}.notice.success{color:#0b8a46;background:#30d1581a;border-color:#30d15847}.notice.error{color:#f19b95;background:#ff453a1a;border-color:#ff453a4d}.narrow{max-width:640px;margin:0 auto}.form-error{color:#d92d20;margin:10px 0;font-size:11.5px;font-weight:500}.payment-banner{text-align:center;padding:6px 0 18px}.status-orb{color:#7cb8ff;width:54px;height:54px;animation:orb-in .6s var(--spring) both;background:#0a84ff29;border-radius:16px;justify-content:center;align-items:center;margin:0 auto 14px;display:flex;box-shadow:0 0 0 1px #0a84ff40,0 16px 40px -18px #0a84ffe6}@keyframes orb-in{0%{opacity:0;transform:scale(.7)rotate(-8deg)}to{opacity:1;transform:scale(1)rotate(0)}}.status-orb.success{color:#0b8a46;background:#30d15829;box-shadow:0 0 0 1px #30d15847,0 16px 40px -18px #30d158cc}.payment-banner h1{font-size:23px}.details-grid{grid-template-columns:1fr 1fr;gap:16px;margin:18px 0;display:grid}.details-grid>div:first-child{grid-column:1/-1}.details-grid dt{color:#7e8797;margin-bottom:5px;font-size:10.5px;font-weight:500}.details-grid dd{overflow-wrap:anywhere;color:#5b6577;align-items:center;gap:5px;margin:0;font-size:12.5px;line-height:1.7;display:flex}.details-grid dd.price{color:#0f172a;font-size:22px;font-weight:700}.details-grid dd.order-number{word-break:break-all;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10.5px}.card-delivery{border-top:1px solid #0f172a14;margin-top:20px;padding-top:17px}.card-delivery h3{color:#5b6577;font-size:12.5px;font-weight:600}.secret-row{color:#5b6577;background:#f7f9fc;border:1px solid #0f172a14;border-radius:9px;align-items:center;gap:10px;margin:9px 0;padding:10px 12px;transition:border-color .2s,background .2s;display:flex}.secret-row:hover{background:#0a84ff14;border-color:#0a84ff59}.secret-row code{white-space:pre-wrap;word-break:break-all;flex:1;min-width:0;font-size:11.5px}.download-box{transition:border-color .2s var(--ease), background .2s var(--ease), transform .25s var(--spring);background:linear-gradient(135deg,#0a84ff1a,#0a84ff09);border:1px solid #0a84ff3d;border-radius:11px;align-items:center;gap:7px;margin-top:12px;padding:11px 13px;display:flex}.download-box:hover{background:#0a84ff26;border-color:#0a84ff73;transform:translateY(-1px)}.download-main{min-width:0;color:inherit;flex:1;align-items:center;gap:11px;display:flex}.download-copy{color:#5b6577;width:30px;height:30px;transition:color .2s var(--ease), background .2s var(--ease);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.download-copy:hover{color:#0a84ff;background:#0a84ff1f}.download-icon{color:#0a84ff;background:#fff;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 1px 3px #10182824}.download-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.download-text strong{color:#0f172a;font-size:13px;font-weight:700}.download-text small{color:#667085;white-space:nowrap;text-overflow:ellipsis;font-size:10.5px;overflow:hidden}.download-go{color:#0a84ff;transition:gap .2s var(--ease);flex-shrink:0;align-items:center;gap:3px;font-size:11.5px;font-weight:650;display:inline-flex}.download-box:hover .download-go{gap:5px}.query-box{text-align:center;padding-bottom:20px}.query-box .subtitle{margin:8px 0 18px}.query-form{flex-direction:column;gap:8px;display:flex}.query-row{gap:8px;display:flex}.query-form input{flex:1;min-width:0}.query-row .btn{flex-shrink:0}.password-field{align-items:stretch;gap:8px;display:flex}.password-field input{flex:1;min-width:0}.password-field .icon-btn{flex-shrink:0;width:42px;height:auto}.match-head{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:10px;display:flex}.match-head h3{color:#101828;font-size:13.5px;font-weight:750}.match-head span{color:#8b95a7;font-size:11.5px;font-weight:600}.match-list{flex-direction:column;gap:8px;display:flex}.match-row{text-align:left;width:100%;transition:background .2s var(--ease), border-color .2s var(--ease);background:#f8fafc;border:1px solid #0f172a12;border-radius:11px;align-items:center;gap:12px;padding:12px 14px;display:flex}.match-row:hover{background:#fff;border-color:#0a84ff4d}.match-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.match-main strong{color:#101828;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.match-main small{color:#98a2b3;letter-spacing:.2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.match-side{flex-shrink:0;align-items:center;gap:10px;display:flex}.match-amount{color:#101828;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.match-side small{color:#98a2b3;white-space:nowrap;font-size:10.5px}.match-go{color:#98a2b3;flex-shrink:0}.recent-title{color:#8d97a8;font-size:12px;font-weight:700}.cache-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:11px;display:flex}.cache-head h3{color:#101828;font-size:13.5px;font-weight:750}.cache-head .hint{margin-top:4px;font-size:11px}.cache-clear{color:#8b95a7;transition:color .2s var(--ease), background .2s var(--ease);border-radius:7px;flex-shrink:0;padding:5px 9px;font-size:11.5px;font-weight:600}.cache-clear:hover{color:#b42318;background:#d92d2014}.cache-list{flex-direction:column;gap:8px;display:flex}.cache-row{text-align:left;width:100%;transition:background .2s var(--ease), border-color .2s var(--ease), box-shadow .25s var(--ease);background:#f8fafc;border:1px solid #0f172a12;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.cache-row:hover{background:#fff;border-color:#0a84ff52;box-shadow:0 12px 26px -20px #10182880}.cache-main{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cache-main strong{color:#101828;white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:700;overflow:hidden}.cache-main small{color:#98a2b3;letter-spacing:.2px;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;overflow:hidden}.cache-side{flex-shrink:0;align-items:center;gap:10px;display:flex}.cache-amount{color:#101828;font-variant-numeric:tabular-nums;font-size:13px;font-weight:700}.cache-side small{color:#98a2b3;white-space:nowrap;font-size:10.5px}.cache-fill{color:#0a84ff;transition:color .2s var(--ease), background .2s var(--ease);background:#0a84ff1a;border-radius:7px;flex-shrink:0;align-items:center;gap:3px;padding:5px 9px;font-size:11px;font-weight:650;display:inline-flex}.cache-row:hover .cache-fill{color:#fff;background:#0a84ff}.actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:18px;display:flex}.checkboxes{color:#9aa8bf;gap:16px;margin:14px 0;font-size:11.5px;display:flex}.checkboxes label{align-items:center;gap:5px;display:flex}.preline{overflow-wrap:anywhere;color:#a2acbd;white-space:pre-wrap;font-size:12px;line-height:1.9}.section-spacer{margin-top:18px}.text-right{text-align:right}.monospace{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.order-detail .flex h2{font-size:17px;line-height:1.55}.app-shell.admin-mode{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:0;padding:22px;display:grid}.admin-mode .sidebar{z-index:40;-webkit-backdrop-filter:saturate(180%)blur(28px);overscroll-behavior:contain;background:#fff;border:1px solid #0f172a14;border-right:0;border-radius:13px 0 0 13px;flex-direction:column;height:calc(100vh - 44px);padding:11px 11px 12px;display:flex;position:sticky;top:22px;overflow-y:auto}.admin-mode .sidebar>.traffic{padding:3px 4px 12px}.admin-mode .sidebar>.brand{gap:7px;margin-bottom:16px;padding:0 4px;font-size:13.5px}.admin-mode .sidebar>.brand .brand-mark{border-radius:7px;width:25px;height:25px}.sidebar-section{letter-spacing:.1em;text-transform:uppercase;color:#6d7585;padding:0 8px 7px;font-size:9.5px;font-weight:650}.sidebar nav{flex-direction:column;gap:1px;display:flex}.sidebar nav a{color:#a3abba;transition:background .2s, color .2s, padding-left .25s var(--spring);border-radius:8px;align-items:center;gap:9px;padding:8px 9px;font-size:12px;font-weight:500;display:flex;position:relative}.sidebar nav a svg{color:#808b9d;width:16px;height:16px;transition:color .2s, transform .35s var(--spring)}.sidebar nav a:hover{color:#1a2438;background:#0f172a0f;padding-left:12px}.sidebar nav a:hover svg{color:#3b82f6;transform:scale(1.08)}.sidebar nav a.selected{color:#0b6fd8;background:linear-gradient(90deg,#0a84ff3d,#0a84ff14);font-weight:600;box-shadow:inset 0 0 0 1px #0a84ff38}.sidebar nav a.selected svg{color:#0a84ff}.sidebar nav a.selected:before{content:"";background:#0a84ff;border-radius:3px;width:3px;height:16px;position:absolute;top:50%;left:-3px;transform:translateY(-50%);box-shadow:0 0 10px #0a84ff}.sidebar-bottom{margin-top:auto}.sidebar-link{color:#939dad;border-radius:8px;align-items:center;gap:9px;width:100%;padding:7px 9px;font-size:11px;font-weight:500;display:flex}.sidebar-link svg{width:15px;height:15px}.sidebar-link:hover{color:#1a2438;background:#0f172a0f}.admin-profile{border-top:1px solid #0f172a14;align-items:center;gap:8px;margin-top:9px;padding:9px 5px 1px;display:flex}.avatar{color:#0b6fd8;background:#0a84ff33;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.admin-profile strong{color:#5b6577;font-size:10.5px;font-weight:600;display:block}.admin-profile small{color:#6b7484;margin-top:1px;font-size:10px;display:block}.admin-profile>.online-dot{margin-left:auto}.admin-main{background:#fff;border:1px solid #0f172a14;border-radius:0 13px 13px 0;flex-direction:column;min-width:0;min-height:calc(100vh - 44px);display:flex;overflow:clip;box-shadow:0 40px 100px -50px #000}.admin-toolbar{color:#8d96a6;background:#ffffffb8;border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;gap:12px;height:47px;padding:0 18px;font-size:10.5px;display:flex}.toolbar-title{color:#344054;font-size:12px;font-weight:600}.toolbar-divider{background:#0f172a1a;width:1px;height:12px;margin:0 5px}.toolbar-tag{color:#8d96a6;align-items:center;gap:5px;font-size:10.5px;font-weight:500;display:flex}.traffic-lights{gap:6px;display:flex}.traffic-lights i{background:#ff5f57;border-radius:50%;width:10px;height:10px}.traffic-lights i:nth-child(2){background:#febc2e}.traffic-lights i:nth-child(3){background:#28c840}.admin-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:20px 22px 36px}.admin-page-head{animation:rise .45s var(--spring) both;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.admin-page-head h1{color:#0f172a;font-size:21px;font-weight:700}.admin-page-head p{color:#8d96a6;margin-top:5px;font-size:11.5px}.admin-page-head .eyebrow{color:#6d7585;margin-bottom:6px;font-size:9.5px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin-bottom:14px;display:grid}.stat-card{animation:rise .5s var(--spring) both;transition:transform .4s var(--spring), box-shadow .4s, border-color .3s;background:#fff;border:1px solid #0f172a14;border-radius:11px;padding:15px;position:relative;overflow:hidden}.stat-card:before{content:"";opacity:.5;transform-origin:0;height:2px;transition:transform .5s var(--spring);background:linear-gradient(90deg,#0a84ff,#bf5af2,#0000);position:absolute;inset:0 0 auto;transform:scaleX(0)}.stat-card:hover{border-color:#0a84ff4d;translate:0 -3px;box-shadow:0 20px 40px -26px #0a84ffcc}.stat-card:hover:before{transform:scaleX(1)}.stat-grid .stat-card:first-child{animation-delay:30ms}.stat-grid .stat-card:nth-child(2){animation-delay:70ms}.stat-grid .stat-card:nth-child(3){animation-delay:.11s}.stat-grid .stat-card:nth-child(4){animation-delay:.15s}.stat-top{color:#939dad;justify-content:space-between;align-items:center;gap:8px;font-size:10.5px;font-weight:500;display:flex;position:relative}.stat-icon{color:#0b6fd8;background:#0a84ff2e;border-radius:8px;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.stat-card:nth-child(2) .stat-icon{color:#7c3aed;background:#bf5af22e}.stat-card:nth-child(3) .stat-icon{color:#0b8a46;background:#30d15829}.stat-card:nth-child(4) .stat-icon{color:#b45309;background:#ff9f0a2e}.stat-value{letter-spacing:-.7px;color:#0e1726;font-variant-numeric:tabular-nums;margin:10px 0 6px;font-size:24px;font-weight:700;position:relative}.stat-card small{color:#7c8494;font-size:9.5px;position:relative}.admin-panel{animation:rise .5s var(--spring) .1s both;background:#fff;border:1px solid #0f172a14;border-radius:11px;padding:17px}.admin-panel h2{color:#1a2438;font-size:13px;font-weight:650}.admin-panel .panel-title{margin-bottom:14px}.admin-panel small{color:#7c8494;font-size:9.5px}.dashboard-columns{grid-template-columns:1.65fr 1fr;gap:12px;margin-bottom:14px;display:grid}.trend-chart{width:100%;height:186px;display:block}.chart-wrap{position:relative}.chart-empty{color:#8b93a3;background:#fff;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:11px;display:flex;position:absolute;inset:0}.trend-dates{color:#6f7787;justify-content:space-between;margin-top:8px;font-size:9.5px;display:flex}.stock-list{flex-direction:column;gap:13px;margin-top:16px;display:flex}.stock-row{color:inherit;align-items:center;gap:9px;text-decoration:none;transition:transform .2s;display:flex}.stock-row:hover{transform:translate(2px)}.stock-row:hover strong{color:#0a84ff}.stock-row .product-icon{border-radius:8px;width:28px;height:28px}.stock-row strong{color:#5b6577;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11px;font-weight:500;overflow:hidden}.stock-row span{color:#e0b072;font-size:10.5px;font-weight:550}.filter-bar{align-items:center;gap:8px;margin:14px 0;display:flex}.filter-bar input,.filter-bar select{width:auto;height:32px;padding:0 10px;font-size:11px}.filter-bar .search-field{flex:1;max-width:320px}.filter-bar .search-field input{width:100%;padding-left:31px}.table-wrap{margin:0 -4px;padding:0 4px;overflow:auto}.data-table{text-align:left;white-space:nowrap;border-collapse:collapse;width:100%}.data-table th{letter-spacing:.03em;color:#8b94a4;background:#f7f9fc;padding:10px;font-size:10px;font-weight:600}.data-table th:first-child{border-radius:8px 0 0 8px}.data-table th:last-child{border-radius:0 8px 8px 0}.data-table td{color:#5b6577;border-bottom:1px solid #0f172a0f;padding:11px 10px;font-size:11.5px;font-weight:450;position:relative}.data-table tbody tr{transition:background .18s}.data-table tbody tr:hover{background:#0a84ff12}.data-table tr:last-child td{border-bottom:0}.table-product{align-items:center;gap:9px;display:flex}.table-product .product-icon{border-radius:8px;width:30px;height:30px}.table-product strong{color:#1a2438;font-size:11.5px;font-weight:600;display:block}.table-product small{color:#7c8494;margin-top:2px;font-size:9.5px;display:block}.table-link{color:#7cb6f0;padding:0;font-size:11px;font-weight:550}.table-link:hover{color:#0a84ff}.table-actions{align-items:center;gap:4px;display:flex}.pagination{color:#8b94a4;justify-content:space-between;align-items:center;margin-top:13px;font-size:10.5px;display:flex}.pagination>div{align-items:center;gap:7px;display:flex}.settings-grid{grid-template-columns:162px minmax(0,1fr);gap:20px;display:grid}.settings-tabs button{color:#a0a9b9;text-align:left;border-radius:8px;align-items:center;gap:8px;width:100%;margin-bottom:2px;padding:8px 10px;font-size:11.5px;font-weight:500;display:flex}.settings-tabs button svg{width:15px;height:15px}.settings-tabs button:hover{color:#1a2438;background:#0f172a0f}.settings-tabs button.selected{color:#0b6fd8;background:#0a84ff2e;font-weight:600;box-shadow:inset 0 0 0 1px #0a84ff38}.settings-form{max-width:620px}.settings-form .form-group{margin:0 0 17px}.settings-form label{color:#a5aebe;font-size:11.5px}.settings-form input,.settings-form textarea{font-size:12px}.switch-row{color:#5b6577;background:#f7f9fc;border:1px solid #0f172a14;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;padding:12px 13px;font-size:11.5px;font-weight:500;display:flex}input.switch{appearance:none;cursor:pointer;width:40px;height:22px;min-height:22px;transition:background .25s var(--ease);background:#0f172a29;border:0;border-radius:20px;flex:none;padding:0;position:relative}input.switch:before{content:"";width:18px;height:18px;transition:transform .28s var(--spring);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #0f172a47}input.switch:checked{background:#0a84ff}input.switch:checked:before{transform:translate(18px)}input.switch:focus-visible{outline-offset:2px;outline:2px solid #0a84ff80}input.switch:disabled{cursor:not-allowed;opacity:.45}.switch-hint{color:#b45309;margin:-6px 0 13px;font-size:11.5px;font-weight:550;line-height:1.65}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.login-card{width:372px;box-shadow:var(--shadow-win);-webkit-backdrop-filter:blur(36px)saturate(170%);animation:window-in .6s var(--spring) both;background:#fff;border:1px solid #0f172a1a;border-radius:14px;overflow:clip}.login-bar{background:#f7f9fdeb;border-bottom:1px solid #00000080;align-items:center;gap:10px;height:41px;padding:0 13px;display:flex}.login-bar span{color:#9ba3b3;font-size:10.5px;font-weight:500}.login-body{padding:26px 26px 24px}.login-card .login-body>.brand{justify-content:center;margin-bottom:18px}.login-card h1{text-align:center;color:#0f172a;margin-top:4px;font-size:20px;font-weight:700}.login-card>.subtitle,.login-card .login-body>.subtitle{text-align:center;margin-bottom:20px;font-size:11.5px}.captcha-row{gap:8px;display:flex}.geetest-note{color:#8b95a7;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;margin:2px 0 14px;padding:0 2px;font-size:11px;font-weight:550;display:flex}.geetest-note svg{color:#0a84ff}.captcha-row input{min-width:0}.captcha-image{cursor:pointer;object-fit:contain;background:#f7f9fc;border:1px solid #0f172a1a;border-radius:8px;width:96px;height:34px;transition:filter .2s}.captcha-image:hover{filter:brightness(1.05)}.login-footer{color:#7c8494;text-align:center;margin-top:18px;font-size:9.5px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(14px)saturate(140%);background:#04060a9e;justify-content:center;align-items:center;padding:32px 18px;animation:.2s both fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:520px;max-width:100%;max-height:88vh;animation:modal-in .35s var(--spring) both;background:#fff;border:1px solid #0f172a1a;border-radius:13px;overflow:auto;box-shadow:0 50px 120px -40px #000}@keyframes modal-in{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal.wide{width:720px}.modal-head{background:#fbfcfe;border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.modal-head h2{color:#0f172a;font-size:13.5px;font-weight:650}.modal-content{padding:17px}.toast-stack{z-index:200;pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:max-content;max-width:90vw;display:flex;position:fixed;bottom:26px;left:50%;translate:-50%}.toast{color:#1a2438;-webkit-backdrop-filter:blur(20px);background:#fff;border:1px solid #0f172a1a;border-radius:10px;align-items:center;gap:8px;padding:10px 15px;font-size:11.5px;font-weight:500;display:flex;box-shadow:0 20px 44px -20px #000}.toast.error{color:#ff9c95;border-color:#ff453a4d}.toast.success{color:#0b8a46;border-color:#30d15847}.toast-enter-active,.toast-leave-active{transition:opacity .24s, transform .34s var(--spring)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(16px)scale(.94)}.page-enter-active{transition:opacity .24s var(--ease), filter .34s var(--ease), transform .34s var(--spring)}.page-leave-active{transition:opacity .14s var(--ease), filter .14s var(--ease), transform .14s var(--ease)}.page-enter-from{opacity:0;filter:blur(5px);transform:translateY(12px)scale(.994)}.page-leave-to{opacity:0;filter:blur(3px);transform:translateY(-5px)scale(.998)}.mobile-only{display:none}.skeleton{background:linear-gradient(110deg,#0f172a0b 8%,#0f172a14 34%,#0f172a0b 60%) 0 0/220%;border-radius:12px;height:172px;animation:1.6s linear infinite shimmer}.card-skeleton{border-radius:14px;height:152px}@keyframes shimmer{to{background-position:-220% 0}}@media (width<=1100px){.product-grid,.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-columns{grid-template-columns:1fr}.admin-content{padding:18px 18px 30px}}@media (width<=900px){.app-shell.admin-mode{padding:12px;display:block}.admin-mode .sidebar{width:212px;height:auto;transition:transform .32s var(--spring);border-right:1px solid #0f172a14;border-radius:13px;position:fixed;top:12px;bottom:12px;left:12px;transform:translate(-118%);box-shadow:0 30px 80px -30px #000}.admin-mode .sidebar.open{transform:translate(0)}.admin-main{border-radius:13px;min-height:calc(100vh - 24px)}.admin-toolbar{padding:0 14px}.mobile-only{display:inline-flex}.settings-grid{grid-template-columns:1fr;gap:12px}.settings-tabs{flex-wrap:wrap;gap:4px;display:flex}.settings-tabs button{width:auto;margin-bottom:0}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=780px){.store-header-inner{gap:10px;height:54px;padding:0 16px}.store-header .brand>span:last-child{max-width:110px}.store-nav{margin-left:2px}.store-nav a{padding:5px 8px;font-size:11px}.nav-order span{display:none}.nav-order{padding:7px 9px!important}.container,.catalog{padding-left:16px;padding-right:16px}.catalog{padding-top:14px;padding-bottom:32px}.notice-panel{padding:14px 15px 16px}.notice-body{font-size:12px;line-height:1.85}.category-row{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:8px}.category-card{padding:10px 12px}.catalog-toolbar{margin-bottom:11px}.search-field{width:176px}.benefits{gap:6px;margin:18px 0 14px}.benefit small{display:none}.store-footer-inner{padding:12px 16px}.subpage{padding-top:14px}.checkout-grid{grid-template-columns:1fr;gap:18px}.checkout-product{padding:16px}.checkout-product h2{font-size:19px}.panel{padding:17px}.page-head{margin:18px 0 14px}.admin-page-head{align-items:flex-start}.admin-page-head h1{font-size:19px}.admin-content{padding:15px 14px 26px}.filter-bar{flex-wrap:wrap}.filter-bar .search-field{min-width:100%;max-width:none}.filter-bar input[type=date]{max-width:140px}.admin-panel{padding:14px}.order-detail .flex h2{font-size:15px}}@media (width<=560px){.store-header-inner{gap:6px;padding:0 14px}.store-header .brand>span:last-child{display:none}.store-nav{margin:0 auto}.store-nav a{padding:5px 7px;font-size:10.5px}.catalog-toolbar{gap:8px}.category-row{flex-basis:100%;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.category-card{min-width:0}.catalog-count{margin-left:0}.search-field,.search-field:focus-within{width:100%}.category-card strong{font-size:13px}.tabs{gap:2px}.tab{padding:5px 9px;font-size:11px}.product-grid{grid-template-columns:1fr;gap:9px}.product-card{border-radius:12px;min-height:0;padding:13px 14px}.card-title{margin-top:10px;font-size:15px}.card-foot{margin-top:12px;padding-top:11px}.card-price{letter-spacing:-.6px;font-size:21px}.card-go{width:30px;height:30px}.benefit>svg{width:14px;height:14px}.benefit strong{font-size:9.5px}.store-footer-inner{gap:10px;padding:11px 16px;font-size:10px}.footer-note{display:none}.footer-links{gap:12px}.form-row{grid-template-columns:1fr;gap:0}.query-form{flex-direction:column}.match-row{padding:11px 12px}.match-side small{display:none}.match-main strong{font-size:13px}.cache-row{gap:9px;padding:11px 12px}.cache-side small{display:none}.cache-main strong{font-size:13px}.cache-fill{padding:5px 7px;font-size:10.5px}.details-grid{gap:13px}.details-grid dd{font-size:11px}.details-grid dd.order-number{font-size:9.5px}.status-orb{border-radius:14px;width:48px;height:48px}.payment-banner h1{font-size:19px}.stat-grid{gap:8px}.stat-card{padding:12px}.stat-value{font-size:21px}.admin-page-head .btn{padding:7px 10px;font-size:11px}.admin-page-head p{font-size:10.5px}.toolbar-tag{display:none}.login-body{padding:20px 18px 18px}.login-card{width:100%}.modal-backdrop{padding:16px 10px}.modal-content{padding:14px}.actions>.btn{flex:1}.data-table td,.data-table th{padding:9px 8px}.toast-stack{bottom:16px}.toast{padding:9px 13px;font-size:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.mono{font-variant-ligatures:none;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace}.badge.danger{color:#b42318;background:#d92d201c}.modal-mask{z-index:300;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#080a0e8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;width:min(600px,100%);max-height:86vh;overflow:auto;box-shadow:0 24px 60px #080a0e40}.modal-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;padding:15px 20px;display:flex}.modal-head h3{margin:0;font-size:14.5px;font-weight:650}.modal-body{gap:12px;padding:18px 20px 20px;display:grid}.kv{justify-content:space-between;gap:18px;font-size:12.5px;line-height:1.5;display:flex}.kv>span{color:var(--muted);flex:none}.kv>strong{text-align:right;word-break:break-all;font-weight:600}.muted{color:var(--muted)}.tab-row{background:var(--surface-1);border-radius:10px;gap:4px;width:fit-content;margin-bottom:14px;padding:3px;display:flex}.tab-row button{color:var(--muted);transition:.18s var(--ease,ease);border-radius:8px;padding:6px 14px;font-size:12.5px;font-weight:570}.tab-row button.on{color:var(--text);background:var(--surface);box-shadow:0 1px 3px #0f172a1f}.data-table td>strong,.data-table td>small{display:block}.data-table td>small{color:var(--faint);white-space:nowrap;text-overflow:ellipsis;max-width:190px;margin-top:2px;font-size:10.5px;overflow:hidden}.badge.blue{color:#0b6fd8;background:#0a84ff1c}.qr-mask{z-index:400;-webkit-backdrop-filter:blur(9px);background:#0a0e1675;place-items:center;padding:24px;animation:.18s both qr-fade;display:grid;position:fixed;inset:0}.qr-card{text-align:center;background:#fff;border:1px solid #0f172a0f;border-radius:22px;width:min(420px,100%);padding:26px 26px 20px;animation:.26s cubic-bezier(.22,1,.36,1) both qr-pop;position:relative;box-shadow:0 34px 80px -26px #10182880,0 2px 6px #1018280d}.qr-close{color:#8b95a7;width:30px;height:30px;transition:.16s var(--ease,ease);background:0 0;border-radius:9px;place-items:center;display:grid;position:absolute;top:12px;right:12px}.qr-close:hover{color:#101828;background:#f2f4f7}.qr-badge{color:#079455;background:#07945517;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11.5px;font-weight:650;display:inline-flex}.qr-head h2{letter-spacing:-.3px;color:#101828;margin:14px 0 6px;font-size:18px;font-weight:750}.qr-head p{color:#8b95a7;margin:0;font-size:12.5px;line-height:1.6}.qr-frame{background:linear-gradient(#f6f8ff,#fff 55%);border:1px solid #0f172a12;border-radius:18px;place-items:center;width:208px;height:208px;margin:18px auto 14px;padding:10px;display:grid;box-shadow:inset 0 1px #fff}.qr-frame img{border-radius:8px;width:100%;height:100%;display:block}.qr-loading{color:#98a2b3;place-items:center;display:grid}.qr-amount{letter-spacing:-.9px;color:#101828;font-variant-numeric:tabular-nums;align-items:baseline;gap:3px;font-size:27px;font-weight:800;display:inline-flex}.qr-amount small{letter-spacing:0;color:#98a2b3;font-size:15px;font-weight:700}.qr-order{color:#98a2b3;word-break:break-all;margin-top:5px;font-size:11.5px}.qr-order .mono{color:#667085}.qr-state{color:#667085;align-items:center;gap:7px;margin:15px 0 13px;font-size:12px;font-weight:550;display:inline-flex}.qr-dot{background:#12b76a;border-radius:50%;width:6px;height:6px;animation:1.6s ease-out infinite qr-pulse;box-shadow:0 0 #12b76a73}.qr-tip{color:#b0b7c3;margin:12px 0 0;font-size:11px;line-height:1.6}@keyframes qr-fade{0%{opacity:0}}@keyframes qr-pop{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes qr-pulse{0%{box-shadow:0 0 #12b76a73}70%{box-shadow:0 0 0 7px #12b76a00}to{box-shadow:0 0 #12b76a00}}