:root{--bg:#1c120b;--panel:#2a1b10;--line:#4a3320;--gold:#f2b544;--btn:#d37f00;--text:#f6ead8;--mute:#bfa98a;--ok:#4cc38a;--bad:#ff6b6b}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:16px/1.7 "Amiri","Tinos",Tahoma,Arial,sans-serif}
a{color:var(--gold)}
.top{background:#140c07;border-bottom:3px solid var(--gold);padding:12px 18px;display:flex;align-items:center;gap:14px;justify-content:space-between}
.top img{height:54px;width:54px;display:block}
.top span{color:var(--gold);font-weight:700;font-size:18px}
.wrap{max-width:1100px;margin:0 auto;padding:22px 16px 60px}
.card{background:var(--panel);border:1px solid var(--line);border-radius:14px;padding:20px 22px;margin:16px 0}
h1{font-size:26px;color:var(--gold);margin:6px 0 4px}
h2{font-size:20px;color:var(--gold);margin:0 0 10px}
.mute{color:var(--mute)}
.btn,button{background:var(--btn);color:#fff;border:0;border-radius:9px;padding:10px 20px;font:700 16px "Amiri","Tinos",Tahoma,sans-serif;cursor:pointer;text-decoration:none;display:inline-block}
.btn.alt,button.alt{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.btn.sm,button.sm{padding:4px 12px;font-size:14px;border-radius:7px}
.btn.red,button.red{background:#a63a3a}
input,select{width:100%;background:#140c07;border:1px solid var(--line);color:var(--text);border-radius:8px;padding:9px 11px;font:16px "Tinos","Amiri",Tahoma,sans-serif}
input:focus,select:focus{outline:2px solid var(--gold)}
label{display:block;font-weight:700;margin:0 0 3px;color:var(--gold);font-size:15px}
.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px}
.grid .full{grid-column:1/-1}
@media(max-width:720px){.grid{grid-template-columns:1fr}}
.ok{border-color:var(--ok)}.bad{border-color:var(--bad)}
.badge{display:inline-block;border-radius:999px;padding:2px 14px;font-weight:700;font-size:15px}
.badge.ok{background:rgba(76,195,138,.15);color:var(--ok);border:1px solid var(--ok)}
.badge.bad{background:rgba(255,107,107,.15);color:var(--bad);border:1px solid var(--bad)}
table{width:100%;border-collapse:collapse;font-size:15px}
th,td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
th{color:var(--gold)}
.flash{border-radius:10px;padding:10px 14px;margin:12px 0;border:1px solid}
.flash.ok{background:rgba(76,195,138,.12)}.flash.bad{background:rgba(255,107,107,.12)}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}
.tbl{overflow-x:auto}
#busy{position:fixed;inset:0;background:#1c120bf2;color:var(--gold);z-index:99999;display:none;align-items:center;justify-content:center;font-size:22px;font-weight:700}

.top img.brandlogo{height:46px;width:auto;max-width:70vw}
