.login-container{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;min-height:100vh}.login-box{background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 20px var(--shadow);color:var(--text-color);padding:2rem;text-align:center;width:350px}.login-title{margin-bottom:1rem}.login-avatar-circle{background-color:var(--input-bg);border-radius:50%;height:80px;margin:0 auto 1rem;width:80px}.login-form{display:flex;flex-direction:column}.login-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);margin-bottom:1rem;padding:10px}.login-options{margin-bottom:1rem;text-align:right}.login-submit-btn{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:filter .3s}.login-submit-btn:hover{filter:brightness(1.1)}.login-separator{color:var(--text-color);margin:1rem 0}.login-socials{display:flex;gap:.5rem;margin-bottom:1rem}.social-btn{background-color:#222;border:1px solid var(--border-color);border-radius:4px;color:#fff;cursor:pointer;flex:1 1;padding:8px}.google-btn{background-color:#4285f4;border:none}.facebook-btn{background-color:#3b5998;border:none}.login-footer-link{color:var(--text-color);margin-top:1rem}.login-footer-link a{color:var(--accent-color);text-decoration:underline}.register-container{align-items:center;background-color:var(--bg-color);display:flex;justify-content:center;min-height:100vh}.register-box{background-color:var(--card-bg);border-radius:8px;box-shadow:0 4px 20px var(--shadow);color:var(--text-color);padding:2rem;text-align:center;width:350px}.register-title{margin-bottom:1rem}.register-form{display:flex;flex-direction:column}.register-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);margin-bottom:1rem;padding:10px}.password-field{margin-bottom:1rem;position:relative}.password-field input{padding-right:2.5rem;width:100%}.password-field .password-toggle{color:var(--text-secondary);cursor:pointer;font-size:1.1rem;position:absolute;right:.75rem;top:50%;transform:translateY(-50%)}.terms-field{align-items:center;display:flex;font-size:.9rem;margin:1rem 0}.terms-field input{margin-right:.5rem}.terms-field a{text-decoration:underline}.register-submit-btn{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-weight:700;padding:10px;transition:filter .3s}.register-submit-btn:hover{filter:brightness(1.1)}.register-footer-link{color:var(--text-color);margin-top:1rem}.register-footer-link a{color:var(--accent-color);text-decoration:underline}.terms-field.error a,.terms-field.error label{color:#e74c3c}.terms-field.error input[type=checkbox]{outline:2px solid #e74c3c}.sidebar{background-color:#1e1e30;border-right:1px solid #444;bottom:0;color:#fff;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;right:0;top:75px;width:250px}.sidebar h3{margin:0;padding:10px}.sidebar-section-title{color:var(--text-muted);font-size:.8rem;font-weight:700;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.sidebar-list{list-style:none;margin:0;padding:0}.pinned-list{padding-top:12px}.pinned-separator{border:none;border-top:1px solid #444;margin:8px 0}.sidebar-item{align-items:center;background-color:initial;cursor:pointer;display:flex;justify-content:space-between;margin:2px 0;padding:4px 8px;transition:background-color .2s}.sidebar-item:hover{background-color:#ffffff0d}.sidebar-item-selected{background-color:#3b3b50}.sidebar-user-row{align-items:center;display:flex;gap:8px}.sidebar-avatar{border-radius:50%;height:24px;object-fit:cover;width:24px}.sidebar-username{font-size:.9rem;line-height:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-status-dot,.status-dot{background-color:#999;border-radius:50%;display:inline-block;height:8px;width:8px}.sidebar-status-dot.online,.status-dot.online{background-color:#4caf50}.sidebar-status-dot.offline,.status-dot.offline{background-color:#f44336}.sidebar-pin-btn{align-items:center;background:#0000;border:none;color:var(--text-color);display:flex;font-size:1.2rem;justify-content:center;opacity:0;padding:2px;transition:opacity .2s;visibility:hidden}.sidebar-item:hover .sidebar-pin-btn{opacity:1;visibility:visible}.sidebar-button{background:#555;border:1px solid #999;border-radius:4px;color:#fff;cursor:pointer;margin:6px 12px;padding:4px 6px;transition:background .2s}.sidebar-button:hover{background:#666}.sidebar-form{align-items:center;display:flex;gap:6px;padding:6px 12px}.sidebar-input{background:#2b2b3d;border:1px solid #999;border-radius:4px;color:#fff;flex:1 1;padding:4px 6px}.unread-badge{background:#e74c3c;border-radius:12px;color:#fff;display:inline-block;font-size:12px;font-weight:700;margin-left:6px;padding:1px 7px}.sidebar-channel{align-items:center;display:flex;justify-content:space-between;padding:4px 8px}.sidebar-channel .mute-toggle{cursor:pointer;margin-left:8px}.settings-section h3{display:inline-block;margin-right:1rem}.settings-section .settings-button,.settings-section h3{vertical-align:middle}.private-channel-header{align-items:center;display:flex;justify-content:space-between}.private-channel-header .bell-btn{margin-left:auto}.sidebar-form.sidebar-form-vertical{align-items:stretch;flex-direction:column;gap:.5rem;padding:8px 12px 10px}.sidebar-form-buttons{display:flex;flex-direction:row;gap:10px;justify-content:flex-end;margin-top:10px}.sidebar-form-buttons .sidebar-button{flex:1 1;margin:0}.input-error{background:#412929!important;border:1.5px solid #e53935!important}.error-text{color:#e53935;font-size:.9em;font-weight:500;margin:2px 0 6px;padding-left:2px}:root{--bg-me:#2e3b4e;--bg-other:#394a6d;--bg-hover:#0000001a;--text-main:#eceff4;--text-secondary:#a3b1c2;--accent:#5e81ac;--accent-hover:#4c698d;--danger:#bf616a;--danger-hover:#a54a52;--border-radius:8px;--font-sans:"Segoe UI",sans-serif}.chat-window-container{background:#0000;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;font-family:var(--font-sans);height:100%}.chat-window-messages{flex:1 1;margin-bottom:16px;overflow-y:auto;padding:16px}.chat-window-messages,.message-container{background:#394a6d;background:var(--bg-other);border-radius:8px;border-radius:var(--border-radius)}.message-container{color:#eceff4;color:var(--text-main);display:flex;flex-direction:column;margin-bottom:12px;padding:12px;transition:background .2s}.message-container:hover{background:#0000001a;background:var(--bg-hover)}.message-bg-me{background:#2e3b4e;background:var(--bg-me)}.message-bg-other{background:#394a6d;background:var(--bg-other)}.message-header{align-items:center;display:flex;gap:8px;margin-bottom:8px}.message-header img{border-radius:50%;height:36px;object-fit:cover;width:36px}.sender{color:#eceff4;color:var(--text-main);font-weight:600}.timestamp{color:#a3b1c2;color:var(--text-secondary);font-size:.8rem;margin-left:auto}.message-content{color:#eceff4;color:var(--text-main);font-size:1rem;line-height:1.4;margin-bottom:8px}.message-edited{color:#a3b1c2;color:var(--text-secondary);font-size:.85rem;font-style:italic;margin-left:6px}.highlight-mention{color:#81a1c1;font-weight:600}.highlight-hashtag{color:#88c0d0;cursor:pointer;font-weight:600}.message-file{margin-top:8px}.message-file img{border-radius:8px;border-radius:var(--border-radius);display:block;max-width:240px}.message-actions{display:flex;gap:6px;margin-top:8px}.action-button{background:#5e81ac;background:var(--accent);border:none;border-radius:8px;border-radius:var(--border-radius);color:#fff;cursor:pointer;font-size:.85rem;padding:4px 10px;transition:background .2s}.action-button:hover{background:#4c698d;background:var(--accent-hover)}.delete-button{background:#bf616a;background:var(--danger)}.delete-button:hover{background:#a54a52;background:var(--danger-hover)}.message-reactions{margin-top:8px}.reaction{cursor:default;display:inline-block;font-size:1.3rem;margin-right:6px}.emoji-picker{background:#394a6d;background:var(--bg-other);border-radius:8px;border-radius:var(--border-radius);box-shadow:0 4px 12px #0003;display:flex;left:0;padding:8px;position:absolute;top:calc(100% + 4px);z-index:100}.emoji{cursor:pointer;font-size:1.4rem;margin-right:8px}.message-edit-textarea{background:#394a6d;background:var(--bg-other);border:1px solid #5e81ac;border:1px solid var(--accent);border-radius:8px;border-radius:var(--border-radius);color:#eceff4;color:var(--text-main);font-family:Segoe UI,sans-serif;font-family:var(--font-sans);padding:8px;resize:vertical;width:100%}.message-edit-buttons{display:flex;gap:8px;margin-top:6px}.poll-container{margin:8px 0}.poll-question{font-weight:600;margin-bottom:6px}.poll-option-bar{align-items:center;border-radius:8px;border-radius:var(--border-radius);cursor:pointer;display:flex;padding:6px;transition:background .2s}.poll-option-bar:hover{background:#0000001a;background:var(--bg-hover)}.poll-option-label{flex:0 0 100px;font-weight:500}.poll-bar-outer{background:#4c566a;border-radius:8px;border-radius:var(--border-radius);flex:1 1;height:8px;margin:0 8px;overflow:hidden}.poll-bar-inner{background:#81a1c1;height:100%}.poll-bar-count{flex:0 0 50px;font-size:.85rem;text-align:right}.message-read-receipt{align-items:center;color:#a3b1c2;color:var(--text-secondary);display:flex;font-size:.75rem;margin-top:6px}.check-icon{color:#a3be8c;margin-right:4px}.message-input-container{align-items:center;background-color:var(--card-bg);border-top:1px solid var(--border-color);display:flex;gap:8px;overflow:visible;padding:8px 12px;position:relative}.message-input-field{flex:1 1;font-size:.95rem;padding:6px 8px}.message-clip-label,.message-input-field{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color)}.message-clip-label{align-items:center;cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:background-color .3s,filter .2s;width:40px}.message-clip-label:hover{background-color:var(--card-bg);filter:brightness(1.05)}.gif-emoji-toggle-btn{align-items:center;background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;display:inline-flex;height:40px;justify-content:center;transition:background-color .3s,filter .2s;width:40px}.gif-emoji-toggle-btn:hover{background-color:var(--card-bg);filter:brightness(1.05)}.message-input-button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px;transition:background-color .3s,filter .2s}.message-input-button:hover{filter:brightness(1.1)}.message-input-preview{background-color:var(--card-bg);bottom:55px;padding:5px;position:absolute;right:10px}.message-input-preview,.message-input-preview img{border:1px solid var(--border-color);border-radius:4px}.message-input-preview img{max-width:200px}.gif-emoji-menu{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:6px;bottom:60px;color:var(--text-color);left:50%;max-height:340px;overflow-y:auto;padding:10px;position:absolute;transform:translateX(-50%);width:320px;z-index:9999}.gif-emoji-tabs{display:flex;gap:8px;margin-bottom:10px}.gif-emoji-tab{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);cursor:pointer;flex:1 1;padding:6px 0;text-align:center;transition:background-color .3s,filter .2s}.gif-emoji-tab.active{background-color:var(--accent-color);color:#fff}.gif-gallery{display:flex;flex-wrap:wrap;gap:5px}.gif-gallery img{border:1px solid #0000;border-radius:4px;cursor:pointer;height:auto;transition:transform .2s,border-color .2s;width:80px}.gif-gallery img:hover{border-color:var(--accent-color);transform:scale(1.05)}.gif-search-input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);margin-bottom:10px;padding:4px 8px;width:100%}.emoji-gallery{text-align:center}.emoji-gallery span{cursor:pointer;font-size:1.8rem;margin:5px;transition:transform .2s}.emoji-gallery span:hover{transform:scale(1.2)}.mentions__suggestions{background-color:var(--card-bg)!important;border:1px solid var(--border-color)!important;border-radius:4px!important;bottom:calc(100% + 4px)!important;box-shadow:0 2px 6px #0003!important;left:0!important;margin:0!important;padding:0!important;top:auto!important;width:100%!important;z-index:10000!important}.mentions__suggestions__item,.mentions__suggestions__list{list-style:none;margin:0;padding:0}.mentions__suggestions__item{color:var(--text-color)!important;cursor:pointer;padding:6px 8px}.mentions__suggestions__item--focused,.mentions__suggestions__item:hover{background-color:var(--input-bg)!important}.mentions__highlighter{color:#0000!important}.mentions{flex:1 1;min-height:40px;overflow:visible;position:relative}.mentions__input{background-color:var(--input-bg)!important;border:1px solid var(--border-color)!important;border-radius:4px;box-sizing:border-box;color:var(--text-color)!important;line-height:1.5;padding:6px 8px!important;resize:none;width:100%!important}*{--color-bg-dark:#0f1522}.search-results-container{padding:10px}.search-results-form-wrapper{display:flex;justify-content:center;margin-bottom:20px}.search-results-form{display:flex;gap:5px}.search-results-input{border:1px solid #ccc;border-radius:4px;padding:6px}.search-results-title{margin-bottom:10px}.search-results-cards-container{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.search-results-card{border:1px solid #ccc;cursor:pointer;padding:8px;transition:background .2s;width:280px}.search-results-card:hover{background:#f0f0f0}.search-results-subtext{color:#555;font-size:.9em}.workspace-settings-container{background-color:#2f3136;color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.05rem;line-height:1.5;max-height:calc(100vh - 60px);overflow-y:auto;padding:30px}.workspace-settings-title{color:#fff;font-size:1.7rem;margin-bottom:25px}.workspace-settings-title span{color:#bfaaff}.settings-section{background-color:#36393f;border-radius:6px;margin-bottom:30px;padding:20px}.settings-section h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:12px;margin-top:0}.settings-input{background-color:#202225;border:1px solid #555;border-radius:4px;color:#fff;font-size:1rem;margin-left:8px;padding:8px}.settings-button{background-color:#5865f2;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;margin-left:12px;padding:8px 14px}.settings-button:hover{background-color:#4752c4}.settings-select{background-color:#202225;border:1px solid #555;border-radius:4px;color:#fff;font-size:1rem;padding:7px}.members-list{list-style:none;margin:0;padding:0}.member-item{background:#2c2f33;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:10px;padding:10px}.member-info{align-items:center;display:flex;gap:10px}.member-name{color:#fff;font-size:1.05rem;font-weight:700}.member-role{font-size:.95rem;margin-left:10px}.remove-member-button{background-color:#f44;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.9rem;padding:6px 12px}.remove-member-button:hover{background-color:#d33}.add-member-form{background:#2c2f33;border-radius:4px;margin-top:15px;padding:15px}.add-member-controls{align-items:center;display:flex;gap:10px}.danger-description{color:#bbb;font-size:.95rem;margin:8px 0}.delete-workspace-button{background-color:#f44336;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 14px}.delete-workspace-button:hover{background-color:#e53935}.private-channel-container{background:#2c2f33;border-radius:4px;margin-bottom:15px;padding:15px}.private-channel-container h4{font-size:1.1rem;margin-bottom:10px;margin-top:0}.channel-members-list{list-style:none;margin:10px 0;padding:0}.channel-member-item{align-items:center;background:#202225;border-radius:4px;display:flex;justify-content:space-between;margin-bottom:8px;padding:8px}.channel-member-item span{font-size:1rem;margin-right:10px}.add-channel-member-form{margin-top:10px}.workspace-settings-loading{background-color:#2f3136;color:#fff;font-size:1.1rem;padding:30px;text-align:center}.notif-channel-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.mute-toggle-btn{background:none;border:none;cursor:pointer}.notification-bell-icon{color:#fff;transition:transform .2s}.notification-dropdown{background:#333;border:1px solid #555;border-radius:4px;box-shadow:0 2px 6px #0000004d;color:#fff;max-height:300px;overflow-y:auto;padding:8px 0;position:absolute;right:0;top:30px;width:260px;z-index:210}.notification-item{border-bottom:1px solid #444;display:flex;flex-direction:column;padding:8px}.notification-item:last-child{border-bottom:none}.notification-item.unread{background:#6858c4}.notification-item.read{background:#444}.notification-item:hover{background:#555}.notification-item.empty{color:#aaa;text-align:center}.notification-message{margin-bottom:4px}.notification-from{color:#ccc;font-size:.8rem;margin-top:4px}.notification-meta{align-items:center;color:#ccc;display:flex;font-size:.8rem;gap:8px}.notification-time{opacity:.8}.user-menu{display:inline-block;position:relative}.user-menu-trigger{background:none!important;border:none!important;box-shadow:none!important;cursor:pointer;margin:0;padding:0}.burger-icon{display:flex;flex-direction:column;height:16px;justify-content:space-between;width:20px}.burger-icon span{background-color:#fff;border-radius:1px;height:2px}.user-menu-dropdown{background-color:#2c2f33;border:1px solid #444;box-shadow:0 2px 6px #0000004d}.user-menu-item{color:#fff}.user-menu-item:hover{background-color:#3a3f2f}.profile-settings-container{background-color:var(--input-bg);border-radius:8px;box-shadow:0 0 10px #0000001a;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:40px auto;max-height:90vh;max-width:600px;overflow-y:auto;padding:20px}.avatar-section,.profile-settings-container h2{margin-bottom:20px;text-align:center}.avatar-image{border-radius:50%;height:100px;margin-bottom:10px;object-fit:cover;width:100px}.profile-form-group{display:flex;flex-direction:column;margin-bottom:15px}.profile-form-group label{font-weight:700;margin-bottom:5px}.profile-form-group input{border-radius:4px;color:var(--text-color);padding:8px}.password-form,.profile-form-group input{background-color:var(--input-bg);border:1px solid var(--border-color)}.password-form{border-radius:4px;gap:15px;margin-top:20px;padding:10px}.password-field,.password-form{display:flex;flex-direction:column}.password-field label{font-weight:700;margin-bottom:4px}.password-field input{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;color:var(--text-color);padding:8px}.toggle-password-btn{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:10px;padding:10px 20px;transition:background .3s}.toggle-password-btn:hover{filter:brightness(1.1)}.theme-selection{margin:20px 0}.theme-radio-group{display:flex;flex-wrap:wrap;gap:15px;margin-top:10px}.theme-radio-option{align-items:center;display:flex;font-weight:500;gap:5px}.save-button{background-color:var(--accent-color);border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:15px;padding:10px 20px;transition:background .3s}.save-button:hover{filter:brightness(1.1)}.about-container{background-color:#2c2f33;border-radius:8px;color:#fff;margin:20px auto;max-width:600px;padding:20px}.terms-container{line-height:1.6;margin:0 auto;max-width:800px;padding:1rem}.terms-container h1{font-size:1.8rem;margin-top:2rem}.terms-container h2{font-size:1.3rem;margin-top:1.5rem}.terms-container ul{list-style:disc;margin-left:1.5rem}.terms-footer{color:var(--text-secondary);font-size:.9rem;margin-top:2rem;text-align:right}.app-container::-webkit-scrollbar{width:8px}.app-container::-webkit-scrollbar-track{background:var(--card-bg)}.app-container::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.terms-back{display:block;margin-bottom:1rem}.app-container{background:#0000!important}.navbar .nav-left a{margin-right:1rem}.app-container{height:calc(100vh - 60px);overflow-x:hidden;overflow-y:auto}:root[data-theme=dark]{--bg-color:#1e1e2f;--text-color:#fff;--input-bg:#2c2f33;--accent-color:#6e8efb;--border-color:#444;--card-bg:#2c2c3c;--shadow:#0006}:root[data-theme=light]{--bg-color:#f9f9f9;--text-color:#111;--input-bg:#fff;--accent-color:#4a67ff;--border-color:#ccc;--card-bg:#fff;--shadow:#0000001a}:root[data-theme=midnight]{--bg-color:#0f0f1f;--text-color:#c0c0ff;--input-bg:#1f1f3f;--accent-color:#a777e3;--border-color:#336;--card-bg:#1a1a2f;--shadow:#7864dc4d}:root[data-theme=solarized]{--bg-color:#fdf6e3;--text-color:#111;--input-bg:#eee8d5;--accent-color:#b58900;--border-color:#ddd6c0;--card-bg:#f5f2d8;--shadow:#b5890033}body{background-color:var(--bg-color);color:var(--text-color);font-family:Segoe UI,sans-serif;transition:background-color .3s ease,color .3s ease}input,select,textarea{padding:.5rem;transition:background-color .3s,color .3s,border .3s}button{border-radius:6px;padding:.6rem 1.2rem;transition:background-color .3s ease,transform .3s ease}.navbar{background-color:var(--bg-color)!important;right:0}.nav-search,.sidebar,.user-menu,.workspace-list{background-color:var(--card-bg);box-shadow:0 2px 4px var(--shadow);color:var(--text-color)}.card,.form-container,.modal,.popup{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:8px;box-shadow:0 4px 12px var(--shadow);color:var(--text-color);padding:1rem}a{color:var(--accent-color);text-decoration:none}a:hover{opacity:.8}h1,h2,h3,h4,h5,label,li,p,span,ul{color:var(--text-color)}.chat-container,.chat-layout-main,.chat-window-container{background-color:var(--bg-color);color:var(--text-color)}.message-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;margin-bottom:10px;padding:8px}.message-container,.message-container *{color:var(--text-color)!important}.user-menu{align-items:center;display:flex;gap:10px}.notification-hub-container{align-items:center;display:inline-flex;margin-right:10px;position:relative}.notification-bell-icon{color:var(--text-color);cursor:pointer;font-size:1.2rem;transition:transform .2s ease}.notification-bell-icon:hover{transform:scale(1.1)}.notification-badge{align-items:center;background:red;border-radius:50%;color:#fff;display:flex;font-size:12px;height:18px;justify-content:center;position:absolute;right:-2px;top:-4px;width:18px}.user-menu-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:4px;box-shadow:0 2px 6px var(--shadow);margin-top:8px;position:absolute;right:0;width:200px;z-index:1000}.user-menu-item{color:var(--text-color);cursor:pointer;padding:10px}.user-menu-item:hover{background-color:var(--accent-color)}.burger-icon{cursor:pointer;display:inline-block;height:18px;position:relative;width:24px}.burger-icon span{background-color:var(--text-color);border-radius:2px;display:block;height:3px;position:absolute;transition:all .3s ease;width:100%}.burger-icon span:first-child{top:0}.burger-icon span:nth-child(2){top:7.5px}.burger-icon span:nth-child(3){top:15px}.modal-backdrop{background:#00000080}.popup{border-radius:10px;box-shadow:0 4px 12px var(--shadow);padding:1rem}input:focus,select:focus,textarea:focus{outline-offset:2px}.footer{background-color:var(--card-bg);color:var(--text-color);padding:10px;text-align:center}.chat-window-container{background-color:var(--bg-color)}.btn-danger{background-color:#e53935;color:#fff}.btn-danger:hover{background-color:#c62828}.btn-outline{background:#0000;border:1px solid var(--accent-color);color:var(--accent-color)}.btn-outline:hover{background-color:var(--accent-color);color:#fff}*{box-sizing:border-box;margin:0;padding:0}:root{--font-family-main:"Roboto",sans-serif}body,html{font-family:Roboto,sans-serif;font-family:var(--font-family-main);height:100%;overflow:hidden;transition:background-color .3s ease,color .3s ease;width:100%}#root,body,html{background-color:var(--bg-color);color:var(--text-color)}#root{display:flex;flex-direction:column;height:100vh}.navbar{background-color:var(--card-bg);box-shadow:0 2px 4px var(--shadow);color:var(--text-color);justify-content:space-between;left:0;padding:12px 20px;position:fixed;top:0;width:100%;z-index:1000}.nav-search,.navbar{align-items:center;display:flex}.nav-search{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:30px;padding:5px 12px;transition:all .3s}.nav-search input{background:#0000;border:none;color:var(--text-color);font-size:14px;outline:none;padding:5px 10px;width:220px}.nav-search button{background-color:var(--accent-color);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:8px 14px;transition:background .3s,transform .3s}.nav-search button:hover{opacity:.8;transform:scale(1.05)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--card-bg)}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--accent-color)}button{background-color:var(--accent-color);border:none;border-radius:20px;box-shadow:0 2px 6px var(--shadow);color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:6px 14px;transition:all .3s ease-in-out}button:hover{opacity:.9;transform:translateY(-2px)}button:active{transform:scale(.95)}.logout-btn{background-color:#ff4d4d}.logout-btn:hover{background-color:#ff1f1f}.chat-link{background-color:var(--accent-color);border-radius:20px;box-shadow:0 3px 6px var(--shadow);color:#fff;font-weight:700;padding:10px 18px;text-decoration:none;transition:all .3s}.chat-link:hover{transform:scale(1.05)}.chat-layout{display:flex;flex:1 1;overflow:hidden}.sidebar-layout{width:250px}.chat-layout-main{display:flex;flex:1 1;flex-direction:column}.login-container,.register-container{background-color:var(--bg-color);color:var(--text-color)}.login-box,.register-box{background-color:var(--card-bg);box-shadow:0 4px 20px var(--shadow);color:var(--text-color)}.login-input,.register-input{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color)}.login-submit-btn,.register-submit-btn{background-color:var(--accent-color);color:#fff}.login-submit-btn:hover,.register-submit-btn:hover{opacity:.9}.login-footer-link,.register-footer-link,input,select,textarea{color:var(--text-color)}input,select,textarea{background-color:var(--input-bg);border:1px solid var(--border-color);border-radius:4px;padding:8px}input::placeholder,textarea::placeholder{color:var(--text-color);opacity:.7}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-color)}.sidebar{background-color:var(--card-bg);border-right:1px solid var(--border-color)}.sidebar,.sidebar-item{color:var(--text-color)}.sidebar-item{background-color:var(--input-bg)}.sidebar-item-selected,.sidebar-item:hover{background-color:var(--accent-color);color:#fff}.notification-dropdown,.profile-settings-container,.user-menu-dropdown{background-color:var(--card-bg);border:1px solid var(--border-color)}.profile-settings-container{border-radius:10px;box-shadow:0 0 10px var(--shadow);color:var(--text-color);padding:1.5rem}
/*# sourceMappingURL=main.4a489550.css.map*/