.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff}.app-header__title{font-size:1.25rem;font-weight:600}.app-header__user{display:flex;flex-direction:column;text-align:right}.app-header__user-name{font-weight:600}.app-header__user-email{font-size:.875rem;opacity:.85}.app-header__signout{margin-top:.25rem;padding:.35rem .9rem;border:none;border-radius:9999px;background-color:#fff3;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;transition:background-color .2s ease}.app-header__signout:hover{background-color:#ffffff59}.app-main{flex:1;display:flex;padding:2rem;background-color:#e5e7eb}.chat-layout{display:grid;grid-template-columns:320px 1fr;gap:1.5rem;width:100%;max-width:1200px;margin:0 auto}.chat-sidebar-wrapper{display:block}.chat-sidebar-inline{display:none;margin-bottom:1rem}.chat-sidebar{background-color:#fff;border-radius:1rem;padding:1.5rem;box-shadow:0 10px 25px #0f172a1a;display:flex;flex-direction:column;gap:1rem}.chat-sidebar__title{margin:0;font-size:1.125rem}.session-status{border:1px solid #e5e7eb;border-radius:.75rem;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.session-status__row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.session-status__label{font-size:.875rem;color:#6b7280}.session-status__value{font-weight:600}.session-status__value--token{font-family:JetBrains Mono,monospace;font-size:.875rem}.session-status__refresh{padding:.35rem .75rem;border:none;border-radius:.75rem;background-color:#e0e7ff;color:#312e81;cursor:pointer;font-weight:600}.session-status__badge{padding:.25rem .6rem;border-radius:9999px;font-size:.75rem;font-weight:600}.session-status__badge--connected{background-color:#d1fae5;color:#065f46}.session-status__badge--disconnected{background-color:#fee2e2;color:#991b1b}.chat-sidebar__clear{padding:.5rem .75rem;border-radius:.75rem;border:1px solid #d1d5db;background-color:#fff;cursor:pointer;font-weight:600}.chat-sidebar__webhook{display:flex;flex-direction:column;gap:.35rem}.chat-sidebar__label{font-size:.85rem;color:#6b7280;font-weight:500}.chat-sidebar__select{border:1px solid #d1d5db;border-radius:.75rem;padding:.5rem .75rem;font-size:.95rem;background-color:#fff}.chat-sidebar__error{background-color:#fee2e2;color:#991b1b;padding:.75rem;border-radius:.75rem;font-size:.875rem}.chat-content{background-color:#f9fafb;border-radius:1rem;box-shadow:0 10px 25px #0f172a1a;display:flex;flex-direction:column}.chat-transcript{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.chat-empty-state{text-align:center;color:#6b7280;margin-top:4rem;font-size:.95rem}.chat-message{display:flex;width:100%}.chat-message--user{justify-content:flex-end}.chat-message--assistant{justify-content:flex-start}.chat-message__bubble{max-width:clamp(200px,60%,480px);padding:.9rem 1.1rem;border-radius:1.25rem;position:relative;box-shadow:0 4px 12px #0f172a14;display:flex;flex-direction:column;gap:.35rem}.chat-message--user .chat-message__bubble{border-bottom-right-radius:.35rem;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff}.chat-message--assistant .chat-message__bubble{border-bottom-left-radius:.35rem;background-color:#fff;color:#111827}.chat-message--error .chat-message__bubble{border:2px solid #ef4444}.chat-message__content{margin:0;white-space:pre-wrap}.chat-message__meta{display:flex;gap:.6rem;font-size:.75rem;opacity:.75}.chat-input{border-top:1px solid #e5e7eb;padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.75rem;background-color:#fff;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem;width:100%;box-sizing:border-box}.chat-input__textarea{width:100%;border:1px solid #d1d5db;border-radius:.75rem;padding:.75rem 1rem;resize:vertical;font-size:1rem;min-height:80px;box-sizing:border-box}.chat-input__actions{display:flex;justify-content:flex-end}.chat-input__button{padding:.6rem 1.5rem;border-radius:9999px;border:none;background:linear-gradient(135deg,#6366f1,#4338ca);color:#fff;font-weight:600;cursor:pointer}@media (max-width: 1024px){.chat-layout{grid-template-columns:1fr}.chat-sidebar-wrapper{display:none}.chat-sidebar-inline{display:block}}.loading-state{margin:auto;color:#4f46e5;font-size:1rem}.login-layout{width:100%;display:flex;justify-content:center;align-items:center;padding:2rem 1.5rem}.login-card{width:100%;max-width:420px;background-color:#fff;border-radius:1rem;padding:2.5rem 2rem;box-shadow:0 20px 40px #4f46e526;text-align:center;display:flex;flex-direction:column;gap:1rem}.login-card h2{margin:0;font-size:1.5rem;color:#1f2937}.login-card p{margin:0;color:#4b5563;font-size:.95rem}.google-signin-button{width:100%;display:flex;justify-content:center}.login-error{background-color:#fee2e2;color:#991b1b;padding:.85rem;border-radius:.75rem;font-size:.875rem;border:1px solid rgba(220,38,38,.3)}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#111827;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}