:root{--bg: #f4f6f9;--bg-elevated: #ffffff;--bg-input: #f0f2f5;--border: #d8dde4;--border-focus: #2563eb;--text: #1a1f26;--text-muted: #66707c;--accent: #2563eb;--accent-hover: #1d4fd7;--danger: #dc2626;--success: #16a34a;--warning: #d97706;--radius: 8px;--sidebar-w: 230px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}html,body,#root{margin:0;height:100%}body{background:var(--bg);color:var(--text)}.app-shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:auto 1fr;grid-template-areas:"topbar topbar" "sidebar content";height:100vh}.topbar{grid-area:topbar;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 20px;background:var(--bg-elevated);border-bottom:1px solid var(--border)}.topbar__brand{font-weight:600;font-size:14px}.brand{display:flex;align-items:center;gap:13px}.brand__mark{display:block;width:50px;height:50px;border-radius:13px;box-shadow:0 3px 12px #2563eb66}.brand__text{display:flex;flex-direction:column;line-height:1.05}.brand__name{font-weight:700;font-size:24px;letter-spacing:-.015em;background:linear-gradient(90deg,#1d4ed8,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent}.brand__sub{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--text-muted)}.topbar__right{display:flex;flex-direction:column;align-items:flex-end;gap:14px}.topbar__row{display:flex;align-items:center;gap:12px}.topbar__dryrun{display:inline-flex;align-items:center;gap:6px;font-size:13px;line-height:1;cursor:pointer}.topbar__dryrun input[type=checkbox]{appearance:none;-webkit-appearance:none;flex:0 0 auto;width:30px;height:16px;margin:0;padding:0;border:none;border-radius:999px;background:var(--border);position:relative;cursor:pointer;transition:background .15s}.topbar__dryrun input[type=checkbox]:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}.topbar__dryrun input[type=checkbox]:checked{background:var(--accent)}.topbar__dryrun input[type=checkbox]:checked:after{transform:translate(14px)}.conn{line-height:1}.topbar__select{width:auto;min-width:170px}.conn{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted)}.conn__dot{font-size:10px;color:#c4cad2}.conn--on,.conn--on .conn__dot{color:var(--success)}.sidebar{grid-area:sidebar;background:var(--bg-elevated);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;min-height:0}.sidebar__brand{font-weight:600;font-size:15px;padding:8px 12px 16px;color:var(--text)}.sidebar__section{margin-top:12px;padding:4px 12px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted)}.nav-link{display:block;padding:8px 12px;border-radius:var(--radius);color:var(--text-muted);text-decoration:none;transition:background .12s,color .12s}.nav-link:hover{background:var(--bg-input);color:var(--text)}.nav-link.active{background:var(--accent);color:#fff}.nav-link--disabled{opacity:.4;cursor:not-allowed}.nav-link--disabled:hover{background:transparent;color:var(--text-muted)}.content-host{grid-area:content;overflow-y:auto;min-width:0;min-height:0}.content{padding:24px 32px}.section-sep{border:0;border-top:1px solid var(--border);margin:18px 0}.page-title{margin:0 0 24px;font-size:20px}.card h3{font-size:15px;font-weight:600;margin:18px 0 10px}.card h3:first-child{margin-top:0}.subhead{display:block;font-size:13px;font-weight:600;color:var(--text);margin:0 0 8px}.sidebar__footer{border-top:1px solid var(--border);padding-top:10px;margin-top:10px;display:flex;flex-direction:column;gap:2px}.status-row{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;font-size:12px;color:var(--text-muted)}.status-row .value{color:var(--text);max-width:62%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.result-list{list-style:none;padding:0;margin:12px 0 0;display:flex;flex-direction:column;gap:6px}.result-row{display:grid;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius);background:#2563eb0f;cursor:pointer;transition:background .12s}.result-row:hover{background:#2563eb1c}.result-row.selected{background:#2563eb2e}.result-row .name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-row .cell{font-size:12px;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-row .cell.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.result-empty{color:var(--text-muted);padding:10px 2px}.page-subtitle{margin:0 0 24px;color:var(--text-muted)}.card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:16px;box-shadow:0 1px 2px #1018280a}label{display:block;font-size:12px;color:var(--text-muted);margin-bottom:6px}input,select,textarea{width:100%;padding:9px 11px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:14px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #2563eb26}select{appearance:none;-webkit-appearance:none;padding-right:32px;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2366707c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 11px center}input[type=date]{appearance:none;-webkit-appearance:none;min-height:38px}.field{margin-bottom:14px}.row{display:flex;gap:12px;align-items:flex-end}button{padding:9px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:14px;cursor:pointer;transition:background .12s}button:hover:not(:disabled){background:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text)}button.secondary:hover:not(:disabled){background:var(--bg-input)}button.danger{background:transparent;border:1px solid var(--danger);color:var(--danger)}button.danger:hover:not(:disabled){background:#dc262614}.badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;background:var(--bg-input);color:var(--text-muted)}.badge.active{background:#dcfce7;color:#166534}.badge.live{background:#dc26261f;color:var(--danger)}.alert{padding:12px 14px;border-radius:var(--radius);margin-bottom:16px}.alert.error{background:#dc262614;border:1px solid var(--danger);color:#b91c1c}.alert.info{background:#2563eb14;border:1px solid var(--accent);color:#1d4ed8}.status-bar{position:fixed;left:0;right:0;bottom:0;z-index:1000;display:flex;align-items:center;gap:12px;padding:12px 20px;font-size:13px;border-top:1px solid var(--border);box-shadow:0 -4px 16px #0000001a;animation:status-slide-up .18s ease-out}.status-bar__text{flex:1;white-space:pre-wrap;word-break:break-word}.status-bar__close{background:transparent;border:0;padding:0 4px;font-size:20px;line-height:1;cursor:pointer;color:inherit;opacity:.6}.status-bar__close:hover{opacity:1;background:transparent}.status-bar--info{background:#e7eefc;color:#1d4ed8}.status-bar--success{background:#e6f4ec;color:#15803d}.status-bar--error{background:#fbe9e9;color:#b91c1c}@keyframes status-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.muted{color:var(--text-muted)}pre.result{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:14px;overflow:auto;max-height:420px;font-size:12.5px;white-space:pre-wrap;word-break:break-word}.profile-list{list-style:none;padding:0;margin:0}.profile-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);margin-bottom:8px}.profile-item__meta{display:flex;flex-direction:column;gap:4px}.spacer{flex:1}.modal-overlay{position:fixed;inset:0;background:#10182873;display:grid;place-items:center;padding:24px;z-index:50}.modal{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);padding:20px;width:min(820px,100%);max-height:86vh;overflow-y:auto;box-shadow:0 12px 40px #10182840}.modal__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.dryrun-toggle{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;color:var(--text-muted)}.dryrun-toggle input{width:auto}.dryrun-toggle .badge.live{background:#dc26261f;color:var(--danger)}.unlock{display:grid;place-items:center;height:100vh}.unlock__box{width:360px}.form-compact .field{margin-bottom:8px}.form-compact .subhead{margin:12px 0 6px}.form-compact .subhead:first-child{margin-top:0}.form-compact label{margin-bottom:3px}.form-compact input,.form-compact select{padding:7px 10px;font-size:13px}.req{color:var(--danger);font-weight:600}altcha-widget{display:block;width:100%;--altcha-max-width: 100%;--altcha-border-radius: var(--radius);--altcha-color-border: var(--border);--altcha-color-base: var(--bg-elevated)}.form-compact .row>*{min-width:0}.input-prefix{display:flex;align-items:stretch}.input-prefix__tag{display:flex;align-items:center;padding:0 10px;background:var(--bg-input);border:1px solid var(--border);border-right:0;border-radius:var(--radius) 0 0 var(--radius);color:var(--text-muted);font-size:13px;white-space:nowrap}.input-prefix input{flex:1;min-width:0;border-top-left-radius:0;border-bottom-left-radius:0}