:root{--bg: #0f1419;--panel: #1a2332;--text: #e7ecf3;--muted: #8b9bb4;--accent: #3d8bfd;--ok: #3dd68c;--warn: #f5a524;--bad: #f31260;--line: #2a3548;font-family:IBM Plex Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:var(--bg);color:var(--text)}a{color:var(--accent);text-decoration:none}a.router-link-active{color:var(--text);font-weight:600}.layout{max-width:1100px;margin:0 auto;padding:24px}header{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}header h1{font-size:20px;margin:0}nav{display:flex;gap:16px;font-size:14px}.card{background:var(--panel);border:1px solid var(--line);border-radius:10px;padding:16px 20px;margin-bottom:16px}.card h2{margin:0 0 12px;font-size:16px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line)}th{color:var(--muted);font-weight:500}.muted{color:var(--muted)}.ok{color:var(--ok)}.warn{color:var(--warn)}.bad{color:var(--bad)}label{display:block;margin:10px 0 4px;font-size:13px;color:var(--muted)}input[type=text],input[type=number],textarea{width:100%;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:6px;padding:8px 10px}textarea{min-height:80px;font-family:ui-monospace,monospace}.row{display:flex;gap:16px;flex-wrap:wrap}.row>*{flex:1;min-width:180px}button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:8px 16px;cursor:pointer;font-size:14px}button.secondary{background:transparent;border:1px solid var(--line);color:var(--text)}.actions{margin-top:16px;display:flex;gap:8px;align-items:center}.error{color:var(--bad);font-size:13px}.okmsg{color:var(--ok);font-size:13px}.switch{display:flex;align-items:center;gap:8px;margin:8px 0}