:root{color-scheme:dark;font-family:Inter,Arial,sans-serif;background:#0b0c0f;color:#eeeff3}
body{margin:0}
header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid #26262d}
header h1{font-size:18px;margin:0}
header a{color:#d7a740;font-size:13px}
main{padding:20px 24px;max-width:1200px;margin:auto}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:24px}
.stat{background:#15161a;border:1px solid #26262d;border-radius:10px;padding:14px}
.stat small{display:block;color:#8d8b85;font-size:11px;letter-spacing:1px;text-transform:uppercase}
.stat strong{font-size:22px}
.toolbar{display:flex;gap:10px;align-items:center;margin-bottom:10px}
.toolbar input{flex:1;max-width:320px}
input,select,button{font:inherit;font-size:13px;border-radius:7px;border:1px solid #3a3a44;background:#0f1013;color:#fff;padding:7px 10px}
button{cursor:pointer;background:#1c1d22}
button.primary{background:#d7a740;border-color:#d7a740;color:#141007;font-weight:700}
.table-wrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:13px}
th,td{text-align:left;padding:9px 10px;border-bottom:1px solid #1f2026;white-space:nowrap}
th{color:#8d8b85;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:1px}
.badge{font-size:11px;padding:2px 8px;border-radius:10px;background:#20232a}
.badge.admin{background:#3a2d10;color:#f1c766}.badge.disabled{background:#3a1414;color:#ff8f8f}
.actions{display:flex;gap:6px}
.positive{color:#7ddc7d}.negative{color:#ff8f8f}
dialog{background:#15161a;color:#eeeff3;border:1px solid #35353e;border-radius:12px;padding:20px;max-width:min(640px,92vw)}
dialog::backdrop{background:#000a}
dialog form{display:grid;gap:10px}
.denied{padding:40px 0;text-align:center}
#toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#222;padding:10px 16px;border-radius:8px;opacity:0;transition:opacity .2s;pointer-events:none}
#toast.visible{opacity:1}
@media(max-width:600px){header,main{padding:14px 16px}}
.tabs{display:flex;gap:6px;margin:0 0 14px;border-bottom:1px solid #26262d;padding-bottom:8px}
.tabs button.active{background:#d7a740;border-color:#d7a740;color:#141007}
.tabs .right{margin-left:auto}
.stat.alert{border-color:#7a2020}
.login-card{max-width:340px;margin:60px auto;display:grid;gap:10px;background:#15161a;border:1px solid #26262d;border-radius:12px;padding:22px}
.login-card h2{margin:0 0 6px;font-size:18px}
dialog label{display:grid;gap:5px;font-size:12px;color:#b9b6ad}
textarea{font:inherit;font-size:13px;border-radius:7px;border:1px solid #3a3a44;background:#0f1013;color:#fff;padding:7px 10px}
td small{color:#8d8b85}
dialog fieldset{border:1px solid #26262d;border-radius:8px;margin:0;padding:8px 10px 10px;display:grid;gap:8px}
dialog legend{font-size:12px;color:#b9b6ad;padding:0 4px}
dialog label.check{display:flex;align-items:center;gap:8px;font-size:13px;color:#eeeff3}
input[type=checkbox],input[type=radio]{padding:0;margin:0;accent-color:#d7a740}
.picker{display:grid;gap:6px}
.currency-list{max-height:180px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:4px 12px;border:1px solid #26262d;border-radius:7px;padding:8px}
.currency-list label.check{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.currency-list b{color:#e8d7a8;min-width:32px}
.picker[hidden],.currency-list label[hidden]{display:none}
.picked{color:#8d8b85;font-size:12px}
.doc-card{background:#15161a;border:1px solid #26262d;border-radius:10px;padding:16px 18px;margin-bottom:16px;min-width:0}
.doc-card h2{font-size:16px;margin:0 0 12px}.doc-card h2 small{color:#8d8b85;font-weight:400;font-size:13px;margin-left:4px}
.doc-card h3{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:#8d8b85;margin:18px 0 8px}
.kv{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:8px 16px;margin:0;font-size:13px;align-items:center}
.kv dt{color:#8d8b85}.kv dd{margin:0;display:flex;gap:8px;align-items:center;min-width:0;overflow-wrap:anywhere}
.kv button,pre button{padding:2px 8px;font-size:11px;flex:none}
.game-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin:12px 0}
.game-grid figure{margin:0;background:#0f1013;border:1px solid #26262d;border-radius:8px;overflow:hidden}
.game-grid img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;background:#1c1d22}
.game-grid figcaption{display:grid;gap:3px;padding:8px 10px;font-size:13px}.game-grid small{color:#8d8b85;font-size:11px}
details summary{cursor:pointer;color:#d7a740;font-size:13px}
pre{position:relative;background:#0f1013;border:1px solid #26262d;border-radius:8px;padding:12px;overflow-x:auto;font-size:12px;line-height:1.5}
pre button{position:absolute;top:6px;right:6px}
.markdown{font-size:14px;line-height:1.6;color:#d6d4ce}
.markdown h2{font-size:19px}.markdown h3{font-size:16px;margin:26px 0 8px;color:#eeeff3;text-transform:none;letter-spacing:0}.markdown h4{font-size:14px;margin:18px 0 6px;color:#eeeff3}
.markdown th,.markdown td{white-space:normal;vertical-align:top}.markdown li{margin:3px 0}
@media(max-width:600px){.kv{grid-template-columns:minmax(0,1fr)}.kv dt{margin-top:6px}}
code{font-size:12px;color:#e8d7a8}
.hint{color:#8d8b85;font-size:12px;text-decoration:none}
.badge.ok,.badge.active{background:#14301a;color:#7ddc7d}.badge.failed,.badge.rejected,.badge.unknown{background:#3a1414;color:#ff8f8f}.badge.queued,.badge.pending{background:#2f2a14;color:#f1c766}
