:root{color-scheme:dark;font-family:"Microsoft YaHei UI","Segoe UI",sans-serif;background:#0b0c0e;color:#f5f2ea}*{box-sizing:border-box}body{margin:0;background:#0b0c0e;color:#f5f2ea}.topbar{height:68px;background:#111315;border-bottom:1px solid #323438;display:flex;align-items:center;justify-content:space-between;padding:0 28px}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700}.brand small{font-size:12px;color:#9d9b95;font-weight:400;margin-left:10px}.logo{width:30px;height:30px;border-radius:5px;background:#d8b861;color:#211a0b;display:grid;place-items:center;font-size:12px}.top-actions{display:flex;align-items:center;gap:10px;color:#9d9b95;font-size:13px}button{font:inherit;cursor:pointer;border:0;border-radius:4px;padding:9px 15px;color:#f5f2ea}.ghost{background:#24272b}.accent{background:#d8b861;color:#211a0b;font-weight:700}.workspace{height:calc(100vh - 68px);display:grid;grid-template-columns:280px 1fr}.sidebar{border-right:1px solid #323438;background:#151719;display:flex;flex-direction:column}.side-title{padding:20px 18px 14px;display:flex;align-items:center;justify-content:space-between;font-weight:700}.icon-button{width:30px;height:30px;padding:0;font-size:22px;line-height:1;background:#24272b}.game-list{overflow:auto;padding:0 10px}.game-row{padding:13px 10px;margin:3px 0;border-radius:4px;color:#d6d3cc;cursor:pointer}.game-row:hover{background:#1c1f22}.game-row.active{background:#262219;color:#d8b861}.game-row small{display:block;color:#8f8d87;margin-top:4px;font-size:12px}.side-footer{margin-top:auto;border-top:1px solid #323438;padding:14px;color:#7f7d78;font-size:11px;line-height:1.5}.editor{overflow:auto;padding:30px 38px 60px;max-width:1200px;width:100%}.editor-heading,.panel-heading{display:flex;align-items:end;justify-content:space-between;border-bottom:1px solid #323438;padding-bottom:18px;margin-bottom:24px}.eyebrow{letter-spacing:0;color:#d8b861;font-size:11px;margin:0 0 6px}.editor-heading h1,.panel-heading h2{margin:0;font-size:26px}.panel-heading h2{font-size:20px}.danger-outline{background:transparent;border:1px solid #a33b47;color:#ff9098}.empty{color:#9d9b95;border:1px dashed #323438;padding:40px;text-align:center}.form label,.settings-panel label{display:flex;flex-direction:column;gap:7px;color:#aaa7a0;font-size:13px;margin-bottom:16px}.form-grid{display:grid;gap:18px}.form-grid.two{grid-template-columns:1fr 1fr}.form-grid.four{grid-template-columns:repeat(4,1fr)}input,textarea,select{width:100%;background:#1c1f23;border:1px solid #36393d;border-radius:4px;color:#f5f2ea;padding:10px 11px;font:inherit;outline:0}textarea{resize:vertical}input:focus,textarea:focus,select:focus{border-color:#d8b861}.hint{color:#817f79;font-size:11px;font-weight:400}.check-row{display:flex;gap:28px;margin:3px 0 20px}.check{display:flex!important;flex-direction:row!important;align-items:center;gap:7px!important;margin:0!important}.check input{width:auto}.advanced{border-top:1px solid #323438;padding-top:14px;color:#aaa7a0}.advanced summary{cursor:pointer;margin-bottom:16px}.settings-panel{margin-top:34px;border-top:1px solid #323438;padding-top:26px}.settings-panel .form-grid{margin-top:4px}.toast{position:fixed;right:26px;bottom:24px;background:#24272b;border:1px solid #d8b861;padding:11px 15px;border-radius:4px;opacity:0;transform:translateY(8px);transition:.2s;color:#fff}.toast.show{opacity:1;transform:translateY(0)}.hidden{display:none}@media(max-width:900px){.workspace{grid-template-columns:220px 1fr}.editor{padding:22px}.form-grid.four{grid-template-columns:1fr 1fr}.brand small{display:none}}

.login-page{min-height:100vh;display:grid;place-items:center;background:#0b0c0e;padding:24px}.login-card{width:min(420px,100%);background:#151719;border:1px solid #323438;border-radius:8px;padding:34px;box-shadow:0 18px 60px rgba(0,0,0,.3)}.login-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:700}.login-subtitle{margin:24px 0 18px;color:#9d9b95}.login-form label{display:flex;flex-direction:column;gap:8px;color:#aaa7a0;font-size:13px;margin-bottom:16px}.login-form input{margin-top:0}.login-submit{width:100%;margin-top:6px}.login-error{min-height:20px;margin:2px 0;color:#ff9098;font-size:13px}

.section-nav{height:48px;display:flex;align-items:end;padding:0 28px;background:#151719;border-bottom:1px solid #323438;gap:8px}.section-tab{height:40px;padding:0 18px;background:transparent;color:#9d9b95;border-radius:0;border-bottom:2px solid transparent}.section-tab:hover{color:#f5f2ea;background:#1c1f23}.section-tab.active{color:#d8b861;border-bottom-color:#d8b861}.workspace,.accounts-view,.client-view{height:calc(100vh - 116px)}
.client-view{overflow:auto;padding:28px 34px 54px;background:#0b0c0e}.client-management-inner{width:min(1120px,100%)}.client-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #323438}.client-heading h1{margin:0;font-size:26px}.client-section{padding-top:28px}.client-section+.client-section{margin-top:10px;border-top:1px solid #323438}.client-section label{display:flex;flex-direction:column;gap:7px;color:#aaa7a0;font-size:13px;margin-bottom:16px}.client-section .panel-heading{margin-bottom:20px}.client-section .upload-panel{margin-bottom:18px}
.accounts-view{overflow:auto;padding:28px 34px 48px;background:#0b0c0e}.accounts-heading{display:flex;align-items:end;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #323438}.accounts-heading h1{margin:0;font-size:26px}.account-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0}.account-stats>div{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding:14px 16px;background:#151719;border:1px solid #323438;border-radius:4px}.account-stats span{color:#9d9b95;font-size:12px}.account-stats strong{font-size:22px;color:#f5f2ea}.account-toolbar{display:flex;gap:12px;margin:0 0 14px}.account-toolbar input{width:min(360px,100%)}.account-toolbar select{width:160px}.account-table-wrap{border:1px solid #323438;background:#151719;overflow:auto}.account-table{width:100%;border-collapse:collapse;min-width:1680px}.account-table th{padding:12px 14px;text-align:left;color:#aaa7a0;font-size:12px;font-weight:500;background:#111315;border-bottom:1px solid #323438}.account-table td{padding:14px;border-bottom:1px solid #2a2c2f;color:#d6d3cc;font-size:13px;vertical-align:middle}.account-table tbody tr:hover{background:#142137}.account-table td:first-child strong{display:block;color:#f5f2ea;font-size:14px}.account-table td:first-child small{display:block;margin-top:4px;color:#817f79;font-size:10px}.status-badge,.vip-badge,.monthly-badge,.security-badge{display:inline-block;min-width:58px;padding:4px 8px;border-radius:3px;text-align:center;font-size:11px}.status-badge.enabled{background:#153f35;color:#66e4b8}.status-badge.disabled{background:#48262d;color:#ff98a1}.security-badge.configured{background:#173958;color:#72c5ff}.security-badge.unconfigured{background:#44301d;color:#ffca70}.vip-badge.vip-0{background:#153f35;color:#66e4b8}.vip-badge.vip-1{background:#173958;color:#72c5ff}.vip-badge.vip-2{background:#26395f;color:#9ebcff}.vip-badge.vip-3{background:#44391d;color:#ffd474}.vip-badge.vip-4{background:#54311f;color:#ffb285}.vip-badge.vip-5{background:#52242d;color:#ff9da7}.vip-badge.vip-6{background:#41285a;color:#d9a9ff}.vip-badge.vip-7{background:#59430f;color:#ffe28a}.monthly-badge.active{background:#173958;color:#72c5ff;white-space:nowrap}.monthly-badge.inactive{background:#25344b;color:#9d9b95}.money-value{color:#ffd474!important;font-weight:700;white-space:nowrap}.account-actions{min-width:520px}.table-action{padding:6px 9px;margin:2px 4px 2px 0;border-radius:3px;font-size:12px}.table-action.secondary{background:#24272b}.table-action.warning{background:#4d3b1d;color:#ffd474}.table-action.success{background:#173f36;color:#65e4b8}.table-action.monthly{background:#173958;color:#72c5ff}.table-action.danger{background:#54252d;color:#ff9aa3}.table-action:disabled{cursor:default;opacity:.35}.account-empty{padding:54px;text-align:center;color:#8193aa}
.admin-dialog{width:min(440px,calc(100vw - 32px));padding:0;background:#151719;color:#f5f2ea;border:1px solid #494c50;border-radius:6px;box-shadow:0 22px 70px rgba(0,0,0,.45)}.admin-dialog.spending-dialog{width:min(620px,calc(100vw - 32px))}.admin-dialog::backdrop{background:rgba(5,9,15,.78)}.admin-dialog form{padding:24px 26px 26px}.dialog-heading{display:flex;align-items:start;justify-content:space-between;border-bottom:1px solid #323438;padding-bottom:14px;margin-bottom:18px}.dialog-heading h2{margin:0;font-size:20px}.dialog-close{width:34px;height:34px;padding:0;background:transparent;color:#9d9b95;font-size:24px}.dialog-close:hover{background:#24272b;color:#fff}.dialog-account{color:#9d9b95;margin:0 0 18px}.dialog-account strong{color:#f5f2ea}.admin-dialog label{display:flex;flex-direction:column;gap:7px;margin-bottom:14px;color:#aaa7a0;font-size:13px}.spending-preview{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px;padding:11px 12px;background:#1c1f23;border-left:3px solid #d8b861}.spending-preview span{color:#9d9b95;font-size:12px}.spending-preview strong{color:#d8b861;font-size:17px}.monthly-rule-note{display:flex;align-items:center;gap:10px;margin:0 0 12px;padding:10px 12px;background:#142a3e;border-left:3px solid #72c5ff}.monthly-rule-note strong{color:#72c5ff;font-size:12px;white-space:nowrap}.monthly-rule-note span{color:#aaa7a0;font-size:11px}.vip-rule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.vip-rule-grid div{padding:9px 10px;border:1px solid #323438;background:#151719}.vip-rule-grid strong,.vip-rule-grid span{display:block}.vip-rule-grid strong{font-size:12px}.vip-rule-grid span{margin-top:4px;color:#8f8d87;font-size:10px}.dialog-error{min-height:20px;margin:0 0 8px;color:#ff9098;font-size:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions button{min-width:92px}
@media(max-width:900px){.section-nav{padding:0 18px}.accounts-view,.client-view{padding:22px}.client-heading{align-items:start;gap:16px}.account-stats{grid-template-columns:1fr 1fr}.account-toolbar{flex-wrap:wrap}}

.upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:4px 0 18px}.upload-panel{padding:16px;background:#151719;border:1px solid #323438}.upload-panel label:last-of-type{margin-bottom:12px}.launcher-upload-panel{grid-column:1/-1}.hidden-file{display:none}.secondary-action{background:#24272b;border:1px solid #494c50;color:#dce7f5}.secondary-action:hover{border-color:#d8b861}.secondary-action:disabled{cursor:default;opacity:.55}.upload-status{display:inline-block;margin-left:10px;color:#7f93aa;font-size:12px;vertical-align:middle}
@media(max-width:900px){.upload-grid{grid-template-columns:1fr}}

/* Account membership colors: normal gray, monthly blue, VIP gold. */
.vip-badge.vip-0{background:#24272b;color:#a7abb0}
.vip-badge.vip-1,.vip-badge.vip-2,.vip-badge.vip-3,.vip-badge.vip-4,.vip-badge.vip-5,.vip-badge.vip-6,.vip-badge.vip-7{background:#44391d;color:#ffd474}

/* Obsidian and champagne theme */
:root{color-scheme:dark;font-family:"Microsoft YaHei UI","Segoe UI",sans-serif;background:#0b0c0e;color:#f5f2ea}
body{background:#0b0c0e;color:#f5f2ea}
.topbar{height:72px;padding:0 30px;background:#111315;border-bottom:1px solid #514832}
.brand{gap:12px;font-size:18px;font-weight:650;color:#f5f2ea}
.brand small,.top-actions{color:#9d9b95}
.logo{width:34px;height:34px;border-radius:5px;background:#d8b861;color:#211a0b;border:1px solid #e8cb7a;box-shadow:0 8px 22px rgba(0,0,0,.28)}
button{border:1px solid transparent;border-radius:4px;transition:background .15s ease,border-color .15s ease,color .15s ease,transform .15s ease}
button:active{transform:translateY(1px)}
.ghost{background:#24272b;border-color:#3a3d42;color:#e8e5dd}
.ghost:hover{background:#2d2f31;border-color:#62583e}
.accent{background:#d8b861;border-color:#e8cb7a;color:#211a0b;font-weight:700}
.accent:hover{background:#e8cb7a}
.section-nav{height:48px;padding:0 30px;background:#141618;border-bottom:1px solid #323438;gap:6px}
.section-tab{height:42px;padding:0 19px;color:#9d9b95;border:0;border-bottom:2px solid transparent;background:transparent}
.section-tab:hover{color:#f5f2ea;background:#202225}
.section-tab.active{color:#e8cb7a;background:#201e18;border-bottom-color:#d8b861}
.workspace,.accounts-view,.client-view{height:calc(100vh - 120px)}
.workspace{grid-template-columns:286px 1fr}
.sidebar{background:#131517;border-right:1px solid #323438}
.side-title{padding:22px 18px 15px;color:#f5f2ea}
.icon-button{width:32px;height:32px;background:#24272b;border-color:#45484d;color:#d8b861}
.icon-button:hover{background:#302b20;border-color:#756b54}
.game-list{padding:0 12px}
.game-row{margin:4px 0;padding:13px 11px;border:1px solid transparent;border-radius:4px;color:#c9c7c0}
.game-row:hover{background:#1c1f22;border-color:#323438}
.game-row.active{background:#262219;border-color:#62583e;color:#e8cb7a;box-shadow:inset 3px 0 #d8b861}
.game-row small{color:#8f8d87}
.side-footer{border-top-color:#323438;color:#7f7d78;background:#101214}
.editor{padding:32px 40px 64px;max-width:1240px}
.editor-heading,.panel-heading,.client-heading,.accounts-heading{border-bottom-color:#3b3933;padding-bottom:19px}
.eyebrow{letter-spacing:0;color:#d8b861;font-size:11px;font-weight:700}
.editor-heading h1,.accounts-heading h1,.client-heading h1{color:#f5f2ea;font-size:25px;font-weight:650}
.panel-heading h2{color:#f5f2ea;font-size:19px}
.danger-outline{background:transparent;border-color:#794047;color:#ff9da7}
.danger-outline:hover{background:#3b2025;border-color:#a85862}
.empty{color:#8f8d87;border-color:#45413a;background:#121416}
.form label,.settings-panel label,.client-section label,.admin-dialog label{color:#aaa7a0}
input,textarea,select{background:#1c1f23;border-color:#36393d;border-radius:4px;color:#f5f2ea;padding:11px 12px}
input:hover,textarea:hover,select:hover{border-color:#514832}
input:focus,textarea:focus,select:focus{border-color:#d8b861;box-shadow:0 0 0 2px rgba(216,184,97,.12)}
input::placeholder,textarea::placeholder{color:#6f716f}
.hint{color:#817f79}
.advanced,.settings-panel,.client-section+.client-section{border-top-color:#323438}
.advanced{color:#aaa7a0}
.check input{accent-color:#d8b861}
.upload-panel{background:#151719;border-color:#323438;border-radius:4px}
.secondary-action{background:#24272b;border-color:#45484d;color:#e8e5dd}
.secondary-action:hover{background:#302b20;border-color:#756b54}
.upload-status{color:#8f8d87}
.client-view,.accounts-view{background:#0b0c0e;padding:30px 36px 56px}
.client-management-inner{width:min(1160px,100%)}
.account-stats{gap:12px;margin:24px 0 18px}
.account-stats>div{min-height:76px;padding:15px 17px;background:#151719;border-color:#323438;border-radius:4px;border-top-color:#514832}
.account-stats span{color:#9d9b95}
.account-stats strong{color:#f5f2ea;font-size:22px}
.account-toolbar{gap:10px;margin-bottom:16px}
.account-table-wrap{background:#121416;border-color:#323438}
.account-table th{padding:13px 14px;background:#191b1e;border-bottom-color:#514832;color:#aaa7a0}
.account-table td{padding:14px;border-bottom-color:#2a2c2f;color:#d6d3cc}
.account-table tbody tr:hover{background:#1c1e20}
.account-table td:first-child strong{color:#f5f2ea}
.account-table td:first-child small{color:#817f79}
.status-badge,.vip-badge,.monthly-badge,.security-badge{border:1px solid transparent;border-radius:3px}
.vip-badge.vip-0{background:#24272b;border-color:#494c50;color:#a7abb0}
.vip-badge.vip-1,.vip-badge.vip-2,.vip-badge.vip-3,.vip-badge.vip-4,.vip-badge.vip-5,.vip-badge.vip-6,.vip-badge.vip-7{background:#44391d;border-color:#75602a;color:#ffd474}
.monthly-badge.active{background:#173958;border-color:#285f88;color:#72c5ff}
.monthly-badge.inactive{background:#24272b;border-color:#3a3d42;color:#9d9b95}
.money-value{color:#ffd474!important}
.table-action{border-color:transparent}
.table-action.secondary{background:#24272b;border-color:#3a3d42}
.table-action.warning{background:#44391d;border-color:#75602a;color:#ffd474}
.table-action.success{background:#153f35;border-color:#276653;color:#66e4b8}
.table-action.monthly{background:#173958;border-color:#285f88;color:#72c5ff}
.table-action.danger{background:#48262d;border-color:#794047;color:#ff9da7}
.account-table{min-width:1940px}
.game-binding-cell{min-width:300px}
.binding-empty{display:inline-block;padding:5px 9px;border:1px solid #3a3d42;border-radius:3px;background:#24272b;color:#9d9b95;font-size:11px}
.binding-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:9px 10px;border:1px solid #514832;background:#1b1a16}
.binding-item+.binding-item{margin-top:8px}
.binding-item div{display:grid;grid-template-columns:auto auto;gap:3px 10px;min-width:0}
.binding-item strong{grid-column:1/-1;color:#d8b861;font-size:12px}
.binding-item span{color:#d6d3cc;font-size:11px;white-space:nowrap}
.binding-item small{grid-column:1/-1;color:#817f79;font-size:10px}
.binding-item .table-action{flex:0 0 auto;white-space:nowrap}
.admin-dialog{background:#151719;color:#f5f2ea;border-color:#665938;border-radius:6px;box-shadow:0 26px 80px rgba(0,0,0,.62)}
.admin-dialog::backdrop{background:rgba(7,8,9,.86)}
.dialog-heading{border-bottom-color:#514832}
.dialog-heading h2,.dialog-account strong{color:#f5f2ea}
.dialog-close{color:#9d9b95}
.dialog-close:hover{background:#2a2421;color:#fff}
.dialog-account{color:#9d9b95}
.spending-preview{background:#211f19;border-left-color:#d8b861}
.spending-preview span{color:#9d9b95}
.spending-preview strong{color:#ffd474}
.monthly-rule-note{background:#152533;border-left-color:#72c5ff}
.monthly-rule-note span{color:#aaa7a0}
.vip-rule-grid div{background:#121416;border-color:#323438}
.vip-rule-grid span{color:#8f8d87}
.toast{background:#24272b;border-color:#d8b861;color:#f5f2ea;box-shadow:0 16px 44px rgba(0,0,0,.4)}
.login-page{background:#0b0c0e;padding:24px}
.login-card{width:min(430px,100%);padding:36px;background:#151719;border:1px solid #514832;border-top:2px solid #d8b861;border-radius:6px;box-shadow:0 28px 90px rgba(0,0,0,.62)}
.login-brand{font-size:20px;color:#f5f2ea}
.login-subtitle{color:#9d9b95}
.login-form label{color:#aaa7a0}
.category-field{margin-bottom:16px}.field-label{display:block;margin-bottom:7px;color:#aaa7a0;font-size:13px}.category-options{display:grid;grid-template-columns:repeat(5,minmax(72px,1fr));gap:8px}.form .category-option{min-height:40px;margin:0;padding:8px 10px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:7px;color:#c7c4bd;background:#17191c;border:1px solid #36393d;border-radius:4px;cursor:pointer}.form .category-option:hover{border-color:#6b5b31;background:#1d1d1a}.form .category-option:has(input:checked){border-color:#d8b861;background:#2a2518;color:#ffe28a}.form .category-option input{width:14px;height:14px;margin:0;padding:0;accent-color:#d8b861;flex:0 0 auto}.form .category-option span{white-space:nowrap}.cover-editor{margin:2px 0 18px;padding:16px 0;border-top:1px solid #323438;border-bottom:1px solid #323438}.cover-editor>label{margin-bottom:14px}.cover-editor-body{display:grid;grid-template-columns:280px 1fr;gap:18px;align-items:center}.cover-preview-frame{position:relative;width:280px;aspect-ratio:16/9;overflow:hidden;display:grid;place-items:center;background:#111315;border:1px solid #494c50;border-radius:4px}.cover-preview{width:100%;height:100%;display:block;object-fit:cover}.cover-preview-empty{color:#777a7d;font-size:12px}.cover-upload-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cover-upload-actions .upload-status{margin-left:0}
@media(max-width:900px){.section-nav{padding:0 18px}.workspace{grid-template-columns:220px 1fr}.editor{padding:24px}.accounts-view,.client-view{padding:24px}.account-stats{grid-template-columns:1fr 1fr}.category-options{grid-template-columns:repeat(3,minmax(72px,1fr))}.cover-editor-body{grid-template-columns:1fr}.cover-preview-frame{width:min(280px,100%)}}
.cover-preview.hidden{display:none}

/* Three user types: ordinary, premium monthly, and top monthly. */
.membership-badge{display:inline-block;min-width:92px;padding:4px 8px;border:1px solid transparent;border-radius:3px;text-align:center;font-size:11px;white-space:nowrap}
.membership-badge.membership-none{background:#24272b;border-color:#494c50;color:#f5f2ea}
.membership-badge.membership-premium{background:#173958;border-color:#285f88;color:#72c5ff}
.membership-badge.membership-top{background:#44391d;border-color:#75602a;color:#ffd474}
.membership-badge.membership-wallet{background:#153f35;border-color:#276653;color:#66e4b8}
.table-action.premium{background:#173958;border-color:#285f88;color:#72c5ff}
.table-action.top{background:#44391d;border-color:#75602a;color:#ffd474}

/* Monthly CDKEY management */
.cdkeys-view{height:calc(100vh - 120px);overflow:auto;padding:30px 36px 56px;background:#0b0c0e}
.cdkeys-inner{width:100%;min-width:0}
.cdkey-create-form{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(230px,1.2fr) minmax(130px,.65fr) minmax(130px,.65fr) 150px;gap:14px;align-items:end;margin:24px 0 16px;padding:18px;background:#151719;border:1px solid #514832;border-radius:4px}
.cdkey-create-form label{display:flex;flex-direction:column;gap:7px;color:#aaa7a0;font-size:13px}
.cdkey-create-form label.hidden{display:none}
.cdkey-create-form.wallet-mode{grid-template-columns:minmax(150px,.75fr) minmax(260px,1.4fr) minmax(130px,.65fr) 150px}
.cdkey-create-form button{height:43px}
.cdkey-create-form button:disabled{cursor:default;opacity:.55}
.cdkey-created-result{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:-4px 0 16px;padding:13px 16px;background:#201e18;border:1px solid #62583e;border-left:3px solid #d8b861;color:#d6d3cc;font-size:13px}
.cdkey-created-result strong{margin:0 4px;color:#ffe28a;font-size:16px}
.cdkey-created-result button{min-width:190px}
.cdkey-created-result button:disabled{cursor:default;opacity:.45}
.cdkey-created-result.hidden{display:none}
.cdkey-stats{display:flex;gap:12px;margin-bottom:16px}
.cdkey-stats span{min-width:150px;padding:11px 14px;background:#151719;border:1px solid #323438;color:#9d9b95;font-size:12px}
.cdkey-stats strong{margin-left:8px;color:#f5f2ea;font-size:16px}
.cdkey-table-wrap{border:1px solid #323438;background:#121416;overflow:auto}
.cdkey-table{width:100%;min-width:1420px;border-collapse:collapse}
.cdkey-table th{padding:13px 14px;text-align:left;background:#191b1e;border-bottom:1px solid #514832;color:#aaa7a0;font-size:12px;font-weight:500}
.cdkey-table td{padding:14px;border-bottom:1px solid #2a2c2f;color:#d6d3cc;font-size:13px;vertical-align:middle;white-space:nowrap}
.cdkey-table tbody tr:hover{background:#1c1e20}
.cdkey-table code{display:inline-block;padding:6px 8px;background:#211f19;border:1px solid #514832;color:#ffe28a;font-family:Consolas,monospace;font-size:13px;letter-spacing:0;user-select:all}
.status-badge.suspended{background:#4d3b1d;color:#ffd474}
.gift-money-value{color:#66e4b8!important;font-weight:700;white-space:nowrap}
.cdkey-actions{min-width:184px}
.cdkey-table th:last-child,.cdkey-table td:last-child{position:sticky;right:0;z-index:1;box-shadow:-1px 0 #323438}
.cdkey-table th:last-child{background:#191b1e}
.cdkey-table td:last-child{background:#121416}
.cdkey-table tbody tr:hover td:last-child{background:#1c1e20}
@media(max-width:900px){.cdkeys-view{padding:22px}.cdkey-create-form,.cdkey-create-form.wallet-mode{grid-template-columns:1fr}.cdkey-create-form label,.cdkey-create-form select,.cdkey-create-form input{min-width:0;width:100%}.cdkey-create-form button{width:100%}.cdkey-created-result{align-items:stretch;flex-direction:column}.cdkey-created-result button{width:100%}.cdkey-stats{flex-wrap:wrap}}
.monthly-days-current{margin:0 0 16px;padding:10px 12px;background:#1c1f23;border-left:3px solid #d8b861;color:#9d9b95;font-size:12px}.monthly-days-current strong{color:#f5f2ea;font-size:13px}
.account-actions{min-width:650px}

/* Announcement appearance editor */
.announcement-editor{margin-top:6px;padding-top:20px;border-top:1px solid #323438}
.announcement-content-field{margin-bottom:18px!important}
.announcement-style-grid{display:grid;grid-template-columns:repeat(4,minmax(150px,1fr));gap:14px}
.announcement-style-grid label{margin-bottom:12px}
.color-control{display:grid;grid-template-columns:52px 1fr;align-items:center;gap:10px;height:43px;padding:5px 10px;background:#1c1f23;border:1px solid #36393d;border-radius:4px}
.color-control:focus-within{border-color:#d8b861;box-shadow:0 0 0 2px rgba(216,184,97,.12)}
.color-control input[type=color]{width:42px;height:30px;padding:2px;background:transparent;border:0;cursor:pointer}
.color-control output{color:#d6d3cc;font-family:Consolas,monospace;font-size:12px}
.announcement-toggles{display:flex;align-items:center;gap:28px;margin:2px 0 18px}
.announcement-toggles .check{color:#d6d3cc!important}
.announcement-toggles input{width:16px;height:16px;accent-color:#d8b861}
.announcement-preview-wrap{border:1px solid #4b432f;background:#10110f;padding:14px}
.announcement-preview-label{display:block;margin-bottom:10px;color:#817f79;font-size:11px}
.announcement-preview{min-height:116px;max-height:280px;overflow:auto;padding:18px 20px;border:1px solid #4b432f;border-radius:3px;white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:900px){.announcement-style-grid{grid-template-columns:1fr 1fr}}
.guide-editor{margin:2px 0 18px;padding:16px 0;border-top:1px solid #323438;border-bottom:1px solid #323438}
.guide-editor>label{display:flex;flex-direction:column;gap:7px;color:#aaa7a0;font-size:13px;margin-bottom:12px}
.guide-editor input[readonly]{color:#bfc9c5;background:#17191c}
.guide-upload-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}
.guide-upload-actions .upload-status{margin-left:0}
.guide-upload-actions button:disabled{opacity:.5;cursor:default}