:root{color-scheme:dark;--bg:#06101d;--panel:#0f1d2e;--panel2:#13253a;--line:#263b55;--text:#edf4fd;--muted:#91a6bf;--brand:#45c4ff;--blue:#5f7cff;--ok:#49d6a0;--warn:#ffc768;--danger:#ff8b96}
*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;min-height:100vh;background:radial-gradient(circle at 6% -5%,#174978 0,transparent 30%),radial-gradient(circle at 100% 0,#20245b 0,transparent 24%),var(--bg);color:var(--text);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}main{max-width:1480px;margin:auto;padding:34px 26px 80px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:22px 25px;border:1px solid #2c4868;border-radius:22px;background:linear-gradient(120deg,rgba(15,38,62,.96),rgba(15,26,44,.94));box-shadow:0 24px 70px #0005}.brand-block{display:flex;align-items:center;gap:18px}.admin-logo{display:block;width:62px;height:62px;filter:drop-shadow(0 10px 16px rgba(58,192,255,.18))}.eyebrow,.section-kicker{color:var(--brand);font-size:11px;font-weight:850;letter-spacing:.16em}.hero h1{margin:4px 0 3px;font-size:31px}.hero p,.section-title p,p{margin:3px 0;color:var(--muted)}
.auth{min-width:560px}.auth-form{display:grid;grid-template-columns:1fr 1fr auto;gap:10px}.admin-session{display:flex;align-items:center;justify-content:flex-end;gap:12px}.admin-session span{color:var(--ok);font-weight:750}.security-grid{grid-template-columns:minmax(420px,1.25fr) minmax(340px,1fr)}.security-grid .mfa-panel{grid-row:span 2}.guide ul{margin:14px 0 0;padding-left:22px;color:#c9d8e9}.guide li{margin:9px 0;line-height:1.6}
input,select,textarea{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:10px;outline:none;background:#081523;color:var(--text);font:inherit;transition:.18s border,.18s box-shadow}input:focus,select:focus,textarea:focus{border-color:#4f9bd3;box-shadow:0 0 0 3px #3bbcff18}input[readonly]{background:#0c1928;color:#9cb1ca}button{border:0;border-radius:10px;background:linear-gradient(135deg,var(--brand),#64a8ff);color:#03111c;padding:11px 16px;font-weight:800;cursor:pointer;white-space:nowrap;transition:.16s transform,.16s filter}button:hover{filter:brightness(1.07);transform:translateY(-1px)}button:disabled{opacity:.5;cursor:wait;transform:none}.secondary,nav button{background:#14253a;color:var(--text);border:1px solid var(--line)}.danger{background:#3a1c28;color:#ffc6ca;border:1px solid #753440}.success{background:#123c34;color:#83edc6;border:1px solid #28614f}.mini{padding:7px 10px;border-radius:8px;font-size:12px}.button-row{display:flex;gap:6px;flex-wrap:wrap}
#message{min-height:27px;margin:10px 4px;color:var(--ok);font-weight:650}#message.error{color:var(--danger)}nav{display:flex;gap:8px;margin:22px 0;overflow:auto;padding:5px;border:1px solid #21364f;border-radius:14px;background:#0b1828;position:sticky;top:8px;z-index:10;box-shadow:0 10px 35px #0004}nav button{flex:1;min-width:126px}nav button.active{background:linear-gradient(135deg,#174865,#273f70);color:#a9e8ff;border-color:#3e80a5}.view{display:grid;gap:18px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin:4px 2px}.section-title h2{margin:4px 0;font-size:25px}
.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.stats article{padding:18px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(145deg,#12253a,#0c1928);box-shadow:0 14px 35px #0003}.stats span,.stats small{display:block;color:var(--muted);font-size:12px}.stats strong{display:block;margin:8px 0 5px;font-size:27px;color:#fff}.panel,.card{padding:20px;border:1px solid var(--line);border-radius:16px;background:rgba(15,29,46,.96);box-shadow:0 16px 40px #0003}.panel h3,.card h3{margin:0 0 13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.guide ol{margin:14px 0 0;padding-left:22px;color:#c9d8e9}.guide li{margin:9px 0}.notice{margin-top:14px;padding:12px;border:1px solid #65512a;border-radius:10px;background:#2b2417;color:#ffe0a2;font-size:13px;line-height:1.6}
.user-stats{grid-template-columns:repeat(4,1fr)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.plan-card{position:relative;overflow:hidden}.plan-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(var(--brand),var(--blue))}.card-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.badge{display:inline-flex;padding:5px 9px;border-radius:99px;background:#263950;color:var(--muted);font-size:11px}.badge.ok{background:#123b31;color:var(--ok)}.badge.warn{background:#3a311e;color:var(--warn)}.pricing-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;padding:12px;border-radius:12px;background:#091725}.pricing-fields label{text-align:center}.pricing-fields small{font-size:11px}
.payment-channel-card{display:grid;gap:22px}.channel-badges{display:flex;justify-content:flex-end;gap:7px;flex-wrap:wrap}.payment-channel-card .button-row{margin-top:auto}.payment-channel-card .button-row button{min-width:92px}
.form{display:grid;gap:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form label{display:grid;gap:7px;color:var(--muted);font-size:13px}.form label>small{color:#6f87a2}.check{display:flex!important;grid-template-columns:auto 1fr;align-items:center}.check input{width:auto}.feature-options{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:12px;border:1px solid #24435f;border-radius:12px;background:#0a1828}.feature-options legend{padding:0 5px;color:#a9c8e8;font-size:12px}.feature-toggle{display:flex!important;grid-template-columns:auto 1fr;align-items:start!important;gap:9px;padding:9px;border:1px solid #213b54;border-radius:9px;background:#0e2033;cursor:pointer}.feature-toggle:hover{border-color:#3aaeed}.feature-toggle input{width:auto;margin-top:3px}.feature-toggle span{display:grid;gap:3px}.feature-toggle strong{color:#e5f2ff;font-size:13px}.feature-toggle small{color:#7893b0;font-size:11px;line-height:1.45}.actions,.toolbar{display:flex;gap:9px}.toolbar{padding:13px;border:1px solid var(--line);border-radius:14px;background:#0d1b2c}.toolbar input{flex:1}.toolbar select{max-width:220px}.account-editors{grid-template-columns:1fr 1fr 1fr}.secret{white-space:pre-wrap;margin-top:14px;padding:13px;border:1px solid #725b29;background:#2d2717;border-radius:9px;color:#ffe1a1;overflow-wrap:anywhere}
.client-banner-preview{min-height:104px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:20px;border-radius:15px;background:linear-gradient(110deg,#175cd3,#3d7cff);color:#fff;box-shadow:0 18px 45px #07152266}.client-banner-preview span,.client-banner-preview em{font-size:12px;font-style:normal;color:#dce9ff}.client-banner-preview strong{text-align:center;font-size:20px;line-height:1.45;overflow-wrap:anywhere}.client-banner-preview strong.disabled{color:#b8c9e3}.client-branding-grid{align-items:start}
.table-panel{padding:8px 15px 12px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:800px}.wide-table{min-width:1200px}th,td{text-align:left;padding:13px 10px;border-bottom:1px solid #22364d;font-size:12px;vertical-align:middle}th{position:sticky;top:0;background:#0f1d2e;color:var(--muted);font-weight:650;z-index:1}td{color:#dce8f5}.subtext{display:block;margin-top:4px;color:#7188a3;font-size:10px;max-width:280px;overflow:hidden;text-overflow:ellipsis}.empty{text-align:center!important;padding:30px!important;color:var(--muted)!important}.status{display:inline-flex;padding:5px 8px;border-radius:20px;background:#27384d;color:#a9bad0}.status.active,.status.paid{background:#123d32;color:#72e2b9}.status.pending,.status.trial{background:#42351c;color:#ffd685}.status.disabled,.status.expired,.status.cancelled,.status.refunded{background:#40222b;color:#ffadb5}
.user-detail{display:grid;gap:16px}.user-detail-head{display:flex;justify-content:space-between;gap:18px;align-items:start}.user-detail-head h3{margin:4px 0}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-block{min-width:0;padding:14px;border:1px solid #253d58;border-radius:12px;background:#0b1929}.detail-block h4{margin:0 0 10px;color:#a9dcff;font-size:13px}.detail-list{display:grid;gap:8px}.detail-item{display:grid;gap:3px;padding:8px 9px;border-radius:8px;background:#102238}.detail-item span{color:#7893b0;font-size:10px}.detail-item strong{overflow-wrap:anywhere;font-size:12px;line-height:1.4}
.status.online{background:#123d32;color:#72e2b9}.status.offline{background:#40222b;color:#ffadb5}.download-report-grid table{min-width:420px}.download-report-grid h3{padding:10px 10px 0}
.wallet-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.wallet-stats .risk-stat{border-color:#664a34;background:linear-gradient(145deg,#30251e,#151a22)}.wallet-stats .risk-stat strong{color:#ffd6a0}.wallet-admin-panel{display:grid;gap:12px}.wallet-admin-panel .card-head{padding:10px 10px 0}.wallet-admin-panel .card-head h3{margin:4px 0}.wallet-toolbar input{min-width:260px}.wallet-amount{font-weight:850;white-space:nowrap}.wallet-amount.credit{color:var(--ok)}.wallet-amount.debit{color:var(--danger)}.wallet-amount.neutral{color:var(--muted)}.reversal-notice{margin-top:0}.reversal-table{min-width:1580px}.ledger-table{min-width:1450px}.operation-dialog{width:min(960px,calc(100vw - 30px));max-height:calc(100vh - 32px);padding:0;border:1px solid #42617f;border-radius:18px;background:#0d1b2c;color:var(--text);box-shadow:0 30px 100px #000b}.operation-dialog::backdrop{background:#020811c9;backdrop-filter:blur(4px)}.reversal-form{padding:22px;max-height:calc(100vh - 34px);overflow:auto}.dialog-head{display:flex;align-items:start;justify-content:space-between;gap:20px}.dialog-head h3{margin:4px 0}.reversal-expected{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;padding:13px;border:1px solid #31506d;border-radius:12px;background:#091725}.reversal-expected .detail-item{min-width:0}.reversal-history{display:grid;gap:10px;padding:14px;border:1px solid #31506d;border-radius:12px;background:#091725}.reversal-history h4{margin:0}.reversal-history-list{display:grid;gap:9px}.reversal-history-item{display:grid;gap:7px;padding:11px;border:1px solid #29445f;border-radius:10px;background:#0d1b2c}.reversal-history-item h5{margin:0;color:#b9e5ff}.reversal-history-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reversal-fieldset{display:grid;gap:13px;margin:0;padding:15px;border:1px solid #29445f;border-radius:13px;background:#0a1828}.reversal-fieldset legend{padding:0 7px;color:#9fdcff;font-size:12px;font-weight:800}.danger-fieldset{border-color:#6b4a38;background:#241c19}.inline-field-action{display:flex;align-items:end}.reversal-dialog-status{margin:0}.reversal-dialog-status.error{border-color:#76424b;background:#321d25;color:#ffbdc5}.dialog-actions{display:grid;gap:10px;position:sticky;bottom:-22px;margin:0 -22px -22px;padding:14px 22px;background:#0d1b2cf2;border-top:1px solid #29445f;z-index:2}.status.pending_review{background:#42351c;color:#ffd685}.status.applied_review_required{background:#3a304b;color:#d9bdff}.status.resolved{background:#123d32;color:#72e2b9}.status.rejected,.status.frozen{background:#40222b;color:#ffadb5}.reversal-action-cell{min-width:210px}.reversal-action-cell .button-row{align-items:center}
.mfa-panel{display:grid;gap:16px;align-content:start}.mfa-panel h4{margin:3px 0 9px}.mfa-setup,.mfa-enabled{display:grid;gap:18px}.qr-card{display:grid;grid-template-columns:180px 1fr;gap:18px;align-items:center;padding:15px;border:1px solid #315272;border-radius:14px;background:#091827}.qr-card img{display:block;width:180px;height:180px;border-radius:10px;background:#fff}.qr-card code{display:block;margin-top:12px;padding:9px;border:1px solid #38536e;border-radius:8px;background:#06101d;color:#bcecff;overflow-wrap:anywhere;letter-spacing:.08em}.danger-zone{margin-top:4px;padding-top:18px;border-top:1px solid #5b3140}.recovery-panel{padding:16px;border:1px solid #6c592d;border-radius:13px;background:#292316}.recovery-list{margin:12px 0;padding:14px;border-radius:9px;background:#09111d;color:#ffe09a;line-height:1.75;letter-spacing:.06em;user-select:all}.recovery-panel .actions{flex-wrap:wrap}
@media(max-width:1180px){.hero{align-items:flex-start}.auth{min-width:440px}.auth-form{grid-template-columns:1fr 1fr}.auth-form button{grid-column:1/-1}.stats{grid-template-columns:repeat(3,1fr)}.wallet-stats{grid-template-columns:repeat(2,1fr)}.account-editors{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr 1fr}.reversal-expected,.reversal-history-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){main{padding:18px 13px 50px}.hero,.section-title,.user-detail-head{display:block}.section-title>.actions{margin-top:14px;flex-wrap:wrap}.auth{min-width:0;margin-top:18px}.auth-form{grid-template-columns:1fr}.auth-form button{grid-column:auto}.stats{grid-template-columns:1fr 1fr}.cards,.split,.form-grid,.account-editors,.feature-options,.detail-grid,.security-grid,.reversal-expected,.reversal-history-meta{grid-template-columns:1fr}.security-grid .mfa-panel{grid-row:auto}.qr-card{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar select{max-width:none}.pricing-fields{grid-template-columns:1fr}.operation-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}.reversal-form{padding:16px}.dialog-head{gap:10px}.dialog-actions{bottom:-16px;margin:0 -16px -16px;padding:12px 16px}}
