:root{--bg:#f4f6fb;--panel:#fff;--ink:#172033;--muted:#667085;--line:#e5e9f2;--primary:#3157d5;--primary-dark:#2445b4;--soft:#eef2ff;--danger:#c43232;--success:#16865d;--warning:#a76500;--shadow:0 12px 30px rgba(29,42,73,.08);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);min-height:100vh}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:none;color:var(--primary-dark)}button,input,select,textarea{font:inherit}.topbar{height:68px;background:#10172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:sticky;top:0;z-index:20;box-shadow:0 5px 18px rgba(0,0,0,.13)}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-weight:800;letter-spacing:.3px}.brand:hover{color:#fff}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#718cff,#3157d5);font-weight:900}.topnav{display:flex;align-items:center;gap:22px}.topnav a,.link-button{color:#dce3ff;font-size:14px}.link-button{background:none;border:0;padding:0;cursor:pointer}.inline-form{display:inline}.page-container{width:min(1180px,92vw);margin:38px auto 70px}.hero{padding:68px 0 46px;max-width:820px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--primary);margin-bottom:10px}.hero h1,.section-head h1,.auth-panel h1{font-size:clamp(30px,5vw,54px);line-height:1.08;margin:0 0 16px;letter-spacing:-1.6px}.section-head h1,.auth-panel h1{font-size:32px;letter-spacing:-.7px}.hero p,.section-head p,.auth-panel>p{font-size:17px;line-height:1.7;color:var(--muted);margin:0}.portal-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.portal-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:var(--shadow);color:var(--ink);transition:.18s ease;min-height:245px;display:flex;flex-direction:column}.portal-card:hover{transform:translateY(-4px);border-color:#cdd5ef;color:var(--ink)}.portal-card.accent{background:linear-gradient(145deg,#eef2ff,#fff)}.portal-icon{width:48px;height:48px;border-radius:14px;background:var(--soft);display:grid;place-items:center;color:var(--primary);font-weight:900;font-size:19px}.portal-card h2{margin:24px 0 10px}.portal-card p{color:var(--muted);line-height:1.65;margin:0 0 22px}.portal-card b{margin-top:auto;color:var(--primary)}.auth-wrap{min-height:65vh;display:grid;place-items:center}.auth-panel{width:min(470px,100%);background:var(--panel);padding:38px;border-radius:20px;border:1px solid var(--line);box-shadow:var(--shadow)}.auth-panel.center{text-align:center}.form-stack{display:flex;flex-direction:column;gap:18px;margin-top:26px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:700;color:#344054}label small,.muted{font-size:12px;color:var(--muted);font-weight:400;line-height:1.6}input,select,textarea{width:100%;border:1px solid #d7dce8;border-radius:10px;padding:11px 13px;background:#fff;color:var(--ink);outline:none;transition:.15s}input:focus,select:focus,textarea:focus{border-color:#7a92e8;box-shadow:0 0 0 3px rgba(49,87,213,.12)}textarea{resize:vertical}.button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 18px;font-weight:800;cursor:pointer;transition:.15s}.button.primary{background:var(--primary);color:#fff}.button.primary:hover{background:var(--primary-dark);color:#fff}.button.secondary{background:#fff;color:var(--ink);border:1px solid var(--line)}.button.tiny{padding:8px 11px;font-size:12px}.button.wide{width:100%}.button:disabled{opacity:.45;cursor:not-allowed}.auth-links{display:flex;justify-content:space-between;gap:15px;margin-top:22px;font-size:13px}.two-column{display:grid;grid-template-columns:1.4fr .8fr;gap:22px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 7px 24px rgba(29,42,73,.05);margin-bottom:22px}.panel h2{margin:0 0 20px;font-size:20px}.note-panel ol{padding-left:20px;color:#475467;line-height:1.85}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:26px}.section-head p{font-size:15px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:var(--shadow)}.product-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.product-top h2{margin:0;font-size:21px}.product-card>p{min-height:48px;color:var(--muted);line-height:1.6}.stock{font-size:12px;padding:5px 9px;border-radius:999px;background:#eaf8f1;color:var(--success);white-space:nowrap}.stock.out{background:#fff0f0;color:var(--danger)}.price-row{display:flex;align-items:baseline;gap:10px;margin:18px 0}.price-row span{font-size:27px;font-weight:900;color:var(--primary)}.price-row del{color:#98a2b3}.buy-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}.buy-form .full{grid-column:1/-1}.alert{border-radius:11px;padding:13px 15px;margin:0 0 18px;border:1px solid transparent;line-height:1.5}.alert.success{background:#eaf8f1;color:#116c4b;border-color:#c8ecd9}.alert.error{background:#fff0f0;color:#9f2323;border-color:#ffd0d0}.alert.warning{background:#fff7e8;color:#8c5800;border-color:#f5dfb0}.alert.info{background:#eef4ff;color:#27498f;border-color:#d4e1ff}.pre-wrap{white-space:pre-wrap}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:calc(100vh - 68px)}.sidebar{background:#172038;padding:24px 16px;display:flex;flex-direction:column;gap:6px}.sidebar>a{color:#cbd5ec;padding:11px 13px;border-radius:9px;font-size:14px}.sidebar>a.active,.sidebar>a:hover{background:#263253;color:#fff}.account-box{display:flex;flex-direction:column;gap:3px;color:#fff;padding:5px 13px 22px;margin-bottom:8px;border-bottom:1px solid #303a57}.account-box span{font-size:12px;color:#9faccc}.workspace{min-width:0;padding:34px clamp(18px,4vw,52px) 70px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.admin-stats{grid-template-columns:repeat(5,1fr)}.stat-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:8px;min-height:120px}.stat-card span{color:var(--muted);font-size:13px}.stat-card strong{font-size:28px}.stat-card small{color:var(--muted)}.panel-head{display:flex;align-items:center;justify-content:space-between}.table-wrap{overflow:auto}.table-wrap table{width:100%;border-collapse:collapse;min-width:780px}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid var(--line);font-size:13px;vertical-align:middle}th{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px;background:#fafbfe}tbody tr:hover{background:#fafbff}.mono,code{font-family:"SFMono-Regular",Consolas,monospace}.status{display:inline-flex;padding:4px 8px;border-radius:999px;font-size:11px;background:#eef1f6;color:#475467;white-space:nowrap}.status-paid,.status-active,.status-available{background:#e8f7f0;color:#14704f}.status-pending,.status-paid_pending_fulfillment{background:#fff4df;color:#9b6200}.status-banned,.status-failed,.status-cancelled,.status-disabled{background:#ffecec;color:#a82b2b}.status-sold{background:#eef2ff;color:#3a57b5}.empty,.empty-cell{color:var(--muted);text-align:center;padding:38px}.row-form{display:flex;gap:7px;align-items:center}.row-form select{min-width:105px;padding:7px}.grid-form{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;align-items:end}.grid-form .wide-field{grid-column:span 2}.check{flex-direction:row;align-items:center;gap:8px;padding-bottom:10px}.check input{width:auto}.level-list,.product-admin-list{display:flex;flex-direction:column;gap:13px}.level-row{display:grid;grid-template-columns:1.2fr .8fr .8fr .55fr auto auto auto;gap:10px;align-items:end;background:#fafbfe;border:1px solid var(--line);border-radius:12px;padding:13px}.product-admin-row{display:grid;grid-template-columns:1.1fr .55fr 1.5fr .5fr auto auto;gap:10px;align-items:end;background:#fafbfe;border:1px solid var(--line);border-radius:12px;padding:13px}.inventory-mini{font-size:12px;color:var(--muted);padding-bottom:8px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.callback-panel{grid-column:1/-1}.callback-panel code{display:block;background:#10172a;color:#dce4ff;border-radius:9px;padding:12px;overflow:auto}.order-summary dl{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0}.order-summary dl div{background:#fafbfe;border-radius:10px;padding:15px}.order-summary dt{font-size:12px;color:var(--muted);margin-bottom:7px}.order-summary dd{margin:0;font-weight:800}.card-code-list{display:flex;flex-direction:column;gap:10px}.card-code{display:grid;grid-template-columns:45px 1fr auto;align-items:center;gap:10px;background:#10172a;color:#fff;padding:13px;border-radius:10px}.card-code code{color:#e3e9ff;overflow-wrap:anywhere}.copy-button{border:0;border-radius:7px;padding:7px 10px;cursor:pointer}.spinner{width:44px;height:44px;border:4px solid #dfe5f7;border-top-color:var(--primary);border-radius:50%;margin:0 auto 20px;animation:spin .8s linear infinite}.raw-qr{padding:18px;background:#f6f7fb;border-radius:10px;overflow-wrap:anywhere;margin:18px 0}.footer{text-align:center;color:#98a2b3;font-size:12px;padding:22px}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.portal-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(3,1fr)}.level-row,.product-admin-row{grid-template-columns:repeat(2,1fr)}.level-row .button,.product-admin-row .button{width:100%}}@media(max-width:760px){.topbar{padding:0 18px}.topnav a:not(:last-child){display:none}.page-container{width:min(94vw,620px);margin-top:22px}.hero{padding:42px 0 30px}.portal-grid,.product-grid,.two-column,.stats-grid,.admin-stats,.settings-grid,.order-summary dl{grid-template-columns:1fr}.portal-card{min-height:215px}.app-shell{display:block}.sidebar{display:flex;flex-direction:row;overflow:auto;padding:10px;position:sticky;top:68px;z-index:15}.sidebar .account-box{display:none}.sidebar>a{white-space:nowrap}.workspace{padding:24px 14px 60px}.section-head{align-items:flex-start;flex-direction:column}.grid-form{grid-template-columns:1fr 1fr}.grid-form .wide-field{grid-column:1/-1}.level-row,.product-admin-row{grid-template-columns:1fr}.row-form{flex-direction:column;align-items:stretch}.auth-panel{padding:26px}.auth-links{flex-direction:column}.buy-form{grid-template-columns:1fr}.buy-form .full{grid-column:auto}.settings-grid .callback-panel{grid-column:auto}.card-code{grid-template-columns:1fr}.card-code b{display:none}}@media(max-width:460px){.portal-grid,.grid-form{grid-template-columns:1fr}.portal-card{padding:21px}.hero h1{font-size:38px}.topnav{gap:10px}}
.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.button-row form{margin:0}