.loading{display:flex;justify-content:center;align-items:center;height:100vh;color:#8e99a4}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:#17212b}.login-form{background:#232e3c;padding:40px;border-radius:12px;width:100%;max-width:360px}.login-form h1{text-align:center;margin-bottom:30px;color:#fff;font-size:24px}.login-form input{width:100%;padding:14px 16px;margin-bottom:16px;border:none;border-radius:8px;background:#17212b;color:#fff;font-size:16px}.login-form input::placeholder{color:#6c7883}.login-form button{width:100%;padding:14px;border:none;border-radius:8px;background:#5288c1;color:#fff;font-size:16px;cursor:pointer;transition:background .2s}.login-form button:hover{background:#64a0dc}.login-form button:disabled{background:#3a4654;cursor:not-allowed}.login-error{color:#e53935;text-align:center;margin-bottom:16px;font-size:14px}.app-container{display:flex;height:100vh}.sidebar{width:320px;background:#17212b;border-right:1px solid #0e1621;display:flex;flex-direction:column}.sidebar-header{padding:12px 16px;border-bottom:1px solid #0e1621;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:18px;font-weight:500}.logout-btn{padding:8px 16px;border:none;border-radius:6px;background:#3a4654;color:#8e99a4;cursor:pointer;font-size:14px}.logout-btn:hover{background:#4a5664}.chat-list{flex:1;overflow-y:auto}.chat-item{padding:12px 16px;cursor:pointer;border-bottom:1px solid #0e1621;transition:background .2s}.chat-item:hover{background:#202b36}.chat-item.active{background:#2b5278}.chat-item.has-unread{background:#8b454540;border-left:3px solid #8b4545}.chat-item.has-unread:hover{background:#8b454559}.chat-item.has-unread.active{background:#2b5278;border-left:3px solid #5288c1}.chat-item-title{font-weight:500;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-preview{font-size:14px;color:#8e99a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-item-meta{display:flex;justify-content:space-between;align-items:center;margin-top:4px}.chat-item-date{font-size:12px;color:#6c7883}.chat-item-unread{background:#5288c1;color:#fff;font-size:12px;padding:2px 6px;border-radius:10px}.main-content{flex:1;display:flex;flex-direction:column;background:#0e1621}.chat-header{padding:16px 20px;background:#17212b;border-bottom:1px solid #0e1621}.chat-header h3{font-size:16px;font-weight:500}.messages-container{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column-reverse}.message{max-width:70%;margin-bottom:8px;padding:10px 14px;border-radius:12px;background:#182533}.message.own{align-self:flex-end;background:#2b5278}.message-sender{font-size:13px;color:#5288c1;margin-bottom:4px;font-weight:500}.message-text{font-size:15px;line-height:1.4;word-wrap:break-word}.message-time{font-size:11px;color:#6c7883;text-align:right;margin-top:4px}.message-input-container{padding:12px 20px;background:#17212b;border-top:1px solid #0e1621;display:flex;gap:12px;align-items:flex-end}.message-input-container textarea{flex:1;padding:12px 16px;border:none;border-radius:20px;background:#242f3d;color:#fff;font-size:15px;resize:none;min-height:44px;max-height:150px;line-height:1.4;font-family:inherit}.message-input-container textarea::placeholder{color:#6c7883}.message-input-container button{padding:12px 24px;border:none;border-radius:20px;background:#5288c1;color:#fff;cursor:pointer;font-size:15px}.message-input-container button:hover{background:#64a0dc}.message-input-container button:disabled{background:#3a4654;cursor:not-allowed}.no-chat-selected{flex:1;display:flex;justify-content:center;align-items:center;color:#6c7883;font-size:16px}.error-message{color:#e53935;padding:20px;text-align:center}.loading-messages{color:#6c7883;text-align:center;padding:20px}.chat-search{padding:8px 12px;border-bottom:1px solid #0e1621}.chat-search input{width:100%;padding:10px 14px;border:none;border-radius:8px;background:#242f3d;color:#fff;font-size:14px}.chat-search input::placeholder{color:#6c7883}.message.message-dan{background:#1e3a5f;border-left:3px solid #5288c1}.message.message-dan .message-sender{color:#7bb8eb}.message.message-special{background:#1a3a2a;border-left:4px solid #d4af37}.message.message-special .message-sender{color:#7bc47b;font-weight:600}.message.message-auditor{background:#1a332a;border-left:3px solid #4a8a4a}.message.message-auditor .message-sender{color:#6db56d}.message.message-client{background:#2a1a1a;border-left:3px solid #8a4a4a}.message.message-client .message-sender{color:#c48f8f}.context-menu{position:fixed;background:#232e3c;border-radius:8px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:120px;overflow:hidden}.context-menu-item{padding:10px 16px;cursor:pointer;font-size:14px;color:#fff;transition:background .2s}.context-menu-item:hover{background:#2b5278}.context-menu-delete:hover{background:#5c2222}.reply-indicator{display:flex;align-items:center;justify-content:space-between;padding:8px 20px;background:#1a2633;border-left:3px solid #5288c1;margin:0 20px;border-radius:4px}.reply-content{display:flex;flex-direction:column;gap:2px;overflow:hidden}.reply-label{font-size:12px;color:#5288c1;font-weight:500}.reply-preview{font-size:13px;color:#8e99a4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reply-cancel{background:none;border:none;color:#8e99a4;font-size:20px;cursor:pointer;padding:4px 8px}.reply-cancel:hover{color:#fff}.message-reply-preview{padding:6px 10px;margin-bottom:6px;background:#0003;border-left:2px solid #5288c1;border-radius:4px;font-size:13px}.message-reply-preview .reply-sender{color:#5288c1;font-weight:500;display:block;margin-bottom:2px}.message-reply-preview .reply-text{color:#8e99a4}.input-wrapper{flex:1;position:relative}.input-wrapper textarea{width:100%;padding:12px 16px;border:none;border-radius:20px;background:#242f3d;color:#fff;font-size:15px;resize:none;min-height:44px;max-height:150px;line-height:1.4;font-family:inherit}.input-wrapper textarea::placeholder{color:#6c7883}.mention-suggestions{position:absolute;bottom:100%;left:0;right:0;background:#232e3c;border-radius:8px;box-shadow:0 -4px 12px #0000004d;margin-bottom:8px;overflow:hidden}.mention-item{padding:10px 16px;cursor:pointer;font-size:14px;color:#fff;transition:background .2s}.mention-item:hover{background:#2b5278}.emoji-picker-container{position:relative}.emoji-btn{padding:10px 14px;border:none;border-radius:20px;background:#242f3d;cursor:pointer;font-size:18px;transition:background .2s}.emoji-btn:hover{background:#3a4654}.emoji-picker{position:absolute;bottom:100%;right:0;background:#232e3c;border-radius:12px;box-shadow:0 -4px 16px #0006;margin-bottom:8px;padding:12px;display:grid;grid-template-columns:repeat(8,1fr);gap:4px;width:280px}.emoji-item{font-size:22px;padding:6px;cursor:pointer;border-radius:6px;text-align:center;transition:background .2s}.emoji-item:hover{background:#3a4654}.message-text{font-size:15px;line-height:1.5;word-wrap:break-word;white-space:pre-wrap}.message-link{color:#7bb8eb;text-decoration:none;word-break:break-all}.message-link:hover{text-decoration:underline}.message-code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px}.message-mention{color:#5288c1;font-weight:500}.message-text b,.message-text strong{font-weight:600}.message-text i,.message-text em{font-style:italic}.message-text s{text-decoration:line-through;opacity:.7}.message-text code{background:#0000004d;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,monospace;font-size:13px}