.auth-shell,.app-shell{position:relative;min-height:100vh}.auth-backdrop,.app-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(209,151,87,.14),transparent 32%),radial-gradient(circle at bottom right,rgba(18,102,96,.12),transparent 30%),linear-gradient(180deg,#fffbf4f5,#f6f1e9)}.auth-layout,.workspace-shell{position:relative;z-index:1;width:min(1380px,calc(100% - 2rem));margin:0 auto;padding:1.25rem 0 2rem;display:grid;gap:1.25rem}.auth-layout{min-height:100vh;align-items:center;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr)}.workspace-shell{align-items:start;grid-template-columns:minmax(290px,330px) minmax(0,1fr)}.workspace-main{min-width:0;display:grid;gap:1rem}.auth-hero,.auth-panel,.content-panel,.form-panel,.page-hero,.live-control-panel,.transcript-feed{padding:1.5rem}.auth-hero{min-height:36rem;display:grid;align-content:center;gap:1rem}.auth-hero h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(3rem,6vw,5.6rem);line-height:.94;letter-spacing:-.05em;max-width:10ch}.auth-panel,.auth-form,.editor-form,.form-panel-inner,.content-list,.workspace-content,.checklist-list{display:grid;gap:1rem}.auth-switch,.hero-actions,.inline-buttons,.split-actions{display:flex;flex-wrap:wrap;gap:.75rem}.workspace-content{min-width:0}.mobile-workspace-bar{display:none}.agent-topbar{display:grid;gap:.9rem}.agent-topbar-actions{display:flex;align-items:center;gap:.9rem;justify-content:space-between}.agent-topbar-options{display:flex;flex-wrap:wrap;gap:.65rem;justify-content:flex-end}.agent-topbar-talk{flex-shrink:0}.quick-option{border:1px solid rgba(27,24,21,.08);background:#ffffffc7;color:var(--text);border-radius:16px;padding:.72rem .9rem;display:inline-flex;align-items:center;gap:.55rem;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.quick-option:hover{transform:translateY(-1px)}.quick-option.is-active{background:#10605b14;border-color:#10605b2e;color:var(--accent-strong)}.agent-topbar-details{display:grid;gap:.75rem}.agent-detail-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.agent-detail-chip{padding:.85rem .95rem;border-radius:18px;background:#ffffffc7;border:1px solid rgba(27,24,21,.07)}.agent-detail-chip strong{display:block;margin-top:.18rem;font-family:Fraunces,Georgia,serif;letter-spacing:-.03em}.agent-topbar-summary{margin:0;color:var(--muted)}.page-hero{display:grid;gap:1.2rem;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr)}.page-hero-copy,.page-hero-aside,.hero-progress-card,.metric-card,.step-card,.selected-agent-card,.checklist-item,.list-card{display:grid;gap:.75rem}.page-chip{width:fit-content;display:inline-flex;align-items:center;gap:.6rem;padding:.48rem .72rem;border-radius:999px;background:#10605b14;color:#0a534f;font-size:.84rem;font-weight:700}.page-hero h2,.section-header h3,.empty-card h3,.sidebar-brand h1,.account-card h2,.agent-card strong,.hero-progress-card strong,.selected-agent-card strong,.metric-card strong,.step-card strong,.list-card strong,.checklist-item strong{margin:0;font-family:Fraunces,Georgia,serif;letter-spacing:-.04em}.page-hero h2{font-size:clamp(2.4rem,4vw,4.1rem);line-height:.95;max-width:12ch}.page-hero-aside{align-content:end}.hero-progress-card{height:100%;padding:1rem;border-radius:24px;background:#ffffffc7;border:1px solid rgba(27,24,21,.07)}.hero-progress-card strong{font-size:1.55rem}.hero-progress-card p{margin:0;color:var(--muted)}.live-start-button{font-size:1rem;font-weight:700}.live-start-button{padding-inline:1.45rem;padding-block:1rem}.progress-grid,.dashboard-grid,.detail-grid,.content-grid,.stats-grid{display:grid;gap:1rem}.progress-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.dashboard-grid,.detail-grid,.content-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-card,.metric-card,.list-card,.checklist-item{padding:1rem;border-radius:22px;background:#ffffffc2;border:1px solid rgba(27,24,21,.08)}.step-card{align-content:start}.step-card.is-current{border-color:#10605b38;box-shadow:0 14px 28px #10605b14}.step-card-header,.section-header,.card-actions,.call-card-header{display:flex;justify-content:space-between;gap:1rem;align-items:start}.step-card-icon,.selected-agent-icon,.checklist-icon{width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:18px;background:#10605b14;color:#0a534f}.step-card p,.section-header p,.list-card p,.checklist-copy p,.content-copy{margin:0;color:var(--muted)}.section-header{margin-bottom:.4rem}.section-header h3{font-size:1.75rem}.compact-form{align-content:start}.form-row{display:grid;gap:.95rem;grid-template-columns:repeat(2,minmax(0,1fr))}.form-group{display:grid;gap:.45rem}.form-group label{color:#0a534f;font-size:.82rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}input,textarea,select{width:100%;border:1px solid rgba(27,24,21,.1);border-radius:18px;padding:.9rem 1rem;background:#ffffffe6;color:var(--text);transition:border-color .14s ease,box-shadow .14s ease}textarea{min-height:8rem;resize:vertical}input:focus,textarea:focus,select:focus{outline:none;border-color:#10605b4d;box-shadow:0 0 0 4px #10605b14}.auth-submit{width:100%}.tab-button,.tone-chip,.text-button{font:inherit}.tab-button{border:1px solid rgba(27,24,21,.1);border-radius:999px;background:#ffffffb8;color:var(--text);padding:.72rem 1rem;cursor:pointer;transition:background .14s ease,transform .14s ease,border-color .14s ease}.tab-button:hover{transform:translateY(-1px)}.tab-button.is-active{background:#10605b1f;border-color:#10605b38;color:#0a534f}.tone-picker{display:flex;flex-wrap:wrap;gap:.65rem}.tone-chip{border:1px solid rgba(27,24,21,.1);border-radius:999px;background:#ffffffbd;color:var(--text);padding:.62rem .92rem;cursor:pointer}.tone-chip.is-active{background:#10605b1f;border-color:#10605b33;color:#0a534f}.call-status{width:fit-content;padding:.4rem .7rem;border-radius:999px;background:#1b181514;color:var(--muted);font-size:.8rem;text-transform:capitalize}.call-status.status-done{background:#2288551f;color:#216c46}.call-status.status-waiting{background:#b5651d1f;color:#8b591e}.call-status.status-not-available{background:#90442a1f;color:#884127}.call-card-meta{display:flex;flex-wrap:wrap;gap:.8rem;color:var(--muted);font-size:.92rem}.text-button{border:0;padding:0;background:transparent;color:#0a534f;cursor:pointer;font-weight:700}.danger-text{color:#8c4529}@media (max-width: 1220px){.auth-layout,.workspace-shell,.page-hero,.progress-grid,.dashboard-grid,.detail-grid,.content-grid,.agent-detail-row{grid-template-columns:1fr}}@media (max-width: 900px){.workspace-shell{grid-template-columns:1fr}.mobile-workspace-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.75rem;position:sticky;top:.75rem;z-index:12;padding:.8rem .9rem}.mobile-workspace-copy{min-width:0;text-align:center}.mobile-workspace-copy strong{display:block;font-family:Fraunces,Georgia,serif;font-size:1.1rem;letter-spacing:-.03em}.mobile-workspace-copy p{margin:.1rem 0 0;color:var(--muted);font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-talk-button{padding:.82rem 1rem;min-width:5.5rem}.agent-topbar{display:none}}@media (max-width: 720px){.auth-layout,.workspace-shell{width:min(100% - 1rem,1380px);padding-top:.8rem}.auth-hero,.auth-panel,.content-panel,.form-panel,.page-hero,.live-control-panel,.transcript-feed{padding:1.05rem}.form-row,.stats-grid{grid-template-columns:1fr}.section-header,.card-actions,.call-card-header{flex-direction:column;align-items:start}.mobile-workspace-bar{padding:.7rem .75rem}.mobile-talk-button{padding:.75rem .9rem;min-width:5rem}}:root{color-scheme:light;font-family:Space Grotesk,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1b1815;background:#f6f1e9;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text: #1b1815;--muted: #665d55;--panel: rgba(255, 252, 247, .82);--panel-strong: rgba(255, 255, 255, .94);--panel-border: rgba(27, 24, 21, .08);--accent: #10605b;--accent-strong: #0a534f;--warm: #bf6f3f;--shadow: 0 28px 60px rgba(84, 61, 39, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;min-height:100vh;color:var(--text);background:#f6f1e9}button,input,textarea,select{font:inherit}code{font-family:IBM Plex Mono,Cascadia Code,monospace}a{color:var(--accent-strong);text-decoration:none}a:hover{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.panel{position:relative;background:var(--panel);border:1px solid var(--panel-border);border-radius:30px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.eyebrow{margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.16em;font-size:.75rem;color:var(--accent-strong)}.lede{margin:0;max-width:64ch;color:var(--muted);font-size:1.02rem}.feature-label{color:var(--accent-strong);font-size:.76rem;text-transform:uppercase;letter-spacing:.1em}.notice-banner,.error-banner{padding:.95rem 1rem;border-radius:18px}.notice-banner{background:#10605b1a;color:var(--accent-strong)}.error-banner{background:#bf6f3f24;color:#8c4529}.inline-status{color:var(--muted);font-size:.94rem}.ui-icon{width:1.15rem;height:1.15rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.ui-icon svg{width:100%;height:100%}.primary-button,.secondary-button,.icon-button{border:0;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease,background .14s ease}.primary-button{border-radius:999px;padding:.9rem 1.25rem;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-strong) 100%);color:#fff;box-shadow:0 14px 28px #10605b33}.secondary-button{border-radius:999px;padding:.9rem 1.25rem;background:#ffffffb8;color:var(--text);border:1px solid rgba(27,24,21,.1)}.icon-button{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:#ffffffc7;color:var(--accent-strong);border:1px solid rgba(27,24,21,.08)}.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.icon-button.is-danger{color:#8c4529}.icon-button-group{display:inline-flex;flex-wrap:wrap;gap:.55rem}.talk-button{display:inline-flex;align-items:center;justify-content:center;gap:.7rem}.small-button{padding-inline:1rem}.danger-button{color:#8c4529;border-color:#8c452924}.sidebar-panel{position:sticky;top:1.25rem;padding:1.25rem;display:grid;gap:1rem;align-content:start;min-height:calc(100vh - 2.5rem)}.sidebar-brand,.sidebar-toolbar{display:flex;justify-content:space-between;gap:1rem;align-items:start}.sidebar-brand-actions{display:inline-flex;gap:.6rem;align-items:center}.sidebar-brand h1{margin:0;font-family:Fraunces,Georgia,serif;font-size:clamp(2rem,3vw,3rem);letter-spacing:-.05em;line-height:.95}.sidebar-copy{margin:.4rem 0 0;color:var(--muted)}.workspace-sidebar-section{display:grid;gap:.85rem}.sidebar-section-heading strong,.sidebar-toolbar h2{margin:0;font-family:Fraunces,Georgia,serif;letter-spacing:-.03em}.sidebar-toolbar h2{font-size:1.55rem}.account-card{display:flex;justify-content:space-between;gap:1rem;align-items:start;padding:1rem;border-radius:26px;background:linear-gradient(135deg,#10605b1f,#ffffffdb);border:1px solid rgba(16,96,91,.1)}.account-card h2{margin:0;font-family:Fraunces,Georgia,serif;font-size:1.7rem;letter-spacing:-.04em}.account-card-compact{align-items:center}.account-email{margin:.35rem 0 0;color:var(--muted)}.account-balance{padding:.8rem 1rem;border-radius:20px;background:#ffffffc7;border:1px solid rgba(27,24,21,.08);text-align:right}.account-balance span{display:block;color:var(--muted);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em}.account-balance strong{display:block;margin-top:.18rem;font-size:1.2rem}.workspace-nav,.agent-list,.health-grid{display:grid;gap:.75rem}.mobile-nav-overlay,.sidebar-close-button,.workflow-section{display:none}.workspace-nav-item{width:100%;border:1px solid rgba(27,24,21,.08);border-radius:22px;padding:.9rem;background:#ffffffad;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem;text-align:left;cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.workspace-nav-item:hover,.agent-card:hover{transform:translateY(-1px);box-shadow:0 12px 26px #3a2b1812}.workspace-nav-item.is-current{border-color:#10605b33;background:#10605b14}.workspace-nav-icon{width:2.65rem;height:2.65rem;display:grid;place-items:center;border-radius:18px;background:#10605b14;color:var(--accent-strong)}.workspace-nav-copy{min-width:0}.workspace-nav-row{display:flex;justify-content:space-between;gap:.75rem;align-items:center}.workspace-nav-copy strong{display:block;font-size:1rem}.workspace-nav-copy p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.nav-status,.agent-state{width:fit-content;padding:.32rem .6rem;border-radius:999px;font-size:.76rem;font-weight:700;white-space:nowrap}.nav-status.is-complete,.agent-state.is-selected{background:#2288551f;color:#216c46}.nav-status.is-pending,.agent-state{background:#bf6f3f1f;color:#8c4529}.nav-status.is-active{background:#10605b1f;color:var(--accent-strong)}.selected-agent-card{padding:1rem;border-radius:24px;background:#ffffffc7;border:1px solid rgba(27,24,21,.08);grid-template-columns:1fr}.selected-agent-card p{margin:0;color:var(--muted)}.agent-card{width:100%;border:1px solid rgba(27,24,21,.08);background:#ffffffb8;border-radius:22px;padding:.95rem;cursor:pointer;text-align:left;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease}.agent-card.is-selected{border-color:#10605b33;background:#10605b14}.agent-card-main{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.8rem}.agent-avatar{width:2.75rem;height:2.75rem;display:grid;place-items:center;border-radius:18px;background:#10605b1a;color:var(--accent-strong);font-weight:700}.agent-card-copy{min-width:0}.agent-card-header{display:flex;justify-content:space-between;gap:.8rem;align-items:start}.agent-card strong{display:block;font-size:1.1rem}.agent-card p{margin:.2rem 0 0;color:var(--muted)}.agent-card-meta{margin-top:.75rem;display:flex;flex-wrap:wrap;gap:.6rem .9rem;color:var(--muted);font-size:.86rem}.health-pill{padding:.85rem .95rem;border-radius:20px;background:#ffffffb8;border:1px solid rgba(27,24,21,.08)}.health-pill span{display:block;color:var(--muted);font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.health-pill strong{display:block;margin-top:.12rem}.tone-cool{background:linear-gradient(180deg,#10605b14,#ffffffe6)}.tone-warm{background:linear-gradient(180deg,#bf6f3f14,#ffffffe6)}.tone-success{background:linear-gradient(180deg,#22885514,#ffffffe6)}.empty-card{display:grid;gap:.6rem;padding:1.1rem;border-radius:24px;background:#ffffffc7;border:1px dashed rgba(27,24,21,.14)}.empty-card-icon{width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:18px;background:#10605b14;color:var(--accent-strong)}.empty-card p{margin:0;color:var(--muted)}.tag-row{display:flex;flex-wrap:wrap;gap:.55rem}.tag{padding:.45rem .78rem;border-radius:999px;background:#10605b1a;color:var(--accent-strong);font-size:.88rem;font-weight:700}.live-page,.live-grid,.live-control-panel,.transcript-feed,.message-list{display:grid;gap:1rem}.live-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr)}.checklist-item{grid-template-columns:auto minmax(0,1fr) auto;align-items:center}.checklist-item.is-ready{border-color:#22885529}.checklist-copy{min-width:0}.live-control-panel{align-content:center}.orb-stage{position:relative;width:min(16rem,100%);aspect-ratio:1;margin:0 auto;display:grid;place-items:center}.orb-rings{position:absolute;top:8%;right:8%;bottom:8%;left:8%;border-radius:999px;border:1px dashed rgba(16,96,91,.25);animation:spin 18s linear infinite}.orb-rings:before,.orb-rings:after{content:"";position:absolute;top:11%;right:11%;bottom:11%;left:11%;border-radius:inherit;border:1px solid rgba(191,111,63,.18)}.orb-rings:after{top:-8%;right:-8%;bottom:-8%;left:-8%;border-style:dashed}.orb-core{width:48%;aspect-ratio:1;border-radius:999px;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.95),rgba(255,255,255,.14) 34%,transparent 36%),radial-gradient(circle at 68% 70%,#ffd691f0,#bf6f3f85 54%,#10605bd1);box-shadow:0 0 0 18px #10605b14,0 18px 54px #10605b33;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease;animation:drift 6s ease-in-out infinite}.orb-core.is-listening{box-shadow:0 0 0 22px #10605b24,0 18px 60px #10605b42}.orb-core.is-speaking{filter:saturate(1.08);box-shadow:0 0 0 24px #bf6f3f1f,0 18px 60px #bf6f3f3d}.status-block{display:grid;gap:.8rem}.status-pill{width:fit-content;padding:.5rem .88rem;border-radius:999px;background:#10605b1a;color:var(--accent-strong);font-weight:700}.status-idle,.status-error{background:#bf6f3f1f;color:#8c4529}.status-connected{background:#2288551f;color:#216c46}.status-connecting,.status-disconnecting{background:#2255911f;color:#28538a}.meter{width:100%;height:12px;border-radius:999px;background:#1b181514;overflow:hidden}.meter-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent) 0%,var(--warm) 100%);transition:width 80ms linear}.status-note{margin:0;color:var(--muted)}.transcript-feed{min-height:22rem}.message-list{min-height:0;overflow:auto}.message-card{padding:1rem;border-radius:22px;background:#ffffffc2;border:1px solid rgba(27,24,21,.08)}.message-card.role-assistant{background:linear-gradient(180deg,#10605b14,#ffffffc7)}.message-card.role-user{background:linear-gradient(180deg,#bf6f3f14,#ffffffc7)}.message-meta{display:flex;justify-content:space-between;gap:1rem;margin-bottom:.45rem;font-size:.88rem;color:var(--muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width: 1220px){.sidebar-panel{position:static;min-height:auto}.live-grid{grid-template-columns:1fr}}@media (max-width: 720px){.panel{border-radius:24px}.sidebar-panel{padding:1rem}.sidebar-brand,.sidebar-toolbar,.workspace-nav-row,.agent-card-header,.message-meta,.checklist-item{flex-direction:column;align-items:start}.workspace-nav-item,.selected-agent-card,.agent-card-main,.health-grid-single{grid-template-columns:1fr}}@media (max-width: 900px){.app-shell.nav-open{overflow:hidden;height:100vh}.mobile-nav-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;border:0;background:#1b181547;padding:0}.sidebar-panel{position:fixed;top:0;left:0;bottom:0;width:min(88vw,360px);min-height:100vh;z-index:30;transform:translate(-105%);transition:transform .18s ease;border-radius:0 26px 26px 0;overflow-y:auto}.sidebar-panel.is-mobile-open{transform:translate(0)}.sidebar-close-button{display:inline-flex}.workflow-section{display:grid}}
