html,body,#root{min-width:320px;min-height:100vh;margin:0}body{background:#f4f7fb;color:#0f172a}.auth-shell{display:grid;min-height:100vh;place-items:center;padding:24px}.auth-card{width:min(420px,100%);border:1px solid #dbe3ee;border-radius:8px;background:#fff;box-shadow:0 20px 48px #0f172a1a;padding:28px}.admin-layout{min-height:100vh}.admin-logo{height:56px;color:#fff;display:grid;place-items:center;font-weight:800;letter-spacing:0}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 20px;background:#fff;border-bottom:1px solid #e2e8f0}.admin-content{padding:18px}.conversation-shell{display:grid;min-height:calc(100vh - 100px);grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px}.message-stream{height:calc(100vh - 270px);overflow-y:auto;padding:18px;background:#f8fafc}.message-row{display:flex;margin-bottom:12px}.message-row.agent{justify-content:flex-end}.message-bubble{max-width:min(560px,82%);border:1px solid #dbe3ed;border-radius:8px;background:#fff;padding:10px 12px}.message-row.agent .message-bubble{border-color:#0f766e;background:#0f766e;color:#fff}.composer-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px}@media(max-width:860px){.conversation-shell{grid-template-columns:1fr}.message-stream{height:420px}}