*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background-color:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overscroll-behavior-y:none;padding:0}#root,body{min-height:100%}#root{width:100%}.login-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:32px;width:100%}.login-logo-container{display:flex;justify-content:center;margin-bottom:12px}.login-logo{height:80px;object-fit:contain;padding:0;width:80px}.login-title{-webkit-text-fill-color:#0000;animation:titlePulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text;font-size:42px;font-weight:800;letter-spacing:-1px;margin-bottom:6px;text-align:center;text-shadow:0 0 30px #667eea4d}.login-caption{color:#888;font-size:13px;font-style:italic;font-weight:500;letter-spacing:.5px;margin:0 0 20px;text-align:center}@keyframes titlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.95;transform:scale(1.02)}}.login-subtitle{-webkit-text-fill-color:#0000;animation:subtitleFloat 3s ease-in-out infinite;background:linear-gradient(135deg,#f093fb,#f5576c);-webkit-background-clip:text;background-clip:text;font-size:22px;font-style:italic;font-weight:600;letter-spacing:2px;margin-bottom:8px;text-align:center;text-transform:uppercase}@keyframes subtitleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.login-action-subtitle{color:#333;font-size:18px;font-weight:600;margin-bottom:24px;text-align:center}.login-error{background-color:#fee;border-radius:6px;color:#c33;font-size:14px;padding:12px}.login-error,.login-unverified{margin-bottom:20px;text-align:center}.login-unverified{background-color:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:20px}.login-unverified-icon{font-size:48px;margin-bottom:12px}.login-unverified-message{color:#856404;font-size:16px;font-weight:600;margin-bottom:8px}.login-unverified-note{color:#856404;font-size:14px;line-height:1.5;margin-bottom:16px}.login-resend-verification{background:#ffc107;border:none;border-radius:6px;color:#856404;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:background .2s}.login-resend-verification:hover:not(:disabled){background:#ffb300}.login-resend-verification:disabled{cursor:not-allowed;opacity:.6}.login-success{background-color:#e8f5e9;border-radius:6px;color:#2e7d32;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.login-form{gap:20px}.login-form,.login-form-group{display:flex;flex-direction:column}.login-form-group{gap:8px}.login-form-group label{color:#333;font-size:14px;font-weight:600}.login-form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s}.login-form-group input:focus{border-color:#667eea;outline:none}.login-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:opacity .2s}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{cursor:not-allowed;opacity:.6}.login-divider{align-items:center;color:#999;display:flex;font-size:14px;margin:20px 0;text-align:center}.login-divider:after,.login-divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.login-divider:before{margin-right:10px}.login-divider:after{margin-left:10px}.login-button-google{align-items:center;background:#fff!important;border:2px solid #e0e0e0!important;color:#333!important;display:flex;gap:10px;justify-content:center;margin-top:0;width:100%}.login-button-google:hover:not(:disabled){border-color:#db4437!important;box-shadow:0 2px 4px #db443733!important;opacity:1!important}.login-forgot-password{margin-bottom:8px;margin-top:12px;text-align:center}.login-forgot-link{background:none;border:none;color:#667eea;cursor:pointer;font-size:14px;font-weight:500;padding:0;text-decoration:none;transition:opacity .2s}.login-forgot-link:hover:not(:disabled){opacity:.8;text-decoration:underline}.login-forgot-link:disabled{cursor:not-allowed;opacity:.5}.login-register-link{color:#666;font-size:14px;margin-top:24px;text-align:center}.login-register-link a{color:#667eea;font-weight:600;text-decoration:none}.login-register-link a:hover{text-decoration:underline}.login-banned{padding:20px 0;text-align:center}.login-banned-icon{font-size:64px;margin-bottom:16px}.login-banned-message{color:#333;font-size:18px;font-weight:600;margin-bottom:24px}.login-banned-countdown{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:24px}.login-countdown-item{align-items:center;background:#f5f5f5;border-radius:8px;display:flex;flex-direction:column;min-width:70px;padding:16px}.login-countdown-value{color:#667eea;font-size:32px;font-weight:700;line-height:1;margin-bottom:4px}.login-countdown-label{color:#666;font-size:12px;font-weight:600;text-transform:uppercase}.login-banned-info{color:#666;font-size:14px;margin-top:16px}.login-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.login-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;width:100%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.login-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px 24px 0}.login-modal-title{color:#333;font-size:24px;font-weight:700;margin:0}.login-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background .2s;width:32px}.login-modal-close:hover{background:#f0f0f0}.login-modal-content{padding:0 24px 24px}.login-modal-description{color:#666;font-size:14px;line-height:1.5;margin-bottom:20px}.login-modal-actions{display:flex;gap:12px;margin-top:20px}.login-button-secondary{background:#f0f0f0!important;color:#333!important}.login-button-secondary:hover:not(:disabled){background:#e0e0e0!important;opacity:1!important}@media (max-width:600px){.login-modal{margin:0;max-width:100%}.login-modal-actions{flex-direction:column}.login-modal-actions .login-button{width:100%}}.email-verification-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.email-verification-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:500px;padding:40px;text-align:center;width:100%}.email-verification-logo-container{display:flex;justify-content:center;margin-bottom:20px}.email-verification-logo{height:80px;object-fit:contain;width:80px}.email-verification-icon{font-size:64px;margin-bottom:20px}.email-verification-title{color:#333;font-size:28px;font-weight:700;margin:0 0 8px}.email-verification-subtitle{color:#666;font-size:20px;font-weight:600;margin:0 0 32px}.email-verification-content{margin-bottom:32px;text-align:left}.email-verification-message{color:#333;font-size:16px;margin-bottom:8px}.email-verification-email{color:#667eea;font-size:18px;font-weight:600;margin-bottom:24px;word-break:break-all}.email-verification-instructions{background:#f5f5f5;border-radius:8px;margin-bottom:24px;padding:20px}.email-verification-instructions p{color:#666;font-size:14px;line-height:1.6;margin-bottom:8px}.email-verification-note{color:#333;font-weight:600;margin-top:12px}.email-verification-tips{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:16px}.email-verification-tips-title{color:#856404;font-size:14px;font-weight:600;margin-bottom:12px}.email-verification-tips ul{color:#856404;font-size:14px;line-height:1.8;margin:0;padding-left:20px}.email-verification-tips li{margin-bottom:4px}.email-verification-actions{margin-top:24px}.email-verification-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:opacity .2s}.email-verification-button:hover{opacity:.9}@media (max-width:600px){.email-verification-card{padding:24px}.email-verification-title{font-size:24px}.email-verification-subtitle{font-size:18px}}.register-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.register-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:400px;padding:32px;width:100%}.register-logo-container{display:flex;justify-content:center;margin-bottom:20px}.register-logo{height:80px;object-fit:contain;width:80px}.register-title{color:#667eea;font-size:32px;font-weight:700;margin-bottom:8px;text-align:center}.register-subtitle{color:#333;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.register-error{background-color:#fee;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.register-success{background-color:#e8f5e9;border-radius:8px;color:#2e7d32;margin-bottom:24px;padding:24px;text-align:center}.register-success-icon{align-items:center;background:#2e7d32;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:48px;justify-content:center;margin:0 auto 16px;width:48px}.register-success-title{color:#2e7d32;font-size:18px;font-weight:600;margin-bottom:8px}.register-success-message{font-size:14px;line-height:1.5;margin-bottom:8px}.register-success-note{color:#666;font-size:12px;margin-top:12px}.register-form{display:flex;flex-direction:column;gap:20px}.register-form-group{display:flex;flex-direction:column;gap:8px}.register-form-group label{color:#333;font-size:14px;font-weight:600}.register-form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s}.register-form-group input:focus{border-color:#667eea;outline:none}.register-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:opacity .2s}.register-button:hover:not(:disabled){opacity:.9}.register-button:disabled{cursor:not-allowed;opacity:.6}.register-divider{align-items:center;color:#999;display:flex;font-size:14px;margin:20px 0;text-align:center}.register-divider:after,.register-divider:before{border-bottom:1px solid #e0e0e0;content:"";flex:1 1}.register-divider:before{margin-right:10px}.register-divider:after{margin-left:10px}.register-button-google{align-items:center;background:#fff!important;border:2px solid #e0e0e0!important;color:#333!important;display:flex;gap:10px;justify-content:center;margin-top:0;width:100%}.register-button-google:hover:not(:disabled){border-color:#db4437!important;box-shadow:0 2px 4px #db443733!important;opacity:1!important}.google-icon{flex-shrink:0;height:20px;width:20px}.register-login-link{color:#666;font-size:14px;margin-top:24px;text-align:center}.register-login-link a{color:#667eea;font-weight:600;text-decoration:none}.register-login-link a:hover{text-decoration:underline}.chat-container{display:flex;height:100vh;height:calc(var(--vh, 1vh)*100);overflow:hidden;position:relative;touch-action:none;width:100%}.chat-loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.chat-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.chat-sidebar{background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;max-width:300px;overflow:hidden;width:100%}.chat-sidebar-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px}.chat-sidebar-header-actions{align-items:center;display:flex;gap:8px}.chat-sidebar-close{background:none;border:none;color:#666;cursor:pointer;display:none;font-size:24px;line-height:1;padding:4px 8px}.chat-sidebar-close:hover{color:#333}.chat-sidebar-title{color:#333;font-size:20px;font-weight:600}.chat-sidebar-tabs{background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex}.chat-sidebar-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px 16px;transition:all .2s}.chat-sidebar-tab:hover{background:#00000005;color:#333}.chat-sidebar-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.chat-logout-button{background:#f44336;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:8px 16px;transition:background .2s}.chat-logout-button:hover{background:#d32f2f}.chat-users-list{flex:1 1;overflow-y:auto;padding:8px}.chat-no-users{color:#999;font-size:14px;padding:20px;text-align:center}.chat-user-item{-webkit-tap-highlight-color:transparent;align-items:center;border-radius:8px;cursor:pointer;display:flex;margin-bottom:4px;outline:none;padding:12px;transition:background .2s}.chat-user-item:active{background:#0000}.chat-user-item:focus{outline:none}.chat-user-item.current-user{background:#e8f5e9;font-weight:500}.chat-user-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:600;height:48px;justify-content:center;margin-right:12px;overflow:hidden;position:relative;width:48px}.chat-user-avatar-image{height:100%;object-fit:cover;width:100%}.chat-user-avatar-initials{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.chat-user-info{flex:1 1;min-width:0}.chat-user-name{color:#333;font-size:16px;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-user-status{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px}.chat-user-status-online{color:#2e7d32}.chat-user-status-away{color:#f57c00}.chat-user-status-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.chat-user-status-dot-online{animation:pulse 2s ease-in-out infinite;background:#4caf50}.chat-user-status-dot-away{background:#ffb300}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.chat-user-status-text{text-transform:lowercase}.chat-user-room-indicator{color:#999;font-size:11px;font-style:italic;margin-left:4px}.chat-user-email{color:#999;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-main{background:#f9f9f9;display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:hidden;touch-action:pan-y}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:12px;justify-content:space-between;padding:16px 20px;touch-action:none}.chat-menu-button{background:none;border:none;color:#333;cursor:pointer;display:none;font-size:24px;line-height:1;padding:4px 8px}.chat-menu-button:hover{opacity:.7}.chat-header-user{align-items:center;display:flex;flex-grow:1}.chat-header-name-container{align-items:center;display:flex;gap:8px;position:relative}.chat-room-dropdown-toggle{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:12px;line-height:1;padding:2px 4px;transition:color .2s}.chat-room-dropdown-toggle:hover{color:#333}.chat-room-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;left:0;margin-top:8px;min-width:180px;overflow:hidden;position:absolute;top:100%;z-index:100}.chat-room-option{align-items:center;background:#fff;border:none;border-bottom:1px solid #f0f0f0;color:#333;cursor:pointer;display:flex;font-size:15px;justify-content:space-between;padding:12px 16px;text-align:left;transition:background .2s;width:100%}.chat-room-option-icon{font-size:18px;margin-right:8px}.chat-room-option-name{flex:1 1}.chat-room-option-count{color:#999;font-size:13px;font-weight:500;margin-left:8px}.chat-room-option:last-child{border-bottom:none}.chat-room-option:hover{background:#f5f5f5}.chat-room-option.active{background:#e8f0fe;color:#667eea;font-weight:600}.chat-header-room-indicator{color:#999;font-size:12px;font-weight:400;margin-left:4px}.chat-header-actions{align-items:center;display:flex;gap:8px;margin-left:auto}.chat-features-button,.chat-settings-button{background:none;border:none;color:#333;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;transition:opacity .2s}.chat-features-button:hover,.chat-settings-button:hover{opacity:.7}.chat-header-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;font-size:24px;height:40px;justify-content:center;margin-right:12px;width:40px}.chat-header-name{color:#333;font-size:18px;font-weight:600}.chat-header-status{color:#4caf50;font-size:12px}.chat-messages{-webkit-overflow-scrolling:touch;display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:20px;touch-action:pan-y}.chat-no-messages{align-items:center;color:#999;display:flex;font-size:16px;height:100%;justify-content:center}.chat-message{display:flex;width:100%}.chat-message.own{justify-content:flex-end}.chat-message.other{justify-content:flex-start}.chat-message-content{word-wrap:break-word;border-radius:12px;margin-bottom:10px;max-width:70%;overflow:visible;padding:12px 16px;position:relative}.chat-message.own .chat-message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.chat-message.other .chat-message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333}.chat-message.bot .chat-message-content{background:#e3f2fd}.chat-message-sender{color:#667eea;font-size:12px;font-weight:600;margin-bottom:4px}.chat-message-text{font-size:14px;font-size:var(--chat-font-size,14px);line-height:1.4;margin-bottom:4px}.chat-markdown-paragraph{margin:0 0 8px}.chat-markdown-paragraph:last-child{margin-bottom:0}.chat-markdown-list{list-style-type:disc;margin:8px 0;padding-left:20px}.chat-markdown-list-item{line-height:1.5;margin:4px 0}.chat-markdown-bold{font-weight:600}.chat-message-footer{align-items:center;display:flex;gap:8px;justify-content:flex-end;margin-top:4px}.chat-message.other .chat-message-footer{justify-content:flex-start}.chat-message-time{font-size:11px;opacity:.7}.chat-message-reactions-container{align-items:center;bottom:-10px;display:flex;flex-wrap:wrap;gap:4px;left:8px;max-width:calc(100% - 16px);position:absolute;z-index:10}.chat-message.other .chat-message-reactions-container{left:auto;max-width:calc(100% - 16px);right:8px}.chat-message-reactions{align-items:center;background:#0000000d;border-radius:12px;display:flex;gap:2px;padding:2px 6px}.chat-message.own .chat-message-reactions{background:#fff3}.chat-reaction-emoji{cursor:default;font-size:16px;line-height:1}.chat-reaction-count{color:#00000080;font-size:12px;margin-left:2px}.chat-reaction-emoji-clickable{cursor:pointer;transition:opacity .2s}.chat-reaction-emoji-clickable:hover{opacity:.7}.chat-reaction-button{align-items:center;background:#ffffffe6;border:1px solid #0000001a;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:14px;font-weight:600;height:20px;justify-content:center;opacity:1;padding:0;transition:background .2s;width:20px}.chat-reaction-button:hover{background:#fff;border-color:#0003}.chat-message.own .chat-reaction-button{background:#ffffff4d;border-color:#fff6;color:#fff}.chat-message.own .chat-reaction-button:hover{background:#fff6}.chat-reaction-picker{animation:slideUp .2s ease-out;background:#fff;border-radius:24px;bottom:100%;box-shadow:0 4px 12px #00000026;display:flex;gap:4px;margin-bottom:8px;padding:4px;position:absolute;right:-32px;z-index:100}@keyframes slideUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-reaction-picker-emoji{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;padding:0;transition:background .2s,transform .1s;width:36px}.chat-reaction-picker-emoji:hover{background:#0000000d;transform:scale(1.1)}.chat-reaction-picker-emoji:active{transform:scale(.95)}.chat-message-system{display:flex;justify-content:center;margin:8px 0;width:100%}.chat-system-message-content{background:#0000000d;border-radius:12px;color:#666;font-size:13px;font-style:italic;padding:6px 12px;text-align:center}.chat-typing-indicator{color:#999;font-size:13px;font-style:italic;margin:4px 0;padding:8px 16px}.chat-typing-text{display:inline-block}.chat-input-form{-webkit-overflow-scrolling:touch;align-items:flex-end;background:#fff;border-top:1px solid #e0e0e0;display:flex;flex-shrink:0;gap:12px;padding:16px;touch-action:none}.chat-input{word-wrap:break-word;-ms-overflow-style:none;border:2px solid #e0e0e0;border-radius:24px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:15px;line-height:20px;max-height:70px;min-height:46px;outline:none;overflow-x:hidden;overflow-y:auto;padding:12px 16px;resize:none;scrollbar-width:none;touch-action:manipulation;transition:border-color .2s;white-space:pre-wrap}.chat-input::-webkit-scrollbar{display:none}.chat-input:focus{border-color:#667eea}.chat-send-button{-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;touch-action:manipulation;transition:opacity .2s;white-space:nowrap}.chat-send-button:hover{opacity:.9}.chat-empty{align-items:center;color:#999;display:flex;flex-direction:column;height:100%;justify-content:center}.chat-empty-icon{font-size:64px;margin-bottom:16px}.chat-empty-text{font-size:18px}.chat-sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:998}@media (max-width:768px){.chat-container{flex-direction:row;height:100vh;position:relative}.chat-menu-button{display:block}.chat-sidebar-overlay{background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:998}.chat-sidebar{bottom:0;box-shadow:2px 0 8px #0000001a;height:100vh;height:calc(var(--vh, 1vh)*100);left:-100%;max-width:85%;position:fixed;top:0;transition:left .3s ease;width:280px;z-index:999}.chat-sidebar.open{left:0}.chat-sidebar-close{display:block}.chat-main{flex:1 1;height:100vh;height:calc(var(--vh, 1vh)*100);width:100%}.chat-message-content{margin-bottom:12px;max-width:85%}.chat-message-reactions-container{bottom:-8px;left:0!important;max-width:min(100%,calc(100vw - 48px));right:auto!important}.chat-message.other .chat-message-reactions-container{left:auto!important;max-width:min(100%,calc(100vw - 48px));right:0!important}}@media (max-width:480px){.chat-message-content{margin-bottom:12px;max-width:90%}.chat-message-reactions-container{bottom:-8px;left:0!important;max-width:min(100%,calc(100vw - 48px));right:auto!important}.chat-message.other .chat-message-reactions-container{left:auto!important;max-width:min(100%,calc(100vw - 48px));right:0!important}.chat-messages{padding-left:12px;padding-right:12px}.chat-input-form{padding:12px}.chat-send-button{font-size:14px;padding:12px 16px}}.chat-features-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.chat-features-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.chat-features-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:24px}.chat-features-modal-title{color:#333;font-size:24px;font-weight:700;margin:0}.chat-features-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;font-size:28px;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s,color .2s;width:32px}.chat-features-modal-close:hover{background:#f5f5f5;color:#333}.chat-features-modal-content{flex:1 1;overflow-y:auto;padding:24px}.chat-features-modal-intro{color:#666;font-size:15px;line-height:1.6;margin-bottom:24px}.chat-features-list{display:flex;flex-direction:column;gap:12px;list-style:none;margin:0;padding:0}.chat-feature-item{align-items:center;background:#f9f9f9;border-radius:8px;display:flex;gap:12px;padding:12px;transition:background .2s,transform .2s}.chat-feature-item:hover{background:#f0f0f0;transform:translateX(4px)}.chat-feature-icon{flex-shrink:0;font-size:24px}.chat-feature-text{color:#333;font-size:16px;font-weight:500}.chat-features-modal-footer{border-top:1px solid #e0e0e0;color:#999;font-size:14px;font-style:italic;margin-top:24px;padding-top:24px;text-align:center}@media (max-width:600px){.chat-features-modal{max-height:95vh;max-width:100%}.chat-features-modal-header{padding:20px}.chat-features-modal-title{font-size:20px}.chat-features-modal-content{padding:20px}.chat-feature-item{padding:10px}.chat-feature-icon{font-size:20px}.chat-feature-text{font-size:15px}}.chat-dm-modal-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;max-height:100vh;max-height:100dvh;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;transition:top .2s ease-out,height .2s ease-out;z-index:1000}.chat-dm-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;display:flex;flex-direction:column;max-height:80vh;max-height:80dvh;max-width:600px;position:relative;transition:max-height .2s ease-out;width:100%}.chat-dm-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.chat-dm-back-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:20px;margin-right:12px;padding:4px 8px;transition:opacity .2s}.chat-dm-back-button:hover{opacity:.7}.chat-dm-modal-title-container{align-items:center;display:flex;flex:1 1;gap:8px}.chat-dm-modal-title{color:#333;font-size:20px;font-weight:600;margin:0}.chat-dm-user-room{color:#666;font-size:14px;font-weight:400}.chat-dm-modal-close{align-items:center;background:none;border:none;border-radius:6px;color:#999;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;line-height:1;padding:0;transition:background .2s,color .2s;width:32px}.chat-dm-modal-close:hover{background:#f5f5f5;color:#333}.chat-dm-conversations-list{flex:1 1;overflow-y:auto;padding:8px 0}.chat-dm-no-conversations{color:#999;font-size:14px;padding:40px 24px;text-align:center}.chat-dm-conversation-item{border-bottom:1px solid #f0f0f0;cursor:pointer;padding:16px 24px;position:relative;transition:background .2s}.chat-dm-conversation-item:hover{background:#f9f9f9}.chat-dm-conversation-name-container{align-items:center;display:flex;gap:8px;margin-bottom:4px}.chat-dm-conversation-name{color:#333;font-size:15px;font-weight:600}.chat-dm-online-dot{background:#4caf50;border-radius:50%;flex-shrink:0;height:8px;width:8px}.chat-dm-conversation-preview{color:#666;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-dm-unread-badge{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:600;min-width:20px;padding:2px 8px;position:absolute;right:24px;text-align:center;top:16px}.chat-dm-messages{-webkit-overflow-scrolling:touch;background:#f9f9f9;display:flex;flex:1 1;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding:20px}.chat-dm-no-messages{align-items:center;color:#999;display:flex;font-size:16px;height:100%;justify-content:center}.chat-dm-typing-indicator{color:#999;font-size:13px;font-style:italic;margin:4px 0;padding:8px 16px}.chat-dm-message{display:flex;width:100%}.chat-dm-message.own{justify-content:flex-end}.chat-dm-message.other{justify-content:flex-start}.chat-dm-message-content{word-wrap:break-word;border-radius:12px;max-width:70%;padding:12px 16px;position:relative}.chat-dm-message.own .chat-dm-message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.chat-dm-message.other .chat-dm-message-content{background:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333}.chat-dm-message-sender{color:#667eea;font-size:12px;font-weight:600;margin-bottom:4px}.chat-dm-message-text{font-size:14px;font-size:var(--chat-font-size,14px);line-height:1.4;margin-bottom:4px}.chat-dm-message-time{font-size:11px;margin-top:4px;opacity:.7}.chat-dm-input-form{align-items:flex-end;background:#fff;border-top:1px solid #e0e0e0;bottom:0;display:flex;flex-shrink:0;gap:12px;padding:16px 20px;position:-webkit-sticky;position:sticky;z-index:10}.chat-dm-input{-ms-overflow-style:none;word-wrap:break-word;border:1px solid #ddd;border-radius:24px;box-sizing:border-box;flex:1 1;font-family:inherit;font-size:15px;line-height:20px;max-height:70px;min-height:46px;overflow-x:hidden;overflow-y:auto;padding:12px 16px;resize:none;scrollbar-width:none;white-space:pre-wrap}.chat-dm-input::-webkit-scrollbar{display:none}.chat-dm-input:focus{border-color:#667eea;outline:none}.chat-dm-send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:24px;color:#fff;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:600;padding:12px 24px;transition:opacity .2s;white-space:nowrap}.chat-dm-send-button:hover{opacity:.9}.chat-user-dropdown-container{flex-shrink:0;position:relative}.chat-user-dropdown-button{align-items:center;color:#667eea;display:flex;font-size:20px;justify-content:center;line-height:1;padding:4px 8px;pointer-events:none}.chat-user-dropdown-menu{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 12px #00000026;margin-top:4px;min-width:120px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.chat-user-dropdown-item{background:none;border:none;color:#333;cursor:pointer;font-size:14px;padding:10px 16px;text-align:left;transition:background-color .2s;width:100%}.chat-user-dropdown-item:hover{background-color:#f5f5f5}.chat-user-dropdown-item:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.chat-user-dropdown-item:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.chat-messages-button{background:none;border:none;color:#333;cursor:pointer;font-size:24px;line-height:1;padding:4px 8px;position:relative;transition:opacity .2s}.chat-messages-button:hover{opacity:.7}.chat-messages-badge{align-items:center;background:#f44;border-radius:10px;box-shadow:0 2px 4px #0003;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;position:absolute;right:-4px;top:-4px}@media (max-width:600px){.chat-dm-modal-overlay{align-items:center;max-height:100vh;max-height:100dvh;overflow-y:auto;padding:12px}.chat-dm-modal{border-radius:12px;max-height:85vh;max-height:85dvh;max-width:100%;min-height:0;transition:max-height .2s ease-out,height .2s ease-out}.chat-dm-modal-header{padding:16px 20px}.chat-dm-modal-title{font-size:18px}.chat-dm-conversation-item{padding:12px 20px}.chat-dm-messages{padding:16px}.chat-dm-input-form{padding:12px 12px max(12px,env(safe-area-inset-bottom,0px))}}.chat-profile-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:2000}.chat-profile-modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:400px;overflow:hidden;width:100%}.chat-profile-modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:16px 20px}.chat-profile-modal-title{color:#333;font-size:20px;font-weight:600;margin:0}.chat-profile-modal-close{align-items:center;background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:flex;font-size:24px;height:32px;justify-content:center;padding:0;transition:background-color .2s;width:32px}.chat-profile-modal-close:hover{background-color:#f5f5f5}.chat-profile-modal-content{align-items:center;display:flex;flex-direction:column;gap:16px;padding:32px 20px}.chat-profile-modal-avatar{align-items:center;background:#f0f0f0;border-radius:50%;display:flex;height:120px;justify-content:center;overflow:hidden;position:relative;width:120px}.chat-profile-modal-avatar-image{height:100%;object-fit:cover;width:100%}.chat-profile-modal-avatar-initials{align-items:center;background:#e8eaf6;color:#667eea;display:flex;font-size:48px;font-weight:600;height:100%;justify-content:center;width:100%}.chat-profile-modal-name{color:#333;font-size:24px;font-weight:600;text-align:center}@media (max-width:600px){.chat-profile-modal{margin:20px;max-width:100%}.chat-profile-modal-overlay{padding:0}}.admin-container{background:#f5f5f5;min-height:100vh;padding:20px}.admin-room-form{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:8px;padding:16px}.admin-form-group,.admin-room-form{margin-bottom:16px}.admin-form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.admin-input{border:1px solid #ddd;border-radius:6px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:border-color .2s;width:100%}.admin-input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea1a;outline:none}.admin-icon-button{align-items:center;background:#fff;border:1px solid #ddd;border-radius:6px;cursor:pointer;display:flex;font-size:16px;gap:8px;padding:10px 16px;transition:all .2s}.admin-icon-button:hover{background:#f5f5f5;border-color:#667eea}.admin-icon-picker{grid-gap:8px;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000026;display:grid;gap:8px;grid-template-columns:repeat(10,1fr);left:0;margin-top:8px;max-height:300px;max-width:400px;overflow-y:auto;padding:12px;position:absolute;top:100%;z-index:1000}.admin-icon-option{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:4px;cursor:pointer;display:flex;font-size:20px;justify-content:center;padding:8px;transition:all .2s}.admin-icon-option:hover{background:#f0f0f0;border-color:#667eea;transform:scale(1.1)}.admin-room-row{-webkit-user-drag:element;cursor:move;position:relative;transition:background-color .2s;user-select:none;-webkit-user-select:none}.admin-room-row:hover{background-color:#f9f9f9}.admin-room-dragging{background-color:#f0f0f0;opacity:.5}.admin-room-drag-over{background-color:#e8f0fe;border-top:3px solid #667eea}.admin-room-drag-handle{color:#999;cursor:grab;font-size:18px;line-height:1;padding:8px 4px;text-align:center;touch-action:none;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;vertical-align:middle}.admin-room-drag-handle:active{cursor:grabbing}.admin-room-row:hover .admin-room-drag-handle{color:#667eea}.admin-room-row .admin-action-button{pointer-events:auto}.admin-room-row.dragging .admin-action-button{pointer-events:none}.admin-loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.admin-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.admin-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px 24px}.admin-title{color:#333;font-size:28px;font-weight:700;margin:0 0 4px}.admin-role-badge{color:#667eea;font-size:14px;font-weight:600;margin:0}.admin-header-actions{display:flex;gap:12px}.admin-button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .2s}.admin-button-primary{background:#667eea;color:#fff}.admin-button-primary:hover{opacity:.9}.admin-button-secondary{background:#667eea;color:#fff}.admin-button-secondary:hover{opacity:.9}.admin-button-danger{background:#f44336;color:#fff}.admin-button-danger:hover{opacity:.9}.admin-content{display:flex;flex-direction:column;gap:0}.admin-tabs{background:#fff;border-bottom:2px solid #e0e0e0;border-radius:12px 12px 0 0;box-shadow:0 2px 4px #0000001a;display:flex;margin-bottom:0;overflow-x:auto;padding:0}.admin-tab{background:none;border:none;border-bottom:3px solid #0000;color:#666;cursor:pointer;font-size:15px;font-weight:500;padding:16px 24px;position:relative;transition:all .2s;white-space:nowrap}.admin-tab:hover{background:#f9f9f9;color:#333}.admin-tab.active{background:#fff;border-bottom-color:#667eea;color:#667eea}.admin-section{background:#fff;border-radius:0 0 12px 12px;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:24px}.admin-section-title{color:#333;font-size:20px;font-weight:600;margin:0 0 20px}.admin-section-header-with-filter{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:20px}.admin-room-filter{align-items:center;display:flex;gap:8px}.admin-room-filter-label{color:#666;font-size:14px;font-weight:500}.admin-room-filter-select{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;padding:8px 12px;transition:border-color .2s}.admin-room-filter-select:hover{border-color:#667eea}.admin-room-filter-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.admin-empty{color:#999;font-size:14px}.admin-empty,.admin-error{padding:40px;text-align:center}.admin-error{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;margin:100px auto;max-width:500px}.admin-error h2{color:#f44336;margin-bottom:16px}.admin-error p{color:#666;font-size:16px;margin-bottom:12px}.admin-table{border-collapse:collapse;-webkit-user-select:none;user-select:none;width:100%}.admin-table thead{background:#f9f9f9}.admin-table th{border-bottom:2px solid #e0e0e0;color:#666;font-size:14px;font-weight:600;padding:12px;text-align:left}.admin-table td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px}.admin-table tbody tr:hover{background:#f9f9f9}.admin-banned-badge{background:#ffebee;color:#c62828}.admin-active-badge,.admin-banned-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.admin-active-badge{background:#e8f5e9;color:#2e7d32}.admin-offline-badge{background:#f3f4f6;border-radius:4px;color:#6b7280;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.admin-verified-badge{color:#2e7d32}.admin-unverified-badge,.admin-verified-badge{display:inline-block;font-size:18px;font-weight:700;line-height:1}.admin-unverified-badge{color:#999;opacity:.5}.admin-user-actions{display:flex;gap:8px}.admin-action-button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px;transition:opacity .2s}.admin-action-button:disabled{cursor:not-allowed;opacity:.5}.admin-action-ban{background:#ff9800;color:#fff}.admin-action-ban:hover:not(:disabled){opacity:.9}.admin-action-unban{background:#4caf50;color:#fff}.admin-action-unban:hover{opacity:.9}.admin-role-select{background:#fff;border:2px solid #e0e0e0;border-radius:6px;color:#333;cursor:pointer;font-size:12px;font-weight:600;padding:6px 12px}.admin-role-select:disabled{cursor:not-allowed;opacity:.5}.admin-role-select:focus{border-color:#667eea;outline:none}.admin-messages-table-wrapper{max-height:600px;overflow-x:auto;overflow-y:auto}.admin-messages-table{border-collapse:collapse;width:100%}.admin-messages-table thead{background:#f9f9f9;position:-webkit-sticky;position:sticky;top:0;z-index:10}.admin-messages-table th{border-bottom:2px solid #e0e0e0;color:#666;font-size:12px;font-weight:600;padding:8px 12px;text-align:left;white-space:nowrap}.admin-messages-table th:first-child{width:15%}.admin-messages-table th:nth-child(2){width:auto}.admin-messages-table th:nth-child(3){width:20%}.admin-messages-table th:last-child{width:10%}.admin-message-row{border-bottom:1px solid #f0f0f0}.admin-message-row:hover{background:#f9f9f9}.admin-message-row:last-child{border-bottom:none}.admin-message-room-cell{color:#999;font-size:12px;font-weight:500;padding:8px 12px;vertical-align:top;white-space:nowrap}.admin-message-sender-cell{color:#667eea;font-size:13px;font-weight:600;padding:8px 12px;vertical-align:top}.admin-message-text-cell{word-wrap:break-word;color:#333;font-size:13px;line-height:1.4;max-width:0;overflow-wrap:break-word;padding:8px 12px}.admin-message-time-cell{color:#999;font-size:12px;white-space:nowrap}.admin-message-actions-cell,.admin-message-time-cell{padding:8px 12px;vertical-align:top}.admin-message-delete{background:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:11px;font-weight:600;padding:4px 10px;transition:opacity .2s;white-space:nowrap}.admin-message-delete:hover{opacity:.9}.admin-messages-pagination{align-items:center;border-top:1px solid #e0e0e0;display:flex;gap:16px;justify-content:center;margin-top:16px;padding-top:16px}.admin-pagination-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:opacity .2s}.admin-pagination-button:hover:not(:disabled){opacity:.9}.admin-pagination-button:disabled{cursor:not-allowed;opacity:.5}.admin-pagination-info{color:#666;font-size:13px;white-space:nowrap}.admin-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.admin-modal{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0003;max-width:400px;padding:24px;width:90%}.admin-modal h3{color:#333;font-size:20px;margin:0 0 16px}.admin-modal p{color:#666;margin:0 0 16px}.admin-ban-durations{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px}.admin-ban-duration-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:opacity .2s}.admin-ban-duration-button:hover{opacity:.9}.admin-sync-success{color:#2e7d32;font-weight:600;margin-bottom:16px}.admin-sync-error{color:#c62828;font-weight:600;margin-bottom:16px}.admin-sync-users-list{background:#f5f5f5;border-radius:8px;margin-top:16px;max-height:300px;overflow-y:auto;padding:12px}.admin-sync-users-list ul{list-style:none;margin:8px 0 0;padding:0}.admin-sync-users-list li{border-bottom:1px solid #e0e0e0;padding:6px 0}.admin-sync-users-list li:last-child{border-bottom:none}@media (max-width:768px){.admin-container{padding:12px}.admin-tabs{-webkit-overflow-scrolling:touch;border-radius:8px 8px 0 0;overflow-x:auto}.admin-tab{font-size:14px;padding:12px 16px}.admin-header{align-items:flex-start;flex-direction:column;gap:16px}.admin-header-actions{flex-direction:column;width:100%}.admin-button{width:100%}.admin-content{grid-template-columns:1fr}.admin-table{font-size:12px}.admin-table td,.admin-table th{padding:8px}.admin-messages-table-wrapper{max-height:400px}.admin-messages-table{font-size:11px}.admin-messages-table td,.admin-messages-table th{padding:6px 8px}.admin-message-sender-cell,.admin-message-text-cell,.admin-message-time-cell{font-size:11px}.admin-message-delete{font-size:10px;padding:3px 8px}.admin-messages-pagination{flex-direction:column;gap:12px}.admin-pagination-info{font-size:12px;text-align:center}.admin-pagination-button{padding:10px;width:100%}}.admin-audit-logs{max-height:600px;overflow-y:auto}.admin-audit-logs-list{display:flex;flex-direction:column;gap:12px}.admin-audit-log-item{background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;padding:16px;transition:background .2s}.admin-audit-log-item:hover{background:#f5f5f5}.admin-audit-log-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:12px;padding-bottom:8px}.admin-audit-log-type{color:#667eea;font-size:14px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.admin-audit-log-time{color:#999;font-size:12px}.admin-audit-log-details{display:flex;flex-direction:column;gap:8px}.admin-audit-log-target,.admin-audit-log-user{color:#333;font-size:14px}.admin-ai-usage-list{margin-top:20px}.admin-ai-limit-reached{color:#f44336;font-weight:600}.admin-ai-remaining{color:#2e7d32;font-weight:500}.admin-ai-limit-reached-badge{background:#ffebee;color:#c62828}.admin-ai-active-badge,.admin-ai-limit-reached-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:4px 8px}.admin-ai-active-badge{background:#e8f5e9;color:#2e7d32}.admin-ai-inactive-badge{background:#f5f5f5;border-radius:4px;color:#666;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.admin-audit-log-target strong,.admin-audit-log-user strong{color:#666;margin-right:4px}.admin-audit-log-meta{margin-top:8px}.admin-audit-log-meta strong{color:#666;display:block;font-size:12px;margin-bottom:4px}.admin-audit-log-details-json{word-wrap:break-word;background:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;font-family:Courier New,monospace;font-size:11px;margin:0;overflow-x:auto;padding:8px;white-space:pre-wrap}.admin-bot-logs-table-wrapper{margin-top:16px;overflow-x:auto}.admin-bot-logs-table{background:#fff;border-collapse:collapse;border-radius:8px;box-shadow:0 1px 3px #0000001a;overflow:hidden;width:100%}.admin-bot-logs-table thead{background:#f8f9fa;border-bottom:2px solid #e0e0e0}.admin-bot-logs-table th{color:#333;font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.admin-bot-logs-table th:first-child{padding-left:20px}.admin-bot-logs-table th:last-child{padding-right:20px}.admin-bot-log-row{border-bottom:1px solid #f0f0f0;transition:background-color .2s}.admin-bot-log-row:hover{background-color:#f8f9fa}.admin-bot-log-row:last-child{border-bottom:none}.admin-bot-log-answer-cell,.admin-bot-log-question-cell,.admin-bot-log-room-cell,.admin-bot-log-time-cell,.admin-bot-log-type-cell,.admin-bot-log-user-cell{color:#333;font-size:14px;padding:12px 16px;vertical-align:top}.admin-bot-log-answer-cell,.admin-bot-log-question-cell{word-wrap:break-word;max-width:300px;word-break:break-word}.admin-bot-log-basic{background:#e3f2fd;color:#1976d2}.admin-bot-log-ai,.admin-bot-log-basic{border-radius:4px;display:inline-block;font-size:12px;font-weight:500;padding:4px 8px}.admin-bot-log-ai{background:#f3e5f5;color:#7b1fa2}.admin-bot-logs-pagination{align-items:center;display:flex;justify-content:center;margin-top:20px}@media (max-width:768px){.admin-bot-logs-table-wrapper{overflow-x:scroll}.admin-bot-logs-table{min-width:800px}.admin-bot-log-answer-cell,.admin-bot-log-question-cell{max-width:150px}.admin-audit-logs{max-height:400px}.admin-audit-log-header{align-items:flex-start;flex-direction:column;gap:4px}.admin-audit-log-details-json{font-size:10px}}.settings-container{align-items:center;background:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:20px}.settings-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:32px;width:100%}.settings-header{align-items:center;border-bottom:1px solid #eee;display:flex;margin-bottom:24px;padding-bottom:16px}.settings-back-button{background:none;border:none;border-radius:6px;color:#667eea;cursor:pointer;font-size:16px;margin-right:16px;padding:8px 12px;transition:background .2s}.settings-back-button:hover{background:#f0f2f5}.settings-title{color:#333;flex-grow:1;font-size:28px;font-weight:700;margin:0}.settings-tabs-container{margin-bottom:24px;position:relative}.settings-tabs{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;border-bottom:1px solid #eee;display:flex;gap:8px;overflow-x:auto;padding-bottom:0;scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs-arrow{align-items:center;color:#667eea;display:flex;font-size:18px;font-weight:700;justify-content:center;opacity:.6;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);z-index:2}.settings-tabs-arrow-left{left:0}.settings-tabs-arrow-right{right:0}.settings-tab{background:none;border:none;border-bottom:2px solid #0000;color:#666;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:500;margin-bottom:-1px;padding:12px 20px;transition:color .2s,border-color .2s;white-space:nowrap}.settings-tab:hover{color:#667eea}.settings-tab.active{border-bottom-color:#667eea;color:#667eea}.settings-content{padding-top:16px}.settings-section{margin-bottom:32px}.settings-section-header-expandable{align-items:flex-start;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px;transition:background .2s}.settings-section-header-expandable:hover{background:#f9f9f9}.settings-section-header-expandable>div{flex:1 1}.settings-expand-button{background:none;border:none;color:#667eea;cursor:pointer;flex-shrink:0;font-size:16px;line-height:1;margin-left:16px;padding:4px 8px;transition:transform .2s}.settings-expand-button:hover{color:#5a67d8}.settings-section-content-expandable{animation:slideDown .3s ease-out;padding-left:12px;padding-right:12px}@keyframes slideDown{0%{max-height:0;opacity:0;transform:translateY(-10px)}to{max-height:1000px;opacity:1;transform:translateY(0)}}.settings-section-title{color:#333;font-size:22px;font-weight:600;margin-bottom:8px}.settings-section-description{color:#666;font-size:14px;margin-bottom:0}.settings-message{background-color:#e8f5e9;color:#2e7d32}.settings-error,.settings-message{border-radius:6px;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.settings-error{background-color:#ffebee;color:#c62828}.settings-form{gap:16px}.settings-form,.settings-form-group{display:flex;flex-direction:column}.settings-form-group label{color:#555;font-size:14px;font-weight:500;margin-bottom:6px}.settings-form-group input{border:1px solid #ddd;border-radius:8px;color:#333;font-size:16px;padding:12px;transition:border-color .2s}.settings-form-group input:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.settings-select{background:#fff;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s;width:100%}.settings-select:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea33;outline:none}.settings-select:disabled{background:#f5f5f5;cursor:not-allowed;opacity:.6}.settings-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:background .2s}.settings-profile-picture-actions .settings-button{border-radius:6px;font-size:14px;font-weight:500;padding:8px 16px;white-space:nowrap}.settings-button:hover:not(:disabled){background:#5a67d8}.settings-button:disabled{cursor:not-allowed;opacity:.6}.settings-checkbox-group{margin-top:8px}.settings-checkbox-label{align-items:center;border-radius:8px;cursor:pointer;display:flex;padding:12px;transition:background .2s;-webkit-user-select:none;user-select:none}.settings-checkbox-label:hover{background:#f9f9f9}.settings-checkbox{accent-color:#667eea;cursor:pointer;flex-shrink:0;height:20px;margin-right:12px;width:20px}.settings-checkbox:disabled{cursor:not-allowed;opacity:.6}.settings-checkbox-text{color:#333;font-size:15px;line-height:1.5}.settings-saving-indicator{color:#667eea;font-size:13px;font-style:italic;margin-left:4px}@media (max-width:600px){.settings-card{padding:24px}.settings-title{font-size:24px}.settings-section-title{font-size:20px}}.settings-profile-picture-section{border-bottom:1px solid #e0e0e0;margin-bottom:24px;padding-bottom:24px}.settings-profile-picture-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:12px}.settings-profile-picture-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.settings-profile-picture-preview{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;flex-shrink:0;height:100px;overflow:hidden;position:relative;width:100px}.settings-profile-picture-image{height:100%;object-fit:cover;width:100%}.settings-profile-picture-initials{align-items:center;color:#fff;display:flex;font-size:36px;font-weight:600;height:100%;justify-content:center;width:100%}.settings-profile-picture-actions{align-items:flex-start;display:flex;flex-direction:column;gap:8px}.settings-profile-picture-actions-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:8px}.settings-button-secondary{background:#f5f5f5;color:#333}.settings-button-secondary:hover{background:#e0e0e0}.settings-button-danger{background:#f44336;color:#fff}.settings-button-danger:hover{background:#d32f2f}@media (max-width:600px){.settings-profile-picture-container{align-items:flex-start;flex-direction:column}.settings-profile-picture-actions,.settings-profile-picture-actions button{width:100%}}.audit-log-container{background:#f5f5f5;min-height:100vh;padding:20px}.audit-log-loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.audit-log-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.audit-log-header{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin-bottom:24px;padding:24px}.audit-log-title{color:#333;font-size:32px;font-weight:700;margin:0 0 4px}.audit-log-subtitle{color:#666;font-size:14px;margin:0}.audit-log-back-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:opacity .2s}.audit-log-back-button:hover{opacity:.9}.audit-log-content{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column;max-height:calc(100vh - 200px);overflow-y:auto;padding:24px}.audit-log-empty{color:#999;padding:60px 20px;text-align:center}.audit-log-empty-icon{font-size:64px;margin-bottom:16px}.audit-log-empty p{font-size:16px;margin:0}.audit-log-table-wrapper{flex:1 1;min-height:0;overflow-x:auto;overflow-y:auto}.audit-log-table{border-collapse:collapse;width:100%}.audit-log-table thead{background:#f9f9f9;position:-webkit-sticky;position:sticky;top:0;z-index:10}.audit-log-table th{border-bottom:2px solid #e0e0e0;color:#666;font-size:13px;font-weight:600;padding:12px;text-align:left;white-space:nowrap}.audit-log-table th:first-child{width:15%}.audit-log-table th:nth-child(2),.audit-log-table th:nth-child(3),.audit-log-table th:nth-child(4){width:25%}.audit-log-table th:last-child{width:10%}.audit-log-row{border-bottom:1px solid #f0f0f0;cursor:pointer;transition:background .2s}.audit-log-row:hover{background:#f9f9f9}.audit-log-row.expanded{background:#f5f5f5}.audit-log-type-cell{padding:10px 12px;vertical-align:top}.audit-log-type-badge{background:#667eea;border-radius:4px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.audit-log-target-cell,.audit-log-user-cell{padding:10px 12px;vertical-align:top}.audit-log-user-name{color:#333;font-size:13px;font-weight:600;margin-bottom:2px}.audit-log-user-email{color:#999;font-size:11px}.audit-log-no-target{color:#ccc;font-style:italic}.audit-log-time-cell{color:#666;font-size:12px;padding:10px 12px;vertical-align:top;white-space:nowrap}.audit-log-expand-cell{padding:10px 12px;text-align:center;vertical-align:top}.audit-log-expand-icon{color:#667eea;display:inline-block;font-size:12px;transition:transform .2s}.audit-log-row.expanded .audit-log-expand-icon{transform:rotate(90deg)}.audit-log-details-row{background:#fff}.audit-log-details-cell{border-bottom:1px solid #e0e0e0;padding:0}.audit-log-details-content{background:#fafafa;padding:20px}.audit-log-item-details{border-top:1px solid #e0e0e0;margin-top:12px;padding:16px}.audit-log-detail-section{margin-bottom:20px}.audit-log-detail-section:last-child{margin-bottom:0}.audit-log-detail-section h4{color:#667eea;font-size:14px;font-weight:600;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.audit-log-detail-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.audit-log-detail-item{display:flex;flex-direction:column;gap:4px}.audit-log-detail-label{color:#666;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.audit-log-detail-value{color:#333;font-size:14px;word-break:break-word}.audit-log-details-json{word-wrap:break-word;background:#f5f5f5;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-family:Courier New,monospace;font-size:12px;margin:0;overflow-x:auto;padding:12px;white-space:pre-wrap}.audit-log-pagination{display:flex;justify-content:center;margin-top:24px}.audit-log-load-more-button{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px 24px;transition:opacity .2s}.audit-log-load-more-button:hover:not(:disabled){opacity:.9}.audit-log-load-more-button:disabled{cursor:not-allowed;opacity:.6}.audit-log-end-message{color:#999;font-size:14px;margin-top:24px;padding:16px;text-align:center}@media (max-width:768px){.audit-log-container{padding:12px}.audit-log-header{align-items:flex-start;flex-direction:column;gap:16px}.audit-log-back-button{width:100%}.audit-log-title{font-size:24px}.audit-log-table-wrapper{overflow-x:auto}.audit-log-table{font-size:11px;min-width:600px}.audit-log-table td,.audit-log-table th{padding:8px 6px}.audit-log-type-badge{font-size:10px;padding:3px 8px}.audit-log-user-email,.audit-log-user-name{font-size:11px}.audit-log-time-cell{font-size:10px}.audit-log-detail-grid{grid-template-columns:1fr}.audit-log-details-json{font-size:11px}}.email-action-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.email-action-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:450px;padding:40px;width:100%}.email-action-logo-container{display:flex;justify-content:center;margin-bottom:20px}.email-action-logo{height:80px;object-fit:contain;width:80px}.email-action-title{color:#333;font-size:32px;font-weight:700;margin:0 0 8px;text-align:center}.email-action-subtitle{color:#666;font-size:24px;font-weight:600;margin:0 0 32px;text-align:center}.email-action-error{background-color:#fee;border-radius:6px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.email-action-form{display:flex;flex-direction:column;gap:20px}.email-action-form-group{display:flex;flex-direction:column;gap:8px}.email-action-form-group label{color:#333;font-size:14px;font-weight:600}.email-action-form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;transition:border-color .2s}.email-action-form-group input:focus{border-color:#667eea;outline:none}.email-action-form-group input:disabled{cursor:not-allowed;opacity:.6}.email-action-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:opacity .2s}.email-action-button:hover:not(:disabled){opacity:.9}.email-action-button:disabled{cursor:not-allowed;opacity:.6}.email-action-loading{align-items:center;display:flex;justify-content:center;padding:40px 0}.email-action-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;width:40px}.email-action-success{padding:20px 0;text-align:center}.email-action-success-icon{align-items:center;background:#e8f5e9;border-radius:50%;color:#2e7d32;display:flex;font-size:32px;font-weight:700;height:64px;justify-content:center;margin:0 auto 20px;width:64px}.email-action-success p{color:#666;font-size:16px;margin:8px 0}.email-action-actions{display:flex;justify-content:center;margin-top:20px}@media (max-width:600px){.email-action-card{padding:24px}.email-action-title{font-size:28px}.email-action-subtitle{font-size:20px}}.display-name-selection-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.display-name-selection-card{background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;max-width:500px;padding:40px;width:100%}.display-name-selection-logo-container{display:flex;justify-content:center;margin-bottom:20px}.display-name-selection-logo{height:80px;width:80px}.display-name-selection-title{color:#333;font-size:28px;font-weight:700;margin:0 0 8px;text-align:center}.display-name-selection-subtitle{color:#666;font-size:18px;font-weight:400;margin:0 0 30px;text-align:center}.display-name-selection-content{margin-top:30px}.display-name-selection-message{color:#666;font-size:16px;line-height:1.5;margin:0 0 30px;text-align:center}.display-name-selection-error{background:#fee;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;text-align:center}.display-name-selection-form{display:flex;flex-direction:column;gap:20px}.display-name-selection-form-group{display:flex;flex-direction:column;gap:8px}.display-name-selection-form-group label{color:#333;font-size:14px;font-weight:600}.display-name-selection-form-group input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:14px;transition:border-color .2s}.display-name-selection-form-group input:focus{border-color:#667eea;outline:none}.display-name-selection-form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.display-name-selection-hint{color:#999;font-size:12px;text-align:right}.display-name-selection-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:8px;padding:14px;transition:opacity .2s}.display-name-selection-button:hover:not(:disabled){opacity:.9}.display-name-selection-button:disabled{cursor:not-allowed;opacity:.6}.app-loading{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.app-loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.ce957cf6.css.map*/