:root{color-scheme:dark;font-family:Segoe UI,system-ui,sans-serif;background:#0f172a;color:#e2e8f0;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.shell{max-width:1100px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.card,.modal{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:1.25rem}.stack{display:flex;flex-direction:column;gap:.9rem}.topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}h1,h2{margin:0;font-size:1.35rem}h2{font-size:1.05rem}.muted{margin:0;color:#94a3b8}.field{display:flex;flex-direction:column;gap:.35rem;flex:1}.field span{font-size:.85rem;color:#cbd5e1}input{width:100%;border:1px solid #334155;background:#020617;color:#f8fafc;border-radius:10px;padding:.7rem .8rem}input:focus{outline:2px solid #34d399;border-color:transparent}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.25rem;text-align:center;letter-spacing:0}.form-row,.row{display:flex;gap:.75rem}button{border:0;border-radius:10px;padding:.7rem 1rem;background:#34d399;color:#052e1f;font-weight:650;cursor:pointer}button:disabled{opacity:.6;cursor:progress}button.ghost{background:transparent;color:#e2e8f0;border:1px solid #475569}button.danger{background:#f87171;color:#450a0a}button.compact{padding:.35rem .65rem;font-size:.85rem}.actions{display:flex;gap:.4rem}.error{margin:0;color:#fca5a5}.table-wrap{overflow-x:auto;margin-top:1rem;border:1px solid #334155;border-radius:16px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.75rem .9rem;border-bottom:1px solid #334155;white-space:nowrap}th{color:#94a3b8;font-size:.8rem;font-weight:600}th:last-child,td:last-child{position:sticky;right:0;background:#0f172a;box-shadow:-8px 0 8px #0f172ae5}.badge{display:inline-block;border-radius:999px;padding:.1rem .55rem;font-size:.8rem}.badge.on{background:#064e3b;color:#a7f3d0}.badge.off{background:#3f1d1d;color:#fecaca}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#020617b8;display:grid;place-items:center;padding:1rem}.modal{width:min(32rem,100%)}@media(max-width:720px){.form-row,.topbar{flex-direction:column;align-items:stretch}}