body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{background:#121212;color:#fff;font-family:Inter,sans-serif;margin:0;padding:0}.auth-container{background:#1e1e1e;border-radius:12px;margin:80px auto;max-width:400px;padding:2em;text-align:center}.title{color:#2ecc71;margin-bottom:1.5em}.auth-container input{background:#2a2a2a;border:none;border-radius:8px;color:#fff;margin:8px 0;padding:12px;width:90%}.auth-container button{background-color:#1e1e1e;border:1px solid #2ecc71;border-radius:8px;padding:12px;width:100%}.auth-container button,.switch-btn{color:#fff;cursor:pointer;margin-top:1em}.switch-btn{background:none;border:none}.auth-container button:hover,.switch-btn:hover{background:#27ae60;color:#1e1e1e}.main-container{margin:auto;max-width:600px;padding:1em}.logout-btn{align-self:flex-start;background:#3a3a3a;border:1px solid #2ecc71;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:10px;padding:5px 13px;transform:translateX(70px)}.no-item{color:#aaa;display:block;font-size:1.1em;font-style:italic;margin-top:20px;padding-left:10px}.app-header-responsive{border-bottom:1px solid #333;border-radius:8px;display:flex;flex-direction:column;gap:8px;padding:10px 15px}.header-top-row{align-items:center;display:flex;justify-content:space-between;max-width:500px;width:100%}.app-title{color:#2ecc71;font-family:Poppins,Verdana,sans-serif;letter-spacing:-1px;margin:0;text-transform:uppercase}.user-info-stacked{align-items:flex-start;display:flex;flex-direction:column;max-width:500px;width:100%}.display-name-stacked{font-size:1.1em;font-weight:700;white-space:normal;word-break:break-word}.user-info-stacked .username{color:#aaa;font-size:.8em;margin-top:2px}.tabs{display:flex;justify-content:space-around;margin-bottom:1em;padding:0 4px}.tabs button{background:#2a2a2a;border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#bbb;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;margin:0 4px;padding:12px;transition:all .3s ease}.tabs button.active{background:#2ecc71;box-shadow:0 4px 8px #2ecc7166;color:#121212;font-weight:700}.tabs button:hover:not(.active){background:#3a3a3a;color:#fff}.user-card{background:#1e1e1e;border-radius:12px;box-shadow:0 4px 8px #0000004d;cursor:pointer;margin:10px 0;padding:15px;transition:all .3s ease}.user-card:hover{border:1px solid #2ecc71}.user-card p{line-height:1.4;margin:0}.username{color:#999;display:block;font-size:.85em;margin-top:4px}.tab-content h3{border-bottom:2px solid #333;color:#2ecc71;margin-top:0;padding-bottom:5px}.chat-screen{margin:auto;max-width:600px;padding:1em}.chat-container{display:flex;flex-direction:column;height:calc(100vh - 2em)}.back-btn{align-self:flex-start;background:#3a3a3a;border:1px solid #2ecc71;border-radius:8px;color:#fff;cursor:pointer;margin-bottom:10px;margin-right:0;padding:8px 15px}.back-btn:hover,.logout-btn:hover{background:#2ecc71;color:#121212}.chat-header-row{align-items:center;border-bottom:1px solid #333;display:flex;justify-content:space-between;margin-bottom:10px;padding:0 5px 10px}.chat-header-row h1{color:#fff;font-size:1.5rem;margin:0}.messages-box{background:#1e1e1e;border:1px solid #333;border-radius:12px;flex-grow:1;margin-bottom:10px;overflow-y:auto;padding:15px}.message-row{display:flex;padding:5px 0}.message-row.sent{justify-content:flex-end}.message-row.received{justify-content:flex-start}.message-bubble{word-wrap:break-word;border-radius:18px;box-shadow:0 1px 3px #0003;font-size:.95rem;line-height:1.4;max-width:70%;padding:10px 14px}.message-row.sent .message-bubble{background:#2ecc71;border-bottom-right-radius:4px;color:#121212}.message-row.received .message-bubble{background:#3a3a3a;border-bottom-left-radius:4px;color:#fff}.message-input-area{border-top:1px solid #333;display:flex;padding:10px 0}.message-input{background:#2a2a2a;border:none;border-radius:8px;color:#fff;flex-grow:1;margin-right:10px;padding:12px}.send-btn{background:#2ecc71;border:none;border-radius:8px;color:#121212;cursor:pointer;font-weight:700;padding:12px 20px;transition:background .3s}.send-btn:hover{background:#27ae60}.chat-lists-title{color:#2ecc71;margin-bottom:10px;margin-top:0;text-align:center}.scrollable-list-container{max-height:70vh;overflow-y:auto;padding:0 10px}.scrollable-list-container::-webkit-scrollbar{width:8px}.scrollable-list-container::-webkit-scrollbar-track{background:#1e1e1e;border-radius:10px}.scrollable-list-container::-webkit-scrollbar-thumb{background-color:#555;border:2px solid #1e1e1e;border-radius:10px}@media (max-width:600px){.app-header-responsive{padding:10px}.header-top-row,.user-info-stacked{max-width:100%;padding-bottom:0}.user-info-stacked{font-size:.8em;left:0;top:0}.header-top-row{font-size:.8em}.logout-btn{transform:translateY(15px);transform:translateX(15px)}.auth-container{background:#1e1e1e;border-radius:12px;margin:80px auto;max-width:300px;padding:2em;text-align:center}}
/*# sourceMappingURL=main.8eb920f7.css.map*/