:root{--brand: #0e7c66;--bg: #f5f7f6;--text: #14201c;--muted: #6b7c76}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text)}.card{max-width:480px;margin:48px auto;padding:24px;background:#fff;border-radius:16px;box-shadow:0 2px 18px #0000000f}h1{margin:0 0 16px;color:var(--brand);font-size:24px}header{display:flex;align-items:center;justify-content:space-between}form{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}input{flex:1;min-width:160px;padding:10px 12px;border:1px solid #d6e0dc;border-radius:10px;font-size:15px}button{padding:10px 16px;border:0;border-radius:10px;background:var(--brand);color:#fff;font-weight:600;cursor:pointer}button.link{background:none;color:var(--brand);padding:6px;font-weight:500}button.link.danger{color:#b00020}button:disabled{opacity:.5}ul{list-style:none;padding:0;margin:0 0 16px}li{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #eef2f0}.muted{color:var(--muted);border:0}.error{color:#b00020;font-size:14px}.row{display:flex;justify-content:space-between;align-items:center}.pill{font-size:12px;padding:4px 10px;border-radius:999px;font-weight:600}.pill.online{background:#e3f3ee;color:var(--brand)}.pill.offline{background:#fdece5;color:#b35309}p{color:var(--text);font-size:14px;line-height:1.5}