@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:100%;height:100dvh;overflow:hidden}#root{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.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,select{border:1px solid var(--border-color);color:var(--text-main);transition:border var(--transition-speed);box-sizing:border-box;background:#0003;border-radius:8px;outline:none;width:100%;min-width:0;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:100%;height:100%;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--border-color);background:#14171ee6;flex-direction:column;width:320px;min-width:0;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;min-width:0;min-height:0;display:flex;overflow:hidden}.chat-header{border-bottom:1px solid var(--border-color);background:var(--panel-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);flex-shrink:0;padding:20px}.chat-messages{flex-direction:column;flex:1;gap:16px;min-height:0;padding:24px;display:flex;overflow:hidden auto}.message{border-radius:12px;max-width:70%;padding:12px 16px;font-size:14px;line-height:1.5;animation:.3s fadeIn;position:relative}.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}.message-reaction-picker{background:var(--bg-secondary);border:1px solid var(--border-color);z-index:10;border-radius:16px;flex-wrap:wrap;gap:6px;width:max-content;max-width:calc(100vw - 40px);padding:4px 8px;display:none;position:absolute;bottom:calc(100% + 5px);box-shadow:0 4px 12px #00000080}.message-reaction-picker:after{content:"";background:0 0;height:15px;position:absolute;top:100%;left:0;right:0}.message.outgoing .message-reaction-picker{left:auto;right:0}.message.incoming .message-reaction-picker{left:0;right:auto}.message:hover .message-reaction-picker{display:flex}.chat-input-area{background:var(--bg-lighter);border-top:1px solid var(--border-color);flex-shrink:0;align-items:center;gap:16px;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}.mobile-back-btn{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;margin-right:12px;font-size:18px;transition:background .2s;display:none}.mobile-back-btn:hover{background:#fff3}@media (width<=768px){*{box-sizing:border-box!important;max-width:100vw!important}body,#root,.app-container{width:100%!important;max-width:100vw!important;overflow-x:hidden!important}.app-container{padding:0!important}.chat-layout.mobile-chat-active .sidebar-wrapper,.chat-layout:not(.mobile-chat-active) .chat-main{display:none!important}.sidebar-wrapper,.chat-main{border-right:none!important;width:100%!important}.sidebar-wrapper{flex:none!important;width:100vw!important;min-width:0!important;max-width:100vw!important;overflow-x:hidden!important}.sidebar-dialogs{flex-shrink:0!important;width:calc(100vw - 140px)!important;max-width:calc(100vw - 140px)!important}.mobile-back-btn{display:flex!important}.message{word-break:break-all;max-width:91%;padding:10px 14px}.chat-messages{padding:12px;overflow-x:hidden}.message img,.message video,.message div{min-width:0!important;max-width:100%!important}.round-video{width:min(300px,80vw)!important;height:min(300px,80vw)!important}.message>div[style*="360px"]{min-width:0!important;height:240px!important;min-height:240px!important}.chat-header{padding:12px 16px}.sidebar-header{padding:16px}.chat-input-area input,.chat-input-area textarea{font-size:16px!important}.chat-input-area{padding:12px 10px max(12px, env(safe-area-inset-bottom)) 10px!important;gap:8px!important}.admin-list-row{flex-direction:column!important;align-items:stretch!important;gap:8px!important}.admin-grid-col{flex-basis:100%!important;min-width:0!important}}