:root{--bg:#151515;--card:#1a1a1a;--line:#262626;--head:#202020;--text:#e6e6e6;--dim:#9e9e9e;--accent:#ff6666;--good:#7ed399;--bad:#eb6e6e}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font:13px/1.45 Tahoma,Verdana,Arial,sans-serif}
a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
.wrap{width:min(980px,100% - 24px);margin:0 auto}
.top{background:#0f0f0f;border-bottom:2px solid var(--accent)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:12px;flex-wrap:wrap}
.logo{font:bold 26px Georgia,serif;letter-spacing:1px;color:#fff}.logo span{color:var(--accent)}
.logo small{display:block;font:11px Tahoma;color:var(--dim);letter-spacing:0}
.nav{background:var(--head);border-bottom:1px solid var(--line)}
.nav .wrap{display:flex;gap:2px;flex-wrap:wrap;align-items:center}
.nav a,.nav button{color:var(--text);padding:9px 14px;background:none;border:0;font:inherit;cursor:pointer}
.nav a:hover,.nav button:hover{background:#2a2a2a;text-decoration:none}
.nav .sp{flex:1}
.nav form{margin:0}
.block{background:var(--card);border:1px solid var(--line);margin:14px 0}
.block>h2{margin:0;padding:8px 12px;background:var(--head);border-bottom:1px solid var(--line);font-size:13px;color:#fff}
.block .body{padding:12px}
table.f{width:100%;border-collapse:collapse}
table.f td,table.f th{padding:9px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
table.f th{background:#1e1e1e;color:var(--dim);font-weight:normal;font-size:12px}
table.f tr:last-child td{border-bottom:0}
.dim{color:var(--dim)}.good{color:var(--good)}.bad{color:var(--bad)}.accent{color:var(--accent)}
.form{max-width:420px}
.form label{display:block;margin:10px 0 3px;color:var(--dim);font-size:12px}
.form input{width:100%;padding:7px 8px;background:#101010;border:1px solid #333;color:var(--text);font:inherit}
.form input:focus{outline:0;border-color:var(--accent)}
.btn{margin-top:14px;padding:7px 18px;background:var(--accent);border:0;color:#160000;font:bold 13px Tahoma;cursor:pointer}
.btn:hover{filter:brightness(1.1)}
.msg{padding:8px 12px;margin-bottom:10px;border:1px solid}
.msg.err{border-color:var(--bad);color:var(--bad);background:#241414}
.msg.ok{border-color:var(--good);color:var(--good);background:#13201a}
.foot{color:var(--dim);text-align:center;padding:20px 0 30px;font-size:12px}
