:root{--bg: #f7f7f5;--surface: #ffffff;--border: #e3e2dd;--text: #1c1b19;--muted: #6c6a65;--accent: #4a154b;--accent-text: #ffffff;--danger: #a3231d;--ok: #1c6b45;--radius: 10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 ui-sans-serif,-apple-system,Segoe UI,Inter,system-ui,sans-serif}a{color:var(--accent)}.wrap{max-width:780px;margin:0 auto;padding:40px 24px 96px}header.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px}header.bar h1{font-size:20px;margin:0;letter-spacing:-.01em}header.bar .who{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}header.bar img{width:28px;height:28px;border-radius:50%}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px}.card h2{font-size:15px;margin:0 0 4px}.card p.hint{margin:0 0 16px;color:var(--muted);font-size:13px}label{display:block;font-size:13px;font-weight:500;margin:14px 0 5px}input[type=text],input[type=password]{width:100%;padding:9px 11px;font:inherit;font-size:14px;border:1px solid var(--border);border-radius:7px;background:#fff;color:var(--text)}input:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:transparent}button{font:inherit;font-size:14px;font-weight:500;cursor:pointer;padding:9px 15px;border-radius:7px;border:1px solid var(--border);background:var(--surface);color:var(--text)}button:hover:not(:disabled){background:#f0efec}button:disabled{opacity:.5;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}button.primary:hover:not(:disabled){filter:brightness(1.15)}button.link{border:none;background:none;padding:4px 6px;color:var(--muted);text-decoration:underline}button.danger{color:var(--danger)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end;margin-top:18px}.server{border-top:1px solid var(--border);padding:16px 0}.server:first-of-type{border-top:none;padding-top:4px}.server .name{font-weight:600}.server .url{color:var(--muted);font-size:12.5px;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.server .keys{color:var(--muted);font-size:12.5px;margin-top:4px}.pill{font-size:11.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--border);color:var(--muted)}.pill.on{color:var(--ok);border-color:#bfe0ce;background:#f2fbf6}.msg{font-size:13px;padding:9px 12px;border-radius:7px;margin-top:12px}.msg.ok{background:#f2fbf6;color:var(--ok);border:1px solid #bfe0ce}.msg.err{background:#fdf3f2;color:var(--danger);border:1px solid #f0cdca}.tools{margin-top:8px;display:flex;flex-wrap:wrap;gap:5px}.tools code{font-size:11.5px;background:#f0efec;padding:2px 6px;border-radius:5px}.login{text-align:center;padding:80px 24px}.login h1{font-size:24px;margin:0 0 8px;letter-spacing:-.02em}.login p{color:var(--muted);margin:0 0 28px}.login a.btn{display:inline-block;text-decoration:none;background:var(--accent);color:var(--accent-text);padding:11px 20px;border-radius:8px;font-weight:500}.empty{color:var(--muted);font-size:14px;padding:8px 0}.pill.warn{color:#8a5a00;border-color:#f0dcb4;background:#fdf8ef}a.btn-link{display:inline-block;text-decoration:none;font-size:14px;font-weight:500;padding:9px 15px;border-radius:7px;background:var(--accent);color:var(--accent-text);border:1px solid var(--accent)}a.btn-link:hover{filter:brightness(1.15)}label.check{display:flex;align-items:center;gap:8px;font-weight:400;color:var(--muted);margin-top:18px}label.check input{margin:0}