:root{--bg:#f5f7f5;--surface:#fffdf7;--text:#10244d;--muted:#66738a;--border:#dfe5e8;--brand:#0a2050;--brand-2:#071637;--accent:#2dbbb9;--accent-dark:#138e91;--sun:#f2b72a;--cream:#fff4d8;--success:#177245;--danger:#a63535;--shadow:0 12px 34px rgba(7,27,70,.08)}*{box-sizing:border-box}body,html{margin:0;min-height:100%;background:radial-gradient(circle at 8% -10%,rgba(45,187,185,.13),transparent 32%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.brand-lockup{display:flex;align-items:center;gap:13px}.brand-logo{width:54px;height:54px;border-radius:16px;display:block;box-shadow:0 9px 22px rgba(7,27,70,.18)}.brand-lockup-copy{display:grid;grid-gap:3px;gap:3px}.brand-lockup-copy strong{color:var(--brand);font-size:21px;letter-spacing:-.02em}.brand-lockup-copy span{color:var(--muted);font-size:13px;font-weight:650}.brand-lockup.compact{gap:10px}.brand-lockup.compact .brand-logo{width:38px;height:38px;border-radius:12px;box-shadow:none}.brand-lockup.compact .brand-lockup-copy strong{color:#fff;font-size:15px;letter-spacing:0}.brand-lockup.compact .brand-lockup-copy span{color:#9fb2c9;font-size:11px}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(280px,1fr) minmax(320px,540px);grid-gap:48px;gap:48px;align-items:center;max-width:1180px;margin:auto;padding:52px}.auth-brand{display:grid;grid-gap:18px;gap:18px;align-content:center}.auth-brand>p{max-width:390px;margin:0;color:var(--muted);line-height:1.65;font-size:16px}.auth-card{background:var(--surface);border:1px solid var(--border);border-radius:22px;padding:36px;box-shadow:var(--shadow)}.auth-card h1{margin:0 0 8px;font-size:30px}.auth-card>p{margin:0 0 26px;color:var(--muted);line-height:1.55}.form-stack{display:grid;grid-gap:18px;gap:18px}.form-stack label{display:grid;grid-gap:7px;gap:7px;font-size:14px;font-weight:650}.form-stack input{width:100%;border:1px solid #cfd7df;background:#fff;border-radius:10px;padding:12px 13px;font:inherit;outline:none}.form-stack input:focus{border-color:var(--accent-dark);box-shadow:0 0 0 3px rgba(45,187,185,.16)}.primary-btn,.secondary-btn,button{font:inherit;font-weight:700;border-radius:10px;padding:11px 15px;cursor:pointer}.primary-btn{border:0;background:var(--brand);color:#fff;box-shadow:0 6px 16px rgba(10,32,80,.16)}.primary-btn:hover{background:var(--brand-2);transform:translateY(-1px)}.secondary-btn{border:1px solid var(--border);background:#fff;color:var(--text)}.auth-links{display:flex;justify-content:space-between;gap:12px;margin-top:20px;font-size:14px}.auth-links a{color:var(--accent-dark);font-weight:700}.auth-recovery{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid var(--border);color:var(--muted);font-size:14px}.auth-recovery form{margin:0}.link-button{border:0;background:transparent;color:var(--accent-dark);padding:0;font:inherit;font-weight:700;text-decoration:underline;cursor:pointer}.link-button:hover{color:var(--brand)}button:disabled{cursor:wait;opacity:.7}.status{padding:11px 13px;border-radius:9px;margin-bottom:18px;font-size:14px}.status.error{background:#fff1f1;color:var(--danger);border:1px solid #f0caca}.status.success{background:#effaf4;color:var(--success);border:1px solid #c6ead7}.setup-note{padding:14px 15px;background:var(--cream);border:1px solid #f0d99e;border-radius:10px;color:#6c561b;line-height:1.55;font-size:14px}.app-frame{min-height:100vh;display:grid;grid-template-columns:254px 1fr}.sidebar{position:-webkit-sticky;position:sticky;top:0;height:100vh;background:var(--brand-2);color:#dce6ee;padding:20px 14px;border-right:1px solid #20385f;overflow:auto}.sidebar-brand{display:flex;gap:11px;align-items:center;padding:0 7px 18px}.org-switcher{border:1px solid #29436c;background:rgba(255,255,255,.07);border-radius:12px;padding:10px;margin-bottom:14px;display:grid;grid-template-columns:20px 1fr;grid-gap:7px;gap:7px;align-items:center}.org-switcher select{max-width:165px;background:transparent;color:#fff;border:0;font:inherit;font-weight:700;outline:none}.org-switcher option{color:#111}.org-switcher small{grid-column:2;color:#91a4b5;text-transform:capitalize}.sidebar nav{display:grid;grid-gap:3px;gap:3px}.nav-link{text-decoration:none;color:#b7c6d3;display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:9px;font-size:14px}.nav-link:hover{background:rgba(45,187,185,.11);color:#fff}.nav-link.active{background:rgba(45,187,185,.18);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.main-wrap{min-width:0}.topbar{height:70px;position:-webkit-sticky;position:sticky;top:0;z-index:10;background:rgba(255,255,255,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 26px}.topbar>div{display:grid}.topbar strong{font-size:14px;color:var(--brand)}.topbar span{font-size:12px;color:var(--muted)}.mobile-menu{display:none;border:0;background:transparent;padding:6px}.content{padding:28px;max-width:1500px;margin:auto}.page-stack{display:grid;grid-gap:22px;gap:22px}.page-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:22px}.page-heading-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:2px}.page-heading h1{margin:4px 0 6px;font-size:29px;letter-spacing:-.025em}.page-heading p{margin:0;color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800;color:var(--accent-dark)}.metrics-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:14px;gap:14px}.empty-state,.metric-card,.panel{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px rgba(24,36,47,.03)}.metric-card{padding:18px;display:grid;grid-gap:8px;gap:8px}.metric-card span{font-size:13px;color:var(--muted);font-weight:650}.metric-card strong{font-size:26px}.metric-card small{color:#8a949f}.dashboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.panel{padding:20px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h2{font-size:16px;margin:0}.panel-head span{font-size:12px;background:var(--cream);color:#765b16;border-radius:999px;padding:3px 8px}.panel p{color:var(--muted);line-height:1.6}.empty-state{padding:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:18px;gap:18px}.empty-icon{width:44px;height:44px;border-radius:12px;background:rgba(45,187,185,.14);color:var(--accent-dark);display:grid;place-items:center}.empty-state h2{margin:0 0 6px;font-size:17px}.empty-state p{margin:0;color:var(--muted);line-height:1.55}.coming{font-size:12px;background:#f0f2f4;color:#596571;border-radius:999px;padding:6px 10px;white-space:nowrap}.fatal{max-width:620px;margin:15vh auto;padding:30px;text-align:center}.fatal p{color:var(--muted)}.billing-status-banner{display:flex;align-items:center;gap:12px;padding:15px 17px;color:#6c4c18;background:var(--cream);border:1px solid #f0d99e;border-radius:12px;line-height:1.5}.billing-status-banner strong{flex:none;padding:5px 8px;color:#6c4c18;background:#fce7b7;border-radius:7px;font-size:12px}.billing-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:14px;gap:14px}.billing-plan-card{display:grid;grid-gap:9px;gap:9px;min-height:205px;padding:20px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px rgba(24,36,47,.03)}.billing-plan-card h2{margin:0;font-size:20px}.billing-plan-card>strong{color:var(--accent-dark);font-size:27px}.billing-plan-card>strong small{margin-left:4px;color:var(--muted);font-size:12px;font-weight:650}.billing-plan-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.billing-plan-card .coming{align-self:end;justify-self:start}.text-link{color:var(--accent-dark);font-weight:750;text-decoration:none}.text-link:hover{color:var(--brand);text-decoration:underline}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:13px}.call-action-banner,.integration-status,.test-lab-card{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:19px 21px;background:linear-gradient(135deg,rgba(45,187,185,.14),rgba(255,253,247,.9));border:1px solid rgba(45,187,185,.3);border-radius:14px}.call-action-banner>div,.integration-status>div,.test-lab-card>div{display:grid;grid-gap:6px;gap:6px}.call-action-banner strong,.test-lab-card h2{font-size:16px}.call-action-banner span,.integration-status p,.test-lab-card p{margin:0;color:var(--muted);line-height:1.5}.call-empty{display:grid;grid-gap:10px;gap:10px}.call-empty h2,.call-empty p{margin:0}.call-empty p{color:var(--muted);line-height:1.6}.call-summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.call-summary-card{display:grid;grid-gap:5px;gap:5px;padding:16px 18px;background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:0 2px 10px rgba(24,36,47,.03)}.call-summary-card strong{color:var(--brand);font-size:27px;letter-spacing:-.03em}.call-summary-card span{font-size:13px;color:var(--muted);font-weight:750}.call-summary-card small{color:#8a949f;line-height:1.4}.call-list{display:grid;grid-gap:15px;gap:15px}.call-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:20px;box-shadow:0 2px 10px rgba(24,36,47,.03)}.call-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.call-card-header h2{margin:5px 0 0;font-size:18px}.call-card-statuses{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.call-status,.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:#eef1f3;color:#596571;font-size:12px;font-weight:800;text-transform:capitalize;white-space:nowrap}.call-status.completed,.success-pill{background:#e6f7ed;color:var(--success)}.call-status.in_progress{background:#fff3d4;color:#765b16}.call-status.failed{background:#fff0f0;color:var(--danger)}.simulation-pill{background:#fff3d4;color:#765b16}.call-meta{display:flex;flex-wrap:wrap;gap:8px 17px;margin-top:10px;color:var(--muted);font-size:12px}.call-transcript{display:grid;grid-gap:10px;gap:10px;margin-top:18px;padding-top:16px;border-top:1px solid var(--border)}.transcript-turn{border-left:3px solid #bcc9d1;padding:2px 0 2px 12px}.transcript-turn.assistant{border-left-color:var(--accent)}.transcript-turn.caller{border-left-color:var(--sun)}.transcript-turn strong{font-size:12px;color:var(--muted)}.transcript-turn p{margin:4px 0 0;line-height:1.55}.review-needed-pill{background:#fff3d4;color:#765b16}.call-review-panel{display:grid;grid-gap:14px;gap:14px;margin-top:18px;padding-top:17px;border-top:1px solid var(--border)}.call-review-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.call-review-heading h3{margin:4px 0 0;font-size:16px}.call-review-form{display:grid;grid-template-columns:minmax(220px,.8fr) minmax(0,1.2fr);grid-gap:12px;gap:12px;align-items:end}.call-review-form label,.compact-form-grid label{display:grid;grid-gap:7px;gap:7px;font-size:13px;font-weight:750}.call-review-form select,.compact-form-grid input,.compact-form-grid select,.compact-form-grid textarea{width:100%;border:1px solid #cfd7df;background:#fff;border-radius:10px;padding:10px 11px;font:inherit;color:var(--text);outline:none}.call-review-form select:focus,.compact-form-grid input:focus,.compact-form-grid select:focus,.compact-form-grid textarea:focus{border-color:var(--accent-dark);box-shadow:0 0 0 3px rgba(45,187,185,.16)}.call-review-form select:disabled,.compact-form-grid input:disabled,.compact-form-grid select:disabled,.compact-form-grid textarea:disabled{background:#f4f6f7;color:#7b8790;cursor:not-allowed}.call-review-form-copy{display:flex;align-items:center;justify-content:space-between;gap:14px}.call-review-form-copy small{color:var(--muted);line-height:1.45}.create-from-call-form{display:grid;grid-gap:13px;gap:13px;padding:16px;background:#f7fbfa;border:1px solid rgba(45,187,185,.28);border-radius:12px}.create-from-call-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.create-from-call-heading h4{margin:4px 0 0;font-size:15px}.create-from-call-heading small{color:var(--muted)}.create-from-call-form>p{margin:0;color:var(--muted);line-height:1.5;font-size:13px}.compact-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:13px;gap:13px}.linked-customer-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 14px;background:#f1fbf5;border:1px solid #b9e4ca;border-radius:11px}.linked-customer-card>div{display:grid;grid-gap:3px;gap:3px}.linked-customer-card strong{color:var(--brand)}.linked-customer-card small{color:var(--muted);text-transform:capitalize}.integration-status{align-items:start}.integration-status.ready{border-color:#b9e4ca;background:#f1fbf5}.integration-status.simulation-status{border-color:#e9d7a8;background:#fffaf0}.integration-status h2{margin:0;font-size:17px}.settings-form,.setup-panel{display:grid;grid-gap:22px;gap:22px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:17px;gap:17px}.form-grid label{display:grid;grid-gap:7px;gap:7px;font-size:13px;font-weight:750}.checkbox-row small,.form-grid label small{color:var(--muted);font-weight:500;line-height:1.45}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid #cfd7df;background:#fff;border-radius:10px;padding:11px 12px;font:inherit;color:var(--text);outline:none;resize:vertical}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--accent-dark);box-shadow:0 0 0 3px rgba(45,187,185,.16)}.form-grid input:disabled,.form-grid select:disabled,.form-grid textarea:disabled{background:#f4f6f7;color:#7b8790;cursor:not-allowed}.form-grid select{resize:none}.full-width{grid-column:1/-1}.settings-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:17px;border-top:1px solid var(--border)}.checkbox-row{display:flex;align-items:flex-start;gap:10px;font-size:13px}.checkbox-row input{accent-color:var(--accent-dark);margin-top:3px}.checkbox-row span{display:grid;grid-gap:3px;gap:3px}.form-helper{max-width:640px;color:var(--muted);line-height:1.45}.setup-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:15px;gap:15px}.setup-grid .panel{display:grid;align-content:start;grid-gap:9px;gap:9px}.setup-grid h2{margin:0;font-size:17px}.setup-grid p{margin:0;color:var(--muted);line-height:1.55}.endpoint-code{display:block;overflow-wrap:anywhere;padding:10px 11px;color:var(--brand);background:#eef3f4;border:1px solid var(--border);border-radius:8px;font-size:12px}.muted-note{margin-top:7px!important;font-size:13px}.test-lab-card h2{margin:0}.test-lab-card form{flex:none}.simulation-form{display:grid;grid-gap:18px;gap:18px}.scenario-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.scenario-option{display:grid;grid-template-columns:auto 1fr;align-items:start;grid-gap:10px;gap:10px;padding:15px;background:#fff;border:1px solid var(--border);border-radius:12px;cursor:pointer}.scenario-option:focus-within,.scenario-option:hover{border-color:var(--accent-dark);box-shadow:0 0 0 3px rgba(45,187,185,.12)}.scenario-option:has(input:checked){border-color:var(--accent-dark);background:#f3fbfa;box-shadow:inset 0 0 0 1px rgba(19,142,145,.2)}.scenario-option input{accent-color:var(--accent-dark);margin:3px 0 0}.scenario-option>span{display:grid;grid-gap:6px;gap:6px}.scenario-option strong{color:var(--brand);font-size:14px}.scenario-option em,.scenario-option small{color:var(--muted);line-height:1.45}.scenario-option small{font-size:13px}.scenario-option em{font-size:12px;font-style:normal}.test-lab-action-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:17px;border-top:1px solid var(--border)}.test-lab-note{margin:0;max-width:680px;color:var(--muted);font-size:13px;line-height:1.5}.customer-workspace{display:grid;grid-template-columns:minmax(320px,.85fr) minmax(0,1.35fr);grid-gap:15px;gap:15px;align-items:start}.customer-form-panel,.customer-list-panel{display:grid;grid-gap:13px;gap:13px}.customer-form-panel>p{margin:0}.customer-list{display:grid;grid-gap:11px;gap:11px}.customer-card{display:grid;grid-gap:10px;gap:10px;padding:16px;background:#fff;border:1px solid var(--border);border-radius:12px}.customer-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.customer-card h3{margin:4px 0 0;font-size:17px}.customer-card-meta{display:flex;flex-wrap:wrap;gap:7px 14px;color:var(--muted);font-size:13px}.customer-card p{margin:0;padding-top:10px;border-top:1px solid var(--border);font-size:14px}.customer-empty{padding:18px 0 4px}.customer-empty h3{margin:0 0 6px;font-size:16px}.customer-empty p{margin:0;color:var(--muted);line-height:1.55}.mini-list{display:grid}.mini-list-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:14px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.mini-list-row:last-child{border-bottom:0}.mini-list-row strong{font-size:12px;text-transform:capitalize}.mini-list-row small{color:var(--muted)}@media (max-width:1100px){.metrics-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:980px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.auth-page,.call-summary-grid,.customer-workspace,.dashboard-grid,.scenario-grid{grid-template-columns:1fr}.auth-page{max-width:620px}.auth-brand{justify-content:center}.billing-plan-grid{grid-template-columns:repeat(2,1fr)}.setup-grid{grid-template-columns:1fr}}@media (max-width:760px){.app-frame{display:block}.sidebar{position:fixed;z-index:40;left:-270px;width:254px;transition:left .2s}.sidebar.open{left:0;box-shadow:12px 0 35px rgba(0,0,0,.2)}.mobile-menu{display:block}.topbar{padding:0 16px;gap:12px}.topbar>div{margin-right:auto}.content{padding:20px 14px}.page-heading-row{align-items:flex-start;flex-direction:column}.page-heading-actions{width:100%}.page-heading-actions a{flex:1 1;text-align:center}.dashboard-grid{grid-template-columns:1fr}.empty-state{grid-template-columns:auto 1fr}.coming{grid-column:2}.auth-card,.auth-page{padding:24px}.billing-status-banner,.call-action-banner,.integration-status,.settings-footer,.test-lab-action-row,.test-lab-card{align-items:flex-start;flex-direction:column}.call-review-form{grid-template-columns:1fr}.call-review-form-copy{align-items:flex-start;flex-direction:column}.call-review-form-copy button{width:100%}.compact-form-grid{grid-template-columns:1fr}.create-from-call-heading,.linked-customer-card{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.test-lab-action-row button,.test-lab-card button,.test-lab-card form{width:100%}.mini-list-row{grid-template-columns:1fr auto}.mini-list-row small{grid-column:1/-1}}@media (max-width:500px){.metrics-grid{grid-template-columns:1fr}.auth-brand{align-items:flex-start}.auth-brand strong{font-size:18px}.auth-brand span{font-size:13px}.auth-links{flex-direction:column}.topbar .secondary-btn{padding:8px 10px}.billing-plan-grid{grid-template-columns:1fr}}