html,body,#root{min-height:100%;margin:0}:root{color:#111827;background:#f3f4f6;font-family:Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 0 0,#dbeafe,#0000 30%),radial-gradient(circle at 100% 100%,#fde68a,#0000 25%),#f3f4f6;margin:0}button,textarea{font:inherit}.app-shell{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border-right:1px solid #d1d5db;padding:16px}.sidebar-header h1{margin:0;font-size:24px}.sidebar-header p{color:#4b5563;margin:6px 0 0;font-size:14px}.new-chat-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:14px;width:100%;margin-top:18px;padding:12px 14px;font-weight:700}.conversation-list{flex-direction:column;gap:10px;margin-top:16px;display:flex}.conversation-item{text-align:left;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:14px;padding:14px 12px;transition:all .2s}.conversation-item:hover,.conversation-item.active{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 10px 25px #2563eb14}.conversation-title{font-weight:700;line-height:1.3;display:block}.chat-panel{flex-direction:column;min-height:100vh;display:flex}.chat-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9;border-bottom:1px solid #d1d5db;justify-content:space-between;align-items:center;padding:24px;display:flex}.chat-header h2{margin:0;font-size:24px}.chat-header p{color:#4b5563;margin:6px 0 0}.agent-badge{color:#1d4ed8;background:#e0ecff;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.message-list{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow:auto}.empty-state{text-align:center;color:#4b5563;background:#ffffffd9;border:1px dashed #cbd5e1;border-radius:18px;max-width:520px;margin:auto;padding:28px}.message{border-radius:18px;max-width:760px;padding:16px 18px;line-height:1.55;box-shadow:0 8px 20px #0f172a0f}.message.user{background:#dbeafe;align-self:flex-end}.message.assistant{background:#fff;align-self:flex-start}.message-role{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:8px;font-size:12px;font-weight:700}.message-body p{margin:0 0 12px}.message-body p:last-child{margin-bottom:0}.composer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf;border-top:1px solid #d1d5db;align-items:flex-end;gap:14px;padding:20px 24px 28px;display:flex}.composer textarea{resize:vertical;background:#fff;border:1px solid #cbd5e1;border-radius:16px;flex:1;min-height:90px;padding:14px 16px}.composer button{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:14px;padding:14px 18px}.composer button:disabled{opacity:.6;cursor:not-allowed}@media (width<=900px){.app-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #d1d5db;border-right:none}.message{max-width:100%}.composer{flex-direction:column;align-items:stretch}.chat-header{flex-direction:column;align-items:flex-start;gap:10px}}