@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#14251d;--cream:#f4f1e8;--paper:#fffdf7;--lime:#c8f25d;--orange:#ff7248;--line:#d9d8cd;--muted:#6d756f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header{height:76px;display:flex;align-items:center;gap:36px;padding:0 max(4vw,24px);border-bottom:1px solid var(--line);background:rgba(244,241,232,.94);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.brand{font-weight:800;font-size:21px;margin-right:auto}.brand span{display:inline-grid;place-items:center;width:34px;height:34px;background:var(--ink);color:var(--lime);border-radius:10px;margin-right:8px}.main-nav,.account-nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:700}.main-nav a:hover{color:#4d7022}.wallet{background:var(--lime);padding:8px 12px;border-radius:20px;font-family:'DM Mono'}.account-nav form{margin:0}.link-button{border:0;background:none;color:var(--muted);cursor:pointer}.button,.buy-form button{display:inline-flex;border:0;background:var(--ink);color:white;padding:13px 20px;border-radius:10px;font-weight:800;cursor:pointer}.button:hover,.buy-form button:hover{background:#365941}.button-small{padding:9px 14px}.hero{min-height:590px;padding:90px max(6vw,30px);display:grid;grid-template-columns:1.4fr .8fr;align-items:center;gap:7vw;background:radial-gradient(circle at 72% 18%,#e7f7b9 0,transparent 27%),linear-gradient(135deg,#f4f1e8 60%,#e5e1d2)}.eyebrow{font:500 12px 'DM Mono';letter-spacing:.16em;color:#61705f}.hero h1{font-size:clamp(60px,8vw,112px);letter-spacing:-.075em;line-height:.82;margin:20px 0 32px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:19px;line-height:1.7;max-width:650px;color:#4e5c54;margin-bottom:32px}.hero-card{background:var(--ink);color:white;padding:38px;border-radius:28px;transform:rotate(2deg);box-shadow:22px 22px 0 var(--lime);display:flex;flex-direction:column;gap:8px}.hero-card .pulse{width:12px;height:12px;background:var(--lime);border-radius:50%;box-shadow:0 0 0 8px #c8f25d22}.hero-card strong{font-size:46px;margin-top:30px}.hero-card small,.hero-card span{color:#c4cec8}.hero-metric{border-top:1px solid #ffffff2b;margin-top:25px;padding-top:25px;display:flex;justify-content:space-between}.hero-metric b{font:500 20px 'DM Mono'}.category-strip{display:flex;gap:12px;padding:22px max(6vw,30px);overflow:auto;border-block:1px solid var(--line);background:var(--paper)}.category-strip a{white-space:nowrap;border:1px solid var(--line);padding:10px 15px;border-radius:99px;font-size:13px;font-weight:700}.category-strip span{display:inline-grid;place-items:center;background:var(--lime);width:24px;height:24px;border-radius:50%;margin-right:8px}.section-shell,.table-shell{padding:85px max(6vw,30px)}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-heading h2,.page-hero h1{font-size:42px;margin:8px 0}.section-heading>p{max-width:420px;color:var(--muted)}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product-card{background:var(--paper);border:1px solid var(--line);padding:18px;border-radius:18px;transition:.25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #14251d13}.product-top,.product-meta,.price-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.category-pill{font:500 10px 'DM Mono';text-transform:uppercase;background:#ece9df;padding:7px 9px;border-radius:6px}.stock{font-size:11px;color:#417128}.product-art{height:160px;display:grid;place-items:center;margin:16px 0;background:linear-gradient(145deg,#dff79b,#b2de51);border-radius:14px;overflow:hidden}.product-art span{font-size:80px;font-weight:800;opacity:.48;transform:rotate(-9deg)}.product-card h3{font-size:18px;line-height:1.35;min-height:49px}.product-card>p{font-size:13px;color:var(--muted);line-height:1.6;min-height:63px}.product-meta{font-size:11px;padding-block:14px;border-block:1px solid var(--line);margin-bottom:16px}.price-row strong{display:block;font:500 20px 'DM Mono'}.price-row del{font-size:11px;color:#999}.buy-form{display:flex}.buy-form input{width:45px;border:1px solid var(--line);border-radius:8px 0 0 8px;padding:8px}.buy-form button{padding:9px 11px;border-radius:0 8px 8px 0;font-size:12px}.feature-band{background:var(--ink);color:white;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:70px max(6vw,30px)}.feature-band b{font:500 13px 'DM Mono';color:var(--lime)}.feature-band h3{font-size:24px}.feature-band p{color:#aebdb4}.site-footer{padding:50px max(6vw,30px);display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px;border-top:1px solid var(--line)}.site-footer p{color:var(--muted)}.notice{margin:22px max(6vw,30px);padding:14px 18px;border-radius:10px;font-weight:700}.notice-error{background:#ffe0d7;color:#8c2f18}.notice-success{background:#def5bc;color:#315d14}.auth-shell{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1fr 1fr}.auth-aside{background:var(--ink);color:white;padding:10vw 8vw}.auth-aside h1{font-size:55px;line-height:1.05}.auth-aside p:not(.eyebrow){color:#b6c4bb;line-height:1.7}.auth-card{margin:auto;width:min(420px,85%);background:var(--paper);padding:38px;border:1px solid var(--line);border-radius:20px;box-shadow:14px 14px 0 var(--lime)}.auth-card h2{font-size:34px;margin:0}.auth-card>p{color:var(--muted)}.auth-card label{font-size:13px;font-weight:800;display:block;margin:18px 0 7px}.auth-card input:not([type=checkbox]){width:100%;padding:13px;border:1px solid var(--line);border-radius:9px;background:white}.auth-card .button{width:100%;justify-content:center;margin-top:22px}.check{font-weight:500!important}.validation{color:#a72d18}.page-hero{padding:70px max(6vw,30px) 30px;background:#e9f0db}.page-hero>p{color:var(--muted)}.order-card{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:16px;overflow:hidden}.order-head{display:grid;grid-template-columns:1.4fr .7fr 1fr 1fr;align-items:center;gap:20px;padding:20px}.order-head small{display:block;font:500 10px 'DM Mono';color:var(--muted);margin-bottom:5px}.order-head h3{margin:0;font:500 15px 'DM Mono'}.status{background:var(--lime);padding:7px 10px;border-radius:20px;font-size:11px;width:max-content}.delivered-data{border-top:1px solid var(--line);padding:14px 20px;background:#f7f5ee}.delivered-data div{display:grid;grid-template-columns:1fr 2fr;gap:20px;margin:7px 0}.delivered-data code{user-select:all}.empty-state{text-align:center;padding:80px}.admin-layout{display:grid;grid-template-columns:250px 1fr;min-height:calc(100vh - 76px)}.admin-sidebar{background:var(--ink);color:white;padding:35px 24px;display:flex;flex-direction:column;position:sticky;top:76px;height:calc(100vh - 76px)}.admin-label{font:500 10px 'DM Mono';color:var(--lime)}.admin-sidebar h2{margin-top:8px}.admin-sidebar nav{display:flex;flex-direction:column;gap:5px;margin-top:25px}.admin-sidebar nav a{padding:11px 12px;border-radius:8px;color:#b5c1ba;font-size:13px}.admin-sidebar nav a.active,.admin-sidebar nav a:hover{background:#ffffff12;color:white}.admin-sidebar>a{margin-top:auto;color:var(--lime);font-size:13px}.admin-content{padding:45px;min-width:0}.admin-title,.admin-panel header{display:flex;justify-content:space-between;align-items:center}.admin-title h1{font-size:38px;margin:8px 0 25px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metric-grid>div,.admin-panel{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:20px}.metric-grid small,.admin-panel header small{font:500 10px 'DM Mono';color:var(--muted)}.metric-grid strong{display:block;font:500 27px 'DM Mono';margin:12px 0}.metric-grid em{font-style:normal;font-size:11px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1.6fr .8fr;gap:16px;margin-top:16px}.admin-panel{padding:0;overflow:hidden}.admin-panel header{padding:20px;border-bottom:1px solid var(--line)}.admin-panel h2{font-size:20px;margin:5px 0 0}.admin-panel header button{border:0;background:var(--lime);padding:9px 12px;border-radius:8px;font-weight:800}.data-row{display:grid;grid-template-columns:2fr 1fr 1fr .5fr;gap:12px;padding:14px 20px;border-bottom:1px solid #e9e7de;font-size:12px;align-items:center}.data-row span:first-child small{display:block;color:var(--muted)}.data-head{font:500 10px 'DM Mono';color:var(--muted);background:#f3f1e9}.stock-dot{display:inline-block;width:7px;height:7px;background:#80ad2f;border-radius:50%;margin-right:5px}.compact-order{display:flex;justify-content:space-between;padding:15px 20px;border-bottom:1px solid var(--line);font-size:12px}.compact-order small{display:block;color:var(--muted);margin-top:4px}.muted{color:var(--muted);padding:20px}
@media(max-width:1000px){.product-grid{grid-template-columns:repeat(2,1fr)}.main-nav{display:none}.hero{grid-template-columns:1fr}.hero-card{max-width:500px}.metric-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.user-name{display:none}}
@media(max-width:650px){.site-header{height:auto;min-height:68px;padding:12px 18px}.account-nav{gap:8px}.wallet{font-size:11px}.hero{padding:60px 22px}.hero h1{font-size:58px}.hero-card{box-shadow:10px 10px 0 var(--lime)}.section-shell,.table-shell{padding:55px 20px}.section-heading{display:block}.product-grid{grid-template-columns:1fr}.feature-band,.site-footer{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr}.auth-aside{padding:55px 25px}.auth-aside h1{font-size:40px}.auth-card{margin:45px auto}.order-head{grid-template-columns:1fr 1fr}.delivered-data div{grid-template-columns:1fr}.admin-layout{display:block}.admin-sidebar{position:static;height:auto}.admin-sidebar nav{display:grid;grid-template-columns:1fr 1fr}.admin-sidebar>a{margin-top:20px}.admin-content{padding:25px 16px}.metric-grid{grid-template-columns:1fr 1fr}.data-row{grid-template-columns:2fr 1fr}.data-row span:nth-child(2),.data-row span:nth-child(3){display:none}}
.admin-subnav{display:flex;gap:6px;padding:14px max(4vw,24px);background:var(--ink);color:white;overflow:auto;position:sticky;top:76px;z-index:15}.admin-subnav a{white-space:nowrap;padding:9px 13px;border-radius:7px;font-size:12px;color:#c6d1ca}.admin-subnav a:hover{background:#ffffff15;color:var(--lime)}.admin-page{padding:45px max(4vw,24px)}.admin-page>.admin-panel{margin-top:22px}.inline-notice{margin:14px 0}.product-admin-row{grid-template-columns:2fr 1fr .7fr 1fr .7fr}.order-admin-row{grid-template-columns:1.2fr .7fr 1.7fr .7fr .7fr .7fr}.user-admin-row{grid-template-columns:1.5fr .8fr .8fr .6fr .6fr .7fr}.table-action,.danger-action{border:0;border-radius:7px;padding:7px 9px;font-size:11px;font-weight:800;cursor:pointer}.table-action{background:var(--lime);color:var(--ink)}.danger-action{background:#ffe0d7;color:#8c2f18}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#78a932;margin-right:6px}.status-dot.refunded{background:var(--orange)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:20px}.admin-form{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:24px}.admin-form header{margin-bottom:20px}.admin-form header small{font:500 10px 'DM Mono';color:var(--muted)}.admin-form h2{margin:6px 0}.admin-form>p{font-size:13px;color:var(--muted)}.admin-form label{font-size:12px;font-weight:800;display:block;margin:14px 0 7px}.admin-form input:not([type=checkbox]),.admin-form select,.admin-form textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--line);border-radius:8px;background:white}.admin-form textarea{resize:vertical;font:400 12px 'DM Mono'}.admin-form .button{margin-top:15px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-layout{padding:55px max(6vw,30px);display:grid;grid-template-columns:.8fr 1.2fr;gap:20px;max-width:1100px;margin:auto}.wallet-summary{background:var(--ink);color:white;border-radius:20px;padding:35px;display:flex;flex-direction:column;gap:12px;box-shadow:14px 14px 0 var(--lime)}.wallet-summary small{font:500 11px 'DM Mono';color:var(--lime)}.wallet-summary strong{font:500 37px 'DM Mono';margin:22px 0}.wallet-summary span{color:#b8c5bd}.wallet-summary a{margin-top:auto;color:var(--lime);font-weight:800}.ledger-row{grid-template-columns:.8fr .8fr .8fr .8fr 2fr}.ledger-row.ledger-admin{grid-template-columns:.8fr .7fr .8fr .8fr .8fr 2fr}.ledger-row small{display:block;color:var(--muted)}.money-in{color:#4d8120;font-weight:800}.money-out{color:#b54426;font-weight:800}
@media(max-width:850px){.form-grid,.wallet-layout{grid-template-columns:1fr}.admin-page{padding:30px 16px}.product-admin-row,.order-admin-row,.user-admin-row,.ledger-row,.ledger-row.ledger-admin{min-width:760px}.data-table{overflow:auto}.admin-subnav{top:68px}}
.buy-form input[type=text]{width:68px;border-radius:8px 0 0 8px}.buy-form input[type=number]{border-radius:0}.category-row{grid-template-columns:1.4fr 1.4fr .6fr .6fr}.coupon-row{grid-template-columns:1.2fr .5fr .7fr .9fr .7fr}.promotion-row{grid-template-columns:1.2fr .7fr .8fr}.top-gap{margin-top:18px}.narrow-admin{max-width:1000px;margin:auto}.settings-form{margin-top:20px}.config-note{background:#eef6d9;border-left:4px solid #98be3d;padding:13px 15px;margin-top:16px}.config-note p{margin-bottom:0;color:var(--muted);font-size:12px}.audit-row{grid-template-columns:.8fr .7fr .6fr .8fr 2fr .7fr}.audit-row small{display:block;color:var(--muted)}
@media(max-width:850px){.category-row,.coupon-row,.promotion-row,.audit-row{min-width:760px}}
.affiliate-metrics{margin-bottom:18px}.referral-box{display:flex;align-items:center;gap:20px;background:var(--ink);color:white;padding:20px 24px;border-radius:14px;margin-bottom:18px}.referral-box small{font:500 10px 'DM Mono';color:var(--lime)}.referral-box code{overflow:auto;user-select:all}.withdrawal-row,.ctv-row{grid-template-columns:1fr 1fr 1fr}.api-layout{padding:55px max(6vw,30px);max-width:1150px;margin:auto}.api-key-card{display:grid;grid-template-columns:.5fr 2fr .7fr;align-items:center;gap:16px;background:var(--ink);color:white;border-radius:16px;padding:22px;margin-bottom:18px}.api-key-card small{color:var(--lime);font:500 10px 'DM Mono'}.api-key-card code{overflow:auto;user-select:all}.endpoint{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.endpoint b{background:var(--lime);padding:5px 8px;border-radius:5px;font:500 10px 'DM Mono'}.blog-grid{padding:70px max(6vw,30px);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.blog-grid article{background:var(--paper);border:1px solid var(--line);border-radius:17px;padding:28px;min-height:270px;display:flex;flex-direction:column}.blog-grid small{font:500 10px 'DM Mono';color:var(--muted)}.blog-grid h2{font-size:25px;line-height:1.2}.blog-grid p{color:var(--muted);line-height:1.6}.blog-grid a{margin-top:auto;font-weight:800;color:#4d7022}.article-page{max-width:850px;margin:70px auto;padding:0 25px}.article-page h1{font-size:clamp(42px,7vw,74px);line-height:1;letter-spacing:-.05em}.article-lead{font-size:21px;color:var(--muted);line-height:1.6}.article-content{font-size:17px;line-height:1.9;border-top:1px solid var(--line);padding-top:30px}.content-row{grid-template-columns:2fr .8fr .7fr}.partner-row{grid-template-columns:1.7fr .7fr .7fr .7fr 1fr}.affiliate-admin-row{grid-template-columns:1fr .8fr 1.7fr .7fr 1fr}.inline-actions{display:flex;gap:5px;align-items:center}.email-row{grid-template-columns:1.8fr .7fr .6fr 1fr}.gateway-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.role-row{grid-template-columns:1fr .6fr 2fr}
@media(max-width:850px){.blog-grid,.gateway-grid{grid-template-columns:1fr}.api-key-card{grid-template-columns:1fr}.content-row,.partner-row,.affiliate-admin-row,.email-row,.role-row{min-width:760px}.affiliate-metrics{grid-template-columns:1fr 1fr}.referral-box{align-items:flex-start;flex-direction:column}}
.search-form{display:flex;min-width:300px}.search-form input{border:1px solid var(--line);padding:10px 12px;border-radius:8px 0 0 8px;min-width:220px}.search-form button{border:0;background:var(--ink);color:white;border-radius:0 8px 8px 0;padding:0 14px;font-weight:800}.product-detail{padding:70px max(7vw,30px);display:grid;grid-template-columns:1fr 1.1fr;gap:6vw;align-items:center}.detail-art{min-height:520px;display:grid;place-items:center;background:linear-gradient(145deg,#dff79b,#aeda45);border-radius:28px;box-shadow:20px 20px 0 var(--ink);overflow:hidden}.detail-art span{font-size:240px;font-weight:800;opacity:.35;transform:rotate(-10deg)}.detail-copy h1{font-size:clamp(42px,6vw,76px);line-height:.98;letter-spacing:-.055em;margin:15px 0}.detail-copy>p{color:var(--muted);font-size:17px;line-height:1.7}.detail-stats{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.detail-stats span{border:1px solid var(--line);border-radius:10px;padding:10px 12px;font-size:11px}.detail-stats b{display:block;font:500 15px 'DM Mono'}.detail-price{font:500 34px 'DM Mono';margin:20px 0}.detail-price del{font-size:15px;color:var(--muted)}.detail-buy{display:grid;grid-template-columns:.6fr 1fr auto;gap:10px;align-items:end}.detail-buy label{font-size:11px;font-weight:800}.detail-buy input{display:block;width:100%;padding:12px;border:1px solid var(--line);border-radius:8px;margin-top:6px}.favorite-button{border:0;background:none;font-weight:800;color:#af492c;margin-top:17px;cursor:pointer}.favorite-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.favorite-grid article{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:15px}.favorite-grid article>div:last-child{display:flex;gap:8px;align-items:center;margin-top:18px}.favorite-grid form{margin:0}.mini-art{height:100px;display:grid;place-items:center;background:var(--lime);border-radius:10px;font-size:50px;font-weight:800}.download-link{display:block;color:#4d7022;font-size:11px;font-weight:800;margin-top:6px}.faq-list{max-width:900px;margin:60px auto;padding:0 24px}.faq-list details{background:var(--paper);border:1px solid var(--line);padding:20px;border-radius:12px;margin-bottom:10px}.faq-list summary{font-weight:800;cursor:pointer}.faq-list p{color:var(--muted);line-height:1.7}.contact-grid{padding:70px max(7vw,30px);display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-grid div{background:var(--paper);border:1px solid var(--line);border-radius:15px;padding:30px}.contact-grid small{display:block;font:500 10px 'DM Mono';color:var(--muted);margin-bottom:18px}.tool-grid{padding:60px max(7vw,30px);display:grid;grid-template-columns:1fr 1fr;gap:18px}.tool-message{grid-column:1/-1;margin:0}.totp-code{display:block;font:500 42px 'DM Mono';letter-spacing:.18em;background:var(--ink);color:var(--lime);padding:18px;border-radius:10px;margin:16px 0;text-align:center;user-select:all}.icon-library div{font-size:32px;letter-spacing:.2em;line-height:2;user-select:all}
@media(max-width:850px){.product-detail{grid-template-columns:1fr}.detail-art{min-height:330px;box-shadow:10px 10px 0 var(--ink)}.detail-art span{font-size:150px}.favorite-grid,.contact-grid{grid-template-columns:1fr 1fr}.tool-grid{grid-template-columns:1fr}.category-strip{align-items:center}.search-form{min-width:280px}.detail-buy{grid-template-columns:1fr 1fr}.detail-buy .button{grid-column:1/-1;justify-content:center}}
@media(max-width:550px){.favorite-grid,.contact-grid{grid-template-columns:1fr}.detail-buy{grid-template-columns:1fr}.detail-copy h1{font-size:43px}}
.automation-row{grid-template-columns:1.6fr .7fr .8fr .7fr}.block-row{grid-template-columns:1fr 1.5fr .6fr}.warehouse-row{grid-template-columns:.4fr 1.2fr 2fr .8fr}.warehouse-row code{user-select:all}.supplier-row{grid-template-columns:1.1fr 1.8fr .6fr .7fr}.queue-row{grid-template-columns:1.2fr .5fr 1.3fr .7fr .5fr .8fr .8fr}.queue-row small{display:block;color:#b54426}.locale-row,.currency-row{grid-template-columns:1fr .6fr 1fr}.theme-form input[type=color]{height:54px;padding:4px}.theme-preview{--preview-accent:#c8f25d;background:var(--ink);color:white;border-radius:16px;padding:30px;margin:20px 0}.theme-preview span{font:500 10px 'DM Mono';color:var(--preview-accent)}.theme-preview h3{font-size:32px}.theme-preview button{background:var(--preview-accent);border:0;padding:10px 14px;border-radius:8px;font-weight:800}.mini-form{display:flex;gap:4px}.mini-form input{width:48px;border:1px solid var(--line);border-radius:6px;padding:5px}
.balance-adjust-form{display:grid;grid-template-columns:110px 140px minmax(220px,1fr) 90px 80px;gap:8px;align-items:center;padding:9px 14px 14px;margin-top:-1px;border-bottom:1px solid var(--line);background:#f7f8f2}.balance-adjust-form input,.balance-adjust-form select{min-width:0;border:1px solid var(--line);border-radius:7px;padding:8px;background:white}.balance-adjust-form a{font-size:11px;font-weight:800;color:#4d7022}
@media(max-width:850px){.automation-row,.block-row,.warehouse-row,.supplier-row,.queue-row,.locale-row,.currency-row{min-width:760px}.balance-adjust-form{min-width:760px}}
.register-card{margin-block:45px}.narrow-form{max-width:620px;margin:55px auto;padding:0 22px}.contact-layout{padding:55px max(7vw,30px)}.contact-layout .contact-grid{padding:0;margin-bottom:18px}.contact-form{max-width:900px;margin:auto}.ticket-row{grid-template-columns:1fr 1fr 2fr .7fr 1.2fr}.ticket-row small{display:block;color:var(--muted)}
@media(max-width:850px){.ticket-row{min-width:850px}}
.deposit-user-row{grid-template-columns:1.3fr .7fr 1fr .6fr .5fr}.deposit-admin-row{grid-template-columns:1.3fr .7fr 1fr .6fr 1.7fr}.deposit-actions{display:flex;gap:6px;align-items:center}.deposit-actions form{margin:0}.inline-reject{display:flex;gap:5px}.inline-reject input{width:110px;min-width:0;border:1px solid var(--line);border-radius:7px;padding:7px;font-size:11px}
.security-layout{max-width:1050px;margin:45px auto;padding:0 24px;display:grid;grid-template-columns:1.35fr .65fr;gap:20px}.security-side{background:var(--ink);color:white;border-radius:18px;padding:30px;display:flex;flex-direction:column;gap:16px}.security-side small{font:500 10px 'DM Mono';color:var(--lime)}.security-side strong{font:500 32px 'DM Mono'}.security-side p{color:#b8c5bd;line-height:1.6}.security-side a{margin-top:auto;color:var(--lime);font-weight:800}.security-secret,.security-uri{display:block;padding:14px;margin:8px 0 18px;background:#eef2e7;border-radius:8px;overflow-wrap:anywhere;user-select:all}.security-layout details{margin-bottom:18px}.security-layout summary{cursor:pointer;font-weight:800;font-size:12px}.recovery-panel{max-width:1000px;margin:0 auto 55px;padding:30px;background:#fff1d8;border:1px solid #e9c98c;border-radius:18px}.recovery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}.recovery-grid code{padding:12px;background:white;border-radius:7px;text-align:center;user-select:all}.security-event-row{grid-template-columns:.9fr 1.2fr .7fr .7fr 1.5fr}.security-event-row small{display:block;color:var(--muted);overflow-wrap:anywhere}
@media(max-width:850px){.security-layout{grid-template-columns:1fr}.recovery-grid{grid-template-columns:repeat(2,1fr)}.security-event-row{min-width:850px}}
@media(max-width:850px){.deposit-user-row,.deposit-admin-row{min-width:760px}}
.affiliate-withdrawal-row{grid-template-columns:1fr 1fr .8fr .7fr}
@media(max-width:850px){.affiliate-withdrawal-row{min-width:620px}}
.ticket-center{max-width:1050px;margin:auto}.admin-ticket-list{display:grid;gap:18px}.ticket-thread{background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-top:18px;overflow:hidden}.ticket-thread>header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 24px;border-bottom:1px solid var(--line)}.ticket-thread>header h2{margin:6px 0 0;font-size:21px}.ticket-thread>header small,.ticket-message small{color:var(--muted)}.ticket-status{background:var(--lime);padding:7px 10px;border-radius:99px;font:500 10px 'DM Mono'}.ticket-message{margin:16px 24px;padding:16px;border-radius:12px;max-width:78%}.ticket-message b{margin-right:10px}.ticket-message p{margin:8px 0 0;white-space:pre-wrap;line-height:1.6}.customer-message{background:#f0eee6}.admin-message{background:#e5f3bd;margin-left:auto;border-left:4px solid #7ca32b}.ticket-reply-form{display:grid;grid-template-columns:1fr auto;gap:10px;padding:18px 24px;border-top:1px solid var(--line)}.ticket-reply-form textarea{min-height:80px;padding:12px;border:1px solid var(--line);border-radius:9px;resize:vertical;font:inherit}.ticket-status-actions{display:flex;gap:7px;padding:0 24px 20px}.admin-ticket-thread{margin-top:0}
@media(max-width:650px){.ticket-message{max-width:92%;margin-inline:14px}.ticket-reply-form{grid-template-columns:1fr}.ticket-thread>header{display:block}.ticket-status{display:inline-block;margin-top:12px}}
.supplier-sync-row{grid-template-columns:1.1fr 1.7fr .6fr .5fr 2fr}.supplier-sync-row code{word-break:break-all}.supplier-actions{display:flex;gap:5px;align-items:center;flex-wrap:wrap}.supplier-actions form{margin:0}.supplier-token-form{display:flex}.supplier-token-form input{width:90px;min-width:0;border:1px solid var(--line);border-radius:7px 0 0 7px;padding:7px;font-size:11px}.supplier-token-form button{border-radius:0 7px 7px 0}.table-action:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:850px){.supplier-sync-row{min-width:980px}}
.ctv-seller-row{grid-template-columns:1.2fr .7fr .7fr 1.6fr}.ctv-seller-row small{display:block;color:var(--muted)}.ctv-stock-form{display:grid;grid-template-columns:1fr auto;gap:5px}.ctv-stock-form textarea{min-height:58px;min-width:150px;border:1px solid var(--line);border-radius:7px;padding:7px;font-size:11px;resize:vertical}
@media(max-width:850px){.ctv-seller-row{min-width:800px}}
.theme-compact .site-header{height:62px}.theme-compact .hero{min-height:470px;padding-block:60px}.theme-compact .product-card,.theme-compact .admin-panel,.theme-compact .admin-form{border-radius:6px}.theme-compact .product-art{height:120px}.theme-compact .section-shell,.theme-compact .table-shell{padding-block:55px}.theme-commerce{--cream:#f2eee5;--paper:#fff;--ink:#17221d}.theme-commerce .hero{background:radial-gradient(circle at 80% 15%,var(--lime) 0,transparent 25%),linear-gradient(120deg,#fff4dc,#efebe2)}.theme-commerce .product-card{box-shadow:0 10px 30px #14251d10}.theme-commerce .button,.theme-commerce .buy-form button{background:#e6522c}.theme-commerce .category-pill{background:#ffe2d8}
.blog-category-row{grid-template-columns:1.5fr .5fr .5fr 1fr}.menu-admin-row{grid-template-columns:1fr 1.6fr .6fr .5fr 1fr}.menu-admin-row code{overflow-wrap:anywhere}.blog-category-nav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:28px max(6vw,30px) 0}.blog-category-nav a{padding:9px 14px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:800}.blog-category-nav a.active{background:var(--ink);color:var(--lime);border-color:var(--ink)}
@media(max-width:850px){.blog-category-row,.menu-admin-row{min-width:780px}}
.order-note-form{display:grid;grid-template-columns:1fr auto;gap:8px;padding:14px 18px;border-top:1px solid var(--line)}.order-note-form input,.order-filter input,.order-filter select{min-width:0;border:1px solid var(--line);border-radius:7px;padding:9px;background:white}.order-filter{display:grid;grid-template-columns:minmax(180px,1fr) 150px 145px 145px auto auto;gap:8px;margin:18px 0}.order-filter a{text-align:center}
@media(max-width:850px){.order-filter{grid-template-columns:1fr 1fr}.order-note-form{grid-template-columns:1fr}}
.user-create-panel{margin-top:18px}.user-create-panel summary{cursor:pointer;font-weight:800;font-size:16px}.user-management-tools{display:flex;gap:8px;align-items:center;padding:9px 14px;background:#faf9f4;border-bottom:1px solid var(--line)}.user-profile-form{display:grid;grid-template-columns:180px minmax(220px,1fr) auto;gap:7px;flex:1}.user-profile-form input{min-width:0;border:1px solid var(--line);border-radius:7px;padding:8px}.archived-row{opacity:.58}.archived-row b{font-style:italic}
@media(max-width:850px){.user-management-tools{min-width:760px}.user-profile-form{grid-template-columns:180px 260px auto}}
.translation-row{grid-template-columns:.8fr 2fr 1fr}.translation-row small{display:block;color:var(--muted)}
@media(max-width:850px){.translation-row{min-width:760px}}

/* ShopAccount UI system based on the supplied visual references. */
:root{--brand:#2457f5;--brand-2:#7c36ef;--brand-soft:#eef3ff;--success:#12ad68;--success-soft:#eaf9f1;--warning:#f58a18;--warning-soft:#fff4e8;--danger:#ee4d62;--danger-soft:#fff0f2;--ink:#121a35;--muted:#6f7892;--line:#e5e9f2;--cream:#f7f9fd;--paper:#fff;--lime:#2457f5;--orange:#7c36ef;--rail:232px;--topbar:72px;--shadow:0 8px 28px rgba(31,51,105,.06)}
html{background:#f7f9fd}body{background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif;font-size:14px}.app-shell{min-height:100vh;display:grid;grid-template-columns:var(--rail) minmax(0,1fr)}.side-rail{position:sticky;top:0;height:100vh;background:#fff;border-right:1px solid var(--line);padding:0 14px 18px;display:flex;flex-direction:column;z-index:50;overflow:auto}.brand{height:72px;display:flex;align-items:center;gap:10px;margin:0 0 4px;padding:0 6px;font-size:19px}.brand span{width:35px;height:35px;border-radius:11px;background:linear-gradient(145deg,#7559ff,#02bde9);color:#fff;font-size:23px;font-weight:800;display:grid;place-items:center;box-shadow:0 8px 18px #4b61f52c}.brand b{white-space:nowrap}.brand i{font-style:normal;color:#65708d;margin-left:auto;font-size:12px}.rail-nav{display:flex;flex-direction:column;gap:3px}.rail-nav small{font-size:9px;letter-spacing:.08em;color:#9aa3b8;margin:16px 10px 6px}.rail-nav a{display:flex;align-items:center;gap:11px;padding:10px 10px;border-radius:8px;color:#3f4965;font-size:12px;font-weight:650;transition:.16s}.rail-nav a i{font-style:normal;font-size:17px;width:20px;text-align:center;color:#66728f}.rail-nav a:hover,.rail-nav a:focus{background:var(--brand-soft);color:var(--brand)}.rail-nav a:hover i{color:var(--brand)}.vip-card,.rail-support{border:1px solid var(--line);border-radius:13px;padding:13px;margin-top:18px;background:linear-gradient(155deg,#fff,#fafbff)}.vip-card{display:grid;grid-template-columns:25px 1fr;gap:4px 8px}.vip-card>span{font-size:20px;color:#ffab16}.vip-card b,.rail-support b{font-size:12px}.vip-card small{display:block;color:var(--muted);font-size:9px}.vip-card progress{grid-column:1/-1;width:100%;height:6px;margin-top:8px;accent-color:var(--brand)}.vip-card>a,.rail-support>a{grid-column:1/-1;border:1px solid var(--line);border-radius:7px;text-align:center;padding:8px;margin-top:7px;color:var(--brand);font-size:10px;font-weight:800}.rail-support{margin-top:auto;position:relative}.rail-support>span{position:absolute;right:11px;top:11px;background:var(--success-soft);color:var(--success);padding:3px 6px;border-radius:99px;font-size:8px}.rail-support p{color:var(--muted);font-size:9px}.rail-support a{display:block;background:linear-gradient(90deg,var(--brand),var(--brand-2));color:#fff;border:0}.workspace{min-width:0;display:flex;min-height:100vh;flex-direction:column}.topbar{height:var(--topbar);display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 28px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:40;backdrop-filter:blur(12px)}.global-search{height:40px;width:min(570px,48vw);display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:9px;padding:0 12px;background:#fff}.global-search>span{font-size:20px;color:#63708e}.global-search input{border:0;outline:0;min-width:0;flex:1;color:var(--ink)}.global-search input::placeholder{color:#a4acc0}.global-search kbd{background:#f1f3f8;color:#68728d;border-radius:5px;padding:3px 6px;font-size:9px}.top-actions{display:flex;align-items:center;gap:15px}.topup-button,.button,.buy-form button{border:0;background:linear-gradient(100deg,var(--brand),var(--brand-2));color:#fff;padding:10px 18px;border-radius:8px;font-weight:800;box-shadow:0 6px 15px #3f55ef28}.plain-action{font-weight:700;color:var(--brand)}.top-icon{position:relative;font-size:18px}.top-icon b{position:absolute;right:-7px;top:-7px;background:#f23b4f;color:#fff;border-radius:99px;font-size:7px;padding:2px 4px}.account-chip{display:flex;align-items:center;gap:9px;min-width:165px}.account-chip>span{width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#d6e8ff,#ddcdfd);display:grid;place-items:center;color:var(--brand);font-weight:800}.account-chip small{display:flex;flex-direction:column;font-size:10px}.account-chip small em{font-style:normal;color:var(--muted);margin-top:2px}.workspace-main{min-width:0;flex:1}.workspace-main>.admin-subnav{display:none}.site-header{display:none}.site-footer{background:#fff;padding:28px 34px;margin-top:auto;border-top:1px solid var(--line);grid-template-columns:2fr 1fr 1fr;font-size:11px}.admin-surface .site-footer{padding:14px 28px;display:flex;justify-content:space-between}.admin-surface .site-footer>div:not(:first-child){display:none}
.admin-page,.section-shell,.table-shell{padding:26px 28px}.admin-title{align-items:flex-start;margin-bottom:18px}.admin-title h1{font-size:25px;letter-spacing:-.025em;margin:3px 0 4px}.admin-title p:not(.eyebrow){margin:0;color:var(--muted);font-size:11px}.eyebrow{font:700 9px Manrope,sans-serif;letter-spacing:.12em;color:var(--brand)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.metric-grid>div,.admin-panel,.admin-form,.order-card,.faq-list details,.contact-grid div,.blog-grid article{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.metric-grid>div{padding:17px;position:relative;min-height:115px}.metric-grid small{font:700 9px Manrope,sans-serif;color:#66718b;margin-left:47px}.metric-grid strong{font:800 23px Manrope,sans-serif;margin:11px 0 7px 47px}.metric-grid em{margin-left:47px;color:var(--success);font-size:9px}.metric-icon{position:absolute;left:16px;top:18px;width:37px;height:37px;border-radius:10px;display:grid;place-items:center;font-size:18px}.metric-icon.blue{background:#eaf1ff;color:var(--brand)}.metric-icon.green{background:var(--success-soft);color:var(--success)}.metric-icon.purple{background:#f3ebff;color:var(--brand-2)}.metric-icon.orange{background:var(--warning-soft);color:var(--warning)}.admin-grid{grid-template-columns:1.55fr .85fr;gap:14px;margin-top:14px}.admin-panel{overflow:hidden}.admin-panel header{padding:16px 18px}.admin-panel h2{font-size:15px}.admin-panel header small,.data-head{font:700 9px Manrope,sans-serif}.data-row{padding:12px 16px;border-bottom:1px solid #edf0f6;font-size:10px}.data-head{background:#fafbfe;color:#78829a;text-transform:uppercase}.table-action{background:#edf3ff;color:var(--brand);border:1px solid #dce7ff}.danger-action{background:var(--danger-soft);color:var(--danger);border:1px solid #ffdce1}.status-dot,.stock-dot{background:var(--success)}.status-dot.refunded{background:var(--brand-2)}
.admin-form{padding:20px}.admin-form h2{font-size:17px}.admin-form label{font-size:10px;color:#505b76}.admin-form input:not([type=checkbox]),.admin-form select,.admin-form textarea,.search-form input{border-color:var(--line);border-radius:7px;background:#fff;padding:10px}.form-grid{gap:14px}.config-note{background:#edf7ff;border-left-color:var(--brand)}.notice{border-radius:8px;font-size:11px}.notice-success{background:var(--success-soft);color:#14734b}.notice-error{background:var(--danger-soft);color:#a62f42}
.hero{min-height:500px;margin:22px 28px 0;padding:45px 48px;border:1px solid var(--line);border-radius:18px;background:radial-gradient(circle at 70% 40%,#e9e7ff 0,transparent 28%),linear-gradient(125deg,#f9fbff,#f3f5ff);grid-template-columns:1.15fr .85fr}.hero h1{font-size:clamp(45px,5.2vw,78px);line-height:1.02;letter-spacing:-.055em;margin:16px 0 22px}.hero h1 em{background:linear-gradient(90deg,var(--brand),var(--brand-2));background-clip:text;color:transparent}.hero-lead{font-size:14px;color:var(--muted);max-width:540px}.hero-card{background:linear-gradient(145deg,#fff,#f4f1ff);color:var(--ink);border:1px solid #e1e5f2;border-radius:18px;box-shadow:0 22px 45px #3c4d9b15;transform:none}.hero-card .pulse{background:var(--success);box-shadow:0 0 0 7px #10b36e1b}.hero-card strong{color:var(--brand)}.hero-card small,.hero-card span{color:var(--muted)}.category-strip{margin:14px 28px 0;border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.category-strip a{border-color:var(--line);border-radius:8px}.category-strip span{background:var(--brand-soft);color:var(--brand)}.search-form button{background:var(--brand)}.section-heading h2,.page-hero h1{font-size:28px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.product-card{border-radius:12px;padding:13px;box-shadow:var(--shadow)}.product-card:hover{box-shadow:0 14px 30px #334c9a14}.product-art{height:125px;background:linear-gradient(145deg,#eef3ff,#e9e2ff);border-radius:10px}.product-art span{color:var(--brand);font-size:62px}.category-pill{background:var(--brand-soft);color:var(--brand)}.stock{color:var(--success)}.product-card h3{font-size:14px}.product-card>p{font-size:10px;min-height:48px}.product-meta{font-size:9px}.price-row strong{font:800 17px Manrope,sans-serif;color:var(--brand)}.feature-band{margin:0 28px 28px;background:linear-gradient(105deg,#182453,#283881);border-radius:14px;padding:38px;gap:25px}.feature-band b{color:#a6c5ff}.feature-band h3{font-size:18px}
.page-hero{padding:28px;background:linear-gradient(100deg,#f7f9ff,#eef3ff);border-bottom:1px solid var(--line)}.wallet-layout{padding:28px;max-width:1250px}.wallet-summary{background:linear-gradient(145deg,#1f4ef0,#7540e9);box-shadow:0 15px 35px #394be52b;border-radius:14px}.wallet-summary small,.wallet-summary a{color:#dfe7ff}.wallet-summary span{color:#e9eaff}.ledger-row small{color:var(--muted)}.money-in{color:var(--success)}.money-out{color:var(--danger)}.order-card{border-radius:12px}.status{background:var(--success-soft);color:var(--success)}.delivered-data{background:#fafbfe}.auth-shell{min-height:calc(100vh - var(--topbar));padding:28px;background:linear-gradient(130deg,#f7faff,#f4f0ff);gap:25px}.auth-aside{border-radius:16px;background:linear-gradient(145deg,#f8fbff,#f0efff);color:var(--ink);padding:60px 45px;border:1px solid var(--line)}.auth-aside h1{font-size:42px}.auth-aside p:not(.eyebrow){color:var(--muted)}.auth-card{box-shadow:0 18px 45px #243a8018;border-radius:16px}.auth-card h2{font-size:25px}.auth-card input:not([type=checkbox]){border-color:var(--line)}.api-key-card,.referral-box{background:linear-gradient(120deg,#1a3fae,#6841d9);border-radius:12px}.api-key-card small,.referral-box small{color:#dbe5ff}.totp-code{background:#192554;color:#fff}.detail-art{background:linear-gradient(145deg,#eef3ff,#ded8ff);box-shadow:14px 14px 0 #dce5ff}.detail-art span{color:var(--brand)}.detail-copy h1{font-size:55px}.blog-category-nav a.active{background:var(--brand);border-color:var(--brand);color:#fff}
@media(max-width:1200px){:root{--rail:205px}.product-grid{grid-template-columns:repeat(3,1fr)}.topbar{padding-inline:20px}.account-chip{min-width:auto}.account-chip small{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){.app-shell{display:block}.side-rail{position:sticky;height:auto;top:0;padding:0 12px;overflow:visible}.brand{height:58px}.brand i,.vip-card,.rail-support{display:none}.rail-nav{display:flex;flex-direction:row;overflow:auto;padding-bottom:9px}.rail-nav small{display:none}.rail-nav a{white-space:nowrap;padding:8px 10px;background:#f8f9fc}.workspace{min-height:auto}.topbar{top:106px;height:58px;padding:8px 14px}.global-search{width:100%}.global-search kbd{display:none}.top-actions{gap:8px}.top-actions .top-icon,.account-chip{display:none}.topup-button{padding:9px 11px;white-space:nowrap}.admin-page,.section-shell,.table-shell{padding:20px 15px}.hero{margin:14px;padding:34px 24px;grid-template-columns:1fr}.hero-card{max-width:none}.category-strip{margin:10px 14px}.product-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.form-grid,.wallet-layout{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;padding:25px 18px}}
@media(max-width:560px){.topbar{top:106px}.global-search{display:none}.topbar{justify-content:flex-end}.product-grid{grid-template-columns:1fr}.hero h1{font-size:44px}.metric-grid{grid-template-columns:1fr}.auth-shell{grid-template-columns:1fr;padding:14px}.auth-aside{padding:35px 24px}.auth-card{width:100%;padding:26px}.feature-band{grid-template-columns:1fr;margin:0 14px 14px}.site-footer{display:none}.admin-surface .site-footer{display:none}}
.rail-nav a.active{background:var(--brand-soft);color:var(--brand)}.rail-nav a.active i{color:var(--brand)}.vip-card>small{grid-column:1/-1;white-space:nowrap}
@media(max-width:850px){.topbar{top:0}}
@media(max-width:560px){.topbar{top:0}}

/* Pixel-oriented page primitives shared by the supplied ShopAccount mockups. */
.mock-page{padding:22px 24px 30px;max-width:1700px;margin:0 auto}.mock-page-title{margin-bottom:17px}.mock-page-title h1,.catalog-heading h1{font-size:24px;letter-spacing:-.03em;margin:3px 0 4px}.mock-page-title p,.breadcrumb{margin:0;color:var(--muted);font-size:11px}.floating-notice{margin:16px 24px 0}.mock-panel{background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);min-width:0}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:15px 16px}.panel-heading h2{font-size:14px;margin:0 0 4px}.panel-heading p{font-size:9px;color:var(--muted);margin:0}.panel-heading>a,.panel-bottom-link{font-size:9px;color:var(--brand);font-weight:800}.mock-kpi-grid{display:grid;gap:12px;margin-bottom:14px}.mock-kpi-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}.mock-kpi-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.mock-kpi{display:flex;gap:12px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:12px;min-height:104px;padding:15px;box-shadow:var(--shadow)}.kpi-icon{flex:0 0 39px;width:39px;height:39px;border-radius:11px;display:grid;place-items:center;font-size:18px}.kpi-icon.blue{background:#edf3ff;color:var(--brand)}.kpi-icon.green{background:var(--success-soft);color:var(--success)}.kpi-icon.purple{background:#f4edff;color:var(--brand-2)}.kpi-icon.orange{background:var(--warning-soft);color:var(--warning)}.kpi-icon.red{background:var(--danger-soft);color:var(--danger)}.kpi-icon.cyan{background:#eafafd;color:#0fa4c4}.mock-kpi small{display:block;color:#5f6b88;font-size:9px}.mock-kpi strong{display:block;font-size:19px;margin:7px 0 4px;white-space:nowrap}.mock-kpi em{font-style:normal;font-size:8px;color:var(--success)}.mock-primary,.mock-secondary{display:inline-flex;align-items:center;justify-content:center;gap:6px;border-radius:7px;padding:9px 14px;font-size:10px;font-weight:800;border:1px solid transparent}.mock-primary{color:#fff;background:linear-gradient(100deg,var(--brand),var(--brand-2));box-shadow:0 5px 13px #3157ef28}.mock-secondary{color:var(--brand);background:#fff;border-color:#b9caff}.full{width:100%}.status-pill{display:inline-block;border:0;border-radius:5px;padding:5px 8px;font-size:8px;font-weight:750;white-space:nowrap}.status-pill.success{color:#07965a;background:var(--success-soft)}.status-pill.warning{color:#dc7610;background:var(--warning-soft)}.status-pill.danger{color:#d8324a;background:var(--danger-soft)}.status-pill.purple{color:#7041d5;background:#f1eaff}.mock-tabs{display:flex;gap:6px;align-items:center;border-bottom:1px solid var(--line);padding:0 14px}.mock-tabs span,.mock-tabs a{padding:11px 12px;font-size:9px;font-weight:700;color:#53607c;border-bottom:2px solid transparent}.mock-tabs .active{color:var(--brand);border-color:var(--brand)}.page-tabs{background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:14px;overflow:auto}.mock-table{min-width:0}.mock-tr{display:grid;align-items:center;border-top:1px solid #edf0f6;padding:10px 14px;gap:10px;color:inherit;font-size:9px}.mock-th{color:#7e879d;background:#fafbfe;font-size:8px;font-weight:800;text-transform:uppercase}.product-cell{display:flex;align-items:center;gap:8px;min-width:0}.product-cell i,.summary-product>i{font-style:normal;width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,#0b1020,#34405b);color:#fff;display:grid;place-items:center;font-size:14px;flex:0 0 auto}.product-cell b{overflow:hidden;text-overflow:ellipsis}.product-cell small,.mock-tr small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.empty-inline{padding:20px;color:var(--muted);font-size:10px;text-align:center}.mock-toolbar{display:flex;gap:7px;align-items:center;margin-bottom:11px}.mock-toolbar select,.mock-toolbar input,.toolbar-search{border:1px solid var(--line);border-radius:7px;background:#fff;padding:9px;font-size:9px}.toolbar-search{display:flex;gap:6px;align-items:center;flex:1}.toolbar-search input{padding:0;border:0;outline:0;width:100%}

/* Customer dashboard and catalog. */
.dashboard-main-grid{display:grid;grid-template-columns:1.35fr 1fr .8fr;gap:13px}.dashboard-main-grid .span-2{grid-column:span 2}.dashboard-order-table .mock-tr{grid-template-columns:2fr .55fr .8fr .8fr .8fr}.favorite-row{display:flex;align-items:center;gap:9px;padding:9px 15px;border-top:1px solid #edf0f6}.favorite-row>i{width:30px;height:30px;border-radius:8px;background:#101526;color:#fff;display:grid;place-items:center;font-style:normal}.favorite-row b{font-size:10px;flex:1}.favorite-row small{display:block;color:var(--muted);font-size:8px;margin-top:3px}.favorite-row>span{color:var(--danger)}.panel-bottom-link{display:block;border-top:1px solid var(--line);padding:11px 15px;text-align:center}.quick-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:14px}.quick-action-grid a{text-align:center;color:var(--ink);font-size:9px}.quick-action-grid i{margin:0 auto 7px;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-style:normal}.quick-action-grid i.blue{background:#edf3ff;color:var(--brand)}.quick-action-grid i.green{background:var(--success-soft);color:var(--success)}.quick-action-grid i.purple{background:#f3ebff;color:var(--brand-2)}.quick-action-grid i.red{background:var(--danger-soft);color:var(--danger)}.quick-action-grid i.cyan{background:#e7f9ff;color:#119ac0}.quick-action-grid b,.quick-action-grid small{display:block}.quick-action-grid small{color:var(--muted);font-size:7px;margin-top:3px}.amount-chips{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:6px 14px 14px}.amount-chips span{border:1px solid var(--line);padding:9px;text-align:center;border-radius:6px;font-size:8px}.deposit-quick>.mock-primary{margin:0 14px 14px;width:calc(100% - 28px)}.affiliate-mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 14px 14px}.affiliate-mini-stats span{border:1px solid var(--line);border-radius:7px;padding:10px}.affiliate-mini-stats small,.affiliate-mini-stats b{display:block;font-size:8px}.affiliate-mini-stats b{font-size:13px;color:var(--brand);margin-top:4px}.support-panel>a{display:flex;justify-content:space-between;padding:13px 15px;border-top:1px solid var(--line);font-size:9px}.support-panel mark{margin-left:auto}.catalog-section{padding-top:18px}.catalog-heading h1 small{font-size:9px;background:#f1f3f8;color:#66718a;padding:5px 7px;border-radius:5px}.category-carousel{display:flex;gap:9px;overflow:auto;margin:14px 0}.category-carousel a{display:flex;align-items:center;gap:7px;white-space:nowrap;border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px 14px;font-size:10px;font-weight:750}.category-carousel a.active{border-color:#9db4ff;color:var(--brand);box-shadow:0 3px 9px #3556e514}.catalog-filter{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr auto;gap:9px;padding:13px;background:#fff;border:1px solid var(--line);border-radius:11px}.catalog-filter label{font-size:8px;font-weight:800}.catalog-filter input,.catalog-filter select{display:block;width:100%;margin-top:6px;border:1px solid var(--line);border-radius:6px;padding:9px;background:#fff;font-size:9px}.catalog-filter button{align-self:end}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;padding:12px 1px;font-size:9px;color:var(--muted)}.catalog-toolbar button{width:30px;height:30px;border:1px solid var(--line);background:#fff;border-radius:6px;color:var(--brand)}.shop-product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.shop-product-card{background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden;box-shadow:var(--shadow)}.shop-product-art{height:118px;margin:10px 10px 0;border-radius:9px;background:linear-gradient(145deg,#edf3ff,#f0ebff);display:grid;place-items:center;position:relative}.shop-product-art>span{font-size:45px;font-weight:900;color:var(--brand)}.shop-product-art>small{position:absolute;left:8px;bottom:7px;background:#ffffffdd;padding:3px 6px;border-radius:4px;font-size:7px}.shop-product-copy{padding:10px}.shop-product-copy h3{font-size:10px;line-height:1.35;margin:0 0 3px;min-height:28px}.shop-product-copy>p{font-size:8px;color:var(--muted);margin:0}.stock-rating,.shop-price,.product-card-actions{display:flex;align-items:center;justify-content:space-between;gap:6px}.stock-rating{margin:10px 0}.stock-rating>span,.shop-price span{font-size:7px;color:var(--muted)}.shop-price strong{font-size:15px;color:var(--brand)}.product-card-actions{margin-top:10px}.product-card-actions a{flex:1;border:1px solid #b7c8ff;color:var(--brand);border-radius:6px;text-align:center;padding:7px 4px;font-size:8px;font-weight:750}.product-card-actions a.buy{background:var(--brand);color:#fff;border-color:var(--brand)}

/* Product detail and checkout. */
.product-builder>.breadcrumb{margin-bottom:12px}.product-builder-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.55fr) minmax(270px,.65fr);gap:13px}.product-showcase{display:grid;grid-template-columns:40% 60%;padding:14px}.product-visual{min-height:280px;border-radius:11px;background:linear-gradient(145deg,#070b14,#1d2944);display:grid;place-items:center;position:relative}.product-visual>span{font-size:120px;color:#ed1637;font-weight:900}.product-visual>small{position:absolute;bottom:12px;color:#b7c2dc}.product-thumbs{grid-column:1;display:flex;justify-content:center;gap:6px;margin-top:10px}.product-thumbs i,.product-thumbs button{width:34px;height:34px;border:1px solid var(--line);border-radius:6px;background:#fff;display:grid;place-items:center;font-style:normal;font-size:9px}.product-thumbs i.active{border:2px solid var(--brand);color:var(--brand)}.product-intro{padding:6px 8px 0 28px}.product-intro h1{font-size:25px;margin:11px 0 8px}.rating-line{font-size:9px;color:#66718a}.rating-line>span{color:#ff9e13}.product-intro .detail-price{font-size:22px;color:var(--brand);font-weight:850;margin:16px 0}.product-intro .detail-price del{font-size:11px;color:#9aa3b5;margin-left:7px}.product-intro .detail-price mark{font-size:9px;color:var(--danger);background:var(--danger-soft);padding:4px;border-radius:4px}.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.benefit-grid span{background:#f8f9fd;border-radius:7px;padding:10px;font-size:9px;color:var(--brand)}.benefit-grid b{color:var(--ink);margin-left:5px}.product-intro h3{font-size:11px;margin:16px 0 6px}.product-intro>p:last-child{font-size:9px;color:var(--muted);line-height:1.6}.product-feature-strip{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:13px}.product-feature-strip span{display:grid;grid-template-columns:auto 1fr;gap:2px 7px;border:1px solid var(--line);border-radius:7px;padding:9px;font-size:9px;color:var(--brand)}.product-feature-strip b{color:var(--ink)}.product-feature-strip small{grid-column:2;color:var(--muted);font-size:7px}.purchase-card,.verification-card{padding:15px}.purchase-card h2,.verification-card h2{font-size:13px;margin:3px 0 9px}.quantity-control{display:grid;grid-template-columns:42px 1fr 42px;border:1px solid var(--line);border-radius:7px;overflow:hidden}.quantity-control button,.quantity-control input{border:0;background:#fff;text-align:center;padding:10px}.quantity-control input{border-inline:1px solid var(--line)}.stock-copy{display:block;text-align:right;color:var(--muted);font-size:8px;margin:6px 0 15px}.coupon-control{display:flex;gap:7px}.coupon-control input{min-width:0;flex:1;border:1px solid var(--line);padding:10px;border-radius:7px;font-size:9px}.coupon-control button{border:1px solid #b9c8f8;color:var(--brand);background:#fff;border-radius:7px;font-size:9px}.coupon-chip{display:flex;justify-content:space-between;margin:8px 0 15px;background:var(--success-soft);color:#078955;border:1px solid #b9ebd1;border-radius:6px;padding:8px;font-size:8px}.purchase-card .favorite-button{margin-bottom:9px;border-color:var(--line);background:#fff}.buy-now{margin:8px 0}.verification-list>span{display:flex;align-items:center;gap:9px;padding:13px 0;border-top:1px solid var(--line)}.verification-list i{width:31px;height:31px;border-radius:8px;background:var(--success-soft);color:var(--success);font-style:normal;display:grid;place-items:center}.verification-list b{font-size:9px;flex:1}.verification-list small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.verification-list strong{font-size:9px;color:var(--success)}.eligible-box{margin-top:12px;background:var(--success-soft);color:var(--success);padding:13px;border-radius:8px;font-size:9px}.eligible-box small{display:block;color:#4e6c60;margin:4px 0 0 16px}.checkout-steps{display:grid;grid-template-columns:repeat(5,1fr);margin:13px 0;background:#fff;border:1px solid var(--line);border-radius:11px;overflow:hidden}.checkout-steps span{display:grid;grid-template-columns:28px 1fr;gap:2px 8px;padding:13px;border-right:1px solid var(--line);font-size:9px}.checkout-steps i{grid-row:span 2;width:26px;height:26px;border-radius:50%;background:#eef1f7;color:#74809a;display:grid;place-items:center;font-style:normal}.checkout-steps small{color:var(--muted);font-size:7px}.checkout-steps .active{background:#f1f5ff;color:var(--brand)}.checkout-steps .active i{background:var(--brand);color:#fff}.order-summary-grid{display:grid;grid-template-columns:1.45fr .7fr;gap:13px}.summary-product{display:grid;grid-template-columns:36px 1.5fr repeat(3,.65fr);align-items:center;gap:10px;padding:14px 16px;border-top:1px solid var(--line);font-size:8px}.summary-product b{font-size:10px}.summary-product small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.summary-product strong{font-size:10px}.order-note{display:block;padding:0 16px 15px;font-size:8px}.order-note textarea{display:block;width:100%;margin-top:6px;min-height:58px;border:1px solid var(--line);border-radius:7px;padding:9px}.total-card{padding:16px}.total-card h2{font-size:14px}.total-card p{display:flex;justify-content:space-between;font-size:9px}.total-card hr{border:0;border-top:1px dashed var(--line)}.grand-total strong{font-size:18px;color:var(--brand)}.total-card>small{display:block;text-align:center;color:var(--success);font-size:7px;margin-top:8px}

/* Orders split view. */
.orders-workspace{padding-top:0}.orders-layout{display:grid;grid-template-columns:minmax(520px,1.1fr) minmax(520px,.9fr);margin-inline:-24px;margin-bottom:-30px;border-top:1px solid var(--line)}.orders-list-pane{padding:13px 12px 24px 24px}.order-detail-pane{background:#fff;border-left:1px solid var(--line);padding-bottom:20px}.order-status-tabs{display:flex;gap:7px;overflow:auto;margin-bottom:10px}.order-status-tabs span{white-space:nowrap;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 10px;font-size:8px}.order-status-tabs span.active{color:var(--brand);border-color:#9db4ff}.order-status-tabs b{background:#f1f3f7;padding:3px 5px;border-radius:4px;margin-left:4px}.customer-order-list{overflow:auto}.customer-order-row{display:grid;grid-template-columns:10px 1fr 1.7fr .35fr .8fr .7fr .45fr;gap:8px;align-items:center;padding:10px;border-top:1px solid var(--line);font-size:8px;color:inherit;min-width:760px}.customer-order-row.selected{outline:2px solid var(--brand);outline-offset:-2px;border-radius:7px;background:#f9fbff}.select-dot{width:7px;height:7px;border-radius:50%;border:1px solid #bac2d3}.selected .select-dot{background:var(--brand);border-color:var(--brand)}.order-id b{color:var(--brand)}.order-id small{display:block;color:var(--muted);margin-top:3px}.row-more{color:var(--brand);font-weight:700}.detail-pane-heading{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid var(--line)}.detail-pane-heading h2{font-size:15px;margin:0}.detail-pane-heading p{margin:4px 0 0;color:var(--brand);font-size:9px}.order-info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:11px}.order-info-cards article{border:1px solid var(--line);border-radius:8px;padding:10px}.order-info-cards h3{font-size:9px;margin:0 0 9px}.order-info-cards p{display:flex;justify-content:space-between;gap:8px;font-size:7px}.order-info-cards p span{color:var(--muted)}.delivered-section{padding:0 11px}.delivered-section>.panel-heading{padding-inline:0}.delivered-account{border:1px solid #bcebd4;background:#fbfffd;border-radius:9px;padding:11px;margin-bottom:8px}.delivered-title{display:flex;justify-content:space-between}.credential-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:10px 0}.credential-grid span{color:var(--muted);font-size:7px}.credential-grid b{display:block;color:var(--ink);font-size:8px;overflow-wrap:anywhere;margin-top:4px}.credential-actions{display:flex;justify-content:flex-end;gap:6px}.credential-actions button,.credential-actions a{border:1px solid #b8c9ff;background:#fff;color:var(--brand);border-radius:6px;padding:6px 9px;font-size:7px}.order-timeline{margin:11px;border:1px solid var(--line);border-radius:9px;padding:12px;display:flex}.order-timeline h3{font-size:9px;margin:0 15px 0 0}.order-timeline span{display:flex;flex:1;gap:6px;position:relative;font-size:8px}.order-timeline i{width:20px;height:20px;border-radius:50%;background:var(--success);color:#fff;display:grid;place-items:center;font-style:normal}.order-timeline small{display:block;color:var(--muted);font-size:6px;margin-top:3px}.detail-note{margin:0 11px;padding:0;border:0}

/* Wallet. */
.wallet-page-grid{display:grid;grid-template-columns:minmax(500px,1.15fr) minmax(360px,.75fr) minmax(250px,.5fr);gap:13px}.payment-method-card{overflow:hidden}.payment-tabs{justify-content:space-between}.payment-tabs span{white-space:nowrap}.deposit-step{padding:14px 15px;border-top:1px solid var(--line)}.deposit-step h2{font-size:11px;margin:0 0 11px}.amount-selector{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.amount-selector button{border:1px solid var(--line);background:#fff;padding:9px 4px;border-radius:6px;font-size:8px}.amount-selector button.active{color:var(--brand);border-color:#8ea9ff;background:#f4f7ff}.deposit-amount-input{display:flex;border:1px solid var(--line);border-radius:7px;overflow:hidden;margin-top:9px}.deposit-amount-input input{border:0;padding:11px;min-width:0;flex:1;font-size:16px;font-weight:800}.deposit-amount-input span{padding:12px;color:var(--muted);font-size:9px}.deposit-totals{display:flex;justify-content:space-between;margin-top:10px;font-size:8px}.deposit-totals small{display:block;color:var(--muted);margin-top:4px}.deposit-totals strong{color:var(--success);font-size:12px}.gateway-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.gateway-selector label{display:flex;gap:7px;align-items:center;border:1px solid var(--line);padding:10px;border-radius:7px;position:relative}.gateway-selector label:has(input:checked){border-color:#8ea9ff;background:#f6f8ff}.gateway-selector input{position:absolute;right:6px;top:6px}.gateway-selector i{width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-style:normal}.gateway-selector b{font-size:8px}.gateway-selector small{display:block;color:var(--muted);font-size:6px;margin-top:3px}.bank-transfer-box{display:grid;grid-template-columns:1fr 160px;gap:14px;border:1px solid var(--line);border-radius:8px;padding:12px;margin-bottom:10px}.bank-transfer-box p{font-size:8px}.bank-transfer-box dl{display:grid;grid-template-columns:120px 1fr;font-size:8px}.bank-transfer-box dt{color:var(--muted)}.bank-transfer-box dd{font-weight:700}.bank-transfer-box>div>small{font-size:7px;color:var(--warning)}.qr-placeholder{border:1px dashed #9eb0dc;border-radius:8px;display:grid;place-items:center;padding:13px;color:var(--brand)}.qr-placeholder span{font-size:50px}.qr-placeholder small{font-size:6px;color:var(--muted)}.transaction-state,.process-card,.balance-history,.promo-list,.wallet-help,.safety-card{padding:14px}.transaction-state header{display:flex;justify-content:space-between}.transaction-state h2,.process-card h2,.promo-list h2,.wallet-help h2,.safety-card h2{font-size:11px;margin:0 0 10px}.transaction-state>p{font-size:8px;color:var(--muted)}.transaction-state>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;background:#fafbfe;padding:10px;border-radius:7px}.transaction-state span{font-size:7px;color:var(--muted)}.transaction-state b{display:block;color:var(--ink);margin-top:4px}.vertical-process span{display:flex;gap:9px;padding:9px 0;position:relative}.vertical-process i{width:23px;height:23px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-style:normal;font-size:8px}.vertical-process .done i{background:var(--success);color:#fff}.vertical-process .active i{background:var(--brand);color:#fff}.vertical-process b{font-size:8px}.vertical-process small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.balance-history{padding:0}.history-row{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:9px 14px;border-top:1px solid var(--line);align-items:center;font-size:7px}.history-row small{display:block;color:var(--muted);margin-top:3px}.promo-item{display:flex;gap:8px;padding:10px;border:1px solid var(--line);border-radius:7px;margin-bottom:8px}.promo-item i{font-style:normal;font-size:18px}.promo-item b{font-size:8px}.promo-item small{display:block;color:var(--muted);font-size:6px;margin-top:3px}.promo-item.warning{border-color:#ffd6ad;background:#fffaf4}.promo-item.blue{border-color:#cbd8ff;background:#f8faff}.promo-item.green{border-color:#bcebd3;background:#f8fffb}.wallet-help a{display:block;border-top:1px solid var(--line);padding:10px 0;font-size:8px}.safety-card p{font-size:8px;color:var(--success)}

/* Affiliate and API. */
.affiliate-top-grid{display:grid;grid-template-columns:1fr 1.25fr .75fr;gap:13px}.copy-field{display:flex;margin:0 15px;border:1px solid #b9caff;border-radius:7px;overflow:hidden}.copy-field code{padding:12px;flex:1;color:var(--brand);overflow:hidden;text-overflow:ellipsis}.copy-field button{border:0;background:var(--brand);color:#fff;padding:0 16px;font-size:9px}.referral-link-card h3{font-size:9px;margin:16px}.social-share{display:flex;gap:23px;padding:0 16px 16px}.social-share span{width:34px;height:34px;border-radius:50%;background:#eef3ff;color:var(--brand);display:grid;place-items:center;font-weight:900;position:relative}.social-share small{position:absolute;top:40px;color:var(--muted);font-size:6px;white-space:nowrap}.line-chart-mock{height:170px;margin:0 15px;position:relative;overflow:hidden;background:repeating-linear-gradient(to bottom,transparent 0,transparent 33px,#edf0f5 34px)}.line-chart-mock .line{position:absolute;left:4%;right:4%;height:60px;border-top:3px solid;border-radius:50%;transform:skewY(-7deg)}.line-chart-mock .blue-line{top:40px;border-color:var(--brand)}.line-chart-mock .green-line{top:82px;border-color:var(--success)}.line-chart-mock .purple-line{top:118px;border-color:var(--brand-2)}.chart-legend{display:flex;gap:15px;padding:8px 15px 14px;font-size:7px}.chart-legend i,.api-usage p i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.chart-legend .blue{background:var(--brand)}.chart-legend .green,.api-usage .green{background:var(--success)}.chart-legend .purple,.api-usage .purple{background:var(--brand-2)}.commission-rate>div{display:flex;justify-content:space-between;padding:14px;border-top:1px solid var(--line);font-size:9px}.commission-rate small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.commission-rate strong{color:var(--success);font-size:16px}.commission-rate footer{display:flex;justify-content:space-between;margin:10px;background:#f4efff;color:var(--brand-2);padding:12px;border-radius:7px}.affiliate-bottom-grid{display:grid;grid-template-columns:1.1fr .7fr .85fr;gap:13px;margin-top:13px}.commission-table .mock-tr{grid-template-columns:.7fr 1.8fr .7fr}.affiliate-wallet,.withdraw-card{padding:0 15px 15px}.wallet-highlight{position:relative;background:#fff8ef;border:1px solid #ffe0b8;border-radius:8px;padding:12px;color:#96500d}.wallet-highlight small,.wallet-highlight strong{display:block}.wallet-highlight strong{font-size:18px;margin-top:5px}.wallet-highlight span{position:absolute;right:15px;top:20px;font-size:25px}.affiliate-wallet>p{display:flex;justify-content:space-between;font-size:9px}.withdraw-card label{font-size:8px;display:block;margin:8px 0}.withdraw-card input,.withdraw-card textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;padding:9px;margin-top:5px}.withdraw-card>small{font-size:7px;color:var(--muted)}.withdrawal-history{margin-top:13px}.withdrawal-table .mock-tr{grid-template-columns:.7fr .7fr 1.5fr .7fr .5fr}.api-console-grid{display:grid;grid-template-columns:minmax(280px,.65fr) minmax(480px,1.15fr) minmax(260px,.65fr);gap:13px}.api-security-column,.api-insight-column{display:grid;gap:13px;align-content:start}.api-key-row{margin:0 14px 14px;border:1px solid var(--line);border-radius:8px;padding:11px}.api-key-row>code{display:block;margin:9px 0;overflow-wrap:anywhere}.api-key-row>small{display:block;color:var(--warning);font-size:7px}.api-key-row>div{display:flex;justify-content:flex-end;gap:6px}.api-key-row button{border:1px solid var(--line);background:#fff;padding:6px;border-radius:5px;font-size:7px}.whitelist-card{padding:0 14px 14px}.whitelist-card label{font-size:8px}.whitelist-card textarea{width:100%;border:1px solid var(--line);border-radius:7px;margin-top:6px;padding:9px}.security-note{display:grid;grid-template-columns:25px 1fr;padding:10px;background:#f0f5ff;color:var(--brand);border-radius:7px;margin:9px 0;font-size:8px}.security-note span{grid-column:2;color:#66718a;font-size:7px}.integration-card{padding-bottom:14px}.endpoint-card{display:grid;grid-template-columns:44px 1fr 1fr 30px;align-items:center;gap:9px;margin:0 14px 9px;padding:11px;border:1px solid #c9d9ff;background:#fafcff;border-radius:8px}.endpoint-card>mark,.api-log-list mark{color:#07965a;background:var(--success-soft);padding:5px;border-radius:5px;font-size:8px;text-align:center}.endpoint-card.post>mark,.api-log-list mark.post{color:var(--brand-2);background:#f1eaff}.endpoint-card h3{font-size:9px;margin:0}.endpoint-card p{font-size:7px;color:var(--muted);margin:4px 0 0}.endpoint-card code{font-size:8px;overflow-wrap:anywhere}.endpoint-card button{border:1px solid var(--line);background:#fff;border-radius:5px;height:30px}.integration-card>h3{font-size:9px;margin:15px}.code-console{margin:0 14px;background:#121b36;color:#b8e4c5;border-radius:8px;padding:14px;font-size:8px;overflow:auto}.api-usage{padding:0 14px 12px}.donut{width:110px;height:110px;border-radius:50%;margin:4px auto 13px;background:conic-gradient(var(--success) 0 67%,var(--brand-2) 67% 90%,#e9edf4 90%);display:grid;place-items:center}.donut:before{content:"";position:absolute;width:74px;height:74px;background:#fff;border-radius:50%}.donut strong{position:relative;text-align:center}.donut small{display:block;font-size:6px;color:var(--muted)}.api-usage>p{display:flex;justify-content:space-between;font-size:8px}.api-usage footer{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);padding-top:9px}.api-usage footer span{text-align:center;color:var(--muted);font-size:7px}.api-usage footer b{display:block;color:var(--ink);font-size:10px}.api-doc-links,.api-log-list{padding:14px}.api-doc-links h2{font-size:11px}.api-doc-links a{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid var(--line);font-size:8px}.api-log-list{padding:0 14px 10px}.api-log-list p{display:grid;grid-template-columns:36px 1fr auto;gap:6px;align-items:center;font-size:7px}.small-strong{font-size:14px!important}

/* Login showcase. */
.login-showcase{padding-top:18px}.login-shell-card{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;padding:25px;background:radial-gradient(circle at 45% 45%,#e9edff 0,transparent 28%),linear-gradient(120deg,#f9fbff,#f4f5ff);border:1px solid var(--line);border-radius:18px}.login-promo{padding:15px 20px;position:relative;min-height:580px}.promo-brand{display:flex;align-items:center;gap:10px;font-size:17px}.promo-brand span{width:35px;height:35px;border-radius:10px;background:linear-gradient(140deg,var(--brand),var(--brand-2));color:#fff;display:grid;place-items:center;font-size:22px;font-weight:900}.login-promo h1{font-size:37px;line-height:1.15;letter-spacing:-.04em;margin:28px 0 13px}.login-promo h1 em{font-style:normal;color:var(--brand)}.login-promo>p{color:var(--muted);max-width:540px;line-height:1.7}.login-benefits{display:grid;gap:13px;margin-top:20px}.login-benefits>span{display:flex;align-items:center;gap:11px}.login-benefits i{width:35px;height:35px;border-radius:50%;background:#eaf1ff;color:var(--brand);display:grid;place-items:center;font-style:normal}.login-benefits b{font-size:10px}.login-benefits small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.login-illustration{position:absolute;right:30px;bottom:115px;width:250px;height:230px;border-radius:50%;background:radial-gradient(circle,#d9ddff,#eef1ff 65%,transparent 66%);display:grid;place-items:center}.login-illustration strong{font-size:70px;color:var(--brand)}.login-illustration>span{position:absolute;width:48px;height:48px;border-radius:11px;display:grid;place-items:center;background:#101526;color:#fff;font-size:22px;font-weight:900}.login-illustration>span:nth-child(1){left:20px;top:75px;color:#f12e47}.login-illustration>span:nth-child(2){right:20px;bottom:52px;background:#fff;color:#e33}.login-illustration>span:nth-child(3){right:20px;top:38px;background:#25b86a}.trust-strip{display:grid;grid-template-columns:repeat(4,1fr);position:absolute;bottom:10px;left:20px;right:20px;background:#ffffffd9;border:1px solid var(--line);border-radius:10px;padding:13px}.trust-strip span{text-align:center}.trust-strip b,.trust-strip small{display:block}.trust-strip b{color:var(--brand);font-size:14px}.trust-strip small{font-size:7px;color:var(--muted)}.login-form-panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 30px;box-shadow:0 18px 45px #273d8a17;align-self:center}.login-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);margin-bottom:25px}.login-tabs span,.login-tabs a{text-align:center;padding:13px;color:var(--ink);font-weight:800}.login-tabs .active{color:var(--brand);border-bottom:2px solid var(--brand)}.login-form-panel>label{display:block;font-size:9px;font-weight:800;margin:14px 0 7px}.input-with-icon{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 11px}.input-with-icon span{color:#8b96ad}.input-with-icon input{border:0!important;padding:13px 9px!important;flex:1;outline:0}.login-options{display:flex;justify-content:space-between;align-items:center;margin:16px 0;font-size:9px}.login-options a{color:var(--brand);font-weight:800}.login-submit{padding:13px}.login-divider{display:flex;align-items:center;color:var(--muted);font-size:8px;margin:18px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:var(--line);flex:1}.login-divider span{padding:0 12px}.social-login{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.social-login button{border:1px solid var(--line);border-radius:7px;background:#fff;padding:10px;font-size:9px}.register-prompt{text-align:center;border-top:1px solid var(--line);padding-top:14px;margin-top:16px;font-size:9px}.register-prompt a{color:var(--brand);font-weight:800}.login-security{display:block;text-align:center;color:var(--muted);font-size:7px}

@media(max-width:1400px){.mock-kpi-grid.five{grid-template-columns:repeat(3,1fr)}.shop-product-grid{grid-template-columns:repeat(4,1fr)}.dashboard-main-grid{grid-template-columns:1.2fr .9fr}.dashboard-main-grid .span-2{grid-column:auto}.quick-panel{grid-column:span 2}.product-builder-grid{grid-template-columns:1.5fr .65fr}.verification-card{grid-column:1/-1}.wallet-page-grid{grid-template-columns:1.2fr .8fr}.wallet-aside{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.api-console-grid{grid-template-columns:.75fr 1.25fr}.api-insight-column{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}.login-illustration{opacity:.55}}
@media(max-width:1100px){.shop-product-grid{grid-template-columns:repeat(3,1fr)}.affiliate-top-grid,.affiliate-bottom-grid{grid-template-columns:1fr 1fr}.commission-rate,.withdraw-card{grid-column:span 2}.orders-layout{grid-template-columns:1fr;margin-inline:0}.order-detail-pane{border-left:0;border-top:1px solid var(--line)}.product-showcase{grid-template-columns:1fr}.product-thumbs,.product-feature-strip{grid-column:1}.product-intro{padding:20px 0 0}.product-builder-grid{grid-template-columns:1fr 1fr}.product-showcase{grid-column:1/-1}.wallet-page-grid{grid-template-columns:1fr}.wallet-aside{grid-column:auto}.login-shell-card{grid-template-columns:1fr}.login-promo{min-height:520px}.login-form-panel{width:min(620px,100%);margin:auto}}
@media(max-width:850px){.mock-page{padding:16px 14px}.floating-notice{margin-inline:14px}.mock-kpi-grid.five,.mock-kpi-grid.four{grid-template-columns:repeat(2,1fr)}.dashboard-main-grid,.affiliate-top-grid,.affiliate-bottom-grid,.api-console-grid{grid-template-columns:1fr}.dashboard-main-grid .span-2,.quick-panel,.commission-rate,.withdraw-card{grid-column:auto}.shop-product-grid{grid-template-columns:repeat(2,1fr)}.catalog-filter{grid-template-columns:1fr 1fr}.product-builder-grid{grid-template-columns:1fr}.checkout-steps{grid-template-columns:1fr;display:flex;overflow:auto}.checkout-steps span{min-width:180px}.order-summary-grid{grid-template-columns:1fr}.wallet-aside{display:grid;grid-template-columns:1fr}.api-insight-column{grid-template-columns:1fr}.order-info-cards{grid-template-columns:1fr}.order-timeline{overflow:auto}.order-timeline span{min-width:130px}.product-feature-strip{grid-template-columns:1fr 1fr}.login-showcase{padding-top:14px}.login-shell-card{padding:10px}.login-promo{min-height:480px;padding:15px}.login-promo h1{font-size:30px}.login-illustration{width:210px;height:190px;right:10px}.trust-strip{grid-template-columns:1fr 1fr;gap:10px}}
@media(max-width:560px){.mock-kpi-grid.five,.mock-kpi-grid.four{grid-template-columns:1fr}.shop-product-grid{grid-template-columns:1fr}.catalog-filter{grid-template-columns:1fr}.catalog-filter button{width:100%}.product-showcase{padding:9px}.product-visual{min-height:220px}.product-visual>span{font-size:90px}.product-intro h1{font-size:21px}.benefit-grid,.product-feature-strip{grid-template-columns:1fr}.summary-product{grid-template-columns:36px 1fr}.summary-product>span{grid-column:2}.wallet-page-grid{display:block}.wallet-page-grid>*{margin-bottom:12px}.amount-selector{grid-template-columns:1fr 1fr}.gateway-selector{grid-template-columns:1fr}.bank-transfer-box{grid-template-columns:1fr}.payment-tabs{justify-content:flex-start}.affiliate-top-grid>* ,.affiliate-bottom-grid>*{margin-bottom:0}.api-kpis{display:grid}.endpoint-card{grid-template-columns:40px 1fr 28px}.endpoint-card code{grid-column:1/-1}.login-promo{min-height:420px}.login-promo h1{font-size:25px}.login-illustration{display:none}.trust-strip{position:static;margin-top:20px}.login-form-panel{padding:18px}.social-login{grid-template-columns:1fr}}

/* Admin screens from the operational mockups. */
.admin-surface .mock-page,.admin-surface .admin-page{max-width:1800px}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:0 15px 15px}.editor-grid .span-2{grid-column:1/-1}.editor-grid label,.gateway-detail-panel label{font-size:8px;font-weight:750;color:#56617b}.editor-grid input,.editor-grid select,.editor-grid textarea,.gateway-detail-panel textarea,.gateway-detail-panel select,.gateway-detail-panel pre{display:block;width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px;margin-top:5px;font:inherit;font-size:9px}.static-field{border:1px solid var(--line);border-radius:7px;padding:9px}.static-field small,.static-field b{display:block}.static-field small{font-size:7px;color:var(--muted)}.static-field b{font-size:10px;margin-top:5px}.toggle-list{padding:0 15px 15px}.toggle-list>label,.large-toggle{display:flex!important;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line);font-size:9px}.toggle-list small,.large-toggle small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.toggle-list input,.large-toggle input{width:34px;height:18px;accent-color:var(--brand)}.product-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px}.product-editor-main{display:grid;gap:13px}.editor-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.variant-table .mock-tr{grid-template-columns:1fr 1fr 1fr .7fr .8fr}.product-editor-aside{display:grid;gap:13px;align-content:start}.preview-product-art{height:190px;margin:0 14px;border-radius:9px;background:linear-gradient(145deg,#edf3ff,#e6e0ff);color:var(--brand);font-size:75px;font-weight:900;display:grid;place-items:center}.preview-product-copy{padding:14px}.preview-product-copy h3{font-size:13px;margin:9px 0}.preview-product-copy p,.preview-product-copy small,.preview-product-copy span{display:block;font-size:8px;color:var(--muted);margin:6px 0}.preview-product-copy strong{font-size:18px;color:var(--danger)}.preview-product-copy del{font-size:9px;color:#9aa3b5;margin-left:6px}.preview-product-copy .mock-primary{margin-top:10px;color:#fff}.edit-history>span{display:flex;gap:8px;padding:11px 14px;border-top:1px solid var(--line)}.edit-history i{width:24px;height:24px;border-radius:50%;background:var(--success-soft);color:var(--success);display:grid;place-items:center;font-style:normal}.edit-history b{font-size:8px}.edit-history small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.editor-savebar,.config-savebar{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:10px;margin-top:13px;z-index:10}.products-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:13px}.admin-filter-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr auto;gap:8px;padding:13px;border-top:1px solid var(--line)}.admin-filter-grid label{display:flex;align-items:center;gap:5px;border:1px solid var(--line);padding:0 8px;border-radius:6px}.admin-filter-grid input,.admin-filter-grid select{min-width:0;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;font-size:8px}.admin-filter-grid label input{border:0;width:100%;outline:0}.table-command-bar{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-top:1px solid var(--line);font-size:8px}.table-command-bar>div{display:flex;gap:6px}.products-management-table .mock-tr{grid-template-columns:1.7fr .8fr .7fr .55fr .55fr .65fr .55fr}.table-actions{display:flex;gap:4px;align-items:center}.table-actions form{margin:0}.table-actions button,.table-actions a{border:1px solid var(--line);background:#fff;border-radius:5px;color:var(--brand);padding:5px 6px;font-size:8px}.product-admin-forms{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.category-side-panel{display:grid;gap:13px;align-content:start}.category-tree{padding:0 12px 12px}.category-tree>b{display:block;padding:10px;font-size:9px}.category-tree a{display:flex;justify-content:space-between;padding:9px 10px;border-radius:6px;font-size:8px}.category-tree a:hover{background:var(--brand-soft);color:var(--brand)}.category-tree small{color:var(--muted)}.category-summary{padding-bottom:10px}.category-summary>p{display:flex;justify-content:space-between;padding:7px 14px;margin:0;font-size:8px}.warehouse-overview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:13px}.stock-chart-panel,.stock-donut-panel{min-height:240px}.mock-tabs.compact{border:0;padding:0}.mock-tabs.compact span{padding:6px 8px}.stock-area-chart{height:170px;margin:0 15px 15px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 32px,#edf0f5 33px);position:relative;overflow:hidden}.stock-area-chart>span{position:absolute;left:0;right:0;bottom:20px;height:80px;background:linear-gradient(180deg,#3768ff32,transparent);border-top:3px solid var(--brand);border-radius:50% 30% 0 0;transform:skewY(-4deg)}.stock-donut-panel{display:grid;grid-template-columns:1fr 1fr}.stock-donut-panel>header{grid-column:1/-1}.stock-donut{width:145px;height:145px;border-radius:50%;margin:auto;background:conic-gradient(var(--brand) 0 62%,var(--success) 62% 92%,#e8edf5 92%);display:grid;place-items:center}.stock-donut:before{content:"";position:absolute;width:95px;height:95px;border-radius:50%;background:#fff}.stock-donut strong{position:relative;text-align:center;font-size:20px}.stock-donut small{display:block;font-size:7px;color:var(--muted)}.stock-donut-panel>div:last-child{padding:15px}.stock-donut-panel p{display:flex;justify-content:space-between;font-size:8px}.stock-donut-panel p i{display:inline-block;width:7px;height:7px;border-radius:2px;margin-right:5px}.stock-donut-panel i.blue{background:var(--brand)}.stock-donut-panel i.green{background:var(--success)}.warehouse-command{display:flex;justify-content:space-between;gap:10px;padding:13px 0}.warehouse-command>div{display:flex;gap:6px}.warehouse-command select{border:1px solid var(--line);border-radius:6px;background:#fff;padding:8px;font-size:8px}.warehouse-modern-table .mock-tr{grid-template-columns:.65fr 1.25fr 1.45fr .65fr .75fr .55fr}.warehouse-modern-table code{overflow-wrap:anywhere}.sold-stock-panel{margin-top:13px}.admin-order-filter{display:grid;grid-template-columns:1.35fr .8fr 1fr .8fr auto auto;gap:8px;background:#fff;border:1px solid var(--line);border-radius:10px;padding:12px;margin-bottom:13px}.admin-order-filter label{font-size:7px;font-weight:800}.admin-order-filter label>div{display:flex;align-items:center}.admin-order-filter input,.admin-order-filter select{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;background:#fff;font-size:8px;margin-top:5px}.admin-order-filter button,.admin-order-filter>a{align-self:end;text-align:center}.admin-order-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px}.admin-order-table{overflow:auto}.admin-order-table .mock-tr{grid-template-columns:.65fr 1fr 1.35fr .4fr .65fr .7fr .65fr .7fr .5fr;min-width:1030px}.admin-order-detail{align-self:start}.admin-order-detail>section{padding:13px;border-top:1px solid var(--line)}.admin-order-detail h3{font-size:9px;margin:0 0 10px}.admin-order-detail p{display:flex;justify-content:space-between;font-size:8px}.detail-product-row{display:flex;gap:8px;align-items:center;margin-bottom:8px}.detail-product-row i{width:28px;height:28px;border-radius:7px;background:#11182b;color:#fff;display:grid;place-items:center;font-style:normal}.detail-product-row b{font-size:8px}.detail-product-row small{display:block;color:var(--muted);font-size:7px}.mini-timeline{display:grid;gap:8px;color:var(--success);font-size:8px}.detail-refund{padding:13px}.detail-refund input{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;margin-bottom:7px;font-size:8px}.create-user-drawer{margin-bottom:13px}.create-user-drawer summary{cursor:pointer;padding:13px;font-size:10px;font-weight:800}.create-user-drawer form{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:8px;padding:0 13px 13px}.create-user-drawer label{font-size:7px}.create-user-drawer input{display:block;width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;margin-top:5px}.create-user-drawer button{align-self:end}.users-admin-layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:13px}.admin-users-filter{display:grid;grid-template-columns:.7fr .8fr 1.5fr auto auto;gap:7px;margin-bottom:10px}.admin-users-filter input,.admin-users-filter select{border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px;font-size:8px}.users-management-table{overflow:auto}.users-management-table .mock-tr{grid-template-columns:1.15fr 1.05fr .7fr .6fr .4fr .7fr .65fr .5fr;min-width:980px}.user-cell{display:flex;gap:8px;align-items:center}.user-cell i,.user-detail-head>i{width:31px;height:31px;border-radius:50%;background:linear-gradient(145deg,#ceddff,#e8d7ff);color:var(--brand);display:grid;place-items:center;font-style:normal;font-weight:800}.user-cell b{font-size:8px}.user-cell small{display:block;color:var(--muted);font-size:7px}.user-row-tools{display:grid;grid-template-columns:1fr auto auto;background:#fafbfe;border-top:1px solid var(--line);padding:7px;gap:6px;min-width:980px}.user-row-tools form{display:flex;gap:5px}.user-row-tools input{border:1px solid var(--line);border-radius:5px;padding:6px;font-size:7px}.user-detail-panel{align-self:start}.user-detail-head{display:flex;gap:10px;padding:14px}.user-detail-head>i{width:48px;height:48px;font-size:18px}.user-detail-head h2{font-size:15px;margin:0}.user-detail-head p{font-size:8px;color:var(--muted)}.user-detail-actions{display:flex;gap:6px;padding:0 14px 13px}.user-detail-actions form{margin:0}.user-detail-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.user-detail-stats span{padding:12px;border-right:1px solid var(--line)}.user-detail-stats small,.user-detail-stats b{display:block;font-size:7px}.user-detail-stats b{font-size:10px;margin-top:4px}.user-detail-panel>section,.balance-panel{padding:14px}.user-detail-panel h3,.balance-panel h3{font-size:10px}.user-detail-panel>section p{display:flex;justify-content:space-between;font-size:8px}.user-detail-panel>section p span{color:var(--muted)}.balance-panel{border-top:1px solid var(--line);display:grid;gap:7px}.balance-panel input,.balance-panel select,.balance-panel textarea{border:1px solid var(--line);border-radius:6px;padding:8px;font-size:8px}.payment-admin-grid{display:grid;grid-template-columns:minmax(0,1fr) 450px;gap:13px}.gateway-management-table{overflow:auto}.gateway-management-table .mock-tr{grid-template-columns:1.1fr .55fr .5fr 1.2fr .75fr .55fr;min-width:760px}.gateway-cell{display:flex;align-items:center;gap:8px}.gateway-cell i{width:30px;height:30px;border-radius:8px;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;display:grid;place-items:center;font-style:normal}.gateway-cell small{display:block;color:var(--muted);font-size:7px}.gateway-detail-panel{align-self:start}.gateway-detail-panel>form{padding:0 14px 14px}.gateway-detail-panel pre{max-height:160px;overflow:auto;background:#f7f9fd}.gateway-detail-panel>form>label{display:block;margin:10px 0}.callback-preview{background:var(--success-soft);color:#14784e;border-radius:7px;padding:10px;margin:9px 0;font-size:8px}.callback-preview code{display:block;margin-top:5px;overflow-wrap:anywhere}.gateway-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:13px}.gateway-collapsible summary{display:flex;justify-content:space-between;padding:12px;cursor:pointer;font-size:8px}.gateway-collapsible small{display:block;color:var(--muted);margin-top:3px}.gateway-collapsible form{padding:0 12px 12px}.gateway-collapsible label{display:block;font-size:7px;margin:7px 0}.gateway-collapsible textarea,.gateway-collapsible pre{width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;overflow:auto}.deposit-reconcile-panel{margin-top:13px}.deposit-reconcile-table{overflow:auto}.deposit-reconcile-table .mock-tr{grid-template-columns:1fr .7fr .7fr .65fr .75fr 1.4fr;min-width:850px}.system-config-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:13px}.config-main-column{display:grid;gap:13px}.config-module-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.readonly-settings{padding:0 14px 12px}.readonly-settings>span{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line);font-size:8px}.readonly-settings small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.maintenance-card{grid-column:1/-1}.config-side-column{display:grid;gap:13px;align-content:start}.config-impact,.environment-card,.config-warning{padding-bottom:10px}.config-impact>p,.config-warning>p{font-size:8px;padding:5px 14px}.environment-card>p{display:flex;justify-content:space-between;padding:5px 14px;font-size:8px}.config-warning .warning{color:var(--warning)}.roles-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:13px}.role-management-table .mock-tr{grid-template-columns:.8fr .5fr 1.5fr .6fr}.role-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:13px}.permission-table .mock-tr{grid-template-columns:1.5fr repeat(5,.5fr)}.permission-table .mock-tr span:not(:first-child){text-align:center;color:var(--success);font-weight:800}.permission-note{margin:12px;background:#f1f5ff;color:#52617e;border-radius:7px;padding:10px;font-size:8px}.marketing-main-grid{display:grid;grid-template-columns:1.2fr .65fr .55fr;gap:13px}.coupon-modern-table{overflow:auto}.coupon-modern-table .mock-tr{grid-template-columns:.75fr .65fr 1.1fr .7fr .8fr .75fr .55fr;min-width:750px}.deposit-promotion-editor{align-self:start}.promo-admin-row{display:flex;align-items:center;gap:8px;padding:10px 13px;border-top:1px solid var(--line)}.promo-admin-row b{font-size:8px;flex:1}.promo-admin-row small{display:block;color:var(--muted);font-size:7px;margin-top:3px}.promotion-inline-form{padding:13px;border-top:1px solid var(--line)}.promotion-inline-form h3{font-size:10px}.promotion-inline-form label{display:block;font-size:7px;margin:7px 0}.promotion-inline-form input{display:block;width:100%;border:1px solid var(--line);border-radius:6px;padding:8px;margin-top:4px}.marketing-side-column{display:grid;gap:13px;align-content:start}.banner-placeholder{margin:0 12px 8px;border-radius:7px;padding:13px;color:#fff;font-size:9px;font-weight:800;display:flex;justify-content:space-between}.banner-placeholder.orange{background:linear-gradient(100deg,#ff8e34,#f15a45)}.banner-placeholder.purple{background:linear-gradient(100deg,#8247f4,#3256e7)}.marketing-chart .stock-area-chart{height:120px}

@media(max-width:1450px){.product-editor-layout,.admin-order-grid,.users-admin-layout,.payment-admin-grid,.system-config-grid{grid-template-columns:1fr}.product-editor-aside{grid-template-columns:1fr 1fr}.admin-order-detail,.user-detail-panel,.gateway-detail-panel{display:grid;grid-template-columns:1fr 1fr}.admin-order-detail>header,.user-detail-head,.gateway-detail-panel>header{grid-column:1/-1}.admin-order-detail>form,.balance-panel,.gateway-detail-panel>form{grid-column:1/-1}.products-admin-grid{grid-template-columns:1fr}.category-side-panel{grid-template-columns:1fr 1fr}.marketing-main-grid{grid-template-columns:1.3fr .7fr}.marketing-side-column{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:1100px){.editor-detail-grid,.warehouse-overview-grid,.roles-layout,.config-module-grid{grid-template-columns:1fr}.maintenance-card{grid-column:auto}.product-editor-aside,.category-side-panel,.gateway-form-grid,.marketing-side-column{grid-template-columns:1fr}.admin-filter-grid,.admin-order-filter{grid-template-columns:1fr 1fr}.product-admin-forms,.role-form-grid{grid-template-columns:1fr}.create-user-drawer form{grid-template-columns:1fr 1fr}.stock-donut-panel{grid-template-columns:1fr}.stock-donut-panel>header{grid-column:auto}.stock-donut-panel>div:last-child{display:grid;grid-template-columns:1fr 1fr}.admin-order-detail,.user-detail-panel,.gateway-detail-panel{display:block}.marketing-main-grid{grid-template-columns:1fr}.marketing-side-column{grid-column:auto}.system-config-grid{display:block}.config-side-column{margin-top:13px}}
@media(max-width:850px){.editor-grid,.admin-filter-grid,.admin-order-filter,.create-user-drawer form{grid-template-columns:1fr}.editor-grid .span-2{grid-column:auto}.warehouse-command{display:block}.warehouse-command>div{overflow:auto;margin-bottom:7px}.product-editor-aside,.category-side-panel{display:block}.product-editor-aside>* ,.category-side-panel>*{margin-bottom:13px}.table-command-bar{align-items:flex-start;gap:8px}.table-command-bar>div{overflow:auto}.user-detail-stats{grid-template-columns:1fr}.user-detail-stats span{border-bottom:1px solid var(--line)}.roles-layout{display:block}.permission-matrix{margin-top:13px}.mock-panel:has(.mock-table){overflow:hidden}}

.product-editor-pro{grid-template-columns:minmax(0,1fr) 390px}.product-basic-grid{grid-template-columns:1fr 1fr 1fr 1fr}.product-basic-grid label:first-child,.product-basic-grid label:nth-child(2){grid-column:span 2}.editor-grid label>span{display:block;color:var(--danger);font-size:7px;margin-top:4px}.editor-grid label>small{display:block;text-align:right;color:var(--muted);font-size:7px;margin-top:4px}.image-dropzone{min-height:190px;border:1px dashed #cbd7ff;border-radius:12px;background:linear-gradient(135deg,#f8fbff,#f1f5ff);display:grid;place-items:center;text-align:center;padding:14px;color:var(--muted)}.image-dropzone img{max-width:100%;max-height:165px;object-fit:contain;border-radius:10px}.image-dropzone strong{width:120px;height:120px;border-radius:24px;background:linear-gradient(145deg,var(--brand),var(--brand-2));color:#fff;display:grid;place-items:center;font-size:52px}.image-dropzone span{font-weight:850;color:#17213f;font-size:10px}.image-dropzone small{max-width:430px;font-size:8px}.gallery-editor{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gallery-thumb,.gallery-add{width:82px;height:62px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;color:var(--brand);font-weight:850}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.gallery-add{border-style:dashed;background:#fbfcff}.gallery-add small{display:block;font-size:7px;color:var(--brand);font-weight:700}.product-config-grid{grid-template-columns:repeat(4,1fr)}.attribute-editor{display:grid;gap:9px;padding:0 14px 14px}.attribute-editor label{font-size:8px;font-weight:750;color:#56617b}.attribute-editor input{display:block;width:100%;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px;margin-top:5px;font:inherit;font-size:9px}.panel-actions{display:flex;gap:7px;align-items:center}.variant-table .mock-tr{grid-template-columns:.5fr 1fr 1fr 1fr .9fr .9fr .65fr .8fr}.variant-image{width:36px;height:28px;border-radius:7px;background:#eef3ff;color:var(--brand);display:grid;place-items:center;overflow:hidden;font-weight:900}.variant-image img{width:100%;height:100%;object-fit:cover}.seo-preview{border:1px solid var(--line);border-radius:10px;background:#f8fbff;padding:12px}.seo-preview b{display:block;font-size:11px;color:#1d4ed8}.seo-preview span{display:block;color:#16814d;font-size:8px;margin:5px 0}.seo-preview p{font-size:8px;color:#56617b;margin:0}.preview-product-art img,.shop-product-art img,.product-visual img{width:100%;height:100%;object-fit:contain}.preview-product-art span{font-size:75px}.preview-gallery-dots{display:flex;justify-content:center;gap:5px;margin:9px 0}.preview-gallery-dots i{width:18px;height:4px;border-radius:999px;background:#d9e2ff}.preview-gallery-dots i:first-child{background:var(--brand)}.discount-chip{margin-left:7px;background:#fff1f2!important;color:#e11d48!important;border:1px solid #fecdd3}.tag-strip{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.tag-strip mark{background:#eef2ff;color:#3152d4;border-radius:999px;padding:4px 7px;font-size:7px}.product-cell img,.favorite-row img,.summary-product img{width:32px;height:32px;border-radius:8px;object-fit:cover;border:1px solid var(--line);background:#fff}.shop-product-art{overflow:hidden}.shop-product-art img{object-fit:cover;border-radius:12px}.product-thumbs i img{width:100%;height:100%;object-fit:cover;border-radius:6px}.summary-product img{width:44px;height:44px}.product-feature-strip span{min-width:0}

@media(max-width:1450px){.product-editor-pro{grid-template-columns:1fr}.product-config-grid{grid-template-columns:1fr 1fr}.product-basic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:850px){.product-basic-grid,.product-config-grid{grid-template-columns:1fr}.product-basic-grid label:first-child,.product-basic-grid label:nth-child(2){grid-column:auto}.panel-actions{width:100%;overflow:auto}.gallery-thumb,.gallery-add{width:72px}}

/* Bank transfer configuration and signed reconciliation. */
.bank-webhook-alert{display:flex;align-items:center;gap:12px;margin-bottom:13px;padding:12px 14px;border:1px solid #ffd0c7;border-left:4px solid #ed624c;border-radius:9px;background:#fff;color:#6a3a32}.bank-webhook-alert>span{width:28px;height:28px;border-radius:50%;background:#ed624c;color:#fff;display:grid;place-items:center;font-weight:900}.bank-webhook-alert>div{flex:1}.bank-webhook-alert b{font-size:10px}.bank-webhook-alert p{margin:3px 0 0;font-size:8px}.bank-webhook-alert code{color:var(--brand);overflow-wrap:anywhere}.bank-webhook-alert button,.copy-input button{border:1px solid #b8c9ff;background:#fff;color:var(--brand);border-radius:6px;padding:7px 10px;font-size:8px}.bank-list-card{margin-bottom:13px}.bank-config-table{overflow:auto}.bank-config-table .mock-tr{grid-template-columns:.3fr 1fr .75fr 1.35fr .6fr .9fr .8fr;min-width:900px}.bank-config-table .table-actions{flex-wrap:wrap}.bank-config-table .danger-action{color:var(--danger)}.bank-config-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:13px}.bank-global-settings,.bank-account-editor{align-self:start}.bank-settings-fields,.bank-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 15px 15px}.bank-settings-fields label,.bank-editor-fields label{font-size:8px;font-weight:750;color:#56617b}.bank-settings-fields label.span-2,.bank-editor-fields label.span-2{grid-column:1/-1}.bank-settings-fields input,.bank-settings-fields select,.bank-settings-fields textarea,.bank-editor-fields input,.bank-editor-fields select,.bank-editor-fields textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px;font:inherit;font-size:9px}.bank-settings-fields small,.bank-editor-fields small{display:block;margin-top:4px;color:var(--muted);font-size:7px}.copy-input{display:flex;margin-top:5px}.copy-input input{margin:0;border-radius:6px 0 0 6px}.copy-input button{border-radius:0 6px 6px 0;white-space:nowrap}.bank-editor-fields .check{display:flex;align-items:center;gap:7px}.bank-editor-fields .check input{width:auto;margin:0}.bank-form-actions{display:flex;justify-content:flex-end;gap:7px;padding:11px 15px;border-top:1px solid var(--line)}.bank-security-note{margin:0 15px 15px;padding:10px;border-left:3px solid var(--brand);border-radius:6px;background:#f1f5ff}.bank-security-note b{font-size:9px;color:var(--brand)}.bank-security-note p{font-size:7px;color:#58657f;margin:4px 0 0;line-height:1.5}.qr-placeholder.qr-live{background:#fff}.qr-placeholder.qr-live img{width:145px;height:145px;object-fit:contain;border-radius:6px}.sandbox-deposit-form{padding:0 15px 15px;text-align:right}.gateway-selector .empty-inline{grid-column:1/-1}
.mock-tabs .table-action{margin-left:auto;border:1px solid #dce7ff;border-bottom:1px solid #dce7ff;border-radius:7px;background:#edf3ff;color:var(--brand);padding:7px 10px}

.gallery-thumb{position:relative;overflow:visible}.gallery-thumb>img{overflow:hidden;border-radius:9px}.gallery-thumb-actions{position:absolute;left:4px;right:4px;bottom:4px;display:flex;justify-content:center;gap:3px;opacity:0;transition:opacity .18s ease}.gallery-thumb:hover .gallery-thumb-actions,.gallery-thumb:focus-within .gallery-thumb-actions{opacity:1}.gallery-thumb-actions button{width:21px;height:20px;border:0;border-radius:5px;background:#142044dc;color:#fff;font-size:11px;line-height:1;cursor:pointer}.gallery-thumb-actions button:last-child{background:#d8324adc}.gallery-add{cursor:pointer}.configured-attributes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.configured-attributes span{border:1px solid var(--line);border-radius:7px;padding:8px;background:#fafbff}.configured-attributes b,.configured-attributes small{display:block}.configured-attributes b{font-size:8px}.configured-attributes small{font-size:7px;color:var(--muted);margin-top:3px}.taxonomy-layout{display:grid;grid-template-columns:1fr 1fr;gap:13px}.taxonomy-list{display:grid;gap:7px;padding:0 14px 14px}.taxonomy-list>span{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border:1px solid var(--line);border-radius:8px;background:#fafbff}.taxonomy-list b,.taxonomy-list small{display:block}.taxonomy-list b{font-size:9px}.taxonomy-list small{font-size:7px;color:var(--muted);margin-top:3px}.taxonomy-help{padding:0 14px 14px;color:var(--muted);font-size:8px;line-height:1.6}@media(max-width:850px){.taxonomy-layout{grid-template-columns:1fr}.configured-attributes{grid-template-columns:1fr}.gallery-thumb-actions{opacity:1}}
.admin-filter-grid{grid-template-columns:1.5fr 1fr 1fr 1fr auto auto}@media(max-width:850px){.admin-filter-grid{grid-template-columns:1fr}}
@media(max-width:1200px){.bank-config-grid{grid-template-columns:1fr}}
@media(max-width:650px){.bank-webhook-alert{align-items:flex-start;flex-wrap:wrap}.bank-webhook-alert button{margin-left:40px}.bank-settings-fields,.bank-editor-fields{grid-template-columns:1fr}.bank-settings-fields label.span-2,.bank-editor-fields label.span-2{grid-column:auto}.bank-form-actions{position:sticky;bottom:0;background:#fff}}

/* USDT deposit configuration. */
.usdt-settings-panel{margin:13px 0}.admin-form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 15px 15px}.admin-form-grid label{font-size:8px;font-weight:750;color:#56617b}.admin-form-grid input:not([type=checkbox]),.admin-form-grid textarea{display:block;width:100%;margin-top:5px;border:1px solid var(--line);border-radius:6px;background:#fff;padding:9px;font:inherit;font-size:9px}.admin-form-grid textarea{resize:vertical}.admin-form-grid small{display:block;margin-top:4px;color:var(--muted);font-size:7px}.admin-form-grid .check{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;background:#fbfcff;padding:10px}.admin-form-grid .check input{width:auto}.admin-form-grid .full{grid-column:1/-1}.crypto-deposit-card{margin-top:13px}.crypto-methods{grid-template-columns:repeat(2,1fr)}.crypto-actions{padding-top:2px}.crypto-actions form{flex:1}.crypto-actions button{width:100%;justify-content:center}
.payment-channel-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:13px}.payment-channel-card{align-self:start}.payment-channel-card .callback-preview{margin:0 15px 15px}.payment-channel-card .bank-form-actions{justify-content:flex-start}
@media(max-width:1100px){.admin-form-grid{grid-template-columns:1fr 1fr}.crypto-methods{grid-template-columns:1fr}}
@media(max-width:1100px){.payment-channel-grid{grid-template-columns:1fr}}
@media(max-width:650px){.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .full{grid-column:auto}}

/* Warehouse import and local check-live tools. */
.compact-form{padding:0 16px 16px}.compact-form textarea{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.55}.settings-toggle-list{display:grid;gap:9px;margin:10px 0 14px;color:#53607c;font-size:10px}.settings-toggle-list label{display:flex;align-items:center;gap:8px;margin:0}.form-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.mini-check-table{margin:0 16px 16px;border:1px solid var(--line);border-radius:10px;overflow:hidden}.mini-check-table .mock-tr{grid-template-columns:1fr 110px 1.4fr}.notice-danger{border-color:#ffd6dd;background:#fff2f4;color:#d8324a}

/* Storefront marketing assets rendered from Admin/Marketing. */
.storefront-marketing-banner{margin:14px 24px 0;min-height:92px;display:grid;grid-template-columns:82px minmax(0,1fr) auto 24px;align-items:center;gap:16px;border:1px solid #cfdbff;border-radius:16px;background:radial-gradient(circle at 92% 15%,#d7efff 0,transparent 28%),linear-gradient(110deg,#f9fbff,#eef3ff 55%,#f3eeff);box-shadow:0 18px 42px #3042a914;padding:14px 18px;color:#17213f}.storefront-marketing-banner img{width:82px;height:64px;object-fit:cover;border-radius:12px;border:1px solid #dfe7ff;background:#fff}.storefront-marketing-banner small{display:block;color:var(--brand);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.storefront-marketing-banner b{display:block;font-size:17px;margin:4px 0}.storefront-marketing-banner em{display:block;color:#5f6b88;font-size:10px;font-style:normal}.storefront-marketing-banner strong{display:grid;place-items:center;min-width:76px;height:48px;border-radius:13px;background:linear-gradient(120deg,var(--brand),var(--brand-2));color:#fff;font-size:15px}.storefront-marketing-banner i{font-style:normal;color:var(--brand);font-weight:900}.storefront-flash-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:12px 24px 0}.storefront-flash-strip a{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:11px 13px;box-shadow:var(--shadow)}.storefront-flash-strip span{width:30px;height:30px;border-radius:10px;background:#fff3d9;color:#f08710;display:grid;place-items:center}.storefront-flash-strip b{font-size:10px}.storefront-flash-strip small{display:block;color:var(--muted);font-size:8px;margin-top:2px}.storefront-popup{position:fixed;right:22px;bottom:22px;width:min(360px,calc(100vw - 28px));z-index:60;border:1px solid #d7e2ff;border-radius:18px;background:#fff;padding:18px;box-shadow:0 24px 70px #1a245830}.storefront-popup[hidden]{display:none}.storefront-popup button{position:absolute;right:12px;top:10px;width:28px;height:28px;border:0;border-radius:50%;background:#f1f4fb;color:#4f5c7a;font-size:18px}.storefront-popup img{width:100%;height:130px;object-fit:cover;border-radius:13px;margin-bottom:12px;background:#eef3ff}.storefront-popup small{color:var(--brand);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em}.storefront-popup h2{font-size:20px;margin:6px 0}.storefront-popup p{font-size:11px;color:var(--muted);line-height:1.6}
@media(max-width:850px){.storefront-marketing-banner{grid-template-columns:54px minmax(0,1fr) 22px;margin-inline:14px;padding:12px}.storefront-marketing-banner img{width:54px;height:54px}.storefront-marketing-banner strong{display:none}.storefront-flash-strip{grid-template-columns:1fr;margin-inline:14px}.storefront-popup{right:14px;bottom:14px}}
.payment-tabs{justify-content:space-between;margin-bottom:13px;padding:0;overflow-x:auto}.payment-tabs button{flex:1;min-width:145px;border:0;background:transparent;color:inherit;font:inherit;white-space:nowrap;padding:10px 14px;cursor:pointer}.payment-tabs button.active{color:var(--brand);background:#f4f7ff}.payment-tabs button:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.wallet-payment-panel[hidden]{display:none}

/* 2026 visual refresh: clearer hierarchy, colorful SVG icons and page motion. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:ui-page-out .16s ease both}
::view-transition-new(root){animation:ui-page-in .32s cubic-bezier(.2,.75,.2,1) both}
@keyframes ui-page-in{from{opacity:0;transform:translateY(8px);filter:blur(2px)}to{opacity:1;transform:none;filter:none}}
@keyframes ui-page-out{to{opacity:0;transform:translateY(-3px)}}
@keyframes ui-rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
@keyframes ui-float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-8px) rotate(3deg)}}
@keyframes ui-pulse{0%,100%{box-shadow:0 0 0 0 rgba(31,183,126,.3)}50%{box-shadow:0 0 0 7px rgba(31,183,126,0)}}

:root{--brand:#2857f5;--brand-2:#079b9a;--brand-soft:#edf3ff;--accent:#ff6b45;--accent-soft:#fff0eb;--success:#10a66b;--ink:#111b36;--muted:#68738d;--line:#e3e9f4;--cream:#f5f8fd;--shadow:0 10px 34px rgba(30,55,110,.07);--shadow-hover:0 22px 48px rgba(28,54,112,.14);--rail:248px}
html{background:#f5f8fd}.ui-symbols{position:absolute;width:0;height:0;overflow:hidden}.ui-icon{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}body{background:radial-gradient(circle at 84% -10%,rgba(60,133,255,.09),transparent 28%),radial-gradient(circle at 35% 110%,rgba(0,180,166,.06),transparent 35%),var(--cream)}h1,h2,h3,.brand b{font-family:'Bricolage Grotesque',Manrope,sans-serif}
.side-rail{padding:0 13px 18px;background:rgba(255,255,255,.97);box-shadow:8px 0 32px rgba(30,55,105,.035);scrollbar-width:thin;scrollbar-color:#dce3f1 transparent}.brand{height:78px;padding-inline:8px}.brand span{width:39px;height:39px;border-radius:13px;background:linear-gradient(145deg,#2857f5,#10b9ae);box-shadow:0 9px 22px rgba(40,87,245,.24);transform:rotate(-5deg)}.brand b{letter-spacing:-.035em}.rail-nav{gap:4px}.rail-nav small{margin-top:20px;color:#9aa5ba;font-weight:800}.rail-nav a{min-height:41px;border:1px solid transparent;border-radius:10px;padding:9px 10px;transition:background .18s,color .18s,transform .18s,border-color .18s}.rail-nav a .ui-icon{width:18px;height:18px;color:#64718e;transition:color .18s,transform .18s}.rail-nav a:nth-of-type(6n+1) .ui-icon{color:#2857f5}.rail-nav a:nth-of-type(6n+2) .ui-icon{color:#0aa391}.rail-nav a:nth-of-type(6n+3) .ui-icon{color:#f07145}.rail-nav a:nth-of-type(6n+4) .ui-icon{color:#e3a008}.rail-nav a:nth-of-type(6n+5) .ui-icon{color:#db4d73}.rail-nav a:nth-of-type(6n+6) .ui-icon{color:#5d67c9}.rail-nav a:hover{transform:translateX(2px);border-color:#dfe7f7}.rail-nav a:hover .ui-icon{transform:scale(1.1)}.rail-nav a.active{background:linear-gradient(100deg,#edf3ff,#eefaf9);border-color:#d9e4ff;color:#1f4ee2;box-shadow:0 6px 16px rgba(40,87,245,.08)}.rail-nav a.active .ui-icon{color:#2857f5}.vip-card{background:linear-gradient(145deg,#fff9ec,#fff);border-color:#f3dfb9;box-shadow:0 10px 24px rgba(180,122,15,.07)}.vip-card>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#fff1c9;color:#dc9200}.vip-card>span .ui-icon{width:17px}.rail-support{background:linear-gradient(155deg,#f7faff,#f1fbfa);border-color:#dfe8f5}.rail-support>span{animation:ui-pulse 2.4s infinite}.rail-support a{background:linear-gradient(100deg,#2857f5,#079b9a);box-shadow:0 8px 18px rgba(40,87,245,.18)}
.topbar{height:78px;padding-inline:30px;background:rgba(255,255,255,.88);box-shadow:0 6px 24px rgba(25,49,95,.035)}.global-search{height:43px;border-radius:12px;background:#f8faff;border-color:#e0e7f3;transition:border-color .2s,box-shadow .2s,background .2s}.global-search:focus-within{background:#fff;border-color:#99b1ff;box-shadow:0 0 0 4px rgba(40,87,245,.09)}.global-search>.ui-icon{color:#71809e}.global-search kbd{border:1px solid #dfe5f0;background:#fff;box-shadow:0 1px 2px #dce2ed}.top-actions{gap:12px}.topup-button{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(105deg,#2857f5,#1745e8);border-radius:10px;box-shadow:0 9px 20px rgba(40,87,245,.22);transition:transform .18s,box-shadow .18s}.topup-button:hover{transform:translateY(-2px);box-shadow:0 13px 25px rgba(40,87,245,.28)}.topup-button .ui-icon{width:15px}.top-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:11px;background:#fff;color:#52617d;transition:.18s}.top-icon:hover{color:var(--brand);border-color:#bacbff;background:#f5f8ff;transform:translateY(-2px)}.top-icon b{right:-3px;top:-4px;border:2px solid #fff}.account-chip{border-left:1px solid var(--line);padding-left:13px}.account-chip>span{background:linear-gradient(145deg,#dce8ff,#d9f7f2);box-shadow:inset 0 0 0 1px #cad9f8}
.mock-page{padding:25px 28px 36px}.mock-panel,.mock-kpi,.shop-product-card{border-color:#e1e7f2;box-shadow:var(--shadow)}.mock-panel{transition:border-color .2s,box-shadow .2s}.panel-heading{padding:18px}.panel-heading h2{font-size:16px;letter-spacing:-.02em}.panel-heading p{font-size:10px;line-height:1.55}.panel-heading>a,.panel-bottom-link{font-size:10px}.mock-primary{min-height:38px;border-radius:9px;background:linear-gradient(105deg,#2857f5,#1747e8);box-shadow:0 8px 18px rgba(40,87,245,.2);transition:transform .18s,box-shadow .18s}.mock-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(40,87,245,.27)}.mock-primary .ui-icon{width:15px}.status-pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 9px}.status-pill i{width:5px;height:5px;border-radius:50%;background:currentColor}.table-action{border-radius:8px;transition:.18s}.table-action:hover{transform:translateY(-1px);border-color:#b8c9ff}
.dashboard-welcome{position:relative;min-height:230px;margin-bottom:16px;padding:33px 38px;overflow:hidden;border-radius:19px;color:#fff;background:radial-gradient(circle at 82% 22%,rgba(65,226,211,.38),transparent 22%),radial-gradient(circle at 64% 125%,rgba(90,122,255,.65),transparent 38%),linear-gradient(120deg,#112b82 0,#2857f5 54%,#087f8f 100%);box-shadow:0 20px 45px rgba(25,64,167,.2);animation:ui-rise .45s ease both}.dashboard-welcome:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:27px 27px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.dashboard-welcome>div:first-child{position:relative;z-index:2;max-width:690px}.welcome-kicker{display:inline-flex;align-items:center;gap:8px;font-size:9px;font-weight:800;letter-spacing:.12em;color:#cfe9ff}.welcome-kicker i{width:7px;height:7px;border-radius:50%;background:#54e6a6;animation:ui-pulse 2.2s infinite}.dashboard-welcome h1{font-size:clamp(28px,3vw,43px);line-height:1.03;letter-spacing:-.045em;margin:13px 0 11px}.dashboard-welcome h1 em{font-style:normal;color:#8ff0dd}.dashboard-welcome p{max-width:600px;margin:0;color:#dbe7ff;font-size:12px;line-height:1.65}.welcome-actions{display:flex;gap:9px;margin-top:20px}.dashboard-welcome .mock-primary{background:#fff;color:#1d4bdc;box-shadow:0 9px 22px rgba(4,23,75,.2)}.welcome-secondary{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:9px 14px;border:1px solid rgba(255,255,255,.35);border-radius:9px;background:rgba(255,255,255,.1);font-size:10px;font-weight:800;backdrop-filter:blur(7px)}.welcome-secondary:hover{background:rgba(255,255,255,.18)}.welcome-secondary .ui-icon{width:15px}.welcome-orbit{position:absolute;right:58px;top:32px;width:180px;height:180px;border:1px solid rgba(255,255,255,.22);border-radius:50%}.welcome-orbit:before{content:"";position:absolute;inset:27px;border:1px dashed rgba(255,255,255,.27);border-radius:50%}.orbit-core{position:absolute;inset:53px;display:grid;place-items:center;border-radius:31px;background:rgba(255,255,255,.96);color:#2857f5;font-family:'Bricolage Grotesque';font-size:42px;font-weight:800;box-shadow:0 15px 35px rgba(4,30,96,.22);transform:rotate(-7deg)}.orbit-item{position:absolute;width:39px;height:39px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#2857f5;box-shadow:0 10px 25px rgba(2,29,91,.2);animation:ui-float 4s ease-in-out infinite}.orbit-item .ui-icon{width:20px}.orbit-item.one{top:-8px;left:69px;color:#10a66b}.orbit-item.two{right:-10px;bottom:38px;color:#f06943;animation-delay:-1.4s}.orbit-item.three{left:-9px;bottom:31px;color:#2857f5;animation-delay:-2.6s}
.mock-kpi-grid{gap:14px;margin-bottom:16px}.mock-kpi{min-height:112px;padding:17px;border-radius:14px;transition:transform .2s,box-shadow .2s,border-color .2s;animation:ui-rise .42s ease both}.mock-kpi:nth-child(2){animation-delay:.04s}.mock-kpi:nth-child(3){animation-delay:.08s}.mock-kpi:nth-child(4){animation-delay:.12s}.mock-kpi:nth-child(5){animation-delay:.16s}.mock-kpi:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover);border-color:#d3def1}.kpi-icon{width:43px;height:43px;flex-basis:43px;border-radius:13px}.kpi-icon .ui-icon{width:21px;height:21px}.kpi-icon.purple{background:var(--accent-soft);color:var(--accent)}.mock-kpi small{font-size:10px}.mock-kpi strong{font-family:'Bricolage Grotesque';font-size:21px;letter-spacing:-.025em}.mock-kpi em{font-size:8px}.dashboard-main-grid{gap:15px}.quick-action-grid{gap:9px;padding:16px}.quick-action-grid a{padding:10px 5px;border-radius:10px;transition:background .18s,transform .18s}.quick-action-grid a:hover{background:#f6f8fd;transform:translateY(-2px)}.quick-action-grid i{width:43px;height:43px;border-radius:13px}.quick-action-grid i .ui-icon{width:20px}.quick-action-grid i.purple{background:var(--accent-soft);color:var(--accent)}
.catalog-section{margin-top:6px}.catalog-heading{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;border:1px solid #dfe7f4;border-radius:15px;background:linear-gradient(115deg,#fff,#f4f8ff 65%,#eefbf9);box-shadow:var(--shadow)}.catalog-heading h1{font-size:28px}.catalog-heading h1 small{vertical-align:middle}.catalog-subtitle{margin:6px 0 0;color:var(--muted);font-size:10px}.catalog-heading-icon{width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,#2857f5,#079b9a);color:#fff;box-shadow:0 11px 24px rgba(40,87,245,.21)}.catalog-heading-icon .ui-icon{width:25px;height:25px}.category-carousel{gap:10px;margin:15px 0}.category-carousel a{min-height:43px;border-radius:11px;padding-inline:16px;box-shadow:0 4px 13px rgba(30,53,102,.04);transition:.18s}.category-carousel a:hover{transform:translateY(-2px);border-color:#aebfff;box-shadow:0 9px 20px rgba(40,87,245,.1)}.category-carousel a.active{color:#fff;background:linear-gradient(105deg,#2857f5,#1747e8);border-color:#2857f5;box-shadow:0 9px 20px rgba(40,87,245,.19)}.catalog-filter{padding:15px;border-radius:13px;box-shadow:var(--shadow)}.catalog-filter input,.catalog-filter select{min-height:38px;border-radius:8px;background:#f9fbfe}.catalog-filter input:focus,.catalog-filter select:focus{outline:0;border-color:#91aaff;box-shadow:0 0 0 3px rgba(40,87,245,.08)}.catalog-toolbar{padding-block:14px}.shop-product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.shop-product-card{border-radius:15px;transition:transform .24s cubic-bezier(.2,.7,.2,1),box-shadow .24s,border-color .24s;animation:ui-rise .42s ease both}.shop-product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:#cbd8ef}.shop-product-art{height:174px;margin:11px 11px 0;border-radius:11px;overflow:hidden;background:radial-gradient(circle at 75% 15%,#d9fff4,transparent 28%),linear-gradient(145deg,#edf3ff,#e7edff)}.shop-product-art:after{content:"";position:absolute;inset:auto -25px -35px auto;width:105px;height:105px;border-radius:50%;border:18px solid rgba(40,87,245,.06)}.shop-product-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.shop-product-card:hover .shop-product-art img{transform:scale(1.045)}.shop-product-art>span{font-size:60px;text-shadow:0 8px 20px rgba(40,87,245,.15)}.shop-product-art>small{left:9px;bottom:9px;z-index:2;padding:5px 8px;border:1px solid rgba(255,255,255,.8);border-radius:6px;box-shadow:0 4px 12px rgba(30,50,95,.08);backdrop-filter:blur(8px)}.product-hot{position:absolute;right:8px;top:8px;z-index:2;padding:5px 7px;border-radius:6px;background:var(--accent);color:#fff;font-size:6px;letter-spacing:.06em;box-shadow:0 5px 12px rgba(255,107,69,.25)}.shop-product-copy{padding:13px}.product-rating{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.product-rating span{color:#e79500;font-size:9px;font-weight:800}.product-rating small{color:var(--muted);font-size:7px}.shop-product-copy h3{min-height:37px;margin-bottom:6px;font-size:13px;line-height:1.4}.shop-product-copy h3 a:hover{color:var(--brand)}.shop-product-copy>p{display:flex;align-items:center;gap:5px;min-height:18px;font-size:8px}.shop-product-copy>p .ui-icon{width:13px;height:13px;color:var(--success)}.stock-rating{margin:11px 0;padding-top:10px;border-top:1px solid #edf0f6}.stock-rating>span{font-size:8px}.shop-price{align-items:flex-end;margin-top:2px}.shop-price div>small{display:block;margin-bottom:2px;color:var(--muted);font-size:7px}.shop-price strong{font-family:'Bricolage Grotesque';font-size:19px;letter-spacing:-.025em}.product-card-actions{gap:7px;margin-top:12px}.product-card-actions a{padding:9px 5px;border-radius:8px;font-size:9px;transition:.18s}.product-card-actions a:hover{transform:translateY(-1px);background:#f2f6ff}.product-card-actions a.buy{display:flex;align-items:center;justify-content:center;gap:5px;background:linear-gradient(105deg,#2857f5,#1747e8);box-shadow:0 7px 15px rgba(40,87,245,.18)}.product-card-actions a.buy:hover{background:linear-gradient(105deg,#194be9,#123dd1)}.product-card-actions .ui-icon{width:13px;height:13px}
.shop-product-copy h2{min-height:37px;margin:0 0 6px;font-size:13px;line-height:1.4}.shop-product-copy h2 a:hover{color:var(--brand)}
.floating-notice{box-shadow:0 12px 30px rgba(30,52,98,.12);animation:ui-rise .3s ease both}.empty-inline{font-size:11px}.site-footer{background:rgba(255,255,255,.88)}
@media(max-width:1400px){.shop-product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.welcome-orbit{right:35px}.mock-kpi-grid.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1000px){:root{--rail:210px}.dashboard-welcome{padding-right:220px}.welcome-orbit{right:25px;transform:scale(.84)}.shop-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.side-rail{box-shadow:0 8px 25px rgba(30,55,105,.06)}.rail-nav a:hover{transform:none}.topbar{height:64px}.dashboard-welcome{padding:29px 25px}.welcome-orbit{opacity:.25;right:-20px}.dashboard-welcome>div:first-child{max-width:75%}.catalog-heading{padding:18px}.catalog-heading-icon{width:44px;height:44px}.mock-page{padding:18px 15px 30px}.shop-product-grid{gap:12px}}
@media(max-width:560px){.dashboard-welcome{min-height:0;padding:25px 21px}.dashboard-welcome>div:first-child{max-width:100%}.welcome-orbit{display:none}.dashboard-welcome h1{font-size:28px}.welcome-actions{align-items:stretch;flex-direction:column}.catalog-heading-icon{display:none}.shop-product-grid{grid-template-columns:1fr}.shop-product-art{height:210px}.catalog-filter{gap:11px}.mock-kpi-grid.five{grid-template-columns:1fr}.topup-button .ui-icon{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-old(root),::view-transition-new(root){animation:none}}

/* API documentation workbench */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.developer-docs-page{--api-navy:#0f1d33;--api-navy-2:#152640;--api-blue:#2857f5;--api-cyan:#078f91;--api-code:#07111f;--api-border:#dce5f2;max-width:1760px;color:var(--api-navy)}
.developer-docs-page [hidden]{display:none!important}
.developer-docs-page button,.developer-docs-page a,.developer-docs-page input,.developer-docs-page select,.developer-docs-page textarea{outline:none}
.developer-docs-page button:focus-visible,.developer-docs-page a:focus-visible,.developer-docs-page input:focus-visible,.developer-docs-page select:focus-visible,.developer-docs-page textarea:focus-visible{box-shadow:0 0 0 3px rgba(40,87,245,.2);border-color:#8da8ff!important}
.developer-docs-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:26px 28px;border:1px solid var(--api-border);border-radius:16px;background:linear-gradient(112deg,#fff 0,#f5f8ff 72%,#edf9f8 100%);box-shadow:var(--shadow)}
.developer-docs-heading h1{margin:7px 0 6px;font-family:'Bricolage Grotesque',Manrope,sans-serif;font-size:34px;line-height:1.05;letter-spacing:-.04em}
.developer-docs-heading>div:first-child>p:last-child{max-width:720px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}
.developer-eyebrow{display:flex;align-items:center;gap:8px;margin:0;color:#65728f;font:700 9px 'DM Mono',monospace;letter-spacing:.11em;text-transform:uppercase}
.developer-eyebrow span{padding:5px 7px;border-radius:6px;background:var(--api-navy);color:#fff}
.developer-heading-badges{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}
.developer-heading-badges span{padding:8px 10px;border:1px solid #d8e1ef;border-radius:8px;background:rgba(255,255,255,.86);color:#43516e;font:700 9px 'DM Mono',monospace;white-space:nowrap}
.developer-heading-badges span:first-child{color:#087b56;border-color:#b9e2d3;background:#eefaf6}
.developer-heading-badges i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#12a66b;box-shadow:0 0 0 4px rgba(18,166,107,.11)}
.developer-docs-nav{display:flex;gap:4px;margin:14px 0;padding:5px;border:1px solid var(--api-border);border-radius:11px;background:#fff;box-shadow:0 5px 20px rgba(29,54,102,.04);overflow:auto}
.developer-docs-nav a{padding:10px 14px;border-radius:7px;color:#56637e;font-size:10px;font-weight:800;white-space:nowrap}
.developer-docs-nav a:hover{background:#edf3ff;color:var(--api-blue)}
.new-api-key-alert{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;margin:14px 0;padding:15px;border:1px solid #a9dccb;border-radius:12px;background:#edfaf5}
.new-api-key-alert>span{width:40px;height:40px;border-radius:10px;display:grid;place-items:center;background:#d9f4e9;color:#07815a}
.new-api-key-alert .ui-icon{width:20px}
.new-api-key-alert strong,.new-api-key-alert p,.new-api-key-alert code{display:block}
.new-api-key-alert p{margin:3px 0 7px;color:#527065;font-size:10px}
.new-api-key-alert code{font-size:11px;overflow-wrap:anywhere;user-select:all}
.new-api-key-alert button{border:1px solid #87cdb5;border-radius:8px;background:#fff;color:#087553;padding:9px 12px;font-size:9px;font-weight:800}
.api-access-overview{display:grid;grid-template-columns:1.35fr 1fr 1.1fr 1fr auto;align-items:stretch;margin-bottom:16px;border:1px solid var(--api-border);border-radius:14px;background:#fff;box-shadow:var(--shadow);overflow:hidden}
.api-access-overview>*{min-width:0;padding:16px;border-right:1px solid var(--api-border)}
.api-access-overview>*:last-child{border-right:0}
.api-access-intro{display:flex;align-items:center;gap:12px}
.api-access-icon{flex:0 0 42px;width:42px;height:42px;border-radius:11px;display:grid;place-items:center;background:#e9f8f5;color:var(--api-cyan)}
.api-access-icon .ui-icon{width:21px}
.api-access-intro small,.api-access-stat>small{display:block;margin-bottom:5px;color:#7b879e;font-size:8px;font-weight:750;text-transform:uppercase;letter-spacing:.05em}
.api-access-intro h2{margin:0;font-size:14px}.api-access-intro h2 code{color:var(--api-blue)}
.api-access-intro p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.5}
.api-access-stat{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px}
.api-access-stat>code{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#1f3152;font:700 10px 'DM Mono',monospace;white-space:nowrap}
.api-access-stat>strong{font-size:12px}.api-access-stat>span{color:var(--muted);font-size:8px}
.api-access-stat>button{padding:0;border:0;background:transparent;color:var(--api-blue);font-size:8px;font-weight:800}
.api-key-current{gap:6px}.api-key-secret{width:100%;min-width:0;border:1px solid #cbd7e8;border-radius:7px;background:#f7faff;color:#1f3152;padding:7px 8px;font:700 10px 'DM Mono',monospace;letter-spacing:.02em}.api-key-secret:focus{outline:2px solid color-mix(in srgb,var(--api-blue) 32%,transparent);outline-offset:1px}.api-key-secret-actions{display:flex;flex-wrap:wrap;gap:6px}.api-key-secret-actions button{padding:5px 8px;border:1px solid #cbd7e8;border-radius:6px;background:#fff;color:var(--api-blue);font-size:8px;font-weight:800}.api-key-secret-actions button:hover{border-color:var(--api-blue);background:#edf3ff}.api-key-unavailable{display:block;color:#8a620f!important;font-size:8px!important;line-height:1.45}
.api-key-actions{display:flex;flex-direction:column;justify-content:center;gap:7px}
.api-key-actions form{margin:0}.api-key-actions button{width:100%;white-space:nowrap}.api-key-actions .table-action{min-height:34px;border:1px solid #cfd9e8;background:#fff;color:#43516c;font-size:9px;font-weight:800}
.api-workbench{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.65fr);gap:16px;align-items:start}
.api-endpoint-directory,.api-reference-content{border:1px solid var(--api-border);border-radius:15px;background:#fff;box-shadow:var(--shadow)}
.api-endpoint-directory{position:sticky;top:88px;max-height:calc(100vh - 106px);overflow:auto}
.api-endpoint-directory>header{position:sticky;top:0;z-index:2;padding:19px 18px 14px;border-bottom:1px solid var(--api-border);background:rgba(255,255,255,.97);backdrop-filter:blur(8px)}
.api-endpoint-directory>header p,.api-guide-card header p{margin:0 0 4px;color:var(--api-cyan);font:800 8px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase}
.api-endpoint-directory>header h2{margin:0;font-size:18px;letter-spacing:-.025em}
.api-endpoint-directory>header>span{display:block;margin-top:5px;color:var(--muted);font-size:9px}
.endpoint-directory-tools{display:grid;grid-template-columns:1fr .7fr;gap:7px;padding:12px;border-bottom:1px solid var(--api-border);background:#f8fafe}
.endpoint-directory-tools label{min-width:0}
.endpoint-directory-tools input,.endpoint-directory-tools select{width:100%;height:36px;border:1px solid #d8e1ef;border-radius:8px;background:#fff;color:#34415d;font-size:9px}
.endpoint-search-field{position:relative}.endpoint-search-field .ui-icon{position:absolute;left:10px;top:10px;width:15px;color:#75839f}.endpoint-search-field input{padding:0 10px 0 32px}.endpoint-directory-tools select{padding:0 9px}
.endpoint-directory-list{padding:10px}
.api-endpoint-group{margin-bottom:10px}.api-endpoint-group:last-of-type{margin-bottom:0}
.api-endpoint-group>header{display:flex;align-items:center;justify-content:space-between;padding:7px 6px;color:#52607c;font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.045em}
.api-endpoint-group>header small{padding:4px 6px;border-radius:99px;background:#edf1f7;color:#77839a;font-size:7px;text-transform:none;letter-spacing:0}
.api-endpoint-nav-item{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;margin:4px 0;padding:11px 10px;border:1px solid transparent;border-radius:10px;background:#f8fafe;color:var(--api-navy);text-align:left;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.api-endpoint-nav-item:hover{border-color:#cbd8eb;background:#fff;transform:translateX(2px)}
.api-endpoint-nav-item.active{border-color:#9db5ff;background:#edf3ff;box-shadow:inset 3px 0 0 var(--api-blue)}
.api-endpoint-nav-item>span{min-width:0}.api-endpoint-nav-item b{display:block;margin-bottom:4px;font-size:10px;line-height:1.35}.api-endpoint-nav-item code{display:block;overflow:hidden;color:#72809a;font:600 8px 'DM Mono',monospace;text-overflow:ellipsis;white-space:nowrap}.api-endpoint-nav-item>i{color:#92a0b8;font-style:normal;font-size:18px}
.http-method{display:inline-grid;place-items:center;min-width:38px;padding:5px 6px;border:1px solid transparent;border-radius:6px;font:800 8px 'DM Mono',monospace;text-align:center}
.http-method.get{border-color:#b6e6d4;background:#e8f8f2;color:#07865a}.http-method.post{border-color:#c6d4ff;background:#edf2ff;color:#2857f5}.http-method.put,.http-method.patch{border-color:#f7d5a4;background:#fff6e8;color:#b76b08}.http-method.delete{border-color:#f1bdc5;background:#fff0f2;color:#d03a50}
.endpoint-search-empty{margin:8px;padding:24px 12px;border:1px dashed #cbd6e6;border-radius:9px;color:var(--muted);font-size:10px;text-align:center}
.api-reference-content{position:relative;min-width:0;overflow:hidden}
.api-anchor-target{position:absolute;top:-90px}
.api-reference-panel{min-width:0}
.api-reference-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:24px 25px 20px;background:linear-gradient(112deg,#fff,#f7f9fe);border-bottom:1px solid var(--api-border)}
.api-reference-tags{display:flex;align-items:center;gap:7px;margin-bottom:10px}.api-reference-tags>span,.api-reference-tags>code{padding:5px 7px;border:1px solid #dce4f0;border-radius:6px;background:#fff;color:#5f6d88;font-size:8px;font-weight:750}
.api-reference-header h2{margin:0 0 7px;font-family:'Bricolage Grotesque',Manrope,sans-serif;font-size:25px;letter-spacing:-.035em}
.api-reference-header p{max-width:710px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}
.api-copy-request{display:flex;align-items:center;gap:7px;padding:9px 11px;border:1px solid #c5d3e7;border-radius:8px;background:#fff;color:#33415e;font-size:9px;font-weight:800;white-space:nowrap}.api-copy-request .ui-icon{width:14px}.api-copy-request.is-copied{border-color:#9cd7c2;color:#07845a;background:#ecfaf5}
.api-reference-jump{display:flex;gap:4px;padding:0 17px;border-bottom:1px solid var(--api-border);overflow:auto}.api-reference-jump a{padding:12px 9px;border-bottom:2px solid transparent;color:#64718b;font-size:9px;font-weight:800;white-space:nowrap}.api-reference-jump a:hover{border-color:var(--api-blue);color:var(--api-blue)}
.api-reference-section{padding:21px 24px;border-bottom:1px solid var(--api-border);scroll-margin-top:90px}.api-reference-section:last-child{border-bottom:0}
.api-section-heading{display:flex;align-items:center;gap:10px;margin-bottom:13px}.api-section-heading>span{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:#edf3ff;color:var(--api-blue);font:800 8px 'DM Mono',monospace}.api-section-heading p{margin:0 0 2px;color:#8490a5;font:750 7px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.07em}.api-section-heading h3{margin:0;font-size:13px}
.api-url-field{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px;border:1px solid #d9e2ef;border-radius:9px;background:#f8fafe}.api-url-field>code{min-width:0;overflow:auto;color:#263754;font:650 9px 'DM Mono',monospace;white-space:nowrap}.api-url-field>button{border:0;background:transparent;color:var(--api-blue);font-size:8px;font-weight:800}
.api-request-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px}.api-request-facts>div{padding:10px;border:1px solid #e2e8f2;border-radius:8px;background:#fff}.api-request-facts small,.api-request-facts strong{display:block}.api-request-facts small{margin-bottom:4px;color:#8994a7;font-size:7px;text-transform:uppercase}.api-request-facts strong{font-size:9px}
.api-no-parameters{display:flex;align-items:center;gap:10px;padding:13px;border:1px dashed #b9daca;border-radius:9px;background:#f1fbf7;color:#3b6656}.api-no-parameters .ui-icon{width:18px;color:#0a9464}.api-no-parameters span,.api-no-parameters b{display:block}.api-no-parameters span{font-size:9px}.api-no-parameters b{margin-bottom:3px;font-size:10px}
.api-parameter-table{overflow:auto;border:1px solid #dfe6f1;border-radius:9px}.api-parameter-row{display:grid;grid-template-columns:1fr .65fr .85fr 2.2fr 1fr;gap:9px;align-items:center;min-width:720px;padding:10px 12px;border-top:1px solid #e7ecf4;font-size:8px}.api-parameter-row:first-child{border-top:0}.api-parameter-row.heading{background:#f7f9fc;color:#77839a;font-size:7px;font-weight:850;text-transform:uppercase}.api-parameter-row>code{color:#244cbe;font:700 8px 'DM Mono',monospace;overflow-wrap:anywhere}.api-parameter-row p{margin:0;color:#58657e;line-height:1.5}.api-parameter-row mark{display:inline-block;margin-left:3px;padding:3px 5px;border-radius:4px;background:#fff1e3;color:#b66505;font-size:6px}
.api-example-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:10px}.api-code-card,.api-response-card{min-width:0;border:1px solid #20344f;border-radius:10px;background:var(--api-code);color:#dbe8f6;overflow:hidden}
.api-code-card>header,.api-response-card>header{display:flex;align-items:center;justify-content:space-between;gap:9px;min-height:45px;padding:8px 10px;border-bottom:1px solid #20344f;background:#10213a}.api-code-card>header>strong,.api-response-card>header strong{font-size:9px}
.api-code-card>header>div{display:flex;gap:3px;overflow:auto}.api-code-card>header button{padding:6px 8px;border:1px solid transparent;border-radius:5px;background:transparent;color:#8ea0b8;font-size:7px;font-weight:800;white-space:nowrap}.api-code-card>header button.active{border-color:#3b587c;background:#1a304d;color:#fff}
.api-code-sample,.api-response-card{position:relative}.api-code-sample>button,.api-response-card>button{position:absolute;right:9px;top:9px;z-index:1;padding:5px 7px;border:1px solid #39516e;border-radius:5px;background:#132842;color:#bdd0e3;font-size:7px;font-weight:750}.api-code-sample>button.is-copied,.api-response-card>button.is-copied{border-color:#178968;color:#8ce0c0}
.api-code-card pre,.api-response-card pre,.api-auth-guide pre{margin:0;padding:16px;overflow:auto;background:transparent;color:#cfe5f5;font:600 9px/1.65 'DM Mono',Consolas,monospace;tab-size:2;white-space:pre}.api-code-card pre,.api-response-card pre{min-height:270px;max-height:440px}.api-code-card code,.api-response-card code{font:inherit}.api-response-card>header mark{padding:5px 7px;border-radius:5px;background:#123b35;color:#72ddb6;font:800 7px 'DM Mono',monospace}
.api-errors-and-notes{display:grid;grid-template-columns:1.25fr .75fr;gap:16px}.api-endpoint-errors{border:1px solid #e0e6f0;border-radius:9px;overflow:hidden}.api-endpoint-errors>div{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;padding:10px;border-top:1px solid #e7ecf4}.api-endpoint-errors>div:first-child{border-top:0}.api-endpoint-errors mark{padding:5px;border-radius:5px;background:#fff0f2;color:#c9374e;font:800 8px 'DM Mono',monospace;text-align:center}.api-endpoint-errors b,.api-endpoint-errors small{display:block}.api-endpoint-errors b{margin-bottom:3px;font-size:9px}.api-endpoint-errors small{color:var(--muted);font-size:8px;line-height:1.5}
.api-errors-and-notes>aside{align-self:start;padding:14px;border:1px solid #bad7ee;border-radius:10px;background:#f0f8ff;color:#315a7c}.api-errors-and-notes>aside>strong{display:flex;align-items:center;gap:7px;font-size:10px}.api-errors-and-notes>aside .ui-icon{width:15px}.api-errors-and-notes ul{margin:10px 0 0;padding-left:18px;color:#52718a;font-size:8px;line-height:1.7}
.api-guidance-grid{display:grid;grid-template-columns:1.05fr .9fr 1fr;gap:14px;margin-top:16px}.api-guide-card{min-width:0;padding:17px;border:1px solid var(--api-border);border-radius:13px;background:#fff;box-shadow:var(--shadow);scroll-margin-top:90px}.api-guide-card>header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.api-guide-card>header>span{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#edf3ff;color:var(--api-blue)}.api-guide-card>header .ui-icon{width:18px}.api-guide-card header h2{margin:0;font-size:14px}.api-guide-card>p{color:var(--muted);font-size:9px;line-height:1.6}
.api-error-summary{display:grid;grid-template-columns:1fr 1fr;gap:7px}.api-error-summary>div{display:grid;grid-template-columns:39px 1fr;align-items:center;gap:8px;padding:9px;border:1px solid #e3e9f2;border-radius:8px}.api-error-summary mark{padding:5px;border-radius:5px;background:#fff0f2;color:#cd3a50;font:800 8px 'DM Mono',monospace;text-align:center}.api-error-summary b,.api-error-summary small{display:block}.api-error-summary b{font-size:8px}.api-error-summary small{margin-top:2px;color:var(--muted);font-size:7px;line-height:1.4}
.api-auth-guide ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.api-auth-guide li{display:flex;align-items:center;gap:9px}.api-auth-guide li>b{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#edf3ff;color:var(--api-blue);font:800 8px 'DM Mono',monospace}.api-auth-guide li span,.api-auth-guide li strong,.api-auth-guide li small{display:block}.api-auth-guide li strong{font-size:9px}.api-auth-guide li small{margin-top:2px;color:var(--muted);font-size:7px}.api-auth-guide pre{margin-top:13px;padding:12px;border-radius:8px;background:var(--api-code);font-size:8px}
.api-whitelist-card label{display:block;margin:10px 0 5px;color:#536079;font-size:8px;font-weight:800}.api-whitelist-card textarea{width:100%;padding:10px;border:1px solid #d7e0ec;border-radius:8px;background:#f9fbfe;color:var(--api-navy);font:600 9px/1.6 'DM Mono',monospace;resize:vertical}.api-security-warning{display:flex;align-items:flex-start;gap:8px;margin:9px 0;padding:9px;border-radius:8px;background:#fff7e9;color:#86590f;font-size:7px;line-height:1.5}.api-security-warning .ui-icon{flex:0 0 15px;width:15px}.api-security-warning b{display:block;font-size:8px}.developer-docs-page .validation{font-size:8px}
@media(max-width:1320px){.api-access-overview{grid-template-columns:1.25fr 1fr 1fr}.api-access-overview .api-access-stat:nth-of-type(3){border-right:0}.api-key-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--api-border)}.api-guidance-grid{grid-template-columns:1fr 1fr}.api-whitelist-card{grid-column:1/-1}.api-example-grid{grid-template-columns:1fr}.api-code-card pre,.api-response-card pre{min-height:220px}.api-errors-and-notes{grid-template-columns:1fr}}
@media(max-width:1050px){.api-workbench{grid-template-columns:1fr}.api-endpoint-directory{position:static;max-height:none}.endpoint-directory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.api-endpoint-group{margin:0}.api-endpoint-directory>header{position:static}.api-access-overview{grid-template-columns:1fr 1fr}.api-access-overview>*{border-bottom:1px solid var(--api-border)}.api-access-overview>*:nth-child(2n){border-right:0}.api-key-actions{grid-column:1/-1}.api-guidance-grid{grid-template-columns:1fr}.api-whitelist-card{grid-column:auto}}
@media(max-width:700px){.developer-docs-heading{align-items:flex-start;flex-direction:column;padding:20px}.developer-docs-heading h1{font-size:28px}.developer-heading-badges{justify-content:flex-start}.api-access-overview{grid-template-columns:1fr}.api-access-overview>*{border-right:0;border-bottom:1px solid var(--api-border)}.api-key-actions{grid-template-columns:1fr}.endpoint-directory-tools,.endpoint-directory-list{grid-template-columns:1fr}.api-reference-header{flex-direction:column;padding:20px}.api-copy-request{width:100%;justify-content:center}.api-reference-section{padding:18px 15px}.api-request-facts{grid-template-columns:1fr 1fr}.api-url-field{grid-template-columns:auto minmax(0,1fr)}.api-url-field>button{grid-column:1/-1;padding:6px}.api-example-grid{grid-template-columns:1fr}.api-code-card pre,.api-response-card pre{min-height:200px;font-size:8px}.api-error-summary{grid-template-columns:1fr}.new-api-key-alert{grid-template-columns:auto 1fr}.new-api-key-alert>button{grid-column:1/-1}.api-guidance-grid{gap:10px}.api-reference-jump{padding-inline:8px}}
@media(max-width:420px){.api-request-facts{grid-template-columns:1fr}.developer-heading-badges span{white-space:normal}.developer-docs-nav a{padding-inline:10px}}
/* Multi-image gallery upload */
.gallery-upload-field input[type="file"] {
    margin-top: 8px;
}

.editor-grid label > .gallery-selection-count {
    width: max-content;
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    margin-top: 8px;
    padding: 0 9px;
    border: 1px solid #cbd5e1;
    border-radius: 999px;
    background: #f8fafc;
    color: #475569;
    font-size: 8px;
    font-weight: 750;
}

.editor-grid label > .gallery-selection-count.is-error {
    border-color: #fecaca;
    background: #fff1f2;
    color: #be123c;
}

.gallery-thumb[data-new-preview]::after {
    content: "Mới";
    position: absolute;
    top: 4px;
    left: 4px;
    padding: 2px 5px;
    border-radius: 999px;
    background: rgba(255, 81, 84, .92);
    color: #fff;
    font-size: 6px;
    font-weight: 850;
    letter-spacing: .04em;
}

.gallery-add {
    transition: border-color .18s ease, background-color .18s ease, transform .18s ease;
}

.gallery-add.is-dragover {
    border-color: var(--brand);
    background: #eef2ff;
    transform: translateY(-2px);
}

.cron-live-toggle {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 13px 14px;
    border: 1px solid color-mix(in srgb, var(--brand) 32%, var(--line));
    border-radius: 9px;
    background: color-mix(in srgb, var(--brand) 7%, var(--paper));
}

.cron-live-toggle > span { min-width: 0; }
.cron-live-toggle b,
.cron-live-toggle small { display: block; }
.cron-live-toggle b { color: var(--ink); font-size: 10px; }
.cron-live-toggle small { margin-top: 4px; line-height: 1.5; }
.cron-live-toggle input { width: 38px !important; height: 21px !important; flex: 0 0 auto; accent-color: var(--brand); }
.product-cron-panel { overflow: hidden; }
.cron-job-table-wrap { overflow: auto; overscroll-behavior-inline: contain; }
.cron-job-table { width: 100%; min-width: 1040px; border-collapse: collapse; font-size: 9px; }
.cron-job-table th,
.cron-job-table td { padding: 12px 14px; border-top: 1px solid var(--line); text-align: left; vertical-align: top; }
.cron-job-table th { color: var(--muted); background: color-mix(in srgb, var(--paper) 88%, var(--line)); font-size: 8px; text-transform: uppercase; letter-spacing: .04em; }
.cron-job-table code { display: block; max-width: 290px; overflow-wrap: anywhere; color: var(--brand); }
.cron-job-table td small { display: block; max-width: 310px; margin-top: 5px; color: var(--muted); line-height: 1.45; }
.cron-result b,
.cron-result em,
.cron-result i { font-style: normal; }
.cron-result em { color: var(--success); }
.cron-result i { color: var(--danger); }
.cron-empty { color: var(--muted); text-align: center !important; padding: 25px !important; }
.inventory-cron-overview { border-top: 1px solid var(--line); }
.inventory-cron-overview > header { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 20px; }
.inventory-cron-overview h3 { margin: 0; }
.inventory-cron-overview p { margin: 4px 0 0; color: var(--muted); font-size: 10px; }
.inventory-cron-table-v6 { min-width: 1180px; }
.inventory-cron-table-v6 code { display: block; max-width: 270px; overflow-wrap: anywhere; white-space: normal; }
.inventory-cron-table-v6 td small { display: block; margin-top: 4px; color: var(--muted); }

html[data-color-scheme="dark"] .cron-live-toggle {
    background: color-mix(in srgb, var(--brand) 12%, var(--paper));
}

/* Central CRON JOB management: shared operational controls for payment and inventory workers. */
.cron-management-page{display:grid;gap:16px}.cron-system-card,.cron-inventory-card,.cron-automation-card{overflow:hidden}.cron-system-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:0 18px 18px}.cron-worker-card{min-width:0;padding:15px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#fff,#f7faff);box-shadow:0 7px 18px rgba(30,55,110,.04)}.cron-worker-card.is-paused{background:#f8f9fc;filter:saturate(.58)}.cron-worker-card>header{display:grid;grid-template-columns:34px minmax(0,1fr);gap:9px;align-items:start}.cron-worker-card>header mark{grid-column:2;justify-self:start}.cron-worker-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:#eaf1ff;color:var(--brand)}.cron-worker-icon .ui-icon{width:17px}.cron-worker-card h3{margin:0;font-size:13px;line-height:1.25}.cron-worker-card header p{margin:4px 0 0;color:var(--muted);font-size:8px;line-height:1.5}.cron-worker-timeline{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:13px 0 9px}.cron-worker-timeline div{padding:8px;border:1px solid #e5eaf3;border-radius:8px;background:#fff}.cron-worker-timeline dt{color:var(--muted);font-size:7px;text-transform:uppercase;letter-spacing:.04em}.cron-worker-timeline dd{margin:4px 0 0;color:var(--ink);font-size:8px;font-weight:800;line-height:1.35}.cron-worker-message{min-height:34px;margin:0 0 10px;color:#57647d;font-size:8px;line-height:1.5}.cron-worker-form{display:grid;grid-template-columns:1fr .9fr;gap:9px;padding:10px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.cron-worker-form>label:not(.cron-enable-toggle)>span{display:block;margin-bottom:4px;color:var(--muted);font-size:7px;font-weight:800;text-transform:uppercase}.cron-enable-toggle{display:flex;align-items:center;gap:7px;min-width:0}.cron-enable-toggle input{width:16px;height:16px;margin:0;accent-color:var(--brand)}.cron-enable-toggle span{min-width:0;color:var(--ink);font-size:8px;font-weight:800}.cron-enable-toggle b,.cron-enable-toggle small{display:block}.cron-enable-toggle small{margin-top:2px;color:var(--muted);font-size:7px;font-weight:600}.cron-worker-form footer{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:7px}.cron-worker-form footer small{color:var(--muted);font-size:7px}.cron-run-form{margin-top:10px}.cron-run-form .system-primary-button-v6{width:100%;justify-content:center}.cron-inventory-table{min-width:1280px}.cron-inventory-table code{display:block;max-width:250px;overflow-wrap:anywhere;white-space:normal}.cron-inventory-table td small{display:block;max-width:310px;margin-top:5px;color:var(--muted);font-size:8px;line-height:1.45}.cron-inventory-form{display:grid;grid-template-columns:auto minmax(110px,1fr) auto;align-items:center;gap:7px;min-width:260px}.cron-inventory-form .cron-enable-toggle{white-space:nowrap}.cron-inventory-form .system-input-suffix-v6 input{min-width:0}.cron-automation-list{display:grid;gap:0}.cron-automation-list>div{display:grid;grid-template-columns:minmax(220px,1.6fr) .45fr .75fr auto;align-items:center;gap:12px;padding:12px 18px;border-top:1px solid var(--line);font-size:9px}.cron-automation-list b,.cron-automation-list small{display:block}.cron-automation-list small{margin-top:3px;color:var(--muted);font-size:8px;line-height:1.4}.cron-automation-empty{display:block!important;color:var(--muted);text-align:center}@media(max-width:1300px){.cron-system-grid{grid-template-columns:1fr 1fr}}@media(max-width:800px){.cron-system-grid{grid-template-columns:1fr;padding-inline:14px}.cron-worker-form{grid-template-columns:1fr}.cron-automation-list>div{grid-template-columns:1fr 1fr}.cron-automation-list>div>span:first-child{grid-column:1/-1}.cron-automation-list>div>mark{justify-self:start}}@media(max-width:460px){.cron-worker-timeline{grid-template-columns:1fr}.cron-automation-list>div{grid-template-columns:1fr}.cron-automation-list>div>span:first-child{grid-column:auto}}