:root{--bg:#0b1220;--surface:#121b2e;--surface-raised:#18243c;--border:#1e2d4a;--text:#e8edf5;--muted:#8b9bb8;--accent:#14b8a6;--accent-dim:#0d9488;--accent-glow:#14b8a640;--danger:#f87171;--success:#34d399;--warning:#fbbf24;--font:"DM Sans", system-ui, sans-serif;--mono:"DM Mono", ui-monospace, monospace;--radius:10px;--shadow:0 12px 40px #00000059}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font);margin:0;font-size:15px;line-height:1.5}body{background-image:radial-gradient(ellipse 80% 50% at 50% -20%, #14b8a61f, transparent), linear-gradient(180deg, var(--bg) 0%, #070b14 100%)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.inline-input{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);border-radius:6px;padding:.35rem .5rem}.app-shell{min-height:100vh}.shell{max-width:1120px;margin:0 auto;padding:1.5rem}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem 0 2rem;display:flex}.brand{flex-direction:column;gap:.15rem;display:flex}.brand strong{letter-spacing:-.02em;font-size:1.1rem}.brand span{color:var(--muted);font-size:.75rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em}.nav{flex-wrap:wrap;gap:.5rem;display:flex}.nav a,.nav button.linkish{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;padding:.45rem .75rem}.nav a.active,.nav a:hover,.nav button.linkish:hover{color:var(--text);border-color:var(--border);background:var(--surface);text-decoration:none}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.card h2{margin:0 0 .75rem;font-size:1rem;font-weight:600}.grid-2{gap:1rem;display:grid}@media (width>=768px){.grid-2{grid-template-columns:1fr 1fr}}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-size:.85em}.badge{font-size:.72rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);border-radius:999px;padding:.15rem .55rem;display:inline-block}.badge-live{color:var(--success);background:#34d39914;border-color:#34d39959}.badge-pending{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2459}.test-call-card{border-color:#14b8a640}.test-call-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.test-call-header h2{margin:0 0 .25rem}.test-call-status{font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--border);color:var(--muted);white-space:nowrap;border-radius:999px;padding:.2rem .55rem;font-size:.75rem}.test-call-status--active{color:var(--success);background:#34d3991a;border-color:#34d39966;animation:1.5s ease-in-out infinite test-call-pulse}.test-call-status--connecting{color:var(--warning);border-color:#fbbf2466}.test-call-actions{flex-wrap:wrap;gap:.75rem;display:flex}.test-call-transcript{border-top:1px solid var(--border);margin-top:1rem;padding-top:1rem}@keyframes test-call-pulse{0%,to{opacity:1}50%{opacity:.65}}.badge-deleted{color:var(--danger);background:#f8717114;border-color:#f8717159}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);padding:.75rem .5rem}th{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:500}tr:hover td{background:#ffffff05}.btn{border:1px solid var(--border);background:var(--surface-raised);color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:.35rem;padding:.55rem 1rem;transition:border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover{border-color:var(--accent)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-dim,#0d9488));color:#042f2e;border-color:#0000;font-weight:600}.btn-primary:hover{box-shadow:0 0 0 3px var(--accent-glow)}.btn-danger{color:var(--danger);border-color:#f8717166}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.form{gap:1rem;max-width:360px;display:grid}label{color:var(--muted);gap:.35rem;font-size:.85rem;display:grid}input{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;padding:.65rem .75rem}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.login-page{place-items:center;min-height:100vh;padding:1.5rem;display:grid}.login-card{width:min(420px,100%)}.login-card h1{letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.5rem}.error-banner{color:#fecaca;background:#f871711f;border:1px solid #f8717159;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.transcript{gap:.75rem;display:grid}.turn{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;padding:.75rem 1rem}.turn .role{font-family:var(--mono);text-transform:uppercase;color:var(--accent);margin-bottom:.35rem;font-size:.72rem}.empty{text-align:center;color:var(--muted);padding:2rem}.actions{flex-wrap:wrap;gap:.5rem;display:flex}.vapi-actions .inline-input{flex:14rem;min-width:14rem}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.page-header{margin-bottom:1.75rem}.page-header .eyebrow{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin:0 0 .35rem;font-size:.7rem}.page-header h1{letter-spacing:-.03em;margin:0 0 .35rem;font-size:1.65rem;font-weight:600}.page-header p{color:var(--muted);max-width:52ch;margin:0}.grid-3{gap:1rem;display:grid}@media (width>=900px){.grid-3{grid-template-columns:repeat(3,1fr)}}.stack{gap:1rem;display:grid}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.35rem;padding:1.1rem 1.25rem;display:flex}.stat-card .label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-family:var(--mono)}.stat-card .value{font-size:1.05rem;font-weight:600}.stat-card.ok{border-color:#34d3994d}.stat-card.warn{border-color:#fbbf244d}.form-wide{gap:1.25rem;max-width:640px;display:grid}.form-section{gap:1rem;display:grid}.form-section h3{color:var(--text);margin:0;font-size:.85rem;font-weight:600}.form-hint{color:var(--muted);margin:-.5rem 0 0;font-size:.8rem}textarea,select{border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:8px;width:100%;padding:.65rem .75rem}textarea{resize:vertical;min-height:120px;line-height:1.5}textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.checkbox-grid{gap:.5rem;display:grid}.checkbox-row{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;color:var(--text);border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .75rem;font-size:.9rem;display:flex}.checkbox-row input{accent-color:var(--accent);width:1rem;height:1rem}.checkbox-row:hover{border-color:#14b8a666}.radio-row{flex-wrap:wrap;gap:1rem;display:flex}.radio-pill{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;border-radius:999px;align-items:center;gap:.45rem;padding:.5rem .85rem;font-size:.88rem;display:flex}.radio-pill:has(input:checked){border-color:var(--accent);background:#14b8a61a}.radio-pill input{accent-color:var(--accent)}.connector-grid{gap:1rem;display:grid}@media (width>=640px){.connector-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}.connector-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.connector-card.connected{border-color:#34d39959;box-shadow:inset 0 0 0 1px #34d39914}.connector-card h3{margin:0;font-size:1rem}.connector-card .meta{color:var(--muted);font-size:.8rem}.connector-form{gap:.75rem;margin-top:.25rem;display:grid}.doc-list{gap:.65rem;display:grid}.doc-item{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.85rem 1rem;display:flex}.doc-item .content{word-break:break-word;flex:1;font-size:.9rem;line-height:1.45}.doc-item .meta{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.35rem;font-size:.68rem}.steps{gap:.5rem;margin-bottom:1.5rem;display:flex}.step{background:var(--border);border-radius:999px;flex:1;height:3px}.step.done{background:var(--accent)}.step.active{background:linear-gradient(90deg, var(--accent), var(--accent-dim));box-shadow:0 0 12px var(--accent-glow)}.success-banner{color:#a7f3d0;background:#34d3991a;border:1px solid #34d39959;border-radius:8px;margin-bottom:1rem;padding:.75rem 1rem}.pill-readonly{font-size:.68rem;font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border:1px solid var(--border);border-radius:999px;margin-left:.5rem;padding:.2rem .55rem;display:inline-block}.checklist-panel{border:1px solid var(--border);background:var(--surface-raised);border-radius:8px;margin-top:1rem;padding:1rem}.checklist-panel h4{margin:0 0 .75rem;font-size:.85rem}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:.72rem;font-family:var(--mono);margin:1.5rem 0 .75rem;font-weight:500}.back-link{color:var(--muted);align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.88rem;display:inline-flex}.back-link:hover{color:var(--accent)}.badge-draft{color:var(--muted);border-color:var(--border)}.badge-provisioning{color:#93c5fd;background:#93c5fd14;border-color:#93c5fd59}.file-input-wrap{position:relative}.file-input-wrap input[type=file]{border:1px dashed var(--border);background:var(--bg);width:100%;color:var(--muted);cursor:pointer;border-radius:8px;padding:.65rem}.file-input-wrap input[type=file]:hover{border-color:var(--accent)}