:root{--primary-bg: #ffffff;--secondary-bg: #f5f5f7;--accent-color: #0088cc;--light-text: #ffffff;--dark-text: #2f3336;--border-radius: 8px;--header-height: 60px;--font-family: "Segoe UI", sans-serif}.chat-window{display:flex;height:92vh;font-family:var(--font-family);background:var(--secondary-bg);color:var(--dark-text);margin:0;width:100vw}.user-bar{grid-area:header;display:flex;align-items:center;justify-content:space-between;padding:0 20px;background:var(--accent-color);color:var(--light-text);box-shadow:0 1px 3px #0000001a;height:8vh}.logo{font-weight:700}.login-details{padding-right:10px}.user-list{background:var(--primary-bg);padding:20px;border-right:1px solid #e0e0e0;overflow-y:auto;width:20vw;max-height:92vh}.user-list strong{display:block;margin-bottom:10px;font-size:1rem}.user-list ul{list-style:none;padding:0;margin:0}.user-list li{margin-bottom:8px}.user-list button{width:100%;text-align:left;padding:8px 12px;background:#0088cc1a;border:none;border-radius:var(--border-radius);cursor:pointer;transition:background .2s;color:#000}.user-list button:hover{background:#0a41741a}.chat-container{display:flex;flex-direction:column;padding:20px;width:50vw;max-height:80vh}.welcome-text{font-size:1.3rem;font-weight:700}.info-container{display:flex;flex-direction:column;padding:20px;width:50vw;max-height:80vh;align-items:center}.status{margin-bottom:10px;font-size:.9rem}.log-container{grid-area:log;background:#282c34;color:#61dafb;border-radius:var(--border-radius);padding:15px;height:80vh;overflow-y:auto;margin:20px;width:30vw}.chat-messages{flex:1;background:#e5ddd5;border-radius:var(--border-radius);padding:20px;overflow-y:auto;display:flex;flex-direction:column;max-height:50vh}.chat-messages>div{margin-bottom:10px;max-width:70%;padding:10px 15px;border-radius:var(--border-radius);line-height:1.4}.message.me{align-self:flex-end;background:#dcf8c6}.message.other{align-self:flex-start;background:var(--primary-bg)}.message-bar{display:flex;margin-top:12px}.message-input{flex:1;padding:10px 12px;border:1px solid #ccc;border-radius:var(--border-radius) 0 0 var(--border-radius);outline:none}.send-button{padding:0 20px;border:none;background:var(--accent-color);color:var(--light-text);border-radius:0 var(--border-radius) var(--border-radius) 0;cursor:pointer;transition:background .2s}.send-button:hover{background:#0077b5}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center}.modal{background:var(--primary-bg);padding:24px;border-radius:var(--border-radius);box-shadow:0 2px 12px #0003;text-align:center}.modal p{margin-bottom:20px;font-size:1rem}.modal button{margin:0 8px;padding:10px 16px;border:none;border-radius:var(--border-radius);cursor:pointer;font-size:.9rem}.modal button:first-of-type{background:var(--accent-color);color:var(--light-text)}.modal button:last-of-type{background:#e0e0e0}:root{--primary-bg: #ffffff;--secondary-bg: #f5f5f7;--accent-color: #0088cc;--light-text: #ffffff;--dark-text: #2f3336;--border-radius: 8px;--font-family: "Segoe UI", sans-serif}.auth-container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.title,.subtitle{margin:0}.auth-form{max-width:360px;margin:60px auto;padding:24px;background:var(--primary-bg);border-radius:var(--border-radius);box-shadow:0 2px 12px #0000001a;font-family:var(--font-family);color:var(--dark-text)}.auth-form h2{margin-bottom:20px;font-size:1.5rem;text-align:center}.auth-form form{display:flex;flex-direction:column}.auth-form input{padding:10px 12px;margin-bottom:16px;border:1px solid #ccc;border-radius:var(--border-radius);font-size:1rem;outline:none}.auth-form input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px #08c3}.auth-form button{padding:12px;background:var(--accent-color);color:var(--light-text);border:none;border-radius:var(--border-radius);font-size:1rem;cursor:pointer;transition:background .2s}.auth-form button:hover{background:#0077b5}.auth-form .error{margin-top:12px;padding:10px;background:#fdecea;color:#d93025;border-radius:var(--border-radius);font-size:.9rem}.auth-form p{margin-top:16px;font-size:.9rem;text-align:center;color:#555;cursor:pointer}.auth-form p:hover{text-decoration:underline}@media screen and (max-width: 480px){.auth-form{margin:40px 16px;padding:20px}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}