:root{--bg: #f6f7f9;--panel: #fff;--border: #e2e5e9;--ink: #1c2530;--muted: #6b7682;--brand: #1f6feb;--danger: #c2362f;--ok: #1a7f4b}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg)}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.topbar{background:#2b3441;color:#fff;padding:6px 16px;display:flex;gap:12px;align-items:center;font-size:13px}.topbar .muted{color:#b9c2cd}.topbar button{font-size:13px;padding:3px 10px}.spacer{flex:1}.badge{background:var(--brand);padding:2px 8px;border-radius:10px}.login{min-height:100vh;display:flex;align-items:center;justify-content:center}.login .brand{font-size:20px;font-weight:700;display:flex;margin-bottom:8px}.layout{display:flex;min-height:calc(100vh - 33px)}.sidebar{width:220px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--border);padding:20px 0}.sidebar .brand{font-size:16px;font-weight:700;padding:0 20px 16px}.sidebar nav{display:flex;flex-direction:column}.sidebar nav a{padding:10px 20px;color:var(--ink);font-weight:500;border-left:3px solid transparent}.sidebar nav a:hover{background:#f0f3f6;text-decoration:none}.sidebar nav a.active{border-left-color:var(--brand);color:var(--brand);background:#eef4fe}main{flex:1;max-width:980px;padding:24px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#141c2673;display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;z-index:50}.modal{background:var(--panel);border-radius:10px;padding:20px;width:420px;max-width:calc(100vw - 32px);box-shadow:0 12px 40px #0003}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.modal-header button{border:none;background:none;font-size:16px;cursor:pointer;color:var(--muted)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px;margin-bottom:20px}.panel h2{margin-top:0;font-size:15px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{color:var(--muted);font-weight:600}button{font:inherit;padding:6px 12px;border-radius:6px;border:1px solid var(--border);background:#fff;cursor:pointer}button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}button.danger{color:var(--danger);border-color:#e9c9c7}button:disabled{opacity:.5;cursor:not-allowed}input,select{font:inherit;padding:6px 8px;border:1px solid var(--border);border-radius:6px}label{display:block;font-size:13px;color:var(--muted);margin:8px 0 2px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.pill{font-size:12px;padding:2px 8px;border-radius:10px;background:#eef1f4;color:var(--muted)}.pill.on{background:#e3f4ea;color:var(--ok)}.pill.off{background:#f8e6e5;color:var(--danger)}.muted{color:var(--muted)}.error{background:#f8e6e5;color:var(--danger);padding:10px 12px;border-radius:6px;margin-bottom:12px}.warn{background:#fff5e0;color:#8a5a00;padding:10px 12px;border-radius:6px;margin-bottom:12px}.code{font-family:ui-monospace,Menlo,Consolas,monospace;background:#f0f2f4;padding:2px 6px;border-radius:4px;word-break:break-all}