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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg-dark:#0a1014;--bg-panel:#111b21;--bg-chat:#0b141a;--bg-bubble-me:#005c4b;--bg-bubble-other:#202c33;--text-main:#e9edef;--text-muted:#8696a0;--accent:#00a884;--accent-hover:#008f6f;--danger:#ef4444;--border-color:#222d34;--glass-bg:#111b21b3;--glass-border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0a1014;background-color:var(--bg-dark);color:#e9edef;color:var(--text-main);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;height:100vh;overflow:hidden}h1,h2,h3{font-weight:500}button{border:none;cursor:pointer;outline:none}button,input,select{font-family:inherit}.auth-container{align-items:center;background:radial-gradient(circle at top left,#11222c,#0a1014);display:flex;height:100vh;justify-content:center}.auth-box{border-radius:16px;display:flex;flex-direction:column;gap:20px;max-width:400px;padding:40px 30px;text-align:center;width:100%}.glass{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#111b21b3;background:var(--glass-bg);border:1px solid #ffffff14;border:1px solid var(--glass-border);box-shadow:0 8px 32px #0000004d}.auth-box h2{font-size:24px;margin-bottom:-10px}.auth-box p{color:#8696a0;color:var(--text-muted);font-size:14px;margin-bottom:10px}.auth-box input,.auth-box select{appearance:none;background:#0a1014;background:var(--bg-dark);border:1px solid #222d34;border:1px solid var(--border-color);border-radius:8px;color:#e9edef;color:var(--text-main);font-size:16px;padding:14px 16px;transition:all .3s ease;width:100%}.auth-box input:focus,.auth-box select:focus{border-color:#00a884;border-color:var(--accent);box-shadow:0 0 0 2px #00a88433;outline:none}.primary-btn{background-color:#00a884;background-color:var(--accent);border-radius:8px;color:#fff;font-size:16px;font-weight:600;padding:14px;transition:background .2s ease;width:100%}.primary-btn:hover{background-color:#008f6f;background-color:var(--accent-hover)}.app-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:10px}.logo{border-radius:50%;height:40px;width:40px}.brand h1{font-size:20px;font-weight:600}.brand span{color:#00a884;color:var(--accent)}.app-layout{background-color:#0a1014;background-color:var(--bg-dark);display:flex;height:100vh;width:100%}.sidebar{border-right:1px solid #222d34;border-right:1px solid var(--border-color);flex-direction:column;max-width:420px;min-width:320px;width:30%}.sidebar,.sidebar-header{background-color:#111b21;background-color:var(--bg-panel);display:flex}.sidebar-header{align-items:center;border-bottom:1px solid #222d34;border-bottom:1px solid var(--border-color);height:60px;justify-content:space-between;padding:10px 16px}.my-profile{gap:12px}.avatar,.my-profile{align-items:center;display:flex}.avatar{background-color:#8696a0;background-color:var(--text-muted);border-radius:50%;color:#111b21;color:var(--bg-panel);font-size:18px;font-weight:700;height:40px;justify-content:center;width:40px}.my-codename{font-size:16px;font-weight:500}.sidebar-search{border-bottom:1px solid #222d34;border-bottom:1px solid var(--border-color);padding:10px}.sidebar-search input{background-color:#0a1014;background-color:var(--bg-dark);border:none;border-radius:8px;color:#e9edef;color:var(--text-main);padding:10px 16px;width:100%}.user-list{flex:1 1;overflow-y:auto}.section-title{color:#00a884;color:var(--accent);font-size:14px;letter-spacing:.5px;padding:16px 16px 8px;text-transform:uppercase}.empty-text{color:#8696a0;color:var(--text-muted);font-size:14px;padding:16px;text-align:center}.user-item{align-items:center;cursor:pointer;display:flex;gap:15px;padding:12px 16px;transition:background .2s}.user-item:hover{background-color:#0a1014;background-color:var(--bg-dark)}.user-info{border-bottom:1px solid #222d34;border-bottom:1px solid var(--border-color);display:flex;flex:1 1;flex-direction:column;gap:4px;padding-bottom:12px}.user-item:last-child .user-info{border-bottom:none}.username{font-size:17px;font-weight:400}.status{color:#8696a0;color:var(--text-muted);font-size:13px}.main-area{background-color:#0b141a;background-color:var(--bg-chat);display:flex;flex:1 1;flex-direction:column;position:relative}.request-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:1000}.request-modal{border-radius:12px;padding:30px;text-align:center}.request-modal h3{color:#00a884;color:var(--accent);margin-bottom:10px}.request-actions{display:flex;gap:15px;margin-top:20px}.welcome-screen{align-items:center;background:#0b141a;background:var(--bg-chat);flex:1 1;justify-content:center;padding:20px}.panel,.welcome-screen{display:flex;flex-direction:column}.panel{border-radius:16px;gap:25px;max-width:500px;padding:40px;text-align:center;width:100%}.large-logo{height:80px;margin:0 auto;width:80px}.form-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.form-grid select{background:#0a1014;background:var(--bg-dark);border:1px solid #222d34;border:1px solid var(--border-color);border-radius:8px;color:#e9edef;color:var(--text-main);padding:12px}.loader{animation:spin 1s linear infinite;border:4px solid #222d34;border-top:4px solid #00a884;border:4px solid var(--border-color);border-radius:50%;border-top-color:var(--accent);height:50px;margin-bottom:20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.subtitle{color:#8696a0;color:var(--text-muted);margin-top:10px}.chat-interface{display:flex;flex-direction:column;height:100%}.chat-header{align-items:center;background-color:#111b21;background-color:var(--bg-panel);border-bottom:1px solid #222d34;border-bottom:1px solid var(--border-color);display:flex;gap:15px;height:60px;padding:0 16px}.chat-header-info{display:flex;flex:1 1;flex-direction:column}.chat-header-info h3{font-size:16px}.chat-header-info span{color:#8696a0;color:var(--text-muted);font-size:13px}.danger-btn{background:#ef4444;background:var(--danger);border-radius:6px;color:#fff;font-weight:500;padding:8px 16px}.chat-body{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 10h10v10H10z' fill='rgba(255,255,255,0.02)'/%3E%3C/svg%3E");display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:20px 5%}.msg-wrapper{display:flex;width:100%}.msg-wrapper.me{justify-content:flex-end}.msg-wrapper.other{justify-content:flex-start}.msg-wrapper.system{justify-content:center}.msg-bubble{word-wrap:break-word;border-radius:8px;font-size:15px;line-height:1.4;max-width:65%;padding:8px 12px;position:relative}.msg-bubble.me{background-color:#005c4b;background-color:var(--bg-bubble-me);border-top-right-radius:0}.msg-bubble.other{background-color:#202c33;background-color:var(--bg-bubble-other);border-top-left-radius:0}.msg-bubble.system{background-color:#0a1014;background-color:var(--bg-dark);border-radius:12px;color:#8696a0;color:var(--text-muted);font-size:13px;padding:6px 12px}.chat-footer{background-color:#111b21;background-color:var(--bg-panel);gap:15px;min-height:62px;padding:10px 16px}.chat-footer,.emoji-container{align-items:center;display:flex;position:relative}.emoji-btn{background:none;font-size:24px;opacity:.7;transition:opacity .2s}.emoji-btn:hover{opacity:1}.emoji-picker-wrapper{border-radius:8px;bottom:50px;box-shadow:0 5px 15px #00000080;left:0;position:absolute;z-index:100}.chat-footer input{background-color:#0a1014;background-color:var(--bg-dark);border:none;border-radius:8px;color:#e9edef;color:var(--text-main);flex:1 1;font-size:15px;padding:12px 16px}.chat-footer button{align-items:center;background:none;color:#8696a0;color:var(--text-muted);display:flex;justify-content:center;transition:color .2s}.chat-footer button:not(:disabled):hover{color:#e9edef;color:var(--text-main)}.chat-footer button:disabled{cursor:not-allowed;opacity:.5}.mobile-only{display:none}@media (max-width:768px){.sidebar{max-width:none;width:100%}.main-area.hidden,.sidebar.hidden{display:none}.mobile-only{background:none;color:#00a884;color:var(--accent);display:block;font-size:24px;padding:0 10px 0 0}.back-btn.mobile-only{align-self:flex-start;font-size:16px;margin-bottom:20px}.form-grid{grid-template-columns:1fr}.panel{padding:20px}}
/*# sourceMappingURL=main.56bf9bd6.css.map*/