@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap");:root{--cream:#f6f1e7;--ink:#171512;--gold:#b99038;--paper:#fffdf8;--muted:#6f6a61;--line:#ddd3c2;--green:#1e6847;--red:#9b332c}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Poppins,system-ui,sans-serif}a{color:inherit;text-decoration:none}.button,button{border:0;border-radius:7px;background:var(--ink);color:white;padding:.7rem 1rem;cursor:pointer;font:inherit}.secondary{background:transparent;color:var(--ink);border:1px solid var(--line)}input,select,textarea{width:100%;padding:.7rem;border:1px solid var(--line);border-radius:6px;background:white;font:inherit}label{display:grid;grid-gap:.35rem;gap:.35rem;font-size:.85rem}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.side{background:var(--ink);color:white;padding:1.5rem;position:-webkit-sticky;position:sticky;top:0;height:100vh}.brand{font-weight:700;color:#e1bd66;margin-bottom:2rem}.nav{display:grid;grid-gap:.25rem;gap:.25rem}.nav a{padding:.55rem .65rem;border-radius:5px;color:#ddd}.nav a:hover{background:#302c26;color:white}.main{padding:2.2rem;max-width:1450px}.eyebrow{font:12px monospace;text-transform:uppercase;color:var(--gold)}h1{font-size:2rem;margin:.25rem 0 1.5rem}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.card{background:var(--paper);border:1px solid var(--line);border-radius:9px;padding:1.1rem}.metric{font:700 2rem monospace}.muted{color:var(--muted)}.status{display:inline-block;border-radius:99px;padding:.2rem .55rem;font-size:.72rem;background:#ede8dd}.connected{background:#dcecdf;color:var(--green)}.warning{background:#fae6c6}.danger{background:#f5d8d4;color:var(--red)}table{width:100%;border-collapse:collapse;background:var(--paper);border:1px solid var(--line)}td,th{text-align:left;padding:.7rem;border-bottom:1px solid var(--line);font-size:.86rem}th{font:600 .75rem monospace;text-transform:uppercase}.actions{display:flex;gap:.5rem;flex-wrap:wrap}.empty{padding:3rem;text-align:center;border:1px dashed var(--line);border-radius:8px}.public{max-width:960px;margin:auto;padding:2rem}.hero{padding:5rem 0}.login{max-width:420px;margin:10vh auto;background:var(--paper);padding:2rem;border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:1rem;gap:1rem}@media(max-width:800px){.shell{display:block}.side{height:auto;position:static}.nav{grid-template-columns:repeat(3,1fr)}.main{padding:1rem}}