:root,[data-theme=dark]{--bg:#101113;--surface:#17181b;--surface-2:#1d1f23;--raise:#1d1f23;--border:#292b30;--border-strong:#34373d;--ink:#edecea;--ink-2:#a2a29d;--ink-3:#74757a;--accent:#6f9bff;--accent-bg:#1a2438;--accent-border:#2c3c60;--accent-ink:#0d1117;--ok:#63c08b;--ok-bg:#16261d;--warn:#e0b45c;--warn-bg:#2a2213;--err:#f08a72;--err-bg:#2d1a17;--stripe-a:#191a1d;--stripe-b:#202226;--track:#33363c;--shadow:0 12px 32px #00000080;--bg-primary:var(--bg);--bg-secondary:var(--surface);--bg-tertiary:var(--surface-2);--bg-card:var(--surface);--bg-card-hover:var(--raise);--bg-input:var(--raise);--border-primary:var(--border);--border-secondary:var(--border-strong);--border-focus:var(--accent);--text-primary:var(--ink);--text-secondary:var(--ink-2);--text-tertiary:var(--ink-3);--status-success:var(--ok);--status-success-bg:var(--ok-bg);--status-warning:var(--warn);--status-warning-bg:var(--warn-bg);--status-error:var(--err);--status-error-bg:var(--err-bg);--status-info:var(--accent);--status-info-bg:var(--accent-bg)}[data-theme=light]{--bg:#f6f6f3;--surface:#fff;--surface-2:#f0efeb;--raise:#fcfcfa;--border:#e4e3de;--border-strong:#dedcd6;--ink:#17181a;--ink-2:#75746e;--ink-3:#a3a29b;--accent:#2f5fe0;--accent-bg:#eef2fd;--accent-border:#dbe4fb;--accent-ink:#fff;--ok:#1f7a4d;--ok-bg:#e8f5ee;--warn:#8a6212;--warn-bg:#fdf3dd;--err:#b4402c;--err-bg:#fdeae5;--stripe-a:#fbfbf9;--stripe-b:#f2f1ec;--track:#e4e2db;--shadow:0 12px 32px #17181a1f;--bg-primary:var(--bg);--bg-secondary:var(--surface);--bg-tertiary:var(--surface-2);--bg-card:var(--surface);--bg-card-hover:var(--raise);--bg-input:var(--raise);--border-primary:var(--border);--border-secondary:var(--border-strong);--border-focus:var(--accent);--text-primary:var(--ink);--text-secondary:var(--ink-2);--text-tertiary:var(--ink-3);--status-success:var(--ok);--status-success-bg:var(--ok-bg);--status-warning:var(--warn);--status-warning-bg:var(--warn-bg);--status-error:var(--err);--status-error-bg:var(--err-bg);--status-info:var(--accent);--status-info-bg:var(--accent-bg)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Segoe UI,system-ui,sans-serif}#root{flex-direction:column;height:100%;display:flex}a{color:var(--accent);text-decoration:none;transition:opacity .15s}a:hover{opacity:.8}button,input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}.mono{font-family:JetBrains Mono,monospace}.tabular{font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-3)}.btn{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:7px 13px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{opacity:.9;border-color:var(--accent)}.btn-secondary{background:var(--surface-2);border-color:var(--border-strong);color:var(--ink)}.btn-secondary:hover{border-color:var(--accent)}.btn-danger{background:var(--err-bg);border-color:var(--err);color:var(--err)}.btn-danger:hover{opacity:.9}.btn-dashed{border:1px dashed var(--border-strong);color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border-radius:8px;padding:8px 10px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .15s}.btn-dashed:hover{color:var(--ink);border-color:var(--accent)}.btn-icon{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:all .15s;display:inline-flex}.btn-icon:hover{color:var(--ink);border-color:var(--accent)}.form-group{flex-direction:column;gap:6px;display:flex}.form-label{color:var(--ink-2);font-size:12px}.form-input{box-sizing:border-box;background:var(--raise);border:1px solid var(--border-strong);width:100%;color:var(--ink);border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.form-input.mono{font-family:JetBrains Mono,monospace;font-size:12.5px}.form-input:focus{border-color:var(--accent)}.form-select{box-sizing:border-box;background:var(--raise);border:1px solid var(--border-strong);width:100%;color:var(--ink);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:13px;transition:border-color .15s}.form-select:focus{border-color:var(--accent)}.form-textarea{box-sizing:border-box;background:var(--raise);border:1px solid var(--border-strong);width:100%;color:var(--ink);resize:vertical;border-radius:8px;outline:none;min-height:70px;padding:8px 12px;font-size:13px;transition:border-color .15s}.form-textarea:focus{border-color:var(--accent)}.panel{background:var(--surface);border:1px solid var(--border);border-radius:12px;overflow:hidden}.panel-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 16px;font-size:15px;font-weight:600;display:flex}.panel-body{padding:16px}.striped-bg{background:repeating-linear-gradient(45deg, var(--stripe-a), var(--stripe-a) 9px, var(--stripe-b) 9px, var(--stripe-b) 18px)}.pill{white-space:nowrap;border-radius:999px;align-items:center;gap:6px;width:fit-content;padding:3px 9px;font-size:12px;font-weight:500;display:inline-flex}.pill-ok,.pill-success,.pill-active,.pill-delivered,.pill-completed,.pill-enabled{color:var(--ok);background:var(--ok-bg)}.pill-err,.pill-error,.pill-failed,.pill-revoked{color:var(--err);background:var(--err-bg)}.pill-warn,.pill-warning,.pill-queued,.pill-waiting,.pill-nowebhook{color:var(--warn);background:var(--warn-bg)}.pill-info,.pill-running,.pill-pending{color:var(--accent);background:var(--accent-bg)}.pill-neutral,.pill-inactive,.pill-cancelled,.pill-disabled{color:var(--ink-2);background:var(--surface-2)}.badge-mark{color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);text-align:center;box-sizing:border-box;border-radius:5px;flex-shrink:0;min-width:32px;padding:3px 5px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:700;display:inline-block}.badge-mark.badge-neutral{color:var(--ink-2);background:var(--surface-2);border-color:var(--border)}.badge-mark.badge-ok{color:var(--ok);background:var(--ok-bg);border-color:#63c08b4d}.badge-mark.badge-err{color:var(--err);background:var(--err-bg);border-color:#f08a724d}.skeleton{background:linear-gradient(90deg, var(--surface-2) 25%, var(--raise) 50%, var(--surface-2) 75%);background-size:200% 100%;border-radius:6px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.view-header{flex-wrap:wrap;align-items:flex-end;gap:14px;margin-bottom:2px;display:flex}.view-header-title{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:600}.view-header-sub{color:var(--ink-2);margin-top:4px;font-size:13px}.view-header-actions{align-items:center;gap:8px;display:flex}.view-refreshed-label{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px}.sidebar-rail{border-right:1px solid var(--border);background:var(--bg);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:252px;display:flex;overflow-y:auto}.rail-nav{flex-direction:column;gap:2px;padding:14px 12px;display:flex}.rail-nav-item{color:var(--ink-2);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:8px 11px;font-size:14px;font-weight:500;text-decoration:none;transition:all .12s;display:flex}.rail-nav-item:hover{border-color:var(--border-strong);color:var(--ink)}.rail-nav-item.active{background:var(--surface-2);color:var(--ink);border-color:var(--border-strong)}.rail-item-key{color:var(--ink-3);width:8px;font-family:JetBrains Mono,monospace;font-size:11px}.rail-nav-item.active .rail-item-key{color:var(--accent)}.rail-item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.rail-item-count{color:var(--ink-3);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:11px}.rail-clients-section{flex-direction:column;gap:8px;padding:6px 12px 14px;display:flex}.rail-section-header{align-items:center;gap:8px;padding:0 4px;display:flex}.rail-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:10px}.rail-section-divider{background:var(--border);flex:1;height:1px}.rail-section-count{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:10px}.rail-clients-list{flex-direction:column;gap:6px;display:flex}.rail-client-btn{border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--ink);background:0 0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:8px 10px;transition:all .12s;display:flex}.rail-client-btn:hover{border-color:var(--border-strong)}.rail-client-btn.selected{background:var(--surface-2);border-color:var(--border-strong)}.rail-client-info{flex:1;min-width:0}.rail-client-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.rail-client-meta{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:10.5px;display:block;overflow:hidden}.rail-client-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.rail-new-client-btn{width:100%}.rail-spacer{flex:1}.rail-footer{border-top:1px solid var(--border);flex-shrink:0;align-items:center;gap:10px;padding:12px;display:flex}.rail-avatar{background:var(--surface-2);border:1px solid var(--border);width:28px;height:28px;color:var(--ink-2);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.rail-user-info{flex:1;min-width:0}.rail-user-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.rail-user-role{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:10.5px;display:block}.rail-exit-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .12s}.rail-exit-btn:hover{color:var(--ink);border-color:var(--accent)}.app-header{background:var(--bg);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;height:60px;display:flex}.header-inner{align-items:center;gap:16px;width:100%;padding:0 20px;display:flex}.header-brand{color:var(--ink);flex-shrink:0;align-items:baseline;gap:2px;text-decoration:none;display:flex}.brand-devbox{letter-spacing:-.02em;color:var(--ink);font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700}[data-theme=light] .brand-devbox{color:#000}.brand-slash{color:var(--accent);margin:0 1px;font-family:JetBrains Mono,monospace;font-size:16px}.brand-notify{color:var(--ink-2);font-family:JetBrains Mono,monospace;font-size:14px}.header-search{flex:1;max-width:460px;position:relative}.search-icon{color:var(--ink-3);pointer-events:none;font-family:JetBrains Mono,monospace;font-size:13px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search-input{box-sizing:border-box;background:var(--surface);border:1px solid var(--border-strong);width:100%;color:var(--ink);border-radius:8px;outline:none;padding:9px 76px 9px 34px;font-size:14px;transition:border-color .15s}.search-input:focus{border-color:var(--accent)}.search-input::placeholder{color:var(--ink-3)}.search-meta{pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.search-matches{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px}.search-kbd{color:var(--ink-3);border:1px solid var(--border);background:var(--surface-2);border-radius:5px;padding:2px 5px;font-family:JetBrains Mono,monospace;font-size:11px}.header-spacer{flex:1}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.header-btn{border:1px solid var(--border-strong);background:var(--surface);color:var(--ink-2);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .15s;display:inline-flex}.header-btn:hover{border-color:var(--accent);color:var(--ink)}.header-clock{color:var(--ink-3);font-variant-numeric:tabular-nums;padding:0 4px;font-family:JetBrains Mono,monospace;font-size:12px}.header-theme-btn{justify-content:center;min-width:34px}.status-dot-mini{border-radius:50%;width:6px;height:6px;display:inline-block}.status-dot-mini.live{background:var(--ok)}.status-dot-mini.demo{background:var(--accent)}.app-container{background:var(--bg);width:100vw;height:100vh;color:var(--ink);flex-direction:column;display:flex;overflow:hidden}.app-body{flex:1;min-height:0;display:flex;overflow:hidden}.app-main{flex-direction:column;flex:1;gap:18px;min-width:0;padding:22px 24px 56px;display:flex;overflow:hidden auto}.dashboard-view{flex-direction:column;gap:18px;display:flex}.dashboard-content{flex-direction:column;gap:14px;display:flex}.stat-tiles-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.stat-tile-card{text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--border);color:var(--ink);border-radius:10px;flex-direction:column;gap:10px;padding:14px;transition:all .15s;display:flex}.stat-tile-card:hover{border-color:var(--accent);background:var(--raise)}.stat-tile-top{justify-content:space-between;align-items:center;gap:8px;display:flex}.stat-tile-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:10px}.stat-tile-value{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:26px;font-weight:500;line-height:1.1}.stat-tile-sub{color:var(--ink-2);font-size:12px}.dashboard-charts-grid{grid-template-columns:1.35fr 1fr;align-items:start;gap:14px;display:grid}.volume-panel{flex-direction:column;display:flex}.volume-panel-header{align-items:center;gap:10px;padding:13px 16px;display:flex}.volume-summary-meta{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px}.spacer{flex:1}.legend-item{color:var(--ink-3);align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:10px;display:flex}.legend-dot{border-radius:2px;width:8px;height:8px;display:inline-block}.legend-dot.sent-dot{background:var(--accent)}.legend-dot.failed-dot{background:var(--err)}.volume-chart-container{box-sizing:border-box;align-items:flex-end;gap:10px;height:210px;padding:18px 16px 14px;display:flex}.volume-bar-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:8px;height:100%;display:flex}.volume-bar-total{color:var(--ink-2);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:11px}.volume-bar-track{flex-direction:column;justify-content:flex-end;gap:2px;width:100%;max-width:46px;min-height:8px;display:flex}.volume-bar-failed{background:var(--err);border-radius:3px 3px 0 0;width:100%;display:block}.volume-bar-sent{background:var(--accent);border-radius:3px;flex:1;width:100%;min-height:4px;display:block}.volume-bar-date{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:10.5px}.rates-column{flex-direction:column;gap:14px;display:flex}.delivery-panel{padding:16px}.delivery-card-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:10px}.delivery-rate-row{align-items:baseline;gap:8px;margin:12px 0 10px;display:flex}.delivery-rate-number{letter-spacing:-.03em;font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:34px;font-weight:500;line-height:1}.delivery-rate-label{color:var(--ink-2);font-size:13px}.delivery-progress-track{background:var(--track);border-radius:999px;height:6px;overflow:hidden}.delivery-progress-fill{background:var(--ok);border-radius:999px;height:100%;transition:width .3s}.delivery-meta-text{color:var(--ink-3);margin-top:10px;font-family:JetBrains Mono,monospace;font-size:11px}.mix-panel-header{padding:13px 16px}.mix-list{flex-direction:column;display:flex}.mix-item-row{border-top:1px solid var(--border);align-items:center;gap:10px;padding:9px 16px;display:flex}.mix-badge{min-width:34px}.mix-item-name{flex:none;width:74px;font-size:13px}.mix-progress-track{background:var(--track);border-radius:999px;flex:1;min-width:0;height:6px;display:block;overflow:hidden}.mix-progress-fill{background:var(--accent);border-radius:999px;height:100%;display:block}.mix-item-count{color:var(--ink-2);font-variant-numeric:tabular-nums;text-align:right;width:44px;font-family:JetBrains Mono,monospace;font-size:12px}.activity-list{flex-direction:column;display:flex}.activity-item-row{border-top:1px solid var(--border);align-items:center;gap:12px;padding:10px 16px;display:flex}.activity-status-dot{border-radius:50%;flex-shrink:0;width:7px;height:7px}.activity-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.activity-time{color:var(--ink-3);flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:11px}.modal-overlay{z-index:60;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border-strong);width:100%;max-width:460px;box-shadow:var(--shadow);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.modal.modal-lg{max-width:640px}.modal.modal-xl{max-width:800px}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px;display:flex}.modal-title{color:var(--ink);margin:0;font-size:15px;font-weight:600}.modal-close{color:var(--ink-3);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px;display:flex}.modal-close:hover{color:var(--ink);background:var(--surface-2)}.modal-body{flex-direction:column;gap:12px;max-height:75vh;padding:16px;display:flex;overflow-y:auto}.modal-footer{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:8px;padding:14px 16px;display:flex}.clients-view{flex-direction:column;gap:18px;display:flex}.clients-content{flex-direction:column;gap:14px;display:flex}.clients-table-panel{flex-direction:column;display:flex}.clients-table-header{border-bottom:1px solid var(--border);background:var(--surface-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);grid-template-columns:1.6fr 1fr 90px 90px 110px 90px;gap:12px;padding:9px 16px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.clients-table-body{flex-direction:column;display:flex}.clients-table-row{border-bottom:1px solid var(--border);cursor:pointer;background:0 0;grid-template-columns:1.6fr 1fr 90px 90px 110px 90px;align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:grid}.clients-table-row:last-child{border-bottom:none}.clients-table-row:hover,.clients-table-row.selected{background:var(--raise)}.client-name-cell{align-items:center;gap:10px;min-width:0;display:flex}.client-name-text{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.client-desc-cell{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.client-stat-cell{color:var(--ink-2);font-variant-numeric:tabular-nums;font-family:JetBrains Mono,monospace;font-size:12.5px}.client-date-cell{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11.5px}.client-status-cell{align-items:center;display:flex}.client-detail-grid{grid-template-columns:1fr 1fr;align-items:start;gap:14px;display:grid}.detail-header{align-items:center;gap:10px;padding:13px 16px;display:flex}.detail-client-name{color:var(--ink-3);font-family:JetBrains Mono,monospace;font-size:11px}.keys-list{flex-direction:column;display:flex}.key-item-card{border-bottom:1px solid var(--border);flex-direction:column;gap:5px;padding:11px 16px;display:flex}.key-item-card:last-child{border-bottom:none}.key-item-top{align-items:center;gap:8px;display:flex}.key-name{flex:1;min-width:0;font-size:13px;font-weight:500}.key-string{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.key-meta{color:var(--ink-3);font-size:11px}.channels-list{flex-direction:column;display:flex}.assigned-channel-row{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:11px 16px;display:flex}.assigned-channel-row:last-child{border-bottom:none}.channel-priority{color:var(--ink-3);width:20px;font-size:11px}.channel-config-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:13px;overflow:hidden}.channel-state-tag{color:var(--ok);font-size:11px}.empty-search-state,.empty-detail-state{text-align:center;color:var(--ink-3);padding:32px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.data-table-wrapper{overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);white-space:nowrap;padding:12px 16px;font-weight:600;position:sticky;top:0}.data-table th:first-child{border-radius:var(--radius-md) 0 0 0}.data-table th:last-child{border-radius:0 var(--radius-md) 0 0}.data-table td{font-size:var(--font-size-sm);color:var(--text-primary);border-bottom:1px solid var(--border-primary);vertical-align:middle;padding:14px 16px}.data-table tbody tr{transition:background var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-card-hover)}.data-table tbody tr:last-child td{border-bottom:none}.table-pagination{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--border-primary);justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.table-pagination-info{font-size:var(--font-size-xs);color:var(--text-secondary)}.table-pagination-controls{align-items:center;gap:var(--space-xs);display:flex}.table-pagination-btn{font-size:var(--font-size-xs);color:var(--text-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:6px 12px;font-weight:500}.table-pagination-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-secondary);background:var(--bg-card-hover)}.table-pagination-btn:disabled{opacity:.4;cursor:not-allowed}.table-pagination-btn.active{background:var(--accent-primary-subtle);border-color:var(--accent-primary);color:var(--accent-primary)}.table-empty{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.channel-pool-view{flex-direction:column;gap:18px;display:flex}.channel-pool-panel{flex-direction:column;display:flex}.channel-pool-header{border-bottom:1px solid var(--border);background:var(--surface-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);grid-template-columns:56px 1.5fr 1.6fr 120px 100px;gap:12px;padding:9px 16px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.channel-pool-body{flex-direction:column;display:flex}.channel-pool-row{border-bottom:1px solid var(--border);grid-template-columns:56px 1.5fr 1.6fr 120px 100px;align-items:center;gap:12px;padding:12px 16px;transition:background .12s;display:grid}.channel-pool-row:hover{background:var(--raise)}.channel-type-cell{align-items:center;display:flex}.channel-name-cell{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:500;overflow:hidden}.channel-target-cell{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.channel-provider-cell{color:var(--ink-3);font-size:12px}.channel-action-cell{align-items:center;gap:8px;display:flex}.btn-test{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink-2);cursor:pointer;text-align:center;border-radius:6px;min-width:44px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .12s}.btn-test:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.btn-test.test-ok{color:var(--ok);border-color:var(--ok);background:var(--ok-bg)}.btn-test.test-fail{color:var(--err);border-color:var(--err);background:var(--err-bg)}.channel-pool-footer{align-items:center;gap:10px;padding:12px 16px;display:flex}.pool-add-btn{padding:6px 11px}.pool-audit-note{color:var(--ink-3);font-size:11px}.empty-channel-state{text-align:center;color:var(--ink-3);padding:32px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.logs-view{flex-direction:column;gap:18px;display:flex}.logs-content{flex-direction:column;gap:12px;display:flex}.logs-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.status-filters-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.status-filter-btn{border:1px solid var(--border);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:6px;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:12px;transition:all .12s;display:inline-flex}.status-filter-btn:hover{border-color:var(--border-strong);color:var(--ink)}.status-filter-btn.active{background:var(--surface-2);border-color:var(--border-strong);color:var(--ink)}.filter-count{color:var(--ink-3);font-size:11px}.channel-filters-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.channel-filter-btn{border:1px solid var(--border);color:var(--ink-3);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .12s}.channel-filter-btn:hover{border-color:var(--border-strong);color:var(--ink)}.channel-filter-btn.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.logs-table-panel{flex-direction:column;display:flex}.logs-table-header{border-bottom:1px solid var(--border);background:var(--surface-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);grid-template-columns:56px 1.2fr 1.3fr 1fr 1fr 90px;gap:12px;padding:9px 16px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.logs-table-body{flex-direction:column;display:flex}.logs-table-row{border-bottom:1px solid var(--border);background:0 0;grid-template-columns:56px 1.2fr 1.3fr 1fr 1fr 90px;align-items:center;gap:12px;padding:10px 16px;transition:background .12s;display:grid}.logs-table-row:last-child{border-bottom:none}.logs-table-row:hover{background:var(--raise)}.logs-table-row.failed-row{background:var(--err-bg)}.log-ch-badge{text-align:center}.log-client-cell{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.log-recipient-cell{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.log-subject-cell{color:var(--ink-3);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.log-detail-cell{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.log-status-cell{align-items:center;display:flex}.logs-table-footer{border-top:1px solid var(--border);align-items:center;gap:10px;padding:11px 16px;display:flex}.logs-footer-text{color:var(--ink-3);flex:1;font-size:11px}.btn-more-logs{border:1px solid var(--border-strong);background:var(--surface-2);color:var(--ink-2);cursor:pointer;border-radius:7px;padding:5px 10px;font-size:12px;transition:all .12s}.btn-more-logs:hover{color:var(--ink);border-color:var(--accent)}.empty-logs-state{text-align:center;color:var(--ink-3);padding:32px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.reply-view{flex-direction:column;gap:18px;display:flex}.reply-layout-grid{grid-template-columns:250px 1fr;align-items:start;gap:14px;display:grid}.reply-left-col{flex-direction:column;gap:8px;display:flex}.reply-col-header{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 4px;font-size:10px}.reply-configs-list{flex-direction:column;gap:6px;display:flex}.reply-config-btn{border:1px solid var(--border);cursor:pointer;text-align:left;color:var(--ink);background:0 0;border-radius:9px;align-items:center;gap:9px;width:100%;padding:9px 10px;transition:all .12s;display:flex}.reply-config-btn:hover{border-color:var(--border-strong)}.reply-config-btn.selected{background:var(--surface-2);border-color:var(--border-strong)}.reply-config-info{flex:1;min-width:0}.reply-config-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;display:block;overflow:hidden}.reply-config-meta{text-overflow:ellipsis;white-space:nowrap;font-size:10.5px;display:block;overflow:hidden}.reply-right-col{flex-direction:column;gap:14px;min-width:0;display:flex}.reply-config-box{flex-direction:column;gap:12px;padding:16px;display:flex}.reply-box-top{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.reply-box-title{color:var(--ink);font-size:15px;font-weight:600}.reply-box-channel{color:var(--ink-3);font-size:11px}.reply-form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.reply-commands-panel{flex-direction:column;display:flex}.commands-header{padding:13px 16px}.commands-count{color:var(--ink-3);font-size:11px}.commands-table-header{border-bottom:1px solid var(--border);background:var(--surface-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);grid-template-columns:120px 1.5fr 1fr;gap:12px;padding:9px 16px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.commands-table-body{flex-direction:column;display:flex}.command-row{border-bottom:1px solid var(--border);background:0 0;grid-template-columns:120px 1.5fr 1fr;align-items:center;gap:12px;padding:11px 16px;transition:background .12s;display:grid}.command-row:last-child{border-bottom:none}.command-row.command-hit{background:var(--accent-bg)}.command-name{font-size:12.5px}.command-match{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.command-captures{color:var(--ink-3);font-size:12px}.commands-footer{padding:12px 16px}.reply-tester-panel{flex-direction:column;gap:12px;padding:16px;display:flex}.tester-title{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-size:10px}.tester-input-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tester-input{flex:1;min-width:220px}.tester-pill{border-radius:7px;padding:7px 11px;font-size:12px}.tester-pipeline-strip{border:1px solid var(--border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:14px;display:flex}.pipeline-stage-wrapper{align-items:center;gap:8px;display:flex}.pipeline-stage-box{background:var(--surface);border:1px solid var(--border-strong);border-radius:7px;padding:6px 9px;font-size:11.5px;transition:all .12s}.pipeline-stage-arrow{color:var(--ink-3);font-size:12px}.workflows-view{flex-direction:column;gap:18px;display:flex}.workflows-list{flex-direction:column;gap:14px;display:flex}.workflow-card-panel{flex-direction:column;display:flex}.workflow-card-top{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:12px;padding:13px 16px;display:flex}.workflow-key-badge{color:var(--accent);background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:6px;padding:4px 8px;font-size:12px;font-weight:700}.workflow-name-title{color:var(--ink);font-size:15px;font-weight:600}.workflow-meta-sub{color:var(--ink-3);font-size:11px}.workflow-open-btn{padding:5px 10px;font-size:12px}.workflow-desc-row{color:var(--ink-2);border-bottom:1px solid var(--border);padding:14px 16px;font-size:12.5px}.workflow-pipeline-strip{flex-wrap:wrap;align-items:center;gap:8px;padding:16px;display:flex}.pipeline-node-wrapper{align-items:center;gap:8px;display:flex}.pipeline-node-box{background:var(--surface);border:1px solid var(--border-strong);border-radius:8px;flex-direction:column;gap:3px;min-width:96px;padding:8px 11px;display:flex}.pipeline-node-kind{letter-spacing:.08em;text-transform:uppercase;font-size:9.5px}.pipeline-node-label{color:var(--ink);font-size:12.5px;font-weight:500}.pipeline-node-meta{color:var(--ink-3);font-size:10.5px}.pipeline-arrow{color:var(--ink-3);font-size:12px}.empty-workflows-state{text-align:center;color:var(--ink-3);padding:32px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.designer-view{flex-direction:column;gap:18px;display:flex}.designer-3col-grid{grid-template-columns:170px 1fr 280px;align-items:start;gap:14px;display:grid}.designer-palette-col{flex-direction:column;gap:8px;min-height:380px;padding:12px;display:flex}.designer-col-header{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);padding:0 2px;font-size:10px}.palette-items-list{flex-direction:column;gap:6px;display:flex}.palette-item-box{border:1px dashed var(--border-strong);cursor:pointer;background:var(--raise);border-radius:8px;align-items:center;gap:9px;padding:8px 10px;transition:all .12s;display:flex}.palette-item-box:hover{border-color:var(--accent);color:var(--ink)}.palette-kind-tag{letter-spacing:.08em;text-transform:uppercase;min-width:52px;font-size:9.5px}.palette-hint-text{color:var(--ink-2);font-size:12.5px}.palette-footer-hint{color:var(--ink-3);font-size:10.5px;line-height:1.7}.designer-canvas-panel{flex-direction:column;min-width:0;display:flex}.designer-canvas-header{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:13px 16px;display:flex}.designer-tabs-group{align-items:center;gap:6px;display:flex}.designer-tab-btn{border:1px solid var(--border-strong);color:var(--ink-2);cursor:pointer;background:0 0;border-radius:7px;padding:5px 10px;font-size:12px;transition:all .12s}.designer-tab-btn:hover{border-color:var(--accent);color:var(--ink)}.designer-tab-btn.active{background:var(--accent-bg);color:var(--accent);border-color:var(--accent-border)}.canvas-meta-text{color:var(--ink-3);font-size:11px}.publish-btn{padding:5px 11px;font-size:12px}.designer-canvas-body{flex-direction:column;gap:14px;min-height:320px;padding:22px 18px;display:flex}.canvas-trunk-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.canvas-node-wrap{align-items:center;gap:8px;display:flex}.canvas-node-card{background:var(--surface);border:1px solid var(--border-strong);box-shadow:none;cursor:pointer;text-align:left;min-width:104px;color:var(--ink);border-radius:9px;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 12px;transition:all .12s;display:flex}.canvas-node-card:hover{border-color:var(--accent)}.canvas-node-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.canvas-node-kind{letter-spacing:.08em;text-transform:uppercase;font-size:9.5px}.canvas-node-label{font-size:12.5px;font-weight:500}.canvas-node-meta{color:var(--ink-3);font-size:10.5px}.canvas-arrow-icon{color:var(--ink-3);font-size:12px}.canvas-branches-block{border-left:1px solid var(--border-strong);flex-direction:column;gap:10px;padding-left:26px;display:flex}.canvas-branch-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.branch-label-tag{letter-spacing:.08em;text-transform:uppercase;text-align:center;border-radius:5px;min-width:44px;padding:3px 7px;font-size:10px}.designer-inspector-panel{flex-direction:column;display:flex}.inspector-header{align-items:center;gap:10px;padding:13px 16px;display:flex}.inspector-title{flex:1;font-size:15px;font-weight:600}.inspector-kind-tag{letter-spacing:.08em;text-transform:uppercase;font-size:10px}.inspector-body{flex-direction:column;gap:12px;padding:14px 16px;display:flex}.inspector-note{color:var(--ink-3);font-size:11px;line-height:1.7}.inspector-footer{border-top:1px solid var(--border);background:var(--surface-2);gap:8px;padding:14px 16px;display:flex}.inspector-action-btn{flex:1;padding:8px 12px;font-size:13px}.runs-view{flex-direction:column;gap:18px;display:flex}.runs-table-panel{flex-direction:column;display:flex}.runs-table-header{border-bottom:1px solid var(--border);background:var(--surface-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);grid-template-columns:100px 1.4fr 1fr 110px 90px 110px;gap:12px;padding:9px 16px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.runs-table-body{flex-direction:column;display:flex}.runs-table-row{border-bottom:1px solid var(--border);grid-template-columns:100px 1.4fr 1fr 110px 90px 110px;align-items:center;gap:12px;padding:11px 16px;transition:background .12s;display:grid}.runs-table-row:last-child{border-bottom:none}.runs-table-row:hover{background:var(--raise)}.run-id-cell{color:var(--ink-3);font-size:12px}.run-workflow-cell{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.run-user-cell{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.run-step-cell{color:var(--ink-2);font-size:12px}.run-elapsed-cell{color:var(--ink-3);font-size:12px}.run-status-cell{align-items:center;display:flex}.empty-runs-state{text-align:center;color:var(--ink-3);padding:32px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.prefs-view{flex-direction:column;gap:18px;display:flex}.prefs-content{flex-direction:column;gap:14px;display:flex}.prefs-info-banner{background:var(--accent-bg);border:1px solid var(--accent-border);border-radius:10px;align-items:center;gap:10px;padding:11px 14px;display:flex}.info-banner-badge{text-transform:uppercase;letter-spacing:.06em;color:var(--accent);flex-shrink:0;font-size:11px}.info-banner-text{color:var(--ink-2);font-size:12.5px}.prefs-users-list{flex-direction:column;gap:14px;display:flex}.user-pref-card{flex-direction:column;display:flex}.user-pref-header{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:13px 16px;display:flex}.user-id-text{color:var(--ink);font-size:13px;font-weight:500}.user-meta-sub,.user-quiet-text{color:var(--ink-3);font-size:11px}.user-add-ch-btn{padding:4px 9px;font-size:11px}.user-pref-table-header{border-bottom:1px solid var(--border);background:var(--surface-2);letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);grid-template-columns:70px 90px 1.4fr 1fr 110px;gap:12px;padding:9px 16px;font-family:JetBrains Mono,monospace;font-size:10px;display:grid}.user-pref-table-body{flex-direction:column;display:flex}.user-pref-table-row{border-bottom:1px solid var(--border);background:0 0;grid-template-columns:70px 90px 1.4fr 1fr 110px;align-items:center;gap:12px;padding:11px 16px;transition:background .12s;display:grid}.user-pref-table-row:last-child{border-bottom:none}.user-pref-table-row:hover{background:var(--raise)}.pref-priority-cell{color:var(--ink-3);font-size:12px}.pref-mark-cell{align-items:center;display:flex}.pref-recipient-cell{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.pref-used-cell{color:var(--ink-3);font-size:12px}.pref-toggle-btn{cursor:pointer;color:var(--ink);background:0 0;border:none;align-items:center;gap:9px;padding:0;display:flex}.toggle-track{border-radius:999px;width:34px;height:19px;transition:all .15s;display:inline-block;position:relative}.toggle-track.on{background:var(--accent);border:1px solid var(--accent)}.toggle-track.off{background:var(--surface-2);border:1px solid var(--border-strong)}.toggle-knob{border-radius:50%;width:13px;height:13px;transition:all .15s;position:absolute;top:2px}.toggle-knob.on{background:var(--accent-ink);left:17px}.toggle-knob.off{background:var(--ink-3);left:3px}.toggle-state-text{color:var(--ink-3);font-size:11px}.empty-prefs-state{text-align:center;color:var(--ink-3);padding:32px 16px;font-family:JetBrains Mono,monospace;font-size:12px}.auth-gate{text-align:center;background:var(--bg-primary);min-height:100vh;color:var(--text-primary);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:0 24px;display:flex}.auth-gate h1{margin:0;font-size:18px;font-weight:600}.auth-gate p{max-width:480px;color:var(--text-secondary);margin:0;font-size:13px}.auth-gate .auth-gate-error{color:var(--status-error);word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.auth-gate button{color:var(--accent-ink);background:var(--accent);border:1px solid var(--accent);cursor:pointer;border-radius:6px;padding:8px 18px;font-size:13px;font-weight:500}.auth-gate button:hover{filter:brightness(1.08)}