:root{--primary-color:#3a9bfb;--bg-color:#18191a;--sidebar-bg:#242526;--element-bg:#242526;--input-bg:#3a3b3c;--border-color:#3e4042;--text-color:#e4e6eb;--text-secondary:#b0b3b8;--sent-bg:#005c4b;--received-bg:#3e4042;--danger-color:#f02849;--success-color:#31a24c;--warning-color:#f7b928;--hover-bg:#3a3b3c}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;background:var(--bg-color);height:100vh;color:var(--text-color);overflow:hidden}a{text-decoration:none;color:var(--primary-color)}ul{list-style:none;padding:0;margin:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.container{display:flex;height:100vh;width:100vw;background:var(--bg-color)}.login-body{display:flex;justify-content:center;align-items:center;padding:20px;box-sizing:border-box;height:100vh;background:var(--bg-color)}.sidebar{width:300px;border-right:1px solid var(--border-color);display:flex;flex-direction:column;background:var(--sidebar-bg);flex-shrink:0}.sidebar-header{padding:1rem 1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;flex-shrink:0;background:var(--sidebar-bg)}.sidebar-header h3{margin:0;font-size:1.2rem;color:var(--text-color)}.header-actions{display:flex;align-items:center;gap:15px}.settings-btn{background:none;border:none;font-size:1.3rem;cursor:pointer;padding:0;color:var(--text-secondary)}.logout-link{font-size:1.2rem;color:var(--danger-color);text-decoration:none;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%}.logout-link:hover{background-color:rgba(240,40,73,.15)}.search-box{padding:15px;border-bottom:1px solid var(--border-color);background:var(--sidebar-bg);flex-shrink:0}.search-box input{width:100%;padding:10px 15px;border:none;border-radius:20px;background-color:var(--input-bg);color:var(--text-color);font-size:.9rem;box-sizing:border-box}.search-box input:focus{outline:none;background-color:#4e4f50}.sidebar-content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.sidebar-heading{padding:1rem 1.5rem .5rem;margin:0;font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;text-align:left}.user-list li a{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;text-decoration:none;color:var(--text-color);border-bottom:1px solid var(--border-color);font-weight:500;transition:background-color .2s;text-align:left}.user-list li a div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;max-width:200px}.unread-badge{background-color:var(--success-color);color:#fff;font-size:.75rem;font-weight:bold;padding:2px 7px;border-radius:12px;min-width:16px;text-align:center;margin-left:10px;flex-shrink:0}.pin-icon{margin-right:8px;font-size:.9rem;color:var(--text-secondary)}.sidebar-form{padding:1.5rem;border-top:1px solid var(--border-color);background:var(--sidebar-bg);flex-shrink:0}.sidebar-form h4{margin-top:0;margin-bottom:1rem;color:var(--text-color)}.sidebar-form label{display:block;font-weight:600;font-size:.9rem;margin-bottom:.4rem;color:var(--text-secondary)}.chat-area{flex:1;display:flex;flex-direction:column;background:#0f0f0f;position:relative}.chat-header{display:flex;align-items:center;padding:1rem 1.5rem;background:var(--sidebar-bg);border-bottom:1px solid var(--border-color);flex-shrink:0;z-index:10}.chat-header h3{margin:0;font-size:1.1rem;color:var(--text-color)}.back-link{display:none;margin-right:1rem;font-size:1.5rem;font-weight:600;color:var(--primary-color)}.messages{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;z-index:5}.message{max-width:70%;padding:.75rem 1rem;border-radius:10px;line-height:1.5;word-wrap:break-word;position:relative;box-shadow:0 1px 2px rgba(0,0,0,.3);color:#fff}.message p{margin:0}.message span{font-size:.7rem;color:rgba(255,255,255,.6);display:block;text-align:right;margin-top:4px}.sent{align-self:flex-end;background:var(--sent-bg)}.received{align-self:flex-start;background:var(--received-bg)}.channel-message{align-self:flex-start;background:var(--received-bg);width:85%}.message-sender-name{display:block;font-weight:700;color:var(--primary-color);margin-bottom:.25rem;font-size:.85rem}.message-image{margin-bottom:5px;border-radius:8px;overflow:hidden;max-width:250px;width:100%}.message-image img{width:100%;height:auto;max-height:250px;object-fit:cover;display:block;cursor:pointer;transition:transform .2s}.message-image img:hover{opacity:.9}.chat-form{display:flex;padding:1rem;background:var(--sidebar-bg);border-top:1px solid var(--border-color);flex-shrink:0;align-items:flex-end;z-index:10}.attachment-btn{font-size:1.5rem;padding:0 10px 10px 0;cursor:pointer;color:var(--text-secondary);transition:color .2s}.attachment-btn:hover{color:var(--primary-color)}.chat-input-area{flex:1;padding:.75rem 1.25rem;border:1px solid var(--border-color);border-radius:24px;font-size:1rem;margin-right:.75rem;font-family:inherit;background-color:var(--input-bg);color:var(--text-color);resize:none;min-height:24px;max-height:120px}.chat-input-area:focus{outline:none;border-color:var(--primary-color);background-color:#404040}.chat-form button{padding:0;background:transparent;color:var(--primary-color);border:none;font-size:1.5rem;font-weight:600;cursor:pointer;height:48px;width:48px;display:flex;align-items:center;justify-content:center}.login-container,.admin-container{background:var(--sidebar-bg);padding:2rem;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.5);width:100%;max-width:600px;box-sizing:border-box;border:1px solid var(--border-color)}.admin-container{max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.login-container h2,.admin-container h2{text-align:center;margin-top:0;margin-bottom:1.5rem;color:var(--text-color)}.login-container input,.admin-form input,.sidebar-form input{display:block;width:100%;box-sizing:border-box;padding:12px;margin-bottom:1rem;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;font-size:1rem;color:var(--text-color)}.login-container button,.admin-form button,.sidebar-form button{width:100%;padding:12px;background:var(--primary-color);color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.admin-card{margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;background:#1e1e1e}.admin-link-wrapper{padding:0 1.5rem .5rem;background:var(--sidebar-bg);border-bottom:1px solid var(--border-color);text-align:center}.admin-panel-link{display:block;padding:.75rem;background:#2d3e50;color:#58a6ff;text-align:center;border-radius:6px;text-decoration:none;font-weight:600;font-size:.9rem;border:1px solid #3e4042}.admin-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);margin-bottom:1.5rem;flex-wrap:wrap}.admin-tabs a{padding:.75rem 1rem;text-decoration:none;color:var(--text-secondary);font-weight:600;border-radius:6px 6px 0 0;border:1px solid transparent;border-bottom:none;transform:translateY(1px)}.admin-tabs a.active{color:var(--primary-color);background:var(--sidebar-bg);border:1px solid var(--border-color);border-bottom:1px solid var(--sidebar-bg)}.user-manage-list{list-style:none;padding:0;margin:0;max-height:300px;overflow-y:auto}.user-manage-list li{display:flex;justify-content:space-between;align-items:center;padding:.75rem;border-bottom:1px solid var(--border-color);color:var(--text-color)}.btn-edit,.btn-delete,.btn-pin,.btn-unpin{padding:.3rem .7rem;border-radius:4px;font-size:.85rem;text-decoration:none;border:none;cursor:pointer;color:#fff;margin-left:5px}.btn-edit{background:var(--primary-color)}.btn-delete{background:var(--danger-color)}.btn-pin{background:#6c757d}.btn-unpin{background:var(--warning-color);color:#000}.welcome-screen{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:2rem;z-index:5}.welcome-content h2{font-weight:600;color:var(--text-color);margin-bottom:10px}.welcome-content p{font-size:1.1rem;color:var(--text-secondary)}.read-only-note{padding:1rem;background:var(--sidebar-bg);border-top:1px solid var(--border-color);text-align:center;flex-shrink:0;color:var(--text-secondary)}.checkbox-group{display:flex;align-items:center;margin-bottom:1rem;color:var(--text-color)}.checkbox-group input{width:auto;margin:0 10px 0 0}.error{color:#ff6b6b;background:rgba(255,107,107,.1);padding:10px;border-radius:5px;text-align:center;margin-bottom:1rem;border:1px solid #ff6b6b}.success{color:var(--success-color);background:rgba(49,162,76,.1);padding:10px;border-radius:5px;text-align:center;margin-bottom:1rem;border:1px solid var(--success-color)}@media (max-width:768px){.container{flex-direction:row;width:200vw;overflow:hidden;transition:transform .3s ease-in-out}.sidebar{width:100vw;height:100vh;border-right:none}.chat-area{width:100vw;height:100vh}.container.mobile-chat-active{transform:translateX(-100vw)}.back-link{display:block}.welcome-screen{display:none}.message{max-width:85%}.admin-container{margin-top:0;padding:1rem}}.modal{display:none;position:fixed;z-index:1000;padding-top:50px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.9);backdrop-filter:blur(5px)}.modal-content{margin:auto;display:block;width:auto;max-width:90%;max-height:85vh;border-radius:5px;box-shadow:0 0 20px rgba(0,0,0,.5);animation-name:zoom;animation-duration:.3s}@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}.close-modal{position:absolute;top:15px;right:35px;color:#f1f1f1;font-size:40px;font-weight:bold;transition:.3s;cursor:pointer;z-index:1001}.close-modal:hover,.close-modal:focus{color:var(--primary-color);text-decoration:none;cursor:pointer}@media only screen and (max-width:700px){.modal-content{width:100%}}