*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#0f172a;-webkit-font-smoothing:antialiased;background-color:#f8fafc;width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.page-container{background:0 0;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.auth-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:16px;width:100%;max-width:380px;padding:36px 32px;box-shadow:0 20px 25px -5px #0f172a0d,0 8px 10px -6px #0f172a05}.auth-header{text-align:center;margin-bottom:24px}.logo-badge{color:#2563eb;background-color:#eff6ff;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin:0 auto 14px;font-size:20px;display:flex}.title{color:#0f172a;letter-spacing:-.02em;margin:0 0 6px;font-size:22px;font-weight:700}.subtitle{color:#64748b;margin:0;font-size:14px}.error-alert{color:#991b1b;background-color:#fef2f2;border:1px solid #fecaca;border-radius:8px;align-items:center;gap:8px;margin-bottom:20px;padding:10px 14px;font-size:13px;display:flex}.form{flex-direction:column;gap:18px;display:flex}.input-group{flex-direction:column;gap:6px;display:flex}.label{color:#334155;font-size:13px;font-weight:600}.input{color:#0f172a;box-sizing:border-box;background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:14px}.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.submit-button{color:#fff;background-color:#2563eb;border:none;border-radius:8px;width:100%;margin-top:6px;padding:12px;font-size:14px;font-weight:600;transition:all .2s}.submit-button:hover:not(:disabled){background-color:#1d4ed8}.submit-button:disabled{opacity:.75;cursor:not-allowed}.footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:28px;padding-top:16px}.footer-text{color:#94a3b8;margin:0;font-size:12px}.home-page-container{background:0 0;flex-direction:column;width:100%;height:100%;display:flex}.chat-app-wrapper{width:100%;height:100%;box-shadow:none;border:none;border-radius:0}.chat-header{background:#fff;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.header-user-info{align-items:center;gap:12px;display:flex}.user-avatar{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;font-weight:700;display:flex}.user-name{color:#0f172a;margin:0;font-size:1.05rem;font-weight:600}.user-status{color:#16a34a;font-size:.8rem;font-weight:500}.logout-button{color:#475569;cursor:pointer;background:#f1f5f9;border:1px solid #cbd5e1;border-radius:8px;padding:8px 16px;font-weight:600;transition:all .2s}.logout-button:hover{color:#dc2626;background:#fee2e2;border-color:#fca5a5}.chat-body{flex:1;display:flex;overflow:hidden}.chat-sidebar{background:#f8fafc;border-right:1px solid #e2e8f0;flex-direction:column;width:280px;display:flex}.sidebar-header{color:#64748b;text-transform:uppercase;letter-spacing:.05em;padding:16px 20px;font-size:.8rem;font-weight:700}.conversation-list{padding:0 12px}.conversation-item{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:12px;align-items:center;gap:12px;padding:12px;display:flex}.conv-icon{font-size:1.2rem}.conv-info{flex-direction:column;display:flex}.conv-name{color:#0f172a;font-size:.95rem;font-weight:600}.conv-preview{color:#64748b;font-size:.8rem}.chat-main{background:#fff;flex-direction:column;flex:1;display:flex}.messages-container{flex-direction:column;flex:1;justify-content:flex-end;padding:24px;display:flex;overflow-y:auto}.system-message{text-align:center;color:#94a3b8;margin-bottom:12px;font-size:.85rem}.message-input-form{border-top:1px solid #e2e8f0;gap:12px;padding:16px 24px;display:flex}.chat-input{border:1px solid #cbd5e1;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:.95rem}.chat-input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.send-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:10px;padding:12px 24px;font-weight:600;transition:background .2s}.send-button:hover{background:#1d4ed8}body{background-color:#f1f5f9;justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex}#root{justify-content:center;align-items:center;width:100%;display:flex}.app-viewport{background-color:#fff;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;width:100%;max-width:1024px;height:90vh;max-height:800px;display:flex;overflow:hidden;box-shadow:0 20px 25px -5px #0000000d,0 8px 10px -6px #0000000d}