: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}}:root{--bg-color: #1a1a1a;--sidebar-bg: #242424;--item-hover: #333;--accent: #646cff;--text-primary: rgba(255, 255, 255, .87);--text-secondary: #888;--msg-user: #2b5278;--msg-manager: #2e7d32}#root{width:100%;height:100vh;margin:0;padding:0;text-align:left;display:flex;flex-direction:column;overflow:hidden}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.login-screen input{padding:10px;border-radius:4px;border:1px solid #444;background:#333;color:#fff;width:300px}.dashboard{display:flex;height:100%;width:100%;position:relative}.mobile-header{display:none;padding:1rem;background:var(--sidebar-bg);border-bottom:1px solid #333;align-items:center;justify-content:space-between}.sandwich-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;padding:0 .5rem}.sidebar{width:300px;background:var(--sidebar-bg);border-right:1px solid #333;display:flex;flex-direction:column;transition:transform .3s ease;z-index:10}.sidebar-header{padding:1rem;font-weight:700;border-bottom:1px solid #333}.chat-list{flex:1;overflow-y:auto}.chat-item{padding:1rem;border-bottom:1px solid #333;cursor:pointer;display:flex;justify-content:space-between;align-items:center}.chat-item:hover,.chat-item.active{background:var(--item-hover)}.chat-info h4{margin:0;font-size:.9rem}.chat-info p{margin:0;font-size:.8rem;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.status-indicator{width:8px;height:8px;border-radius:50%;background:gray}.status-indicator.online{background:#4caf50}.close-chat-btn{background:none;border:none;color:#ff5252;font-size:1.2rem;opacity:0;transition:opacity .2s;padding:5px}.chat-item:hover .close-chat-btn{opacity:1}.chat-window{flex:1;display:flex;flex-direction:column;background:var(--bg-color);position:relative}.chat-header{padding:1rem;background:var(--sidebar-bg);border-bottom:1px solid #333;font-weight:700;display:flex;justify-content:space-between;align-items:center}.header-info{display:flex;align-items:center;gap:10px}.status-badge{font-size:.75rem;padding:2px 6px;border-radius:4px;text-transform:uppercase}.status-badge.online{background:#2e7d32;color:#fff}.status-badge.offline{background:#555;color:#ccc}.header-close-btn{background-color:#d32f2f;color:#fff;border:none;padding:8px 16px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background-color .2s}.header-close-btn:hover{background-color:#b71c1c}.messages-area{flex:1;padding:1rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.message{max-width:70%;padding:.5rem 1rem;border-radius:8px;line-height:1.4;word-wrap:break-word}.message.user{align-self:flex-start;background:var(--msg-user);border-bottom-left-radius:0}.message.manager{align-self:flex-end;background:var(--msg-manager);border-bottom-right-radius:0}.input-area{padding:1rem;background:var(--sidebar-bg);display:flex;gap:.5rem}.input-area input{flex:1;padding:10px;border-radius:4px;border:1px solid #444;background:#333;color:#fff}.empty-state{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-secondary)}@media(max-width:768px){.mobile-header{display:flex}.dashboard{flex-direction:column}.sidebar{position:absolute;height:calc(100% - 60px);top:60px;left:0;transform:translate(-100%);width:80%;box-shadow:2px 0 5px #00000080}.sidebar.open{transform:translate(0)}.chat-window{height:calc(100% - 60px)}}