*{padding:0;margin:0;box-sizing:border-box;list-style:none;text-decoration:none}.chat-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(to bottom,#1e293b,#0f172a)}.header{background-color:#0f172a;border-bottom:1px solid #334155;padding:1rem 1.5rem;box-shadow:0 1px 2px #0003}.header-inner{display:flex;align-items:center;gap:.75rem}.avatar{width:2.5rem;height:2.5rem;border-radius:50%;background:linear-gradient(to bottom right,#60a5fa,#2563eb);display:flex;align-items:center;justify-content:center}.user-name{font-size:1.125rem;font-weight:600;color:#f1f5f9}.user-status{font-size:.75rem;color:#94a3b8}.messages-container{flex:1;overflow-y:auto;padding:1.5rem}.messages-container>*+*{margin-top:1rem}.no-messages{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b}.no-messages-text{text-align:center}.message{display:flex}.message-sender{justify-content:flex-end}.message-receiver{justify-content:flex-start}.message-bubble{max-width:20rem;padding:.75rem 1rem;border-radius:1rem}@media(min-width:1024px){.message-bubble{max-width:28rem}}.bubble-sender{background-color:#3b82f6;color:#fff;border-bottom-right-radius:0;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0000001a}.bubble-receiver{background-color:#1e293b;color:#f1f5f9;border:1px solid #334155;border-bottom-left-radius:0;box-shadow:0 1px 2px #0003}.message-text{font-size:.875rem;line-height:1.625}.input-container{background-color:#0f172a;border-top:1px solid #334155;padding:1rem;box-shadow:0 10px 15px -3px #0003,0 4px 6px -4px #0000001a}.input-group{display:flex;gap:.75rem}.chat-input{flex:1;padding:.75rem 1rem;background-color:#1e293b;border:1px solid #475569;border-radius:9999px;outline:none;transition:all .15s ease-in-out;font-size:.875rem;color:#f1f5f9}.chat-input:focus{box-shadow:0 0 0 2px #3b82f6;background-color:#0f172a}.chat-input::placeholder{color:#94a3b8}.send-button{background-color:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:9999px;font-weight:500;transition:all .15s ease-in-out;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0000001a;border:none;cursor:pointer}.send-button:hover{background-color:#2563eb;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.send-button:active{transform:scale(.95)}.send-text{display:none}@media(min-width:640px){.send-text{display:inline}}.chat-list-container{display:flex;flex-direction:column;height:100vh;background:linear-gradient(to bottom,#1e293b,#0f172a);padding:1.5rem;color:#f1f5f9}.chat-list-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#fff}.user-list{list-style-type:none;padding:0;margin:0;overflow-y:auto;flex:1}.user-item{padding:1rem;background-color:#1e293b;border:1px solid #334155;border-radius:.5rem;margin-bottom:.75rem;cursor:pointer;transition:all .15s ease-in-out;font-size:1rem;color:#e2e8f0}.user-item:hover{background-color:#334155;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0000001a}.user-item:last-child{margin-bottom:0}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background:linear-gradient(to bottom,#1e293b,#0f172a)}.login-card{background:#0f172acc;border-radius:1rem;padding:2rem;width:100%;max-width:24rem;box-shadow:0 4px 6px -1px #0003,0 2px 4px -2px #0000001a;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.title{font-size:1.5rem;font-weight:600;color:#fff;text-align:center;margin-bottom:1.5rem}.input-field{width:100%;padding:.75rem 1rem;margin-bottom:1rem;background-color:#1e293b;border:1px solid #334155;border-radius:.5rem;color:#f1f5f9;outline:none;transition:all .15s ease-in-out;font-size:.875rem}.input-field:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f680}.input-field::placeholder{color:#94a3b8}.checkbox-container{display:flex;align-items:center;margin-bottom:1.5rem}.checkbox{width:1rem;height:1rem;margin-right:.5rem;accent-color:#3b82f6}.label{font-size:.875rem;color:#e2e8f0}.login-button{width:100%;padding:.75rem;background-color:#3b82f6;color:#fff;border:none;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .15s ease-in-out;box-shadow:0 1px 2px #0000001a}.login-button:hover{background-color:#2563eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000000d}.login-button:active{transform:scale(.98)}.error-message{color:#ef4444;font-size:.875rem;text-align:center;margin-top:1rem}.saved-accounts{margin-top:2rem}.subtitle{font-size:1rem;font-weight:500;color:#fff;margin-bottom:.75rem}.saved-button{width:100%;padding:.75rem;margin-bottom:.5rem;background-color:#334155;color:#f1f5f9;border:none;border-radius:.5rem;font-size:.875rem;cursor:pointer;transition:all .15s ease-in-out}.saved-button:hover{background-color:#475569}.saved-button:last-child{margin-bottom:0}