:root { font-family: Tahoma, Arial, sans-serif; color-scheme: dark; }
body { margin:0; background:#11151a; color:#e9eef5; }
header { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:16px 24px; background:#0b0f13; border-bottom:1px solid #2b323a; position:sticky; top:0; }
.brand { font-weight:700; direction:ltr; }
nav { display:flex; gap:16px; }
a { color:#d9e8ff; text-decoration:none; }
main { padding:24px; max-width:1500px; margin:auto; }
h1 { margin-top:0; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:14px; margin-bottom:18px; }
.card,.panel,.login-card { background:#171d23; border:1px solid #2b323a; border-radius:12px; padding:18px; }
.card span { display:block; color:#9faab6; margin-bottom:10px; }
.card strong { font-size:28px; direction:ltr; display:block; }
.card.ok { border-color:#245c3a; }
.card.warn { border-color:#7a5b1c; }
.card.bad { border-color:#7e2f35; }
.panel { margin-top:16px; }
.button, button { display:inline-block; background:#273444; border:1px solid #3b4a5d; color:#fff; padding:9px 13px; border-radius:8px; cursor:pointer; }
button:hover,.button:hover { filter:brightness(1.12); }
.warn-btn { background:#66511f; }
.danger-btn { background:#6a272c; }
.quick { display:flex; gap:10px; }
.flash { margin-bottom:12px; padding:12px; border-radius:8px; }
.flash.success { background:#173e29; }
.flash.danger { background:#552128; }
.login-card { width:min(420px,90%); margin:60px auto; }
label { display:block; color:#b9c3ce; }
input,select { box-sizing:border-box; width:100%; margin:6px 0 14px; background:#0f1419; border:1px solid #3a434d; color:#fff; padding:10px; border-radius:7px; }
.page-head { display:flex; justify-content:space-between; align-items:center; gap:12px; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:14px; }
th,td { padding:10px; border-bottom:1px solid #2b323a; vertical-align:top; text-align:right; }
th { color:#aab6c2; }
.mono { font-family:Consolas,monospace; direction:ltr; }
.actions { display:flex; gap:6px; flex-wrap:wrap; }
.actions form { margin:0; }
small { display:block; color:#e5b45d; margin-top:4px; }
.filters { display:grid; grid-template-columns:120px 150px 1fr auto; gap:12px; align-items:end; background:#171d23; padding:14px; border-radius:10px; margin-bottom:14px; }
.filters input,.filters select { margin-bottom:0; }
.logbox { background:#090c0f; border:1px solid #2b323a; border-radius:10px; padding:12px; overflow:auto; direction:ltr; text-align:left; }
.logline { font-family:Consolas,monospace; white-space:pre-wrap; padding:4px 6px; border-bottom:1px solid #171b20; }
.log-ok { color:#8ed7a8; }
.log-warn { color:#efc86f; }
.log-bad { color:#ff9ca3; }
.meta { margin-bottom:12px; color:#aab6c2; }
@media(max-width:700px){ .filters{grid-template-columns:1fr;} header{align-items:flex-start;flex-direction:column;} }