:root{color-scheme:dark;--bg:#070b0e;--panel:#0e151a;--panel2:#121c22;--line:#23323b;--text:#d9e3e8;--muted:#778a95;--cyan:#55d5f7;--red:#ff6675;--amber:#f0b95d;--green:#54d69a;font:15px/1.5 Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 75% -20%,#11313c 0,transparent 35%),linear-gradient(145deg,#080c0f,#050709);color:var(--text)}button,input,textarea{font:inherit}.topbar{height:90px;padding:0 max(24px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#080d10cc;backdrop-filter:blur(12px);position:sticky;top:0;z-index:10}h1,h2,p{margin:0}h1{font-size:24px;letter-spacing:-.03em}h2{font-size:18px;margin-bottom:13px}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:800;color:var(--cyan);margin-bottom:3px}.eyebrow.danger{color:var(--red)}.muted,.card>p{color:var(--muted)}.connection{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:12px}.connection span:first-child{width:8px;height:8px;border-radius:50%;background:var(--red)}.connection span:first-child.online{background:var(--green);box-shadow:0 0 10px var(--green)}main{max-width:1440px;margin:0 auto;padding:26px 24px 60px}.card{background:linear-gradient(145deg,#10181d,#0b1115);border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 15px 35px #0003}.login{max-width:720px;margin:15vh auto;display:flex;justify-content:space-between;align-items:end;gap:30px}.login p:last-child{color:var(--muted)}.login form{display:flex;gap:8px}input,textarea{background:#080e12;border:1px solid #2b3e49;color:var(--text);padding:9px 10px;border-radius:5px;outline:none}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 2px #55d5f71c}button,.button{border:1px solid #35798d;background:#123541;color:#dff9ff;border-radius:5px;padding:8px 12px;cursor:pointer;text-decoration:none;display:inline-block}button:hover,.button:hover{background:#194957}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:16px}.stat{padding:15px 16px;border:1px solid var(--line);border-radius:8px;background:#0b1216}.stat strong{font-size:24px;display:block}.stat span{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:1px solid var(--line)}.tabs button{border:0;background:transparent;color:var(--muted);border-radius:0;padding:11px 15px}.tabs button.active{color:var(--cyan);border-bottom:2px solid var(--cyan)}.view{display:none}.view.active{display:block}.grid.two{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.section-head{display:flex;justify-content:space-between;align-items:start}.section-head button{padding:5px 9px}.event-list{max-height:600px;overflow:auto}.event{display:grid;grid-template-columns:110px 1fr auto;gap:12px;padding:11px 3px;border-bottom:1px solid #1c2930}.event b{text-transform:uppercase;color:var(--cyan);font-size:10px;letter-spacing:.08em}.event.shield_down b,.event.attack_detected b{color:var(--red)}.event small{color:var(--muted);white-space:nowrap}table{width:100%;border-collapse:collapse;font-size:12px}th{text-align:left;color:var(--muted);text-transform:uppercase;font-size:9px;letter-spacing:.09em;padding:8px;border-bottom:1px solid var(--line)}td{padding:9px 8px;border-bottom:1px solid #1b272e;vertical-align:top}td small{display:block;color:var(--muted)}.pill{display:inline-block;padding:2px 6px;border-radius:9px;background:#1b2a32;color:var(--muted);font-size:10px}.pill.live,.pill.up{color:var(--green);background:#153126}.pill.down,.pill.incoming{color:#ff9aa5;background:#381821}.table-wrap{overflow:auto}.config-card{display:grid;grid-template-columns:300px 1fr;gap:36px}.config-card form{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.config-card label{display:flex;flex-direction:column;gap:5px;color:#aebcc4;font-size:12px}.config-card label small{color:var(--muted)}.wide{grid-column:1/-1}.actions{display:flex;flex-direction:row!important;align-items:center}.actions span{color:var(--green)}.install-card{margin-top:16px;display:flex;justify-content:space-between;align-items:center}.install-card p{max-width:720px}.empty{padding:30px;text-align:center;color:var(--muted)}#toast{position:fixed;left:50%;bottom:20px;transform:translate(-50%,30px);opacity:0;background:#153126;border:1px solid #287452;color:#bff5db;padding:9px 15px;border-radius:6px;transition:.2s}#toast.show{transform:translate(-50%,0);opacity:1}@media(max-width:950px){.stats{grid-template-columns:repeat(3,1fr)}.grid.two,.config-card{grid-template-columns:1fr}.config-card form{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{padding:0 14px}.topbar h1{font-size:19px}main{padding:16px 12px}.login{display:block}.login form{margin-top:18px;display:grid}.stats{grid-template-columns:repeat(2,1fr)}.config-card form{grid-template-columns:1fr}.wide{grid-column:auto}.install-card{display:block}.install-card .button{margin-top:15px}.event{grid-template-columns:85px 1fr}.event small{display:none}}