@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-color:#0f1115;--panel-bg:#191c24b3;--border-color:#ffffff14;--text-main:#edf2f7;--text-muted:#a0aec0;--accent-color:#3182ce;--accent-hover:#2b6cb0;--danger-color:#e53e3e;--success-color:#38a169;--glass-blur:blur(12px);--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-color);color:#fff;cursor:pointer;transition:background var(--transition-speed), transform .1s;border:none;border-radius:8px;padding:12px 24px;font-size:14px;font-weight:600}button:hover{background:var(--accent-hover)}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{border-left:3px solid var(--accent-color);background:#3182ce26}.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-color);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:#ffffff0d;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}