:root{color:#11232f;background:radial-gradient(circle at 0 0,#d6f3ff 0,#0000 38%),linear-gradient(135deg,#f7f4ed 0%,#e7eef4 100%);font-family:Segoe UI Variable,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-height:100vh;margin:0;overflow-x:hidden}#root{min-height:100vh}input,button{font:inherit}.auth-shell{place-items:center;min-height:100vh;padding:clamp(1rem,4vw,1.5rem);display:grid}.auth-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe6;border:1px solid #11232f14;border-radius:1.5rem;width:min(100%,32rem);padding:clamp(1.25rem,4vw,2rem);overflow:hidden;box-shadow:0 24px 60px #11232f1f}.auth-logo{width:100%;max-width:22rem;height:auto;margin:0 0 1.25rem;display:block}.auth-form{gap:1rem;margin-top:1.75rem;display:grid}.field{color:#173042;gap:.45rem;font-weight:600;display:grid}.field-input{color:#11232f;background:#fffffff2;border:1px solid #11232f24;border-radius:.9rem;min-height:3rem;padding:.75rem .9rem}.field-input:focus{border-color:#0f7ab6;outline:2px solid #0f7ab640}.auth-error{color:#8f1d18;margin:0;line-height:1.5}.app-shell{grid-template-columns:minmax(20rem,34rem) minmax(24rem,1fr);gap:1.5rem;min-height:100vh;padding:1.5rem;display:grid}.call-panel,.transcript-panel{min-height:0}.hero-card,.transcript-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border:1px solid #11232f14;border-radius:1.5rem;box-shadow:0 24px 60px #11232f1f}.hero-card{flex-direction:column;justify-content:center;min-height:calc(100vh - 3rem);padding:2rem;display:flex}.hero-logo{width:min(100%,20rem);height:auto;margin:0 0 1rem}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#1f5f87;margin:0 0 .6rem;font-size:.85rem;font-weight:700}.hero-card h1,.panel-header h2{margin:0;font-size:clamp(2rem,4vw,3.3rem);line-height:1}.panel-header h2{font-size:1.6rem}.summary{color:#425d70;max-width:28rem;margin:1rem 0 0;line-height:1.7}.status-row{flex-wrap:wrap;gap:.75rem;margin-top:1.5rem;display:flex}.status-chip{color:#0b4a6f;background:#dff4ff;border-radius:999px;align-items:center;min-height:2.4rem;padding:0 .95rem;font-weight:600;display:inline-flex}.status-chip--error{color:#8f1d18;background:#ffe0df}.status-chip--neutral{color:#425d70;background:#edf2f6}.actions{flex-wrap:wrap;gap:1rem;margin-top:2rem;display:flex}.primary-button,.secondary-button{cursor:pointer;border:none;border-radius:999px;min-width:10rem;min-height:3.2rem;padding:0 1.35rem;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-button{color:#fff;background:linear-gradient(135deg,#0f7ab6,#1a9ad7);box-shadow:0 16px 30px #0f7ab647}.secondary-button{color:#fff;background:#173042}.secondary-button--ghost{color:#173042;background:#edf2f6}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.transcript-panel{flex-direction:column;min-height:calc(100vh - 3rem);padding:1.25rem;display:flex}.panel-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.message-list{flex-direction:column;flex:1;gap:.9rem;padding-right:.25rem;display:flex;overflow:auto}.empty-state{color:#5d7586;text-align:center;border:1px dashed #11232f1f;border-radius:1rem;place-items:center;min-height:100%;padding:2rem;display:grid}.message-bubble{border-radius:1rem;max-width:85%;padding:1rem 1rem .9rem;box-shadow:0 12px 24px #11232f14}.message-bubble--user{background:#ecf7ff;align-self:flex-start}.message-bubble--assistant{background:#fff4dd;align-self:flex-end}.message-meta{color:#5d7586;justify-content:space-between;gap:1rem;margin-bottom:.4rem;font-size:.8rem;display:flex}.message-bubble p{margin:0;line-height:1.6}@media (width<=960px){.app-shell{grid-template-columns:1fr}.hero-card,.transcript-panel{min-height:auto}.message-bubble{max-width:100%}}@media (width<=640px){.auth-shell{padding-top:max(1rem, env(safe-area-inset-top));place-items:start center}.auth-card{border-radius:1.25rem}.auth-card h1{font-size:clamp(1.8rem,8vw,2.4rem)}.summary{max-width:none}.primary-button,.secondary-button{width:100%;min-width:0}}
