@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#010101;--panel-bg:#0a0a0ab3;--bg-lighter:#141414;--bg-secondary:#14161cfa;--border-color:#ffffff0d;--text-main:#fff;--text-muted:#a0aec0;--accent-color:#924d4f;--accent-gradient:linear-gradient(90deg, #c88132, #61186d);--accent-hover:linear-gradient(90deg, #d99243, #72297e);--danger-color:#e53e3e;--success-color:#38a169;--glass-blur:blur(16px);--transition-speed:.2s}*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:var(--bg-color);color:var(--text-main);width:100vw;height:100vh;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--border-color);border-radius:16px;box-shadow:0 8px 32px #0000004d}.flex-center{justify-content:center;align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}input{border:1px solid var(--border-color);color:var(--text-main);transition:border var(--transition-speed);background:#0003;border-radius:8px;outline:none;padding:12px 16px;font-size:14px}input:focus{border-color:var(--accent-color)}button{background:var(--accent-gradient);color:#fff;cursor:pointer;transition:all var(--transition-speed);border:none;border-radius:50px;padding:12px 24px;font-size:14px;font-weight:600}button:hover{background:var(--accent-hover);box-shadow:0 4px 15px #c881324d}button:active{transform:scale(.98)}button.danger{background:var(--danger-color)}.app-container{width:100%;height:100%}.login-container{width:100%;height:100%;padding:24px}.login-form{gap:20px;width:100%;max-width:400px;padding:40px}.login-form h1{text-align:center;margin-bottom:8px;font-size:24px;font-weight:600}.login-form p{color:var(--text-muted);text-align:center;margin-bottom:16px;font-size:14px}.chat-layout{width:100vw;height:100vh;display:flex}.sidebar{border-right:1px solid var(--border-color);background:#14171ee6;flex-direction:column;width:320px;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px;display:flex}.dialogs-list{flex:1;overflow-y:auto}.dialog-item{cursor:pointer;transition:background var(--transition-speed);border-bottom:1px solid #ffffff08;padding:16px 20px}.dialog-item:hover{background:#ffffff0d}.dialog-item.active{background:#c881321a;border-left:3px solid #c88132}.dialog-name{margin-bottom:4px;font-size:15px;font-weight:600}.dialog-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.chat-main{background:var(--bg-color);flex-direction:column;flex:1;display:flex}.chat-header{border-bottom:1px solid var(--border-color);background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);padding:20px}.chat-messages{flex-direction:column;flex:1;gap:16px;padding:24px;display:flex;overflow-y:auto}.message{border-radius:12px;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.5;animation:.3s fadeIn}.message.outgoing{background:var(--accent-gradient);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.message.incoming{background:var(--panel-bg);border:1px solid var(--border-color);border-bottom-left-radius:4px;align-self:flex-start}.chat-input-area{background:var(--panel-bg);border-top:1px solid var(--border-color);gap:12px;padding:20px;display:flex}.chat-input-area input{background:#ffffff08;border-radius:20px;flex:1}.admin-panel{padding:24px}.admin-card{margin-bottom:24px;padding:24px}.admin-card h2{margin-bottom:16px;font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#fff3}.round-video::-webkit-media-controls{display:none!important}