:root{color-scheme:dark;--bg:#07111d;--panel:#0f2032;--line:#274158;--text:#f1f6fb;--muted:#9fb4c8;--accent:#55d6a5;--danger:#ff7a7a;--warn:#ffd27a}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#17344c 0,#07111d 52%);color:var(--text);font:16px/1.5 system-ui,sans-serif}main{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 4rem}header{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.5rem}h1,h2{line-height:1.15}.brand{letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.panel{background:rgba(15,32,50,.94);border:1px solid var(--line);border-radius:16px;padding:1.2rem;box-shadow:0 18px 50px #0005}.wide{grid-column:1/-1}.status{display:flex;align-items:center;gap:.6rem}.dot{width:.75rem;height:.75rem;border-radius:50%;background:var(--muted)}.dot.ok{background:var(--accent);box-shadow:0 0 12px var(--accent)}button,.button,input,select{font:inherit;border-radius:9px;border:1px solid var(--line);padding:.68rem .85rem}button,.button{cursor:pointer;background:#193b55;color:var(--text);font-weight:700;text-decoration:none}button:hover,.button:hover{border-color:var(--accent)}button.danger{background:#5a242a;border-color:#8f3b44}.actions{display:flex;flex-wrap:wrap;gap:.65rem}label{display:block;color:var(--muted);margin:.7rem 0 .25rem}input,select{width:100%;background:#091725;color:var(--text)}table{width:100%;border-collapse:collapse}td,th{text-align:left;padding:.55rem;border-bottom:1px solid var(--line)}code{word-break:break-all}.notice{border-left:4px solid var(--warn);padding:.7rem 1rem;background:#3b311d}.error{border-color:var(--danger);color:#ffdede}.muted{color:var(--muted)}.login{max-width:430px;margin:8vh auto}.qr{background:white;padding:12px;border-radius:10px;display:inline-block}.settings{max-height:65vh;overflow:auto}@media(max-width:620px){header{align-items:flex-start;flex-direction:column}.actions>*{flex:1 1 45%}main{width:min(100% - 1rem,1100px)}}