*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}*{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.14) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#00000024;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#0000003d}::-webkit-scrollbar-corner{background:transparent}:root{--bg: #eef2f6;--bg-surface: #ffffff;--bg-raised: #ffffff;--bg-hover: #f1f5f9;--bg-active: #e2e8f0;--bg-input: #ffffff;--bg-subtle: #f8fafc;--border: #d6dde6;--border-active: #cbd5e1;--border-input: #cbd5e1;--border-strong: #94a3b8;--text: #111827;--text-primary: #111827;--text-dim: #374151;--text-muted: #6b7280;--text-subtle: #9ca3af;--text-placeholder:#9ca3af;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-dim: rgba(37, 99, 235, .08);--primary-tint: #eff6ff;--primary-border: #bfdbfe;--teal: #2563eb;--teal-dark: #1d4ed8;--teal-dim: rgba(37, 99, 235, .08);--teal-500: #3b82f6;--teal-600: #2563eb;--teal-900: #1e40af;--purple: #7c3aed;--purple-dim: rgba(124, 58, 237, .08);--blue: #3b82f6;--blue-dim: rgba(59, 130, 246, .08);--amber: #d97706;--amber-dim: rgba(217, 119, 6, .08);--red: #dc2626;--red-dim: rgba(220, 38, 38, .08);--orange: #ea580c;--orange-dim: rgba(234, 88, 12, .08);--green: #059669;--green-dim: rgba(5, 150, 105, .08);--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "SF Mono", "Fira Code", "Cascadia Code", monospace;--radius: 8px;--radius-sm: 6px;--radius-xs: 4px;--radius-full: 9999px;--transition: .22s cubic-bezier(.32, .72, 0, 1);--transition-open: .22s cubic-bezier(.25, .8, .25, 1);--shadow-xs: 0 1px 2px rgba(15, 23, 42, .04);--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05), 0 1px 3px rgba(15, 23, 42, .08);--shadow-md: 0 4px 12px rgba(15, 23, 42, .06), 0 2px 4px rgba(15, 23, 42, .05);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .1), 0 4px 8px rgba(15, 23, 42, .06)}body{font-family:var(--font);background:var(--bg);color:var(--text);overflow:hidden;height:100vh;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100vh}.health-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.health-dot.healthy{background:var(--green)}.health-dot.warning{background:var(--amber)}.health-dot.error{background:var(--red)}.health-dot.draft{background:var(--text-muted)}.badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:600;letter-spacing:.02em;white-space:nowrap}.badge-teal{background:var(--teal-dim);color:var(--teal)}.badge-blue{background:var(--blue-dim);color:var(--blue)}.badge-purple{background:var(--purple-dim);color:var(--purple)}.badge-amber{background:var(--amber-dim);color:var(--amber)}.badge-red{background:var(--red-dim);color:var(--red)}.badge-green{background:var(--green-dim);color:var(--green)}.badge-orange{background:var(--orange-dim);color:var(--orange)}.badge-muted{background:var(--bg-hover);color:var(--text-muted)}.metric-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 20px;display:flex;flex-direction:column;gap:4px}.metric-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.metric-value{font-size:24px;font-weight:700;letter-spacing:-.5px}.metric-trend{font-size:12px;font-weight:600;display:flex;align-items:center;gap:3px}.metric-trend.up{color:var(--green)}.metric-trend.down{color:var(--red)}.metric-trend.neutral{color:var(--text-muted)}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px;margin-bottom:24px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title{font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--text-muted);text-transform:uppercase}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--bg-surface);color:var(--text);transition:all .15s ease}.btn:hover{background:var(--bg-hover);border-color:var(--border-active)}.btn-primary{background:var(--teal);border-color:var(--teal);color:#fff}.btn-primary:hover{background:var(--teal-dark);border-color:var(--teal-dark)}.btn-sm{padding:4px 10px;font-size:12px}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-dim)}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.dropdown-menu{position:absolute;right:0;top:100%;min-width:160px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:4px;z-index:50;box-shadow:0 8px 24px #0000004d}.dropdown-item{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:13px;color:var(--text-dim);border-radius:var(--radius-xs);cursor:pointer;border:none;background:none;width:100%;font-family:var(--font);text-align:left}.dropdown-item:hover{background:var(--bg-hover);color:var(--text)}.dropdown-item.danger{color:var(--red)}.dropdown-item.danger:hover{background:var(--red-dim)}.dropdown-sep{height:1px;background:var(--border);margin:4px 0}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:12px;color:var(--text-muted)}.placeholder-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius);background:var(--bg-surface);border:1px solid var(--border)}.placeholder-title{font-size:18px;font-weight:600;color:var(--text-dim)}.placeholder-desc{font-size:13px}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.confirm-dialog{background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:24px;max-width:400px;width:90%;box-shadow:0 16px 48px #0006}.confirm-dialog h3{font-size:16px;font-weight:600;margin-bottom:8px}.confirm-dialog p{font-size:13px;color:var(--text-dim);margin-bottom:20px;line-height:1.5}.confirm-actions{display:flex;justify-content:flex-end;gap:8px}.search-bar{display:flex;align-items:center;gap:8px;padding:7px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:13px;transition:border-color .15s ease}.search-bar:focus-within{border-color:var(--teal)}.search-bar input{flex:1;background:none;border:none;outline:none;color:var(--text);font-family:var(--font);font-size:13px}.search-bar input::placeholder{color:var(--text-placeholder)}.select{padding:6px 28px 6px 10px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);color:var(--text);font-family:var(--font);font-size:12px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.select:focus{outline:none;border-color:var(--teal)}.monitor-shell{display:flex;height:100vh;width:100%;background:var(--bg);color:var(--text)}.monitor-sidebar{flex:0 0 224px;width:224px;background:var(--bg-surface);border-right:1px solid var(--border);display:flex;flex-direction:column}.monitor-main{flex:1;min-width:0;display:flex;flex-direction:column;overflow:hidden}.mnav{display:flex;flex-direction:column;height:100%;padding:16px 12px}.mnav-brand{display:flex;align-items:center;gap:10px;padding:4px 6px 18px}.mnav-brand-mark{width:22px;height:22px;border-radius:6px;background:linear-gradient(135deg,var(--primary) 0%,#60a5fa 100%);flex-shrink:0}.mnav-brand-name{font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.mnav-list{list-style:none;display:flex;flex-direction:column;gap:2px;flex:1}.mnav-item{display:flex;align-items:center;gap:10px;padding:7px 10px;border-radius:6px;font-size:13px;font-weight:500;color:var(--text-dim);text-decoration:none;transition:background .12s ease,color .12s ease}.mnav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.mnav-item.is-active{background:var(--primary-tint);color:var(--primary)}.mnav-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.mnav-user{display:flex;align-items:center;gap:10px;padding:6px;border-radius:6px}.mnav-user-avatar{width:28px;height:28px;border-radius:50%;background:#2563eb21;border:1px solid rgba(37,99,235,.27);color:var(--primary);font-size:11px;font-weight:700;letter-spacing:.01em;display:flex;align-items:center;justify-content:center;flex-shrink:0}.mnav-user-meta{display:flex;flex-direction:column;line-height:1.25;min-width:0}.mnav-user-name{font-size:12.5px;font-weight:600;color:var(--text-primary)}.mnav-user-role{font-size:11px;color:var(--text-muted)}.page{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.page-header{padding:20px 28px 14px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;border-bottom:1px solid var(--border);background:var(--bg-surface);flex-shrink:0}.page-title{font-size:20px;font-weight:600;letter-spacing:-.01em;color:var(--text-primary);margin:0 0 4px}.page-subtitle{font-size:13px;color:var(--text-muted);margin:0}.page-body{flex:1;min-height:0;overflow:auto;padding:20px 28px}.page-body--tight{padding:16px 28px;overflow:hidden;display:flex;flex-direction:column}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;text-align:center;color:var(--text-muted)}.empty-state-icon{width:48px;height:48px;border-radius:12px;background:var(--bg-hover);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;margin-bottom:14px;color:var(--text-subtle)}.empty-state-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.empty-state-desc{font-size:13px;color:var(--text-muted);max-width:360px;line-height:1.55}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin-bottom:24px}.kpi-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px #0f172a0a,0 1px 3px #0f172a0f}.kpi-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em}.kpi-value{font-size:26px;font-weight:700;color:var(--text-primary);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.kpi-sub{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.kpi-sub-up{color:var(--green);font-weight:600}.kpi-sub-down{color:var(--red);font-weight:600}.kpi-sub-warn{color:var(--amber);font-weight:600}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px #0f172a0a,0 1px 3px #0f172a0f}.card-header{padding:14px 18px 10px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.card-title{font-size:13px;font-weight:600;color:var(--text-primary)}.card-body{padding:14px 18px}.table{width:100%;border-collapse:collapse}.table thead th{text-align:left;font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg-subtle);position:sticky;top:0}.table tbody td{padding:12px 14px;font-size:13px;color:var(--text-primary);border-bottom:1px solid var(--border);vertical-align:middle}.table tbody tr:hover{background:var(--bg-hover)}.table tbody tr:last-child td{border-bottom:none}.table-wrap{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 1px 3px #0f172a0f}.chip{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;font-size:11px;font-weight:600;border-radius:999px;white-space:nowrap}.chip-blue{background:var(--primary-tint);color:var(--primary)}.chip-green{background:#ecfdf5;color:var(--green)}.chip-amber{background:#fffbeb;color:var(--amber)}.chip-red{background:#fef2f2;color:var(--red)}.chip-grey{background:var(--bg-hover);color:var(--text-muted)}.chip-purple{background:#f5f3ff;color:var(--purple)}.tab-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 28px;flex-shrink:0}.tab-bar-left{display:flex;gap:0}.tab-bar-right{display:flex;align-items:center;gap:8px}.tab-item{padding:12px 16px;font-size:13px;font-weight:500;color:var(--text-muted);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s ease;white-space:nowrap;text-decoration:none}.tab-item:hover{color:var(--text-dim)}.tab-item.active{color:var(--text);border-bottom-color:var(--teal)}.btn-danger{background:var(--red);border-color:var(--red);color:#fff}.btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.btn-danger:disabled{opacity:.6;cursor:not-allowed}input::placeholder,textarea::placeholder{color:var(--text-placeholder);opacity:1}:root{--amber-tint: #fffbeb;--red-tint: #fef2f2;--green-tint: #ecfdf5;--purple-tint: #f5f3ff;--orange-tint: #fff7ed;--blue-tint: #eff6ff;--amber-border: #fed7aa;--red-border: #fecaca;--green-border: #a7f3d0;--purple-border: #ddd6fe;--orange-border: #fed7aa;--primary-light: #60a5fa}.sim-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 28px;background:var(--amber-tint);border-bottom:1px solid var(--amber-border);color:var(--amber);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sim-banner a{color:var(--amber);text-decoration:none;text-transform:none;letter-spacing:0;font-weight:500}.sim-banner a:hover{text-decoration:underline}.sim-banner-off{background:transparent;border:none;padding:0;color:var(--amber);font:inherit;font-size:11px;font-weight:500;text-transform:none;letter-spacing:0;cursor:pointer}.sim-banner-off:hover{text-decoration:underline}.sim-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;margin-bottom:6px;cursor:pointer;transition:background .12s ease,border-color .12s ease;color:var(--text);font:inherit}.sim-toggle:hover{background:var(--bg-hover)}.sim-toggle.is-on{border-color:var(--amber-border);background:var(--amber-tint)}.sim-toggle-label{display:flex;flex-direction:column;align-items:flex-start;gap:1px;line-height:1.1}.sim-toggle-text{font-size:11px;font-weight:600;letter-spacing:.02em}.sim-toggle.is-on .sim-toggle-text{color:var(--amber)}.sim-toggle-state{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.sim-toggle.is-on .sim-toggle-state{color:var(--amber)}.sim-toggle-track{position:relative;width:28px;height:16px;background:var(--border-active);border-radius:9999px;transition:background .15s ease;flex-shrink:0}.sim-toggle.is-on .sim-toggle-track{background:var(--amber)}.sim-toggle-knob{position:absolute;top:2px;left:2px;width:12px;height:12px;background:var(--bg-surface);border-radius:50%;transition:transform .18s cubic-bezier(.32,.72,0,1);box-shadow:0 1px 2px #0000001f}.sim-toggle.is-on .sim-toggle-knob{transform:translate(12px)}.auth-gate{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--bg);z-index:1000}.auth-gate-loading{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg)}.auth-gate-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px 32px 32px;width:380px;max-width:calc(100vw - 32px);box-shadow:var(--shadow-md)}.auth-gate-brand-row{display:flex;align-items:center;gap:10px;margin-bottom:14px}.auth-gate-brand-mark{width:32px;height:32px;border-radius:7px;background:linear-gradient(135deg,var(--primary),var(--primary-light));flex-shrink:0}.auth-gate-brand{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.auth-gate-card h1{margin:0 0 6px;font-size:18px;font-weight:700;letter-spacing:-.01em}.auth-gate-card p{margin:0 0 18px;font-size:13px;color:var(--text-dim)}.auth-gate-card form{display:flex;flex-direction:column;gap:10px}.auth-gate-card input[type=password]{font:inherit;font-size:14px;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease}.auth-gate-card input[type=password]:focus{border-color:var(--primary)}.auth-error{font-size:12px;padding:8px 10px;border-radius:var(--radius-xs);background:var(--red-tint);color:var(--red)}.auth-error-rate{background:var(--amber-tint);color:var(--amber)}.auth-error-config{background:var(--purple-tint);color:var(--purple)}.auth-error-other{background:var(--bg-subtle);color:var(--text-dim)}.auth-submit{margin-top:4px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:14px}.settings-row strong{display:block;font-size:13px;font-weight:600}.settings-row-help{margin:4px 0 0;font-size:12px;color:var(--text-muted)}.saved-accounts{margin-bottom:18px}.saved-accounts-empty{font-size:13px;color:var(--text-muted);padding:12px 0 4px}.saved-accounts-list{list-style:none;margin:0;padding:0}.saved-account-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:6px;background:var(--bg-surface)}.saved-account-row.is-active{background:var(--green-tint);border-color:var(--green-border)}.saved-account-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.saved-account-label{font-size:13px;font-weight:600}.saved-account-key{font-family:var(--mono);font-size:11px;color:var(--text-muted);background:transparent;border:none;padding:0}.saved-account-actions{display:flex;gap:6px;align-items:center}.saved-account-active-chip{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--green);padding:3px 8px;border-radius:9999px;background:var(--bg-surface)}.btn-icon{padding:4px 6px}.connect-account{display:flex;flex-direction:column;gap:12px}.connect-account h3{margin:6px 0 0;font-size:13px;font-weight:700}.connect-help{margin:0;font-size:12px;color:var(--text-muted)}.connect-account label{display:flex;flex-direction:column;gap:4px}.connect-account label>span{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.connect-account input{font:inherit;font-size:14px;padding:8px 10px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease}.connect-account input:focus{border-color:var(--primary)}.connect-webhook{display:grid;grid-template-columns:1fr auto;gap:6px 8px;padding:10px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center}.connect-webhook-label{grid-column:1 / 3;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.connect-webhook code{font-size:12px;word-break:break-all;background:transparent;border:none;padding:0}.connect-webhook-hint{grid-column:1 / 3;font-size:11px;color:var(--text-muted)}.health-bar{display:inline-flex;align-items:center;gap:8px;width:88px}.health-bar-track{height:6px;background:var(--bg-active);border-radius:var(--radius-xs);overflow:hidden;flex:0 0 auto}.health-bar-fill{height:100%;border-radius:var(--radius-xs);transition:width .6s ease,background-color .6s ease,box-shadow .6s ease}.health-label{font-size:11px;font-weight:500;font-variant-numeric:tabular-nums;min-width:24px;text-align:right;color:var(--text);transition:color .6s ease}.health-bar.is-animating .health-label{animation:health-pulse .4s ease}@keyframes health-pulse{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.mnav-account{display:flex;align-items:center;gap:10px;width:100%;background:transparent;border:none;padding:8px;border-radius:var(--radius-sm);cursor:pointer;text-align:left;transition:background .12s ease;color:var(--text)}.mnav-account:hover{background:var(--bg-hover)}.mnav-account.is-open{background:var(--bg-active)}.mnav-account-avatar{width:28px;height:28px;border-radius:6px;background:linear-gradient(135deg,var(--primary),var(--primary-light));color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex:0 0 28px}.mnav-account-meta{display:flex;flex-direction:column;min-width:0;flex:1;gap:1px}.mnav-account-label{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mnav-account-key{font-family:var(--mono);font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-dropdown{left:8px;right:8px;top:auto;bottom:calc(100% + 6px);min-width:0}.account-dropdown .dropdown-item{justify-content:space-between}.account-dropdown .dropdown-item.is-active{background:var(--primary-tint);color:var(--primary);font-weight:600}.dropdown-empty{font-size:12px;color:var(--text-muted);padding:8px 10px}.mnav-footer{position:relative;padding:8px;border-top:1px solid var(--border)}.calls-no-account{margin:0 0 12px;padding:10px 14px;background:var(--amber-tint);border:1px solid var(--amber-border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-dim)}.calls-no-account a{color:var(--primary);text-decoration:none}.calls-no-account a:hover{text-decoration:underline}.calls-flash{position:fixed;bottom:24px;right:24px;background:var(--text);color:var(--bg-surface);padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;box-shadow:var(--shadow-md);z-index:800;animation:flash-slide-in .2s ease-out}@keyframes flash-slide-in{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.toolbar-controls{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.toolbar-counts{display:flex;align-items:center;gap:10px;margin-right:4px}.toolbar-active-chip{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--green);background:var(--green-tint);border:1px solid var(--green-border);padding:3px 8px;border-radius:9999px}.toolbar-active-label{color:var(--text-muted);font-weight:500}.toolbar-active-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:active-pulse 1.6s ease-in-out infinite}@keyframes active-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}}.toolbar-total{font-size:11px;color:var(--text-muted)}.toolbar-limit{display:inline-flex;align-items:center;gap:6px;font-size:11px;color:var(--text-muted)}.toolbar-limit select{font:inherit;font-size:12px;background:var(--bg-input);border:1px solid var(--border-input);padding:4px 22px 4px 8px;border-radius:var(--radius-xs);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'><polyline points='6 9 12 15 18 9'/></svg>");background-repeat:no-repeat;background-position:right 6px center}.calls-table{table-layout:fixed;border-collapse:separate;border-spacing:0}.calls-table thead th{padding:10px 12px;z-index:1}.calls-table tbody td{padding:10px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.th-sort{display:inline-flex;align-items:center;gap:5px;background:transparent;border:none;padding:0;font:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;text-transform:inherit;color:inherit;cursor:pointer}.th-sort:hover{color:var(--text)}.th-sort.is-active{color:var(--primary)}.th-sort-indicator{font-size:10px}.status-filter-menu{min-width:200px;max-height:360px;overflow-y:auto}.status-filter-menu .dropdown-item.is-active{background:var(--primary-tint);color:var(--primary);font-weight:600}.call-row{transition:background-color .12s ease;cursor:pointer}.call-row:hover{background:var(--bg-hover)}.call-row.is-selected,.call-row.is-selected:hover{background:var(--primary-tint)}.cell-id{display:flex;align-items:center;gap:6px;min-width:0}.cell-id code{font-family:var(--mono);font-size:12px;background:transparent;border:none;padding:0;color:var(--text-dim)}.cell-id-icon{color:var(--text-muted);display:inline-flex;align-items:center}.cell-id-copy{background:transparent;border:none;padding:2px 4px;border-radius:var(--radius-xs);color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity .12s ease}.call-row:hover .cell-id-copy{opacity:1}.cell-id-copy:hover{background:var(--bg-active);color:var(--text)}.cell-duration code{font-family:var(--mono);font-size:12px;background:transparent;border:none;padding:0}.cell-empty{color:var(--text-muted)}.recording-link{background:transparent;border:none;color:var(--primary);font:inherit;font-size:12px;padding:0;cursor:pointer}.recording-link:hover{text-decoration:underline}.is-skeleton td{background:transparent}.skel-block{display:inline-block;height:12px;border-radius:4px;background:linear-gradient(90deg,var(--bg-hover) 0%,var(--bg-active) 50%,var(--bg-hover) 100%);background-size:200% 100%;animation:skel-shimmer 1.4s ease-in-out infinite}.skel-block.w-40{width:40%}.skel-block.w-50{width:50%}.skel-block.w-60{width:60%}.skel-block.w-80{width:80%}@keyframes skel-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.push-panel-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a2e;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:700;animation:scrim-fade-in .18s ease-out}@keyframes scrim-fade-in{0%{opacity:0}to{opacity:1}}.push-panel{position:fixed;top:0;right:0;height:100vh;background:var(--bg-surface);border-left:1px solid var(--border);box-shadow:-4px 0 16px #0f172a1a;display:flex;flex-direction:column;z-index:701;animation:push-panel-slide .22s cubic-bezier(.25,.8,.25,1)}@keyframes push-panel-slide{0%{transform:translate(100%)}to{transform:translate(0)}}.push-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border);flex-shrink:0}.push-panel-header h3{margin:0;font-size:14px;font-weight:600}.push-panel-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-xs);display:inline-flex;align-items:center}.push-panel-close:hover{background:var(--bg-hover);color:var(--text)}.push-panel-body{flex:1;overflow-y:auto}.cdp .tab-bar{padding:0 14px}.tab-item{display:inline-flex;align-items:center;gap:5px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;line-height:1.4;white-space:nowrap;border:1px solid transparent;background:var(--bg-subtle);color:var(--text-muted)}.status-pill--active{color:var(--green);background:var(--green-tint);border-color:var(--green-border)}.status-pill--starting{color:var(--amber);background:var(--amber-tint);border-color:var(--amber-border)}.status-pill-dot{width:6px;height:6px;border-radius:50%;background:currentColor;display:inline-block;flex:0 0 6px;animation:status-pill-pulse 1.4s ease-in-out infinite}@keyframes status-pill-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}.status-pill--blue,.status-pill--cyan{color:var(--primary);background:var(--primary-tint);border-color:var(--primary-border)}.status-pill--green{color:var(--green);background:var(--green-tint);border-color:var(--green-border)}.status-pill--amber,.status-pill--yellow,.status-pill--orange{color:var(--amber);background:var(--amber-tint);border-color:var(--amber-border)}.status-pill--red{color:var(--red);background:var(--red-tint);border-color:var(--red-border)}.status-pill--purple,.status-pill--pink{color:var(--purple);background:var(--purple-tint);border-color:var(--purple-border)}.status-pill--gray{color:var(--text-muted);background:var(--bg-subtle);border-color:var(--border)}.transcript-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto;max-height:100%;padding:12px 14px 16px;scroll-behavior:smooth}.transcript-bubble{padding:8px 12px;border-radius:var(--radius);max-width:75%;background:var(--bg-subtle);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.bubble-user{margin-left:auto;background:var(--primary-tint);border-color:var(--primary-border);color:var(--text)}.bubble-assistant{margin-right:auto;background:var(--bg-subtle);border-color:var(--border)}.bubble-system{margin:0 auto;max-width:90%;background:var(--amber-tint);border-color:var(--amber-border);font-style:italic;font-size:12px;padding:6px 12px;text-align:center}.bubble-control{margin:0 auto;max-width:90%;background:var(--purple-tint);border-color:var(--purple-border);font-style:italic;text-align:center}.bubble-control-prefix{font-weight:600;margin-right:4px;color:var(--purple)}.bubble-tool{margin-right:auto;background:var(--bg-subtle);border-color:var(--border)}.bubble-tool-icon{margin-right:6px;color:var(--text-muted);vertical-align:-2px}.bubble-meta{display:flex;align-items:center;gap:6px;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:600}.bubble-system .bubble-meta,.bubble-control .bubble-meta{justify-content:center}.bubble-role{letter-spacing:.06em}.bubble-time{font-family:var(--mono);font-size:10px;letter-spacing:0;color:var(--text-subtle);text-transform:none}.bubble-text{font-size:13px;line-height:1.55;word-wrap:break-word;overflow-wrap:anywhere;white-space:pre-wrap}.bubble-text mark{border-radius:2px;padding:0 2px;background:transparent;color:inherit}.hl-critical{background:var(--red-tint);border-radius:2px;padding:0 2px}.hl-high{background:var(--amber-tint);border-radius:2px;padding:0 2px}.hl-medium{background:var(--amber-tint);border-radius:2px;padding:0 2px;opacity:.7}.hl-low{background:var(--primary-tint);border-radius:2px;padding:0 2px}.hl-minor{background:var(--bg-subtle);border-radius:2px;padding:0 2px}.transcript-empty{margin:auto;padding:32px 16px;color:var(--text-muted);font-size:13px;text-align:center}.transcript-listening{display:flex;align-items:center;justify-content:center;gap:6px;padding:12px 0 4px}.transcript-listening-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);display:inline-block;animation:transcript-dot-pulse 1.2s ease-in-out infinite}.transcript-listening-dot:nth-child(2){animation-delay:.2s}.transcript-listening-dot:nth-child(3){animation-delay:.4s}@keyframes transcript-dot-pulse{0%,80%,to{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1.15)}}.cdp{display:flex;flex-direction:column;height:100%}.cdp-loading,.cdp-error{padding:24px;text-align:center;color:var(--text-muted);font-size:13px}.cdp-error{color:var(--red)}.cdp-header{padding:14px 18px;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:8px;flex-shrink:0}.cdp-header-row1{display:flex;align-items:center;justify-content:space-between;gap:10px}.cdp-header-title{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.cdp-header-icon{color:var(--text-muted);display:inline-flex;align-items:center}.cdp-header-assistant{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cdp-header-row2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cdp-header-id{display:inline-flex;align-items:center;gap:4px;background:transparent;border:none;padding:2px 4px;border-radius:var(--radius-xs);cursor:pointer;color:var(--text-muted)}.cdp-header-id:hover{background:var(--bg-hover);color:var(--text)}.cdp-header-id code{font-family:var(--mono);font-size:11px;background:transparent;border:none;padding:0}.cdp-header-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;color:var(--text-dim);background:var(--bg-subtle);padding:2px 8px;border-radius:9999px;border:1px solid var(--border)}.cdp-meta{display:flex;align-items:center;flex-wrap:wrap;gap:14px;padding:10px 18px;border-bottom:1px solid var(--border);background:var(--bg-subtle);flex-shrink:0}.cdp-meta-cell{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--text-muted)}.cdp-voice-bar{display:flex;align-items:center;gap:8px;padding:8px 18px;background:var(--green-tint);border-bottom:1px solid var(--green-border);font-size:11px;font-weight:600;color:var(--green);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0}.cdp-voice-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:active-pulse 1.6s ease-in-out infinite}.cdp-body{flex:1;overflow-y:auto;padding:12px 14px}.cdp-recording-placeholder,.cdp-controls-placeholder{padding:24px;text-align:center}.cdp-empty{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--text-muted)}.cdp-empty p{margin:0;font-size:13px;font-weight:600;color:var(--text-dim)}.cdp-empty-help{font-size:11px;color:var(--text-muted);max-width:240px}.cdp-recording-preview{display:flex;flex-direction:column;align-items:center;gap:10px}.cdp-recording-preview audio{width:100%}.live-audio-bar{display:flex;align-items:center;gap:10px;height:36px;padding:6px 14px;background:var(--bg-subtle);border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:11px;color:var(--text-dim);flex-shrink:0}.lab-dot{width:8px;height:8px;border-radius:50%;flex:0 0 8px;background:#9ca3af}.lab-dot-disconnected{background:#9ca3af}.lab-dot-connecting{background:var(--amber);animation:lab-dot-pulse-fast 1s ease-in-out infinite}.lab-dot-connected{background:var(--green);animation:lab-dot-pulse-slow 1.8s ease-in-out infinite}.lab-dot-error{background:var(--red);animation:lab-dot-pulse-fast 1s ease-in-out infinite}@keyframes lab-dot-pulse-fast{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.7)}}@keyframes lab-dot-pulse-slow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.lab-label{font-weight:600;color:var(--text-dim);letter-spacing:.02em}.lab-status{color:var(--text-muted);font-variant-numeric:tabular-nums}.lab-spacer{flex:1}.lab-toggle{padding:3px 10px;font-size:11px;font-weight:500;line-height:1.4}.lab-toggle:disabled{opacity:.55;cursor:not-allowed;background:var(--bg-surface)}.cct{display:flex;flex-direction:column;gap:10px;padding:12px 14px 64px}.cct-disabled{padding:28px;text-align:center;font-size:12px;color:var(--text-muted)}.cct-section{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.cct-section h4{margin:0;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted)}.cct-section input[type=tel],.cct-section textarea{font:inherit;font-size:13px;padding:7px 10px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);outline:none;transition:border-color .15s ease;resize:vertical;font-family:inherit}.cct-section input[type=tel]:focus,.cct-section textarea:focus{border-color:var(--primary)}.cct-row{display:flex;gap:6px;align-items:center}.cct-row input[type=tel]{flex:1}.cct-end-button{background:var(--red);border-color:var(--red);color:#fff;font-weight:600;justify-content:center}.cct-end-button:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.cct-end-button:disabled{opacity:.6;cursor:not-allowed}.cct-status{position:sticky;bottom:8px;margin-top:4px;padding:8px 12px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-dim)}.cct-status-success{background:var(--green-tint);border-color:var(--green-border);color:var(--green)}.cct-status-error{background:var(--red-tint);border-color:var(--red-border);color:var(--red)}.cct-status-warning{background:var(--amber-tint);border-color:var(--amber-border);color:var(--amber)}.rec-tab{display:flex;flex-direction:column;padding:12px;gap:12px}.rec-audio{width:100%}.rec-speed-row{display:flex;flex-direction:row;align-items:center;gap:6px}.rec-speed{font:inherit;font-size:12px;font-weight:500;padding:4px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-xs);color:var(--text-dim);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.rec-speed:hover{background:var(--bg-subtle);border-color:var(--border-strong, var(--border));color:var(--text)}.rec-speed-active,.rec-speed-active:hover{background:var(--primary);border-color:var(--primary);color:#fff}.rec-download{margin-left:auto}.rec-time{font-family:var(--font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:11px;color:var(--text-muted)}.rec-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:40px 16px;color:var(--text-muted);text-align:center}.rec-empty-title{margin:0;font-size:14px;font-weight:600;color:var(--text-dim)}.rec-empty-help{font-size:12px;color:var(--text-muted)}.toast-host{position:fixed;top:16px;left:16px;z-index:1100;display:flex;flex-direction:column;gap:8px;max-width:320px;width:320px;pointer-events:none}.toast{position:relative;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);overflow:hidden;pointer-events:auto;animation:toast-enter .18s ease-out}.toast:hover .toast-progress{animation-play-state:paused}.toast-body{display:flex;align-items:flex-start;gap:10px;padding:10px 12px}.toast-body-clickable{cursor:pointer}.toast-icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.toast-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.toast-title{font-size:13px;font-weight:700;letter-spacing:-.005em;color:var(--text)}.toast-text{font-size:12.5px;line-height:1.4;color:var(--text-dim);word-wrap:break-word}.toast-close{flex:0 0 auto;background:transparent;border:none;cursor:pointer;padding:2px;margin:-2px -2px 0 0;color:var(--text-muted);border-radius:var(--radius-xs);display:inline-flex;align-items:center;justify-content:center;transition:background .12s ease,color .12s ease}.toast-close:hover{background:var(--bg-hover);color:var(--text)}.toast-progress{position:absolute;left:0;bottom:0;height:3px;width:100%;background:currentColor;opacity:.55;animation:toast-progress linear forwards;transform-origin:left center}.toast-warning{background:var(--amber-tint);border-color:var(--amber-border)}.toast-warning .toast-icon,.toast-warning .toast-progress,.toast-warning .toast-title{color:var(--amber)}.toast-critical{background:var(--red-tint);border-color:var(--red-border)}.toast-critical .toast-icon,.toast-critical .toast-progress,.toast-critical .toast-title{color:var(--red)}.toast-info{background:var(--primary-tint);border-color:var(--primary-border)}.toast-info .toast-icon,.toast-info .toast-progress,.toast-info .toast-title{color:var(--primary)}.toast-success{background:var(--green-tint);border-color:var(--green-border)}.toast-success .toast-icon,.toast-success .toast-progress,.toast-success .toast-title{color:var(--green)}@keyframes toast-progress{0%{width:100%}to{width:0%}}@keyframes toast-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.admin-no-account{margin-bottom:14px;padding:10px 14px;background:var(--amber-tint, var(--amber-dim));border:1px solid var(--amber-border);border-radius:var(--radius-sm);font-size:13px;color:var(--text-dim)}.admin-no-account a{color:var(--primary);text-decoration:none}.admin-no-account a:hover{text-decoration:underline}.admin-grid{display:grid;grid-template-columns:1fr;gap:18px}@media (min-width: 1024px){.admin-grid{grid-template-columns:3fr 2fr;align-items:start}}.admin-grid-left{min-width:0}.admin-grid-right{display:flex;flex-direction:column;gap:14px;min-width:0}.admin-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px}.admin-card-title{margin:0;font-size:13px;font-weight:700}.admin-field{display:flex;flex-direction:column;gap:5px}.admin-field-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.admin-field-error{font-size:11px;color:var(--red);margin-top:2px}.admin-select{font:inherit;font-size:13px;padding:7px 28px 7px 10px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);outline:none;color:var(--text);transition:border-color .15s ease;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.admin-select:focus{border-color:var(--primary)}.admin-select:disabled{opacity:.6;cursor:not-allowed}.admin-start-btn{justify-content:center;font-weight:600;padding:9px 14px}.admin-start-btn:disabled{opacity:.55;cursor:not-allowed}.admin-error{margin:0;padding:8px 10px;font-size:12px;font-weight:500;color:var(--red);background:var(--red-tint, var(--red-dim));border:1px solid var(--red-border);border-radius:var(--radius-sm)}.admin-results-section{margin-top:22px}.admin-results-title{margin:0 0 12px;font-size:15px;font-weight:700}.tc-editor{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px 18px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:12px;min-width:0}.tc-editor-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.tc-editor-title{margin:0;font-size:14px;font-weight:700}.tc-editor-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.tc-preset-select{font:inherit;font-size:12px;padding:6px 28px 6px 10px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);outline:none;color:var(--text);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M3 5l3 3 3-3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center}.tc-preset-select:focus{border-color:var(--primary)}.tc-list{display:flex;flex-direction:column;gap:10px;max-height:70vh;overflow-y:auto;padding-right:4px}.tc-empty{margin:4px 0;padding:24px 14px;text-align:center;font-size:13px;color:var(--text-muted);background:var(--bg-subtle);border:1px dashed var(--border);border-radius:var(--radius-sm)}.tc-empty em{color:var(--text-dim);font-style:normal;font-weight:600}.tc-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 14px;display:flex;flex-direction:column;gap:10px;transition:border-color .15s ease,box-shadow .15s ease}.tc-card:hover{border-color:var(--border-active);box-shadow:var(--shadow-xs)}.tc-card-header{display:flex;align-items:center;gap:8px}.tc-title-input{flex:1;font:inherit;font-size:13px;font-weight:600;padding:7px 10px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);outline:none;color:var(--text);transition:border-color .15s ease}.tc-title-input:focus{border-color:var(--primary)}.tc-remove-btn{flex:0 0 28px;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-xs);color:var(--text-muted);font-size:18px;line-height:1;cursor:pointer;transition:background .12s ease,color .12s ease}.tc-remove-btn:hover{background:var(--red-tint, var(--red-dim));color:var(--red)}.tc-field{display:flex;flex-direction:column;gap:4px}.tc-field-label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}.tc-field-hint{text-transform:none;letter-spacing:0;font-weight:500;color:var(--text-subtle)}.tc-input,.tc-textarea{font:inherit;font-size:13px;padding:7px 10px;background:var(--bg-input);border:1px solid var(--border-input);border-radius:var(--radius-sm);outline:none;color:var(--text);transition:border-color .15s ease;resize:vertical;font-family:inherit}.tc-input:focus,.tc-textarea:focus{border-color:var(--primary)}.tc-textarea{line-height:1.5}.sim-progress{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:10px}.sim-progress--empty .sim-progress-empty{margin:0;font-size:12px;color:var(--text-muted);text-align:center;padding:4px 0}.sim-progress-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.sim-progress-title{margin:0;font-size:13px;font-weight:700}.sim-progress-header-right{display:flex;align-items:center;gap:8px}.sim-status{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent;background:var(--bg-subtle);color:var(--text-muted)}.sim-status--running{color:var(--primary);background:var(--primary-tint);border-color:var(--primary-border)}.sim-status--completed{color:var(--green);background:var(--green-tint, var(--green-dim));border-color:var(--green-border)}.sim-status--cancelled{color:var(--amber);background:var(--amber-tint, var(--amber-dim));border-color:var(--amber-border)}.sim-status--error{color:var(--red);background:var(--red-tint, var(--red-dim));border-color:var(--red-border)}.sim-status--idle{color:var(--text-muted);background:var(--bg-subtle);border-color:var(--border)}.sim-cancel-btn{color:var(--red);border-color:var(--red-border);background:var(--red-tint, var(--red-dim))}.sim-cancel-btn:hover{background:var(--red-border);border-color:var(--red);color:var(--red)}.sim-progress-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--text-muted)}.sim-progress-meta-pct{font-variant-numeric:tabular-nums;font-weight:600}.sim-progress-bar{height:8px;border-radius:var(--radius-xs);background:var(--bg-active);overflow:hidden}.sim-progress-bar-fill{height:100%;border-radius:var(--radius-xs);background:var(--primary);transition:width .4s ease}.sim-progress-bar-fill.is-animating{animation:sim-progress-pulse 1.6s ease-in-out infinite}@keyframes sim-progress-pulse{0%,to{opacity:1}50%{opacity:.65}}.sim-progress-counts{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:11px;color:var(--text-dim)}.sim-progress-count{display:inline-flex;align-items:center;gap:5px;font-weight:500}.sim-progress-count--pass{color:var(--green)}.sim-progress-count--fail{color:var(--red)}.sim-progress-count--error{color:var(--amber)}.sim-progress-count-sep{color:var(--text-subtle)}.sim-progress-dot{width:6px;height:6px;border-radius:50%;display:inline-block}.sim-progress-dot--pass{background:var(--green)}.sim-progress-dot--fail{background:var(--red)}.sim-progress-dot--error{background:var(--amber)}.sim-results{display:flex;flex-direction:column;gap:12px}.sim-results--empty .sim-results-empty{margin:0;padding:14px;text-align:center;font-size:13px;color:var(--text-muted);background:var(--bg-subtle);border:1px dashed var(--border);border-radius:var(--radius-sm)}.sim-result{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;display:flex;flex-direction:column;gap:10px;box-shadow:var(--shadow-sm)}.sim-result-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.sim-result-header-main{display:flex;align-items:center;gap:10px;min-width:0}.sim-result-title{margin:0;font-size:13px;font-weight:700}.sim-result-number{font-family:var(--mono);font-size:11px;color:var(--text-muted)}.sim-result-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:var(--radius-full);font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border:1px solid transparent}.sim-result-badge--done{color:var(--green);background:var(--green-tint, var(--green-dim));border-color:var(--green-border)}.sim-result-badge--error{color:var(--red);background:var(--red-tint, var(--red-dim));border-color:var(--red-border)}.sim-result-badge--cancelled{color:var(--amber);background:var(--amber-tint, var(--amber-dim));border-color:var(--amber-border)}.sim-result-badge--muted{color:var(--text-muted);background:var(--bg-subtle);border-color:var(--border)}.sim-result-error{margin:0;font-size:12px;color:var(--red);padding:6px 10px;background:var(--red-tint, var(--red-dim));border:1px solid var(--red-border);border-radius:var(--radius-sm)}.sim-assertion-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.sim-assertion{border-radius:var(--radius-xs)}.sim-assertion-row{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:var(--radius-xs);outline:none}.sim-assertion.is-expandable .sim-assertion-row{cursor:pointer}.sim-assertion.is-expandable .sim-assertion-row:hover{background:var(--bg-hover)}.sim-assertion-icon{flex:0 0 18px;width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:700;line-height:1}.sim-assertion-icon--pass{color:var(--green);background:var(--green-tint, var(--green-dim))}.sim-assertion-icon--fail{color:var(--red);background:var(--red-tint, var(--red-dim))}.sim-assertion-text{flex:1;font-size:12.5px;color:var(--text);line-height:1.45}.sim-assertion-chevron{flex:0 0 auto;font-size:10px;color:var(--text-muted);transition:transform .15s ease}.sim-assertion-chevron.is-open{transform:rotate(90deg)}.sim-assertion-reasoning{margin:4px 0 4px 26px;padding:8px 10px;font-size:11.5px;color:var(--text-dim);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-xs);line-height:1.5}.sim-result-footer{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sim-transcript-toggle{font-size:12px}.sim-result-recording-link{font-size:12px;color:var(--primary);text-decoration:none}.sim-result-recording-link:hover{text-decoration:underline}.sim-transcript{margin:0;padding:10px 12px;font-family:var(--mono);font-size:11.5px;line-height:1.55;color:var(--text-dim);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:pre-wrap;word-wrap:break-word;max-height:420px;overflow-y:auto}