:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background:#0c111b;color:#edf2f8}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0%,#17253a 0%,#0c111b 44%);min-height:100vh}
.wrap{max-width:1320px;margin:auto;padding:20px 24px 40px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:18px}
.eyebrow{font-size:11px;font-weight:800;letter-spacing:.15em;color:#65d9bd}h1{font-size:clamp(26px,4vw,32px);margin:4px 0 0;letter-spacing:-.04em}
h2{font-size:20px;margin:0 0 10px}h3{font-size:14px;margin:0 0 12px}p{color:#9baac0;margin:0;line-height:1.55}
.card{background:#151e2d;border:1px solid #29384c;border-radius:18px;padding:18px 19px;box-shadow:0 14px 36px #02061132}
.login{max-width:420px}.login form{display:grid;gap:15px;margin-top:24px}
label{display:grid;gap:8px;font-size:13px;color:#b6c3d3;font-weight:600}
input,select{width:100%;background:#0e1725;border:1px solid #36465b;border-radius:10px;padding:12px;color:#f6f8fb;font:inherit;outline:none}
input:focus,select:focus{border-color:#62d4b5;box-shadow:0 0 0 3px #62d4b524}
button{border:1px solid #3d5066;border-radius:10px;color:#eff8f5;background:#25354a;padding:11px 15px;font:inherit;font-weight:700;cursor:pointer}
button:hover{background:#30465e}button:disabled{opacity:.45;cursor:default}
button.primary{background:#48bd9e;color:#06251e;border-color:#48bd9e}
button.primary:hover{background:#69d3b5}.text-button{border:0;background:none;color:#a3b3c9}
.hidden{display:none!important}.message{margin:0 0 22px;padding:12px 16px;border:1px solid #4d8191;border-radius:10px;background:#153242;color:#d7f5fc}
.message.error{background:#3b1e26;border-color:#915367;color:#ffdbe3}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-head h2{margin:0;font-size:17px}.section-head span{font-size:11px;color:#8f9fb3}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:17px}
.card-head h2{margin-bottom:3px}.card-head p{font-size:12px}.badge{font-size:11px;font-weight:800;padding:6px 10px;border-radius:20px;background:#364052;color:#c5d0df;white-space:nowrap}
.badge.live{background:#173f39;color:#7be9c8}.badge.wait{background:#4a3b1d;color:#f6d68f}
.balance{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:12px 14px;margin:0 0 11px;border:1px solid #2c5b60;border-radius:11px;background:#102630}
.balance span{display:block;font-size:11px;font-weight:700;color:#9ccecc}
.balance strong{display:block;font-size:clamp(22px,2.6vw,27px);line-height:1.3;letter-spacing:-.035em;color:#e6fff4}
.balance-age{font-size:10px;color:#90a9b6;text-align:right;white-space:nowrap;padding-bottom:5px}
.fact{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #29384b;font-size:12px}
.fact span{color:#a8b7c9}.fact strong{text-align:right;font-weight:650}
.actions{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.actions button{font-size:11px;padding:10px 10px}
.actions button.danger{background:#512933;border-color:#d97988;color:#ffe9eb}
.actions button.danger:hover:not(:disabled){background:#693540}
.actions button.danger:disabled{background:#25354a;border-color:#3d5066;color:#eff8f5}
.settings{border-top:1px solid #29384b;padding-top:15px}.form-grid{display:grid;grid-template-columns:1fr 1.2fr .8fr 1.45fr;gap:8px}
.form-grid label{font-size:11px;gap:6px;min-width:0}.form-grid input,.form-grid select{height:40px;padding:7px 8px;font-size:12px}
.save-row{display:flex;align-items:center;gap:12px;margin-top:17px;flex-wrap:wrap}.save-row small{font-size:11px;color:#90a9b6}
details{margin-top:22px;color:#aab9ca;font-size:12px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#0c1522;border:1px solid #28384d;border-radius:10px;padding:12px;max-height:210px;overflow:auto;color:#b5c6d6;font-size:12px}
.hint{max-width:800px;margin-top:18px;font-size:12px}
@media(max-width:950px){.grid{grid-template-columns:1fr}.wrap{padding:22px 14px 40px}.card{padding:20px}}
@media(max-width:600px){.form-grid{grid-template-columns:1fr 1fr}.actions button{font-size:11px}.balance-age{white-space:normal}}