:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#060606;color:#f4f4f4;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#221010 0,transparent 28%),#060606}button,input,select{font:inherit}.appShell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}aside{position:sticky;top:0;height:100vh;border-right:1px solid #222;background:#0b0b0b;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;flex-direction:column;padding:4px 8px 24px}.brand b{font-size:21px;letter-spacing:2px}.brand span,.eyebrow{color:#f12828;font-size:12px;font-weight:800;letter-spacing:1.4px}nav{display:grid;gap:5px}nav button,.asideFoot button{border:0;background:transparent;color:#aaa;text-align:left;padding:11px 12px;border-radius:9px;cursor:pointer;font-weight:650}nav button:hover,nav button.active{background:#171717;color:#fff}nav button.active{box-shadow:inset 3px 0 #ef2424}.asideFoot{margin-top:auto;border-top:1px solid #222;padding-top:14px;display:grid;gap:8px}.asideFoot span{font-size:12px;color:#5ed486;padding-left:12px}.content{max-width:1500px;width:100%;padding:32px 38px 64px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}header h1{font-size:30px;margin:3px 0}.eyebrow{margin:0}.cards{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:12px;margin-bottom:22px}.metric,.panel,.siteCard{background:#101010;border:1px solid #242424;border-radius:15px}.metric{padding:19px}.metric b{display:block;color:#ef2929;font-size:31px}.metric span{display:block;color:#aaa;font-size:13px;margin-top:4px}.metric.danger{border-color:#602424}.twoCol{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{padding:20px;margin-bottom:16px;overflow:auto}.panel h2{margin:0 0 16px;font-size:18px}.panelTitle,.siteHead,.siteFoot{display:flex;justify-content:space-between;align-items:center;gap:12px}.panelTitle>span,.siteFoot>span{color:#999;font-size:13px}.row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid #202020;align-items:center}.row:first-of-type{border-top:0}.row b,.row small{display:block}.row small,td small,.siteCard p,.alertCard p,.alertCard small{color:#999;margin-top:4px}.chips{display:flex;gap:6px}.chips span,.status{border:1px solid #333;background:#181818;border-radius:999px;padding:5px 8px;font-size:11px;font-weight:800;white-space:nowrap}.status.ok{color:#59d487;border-color:#214a31;background:#102219}.status.bad{color:#ff7474;border-color:#5e2727;background:#261111}.warningPanel{border-color:#5c2929}.siteCards{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}.siteCard{padding:20px}.siteCard h3{font-size:19px;margin:0}.siteCard p{margin:5px 0}.ruleGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.ruleGrid label,.loginCard label{display:grid;gap:6px;color:#aaa;font-size:12px;font-weight:700}.switchLine{display:flex;align-items:center;gap:8px;color:#ddd;font-size:13px}.actions{border-top:1px solid #222;border-bottom:1px solid #222;padding:14px 0;margin:14px 0;display:flex;gap:13px;flex-wrap:wrap;align-items:center}.actions>span{color:#999;font-size:12px}.check{display:flex;align-items:center;gap:6px;font-size:12px}.formPanel{background:#0d0d0d}.formGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:10px;align-items:end}input,select{width:100%;background:#080808;border:1px solid #353535;color:#fff;border-radius:8px;padding:10px 11px;outline:none}input:focus,select:focus{border-color:#d52a2a}button{border:1px solid #333;background:#171717;color:#fff;border-radius:8px;padding:10px 13px;font-weight:750;cursor:pointer}button:hover{filter:brightness(1.15)}button.primary{background:#ed2024;border-color:#ed2024}.ghost{background:transparent}table{width:100%;border-collapse:collapse;min-width:700px}th{text-align:left;color:#777;font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:10px;border-bottom:1px solid #292929}td{padding:12px 10px;border-bottom:1px solid #1f1f1f;color:#d9d9d9;font-size:13px;vertical-align:middle}td small{display:block}code{color:#f77}.alertList{display:grid;gap:10px}.alertCard{display:flex;justify-content:space-between;gap:20px;border:1px solid #3d2727;background:#120d0d;padding:16px;border-radius:12px}.alertCard h3{margin:8px 0 0}.alertCard strong,.alertCard small{display:block;margin-top:8px}.buttonStack{display:flex;gap:8px;align-items:center}.empty{padding:34px;text-align:center;color:#737373;border:1px dashed #333;border-radius:12px}.errorBanner,.error{color:#ff8383;background:#2a1010;border:1px solid #5a2424;padding:11px;border-radius:8px;margin-bottom:15px}.login{min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard{width:min(430px,100%);background:#0d0d0d;border:1px solid #282828;border-radius:18px;padding:30px;box-shadow:0 30px 70px #000}.loginCard h1{font-size:23px;margin:4px 0 24px}.loginCard label{margin-bottom:13px}.loginCard .primary{width:100%;margin-top:5px}@media(max-width:1100px){.cards{grid-template-columns:repeat(3,1fr)}.twoCol{grid-template-columns:1fr}.ruleGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.appShell{grid-template-columns:1fr}aside{position:static;height:auto}nav{grid-template-columns:repeat(2,1fr)}.asideFoot{display:none}.content{padding:22px 16px}.cards{grid-template-columns:repeat(2,1fr)}.siteCards{grid-template-columns:1fr}.siteCard{min-width:0}.ruleGrid{grid-template-columns:1fr}.actions{display:grid}.panel{padding:15px}}.editPanel{border-color:#532020;background:linear-gradient(180deg,#130d0d,#0e0e0e)}.editGrid{display:grid;grid-template-columns:repeat(4,minmax(170px,1fr));gap:10px;margin-top:14px}.editGrid label{display:grid;gap:6px;color:#aaa;font-size:12px;font-weight:700}.uidInput{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;color:#f77;letter-spacing:.5px}.editActions{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding-top:14px;border-top:1px solid #2b2020}.editActions>div{display:flex;gap:8px}.tableAction{text-align:right;white-space:nowrap}.editButton{padding:7px 10px;background:#141414;font-size:12px}.editingRow{background:#181010}@media(max-width:1100px){.editGrid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.editGrid{grid-template-columns:1fr}.editActions{align-items:flex-start;flex-direction:column}.editActions>div{width:100%}.editActions button{flex:1}}