:root { color-scheme: dark; --bg:#0b0e13; --panel:#121720; --line:#252d39; --text:#e8edf4; --muted:#9aa7b6; --accent:#7dd3fc; --danger:#ff7b7b; }
* { box-sizing:border-box; }
body { margin:0; font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif; background:var(--bg); color:var(--text); }
a { color:var(--accent); text-decoration:none; }
.wrap { width:min(1180px,92vw); margin:0 auto; }
.topbar { border-bottom:1px solid var(--line); background:#0d1118; position:sticky; top:0; z-index:10; }
.topbar-inner { height:64px; display:flex; align-items:center; justify-content:space-between; }
.brand { color:white; font-weight:800; letter-spacing:-.02em; }
nav { display:flex; gap:18px; }
.hero { padding:72px 0 34px; }.hero.compact { padding:46px 0 26px; }
.eyebrow { color:var(--accent); font-size:.75rem; letter-spacing:.18em; font-weight:800; }
h1 { font-size:clamp(2rem,5vw,4.4rem); margin:.15em 0; letter-spacing:-.045em; } h2 { margin-top:0; }
.panel,.card,.stat { background:var(--panel); border:1px solid var(--line); border-radius:16px; padding:22px; }
.cards { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:18px; padding-bottom:60px; }
.grid-two { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-bottom:18px; }
.stat-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; margin-bottom:18px; }.stat span{display:block;color:var(--muted);font-size:.8rem}.stat strong{display:block;margin-top:8px;font-size:1.35rem}
.panel { margin-bottom:18px; } code { background:#0a0d12; border:1px solid var(--line); border-radius:7px; padding:4px 7px; overflow-wrap:anywhere; }
.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }.span-2{grid-column:span 2}label{display:grid;gap:7px;font-size:.88rem;color:#cbd5e1}input,select{width:100%;background:#090c11;border:1px solid #313b49;color:white;border-radius:9px;padding:11px 12px}small,.muted{color:var(--muted)}
button,.button { background:#1a2230; border:1px solid #354154; color:white; border-radius:9px; padding:9px 13px; cursor:pointer; display:inline-block; }button.primary{background:#e7f7ff;color:#081018;border-color:#e7f7ff;font-weight:800}.danger{border-color:#613333;color:#ffaaaa}.small{padding:5px 8px;font-size:.75rem}
.actions { display:flex; gap:10px; margin-top:20px; }.actions form{margin:0}.section-head{display:flex;justify-content:space-between;align-items:center}.section-head span{color:var(--muted)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{color:#a8b5c5;font-size:.76rem;text-transform:uppercase;letter-spacing:.06em}.table-wrap{overflow:auto}.long-table{max-height:620px}
.badge{display:inline-block;border:1px solid #3b4655;border-radius:99px;padding:3px 7px;font-size:.72rem}.badge.ok,.badge.include{border-color:#32624e;color:#9ce7bf}.badge.error,.badge.exclude{border-color:#6c3838;color:#ffaaaa}.badge.idle{color:#a8b5c5}.rule{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}
.alert{padding:11px 13px;border:1px solid var(--line);border-radius:9px}.alert.error{border-color:#6c3838}.alert.ok{border-color:#32624e}
@media(max-width:800px){.grid-two,.stat-grid,.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.actions{flex-wrap:wrap}}