:root{--bg-primary:#0d1117;--bg-secondary:#161b22;--bg-tertiary:#1c2128;--bg-hover:#21262d;--border-color:#30363d;--text-primary:#e6edf3;--text-secondary:#8b949e;--text-muted:#6e7681;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-gradient:linear-gradient(135deg,#667eea,#764ba2);--success-color:#3fb950;--danger-color:#f85149;--warning-color:#d29922;--message-sent:#2f3e58;--message-received:#1c2128;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 40px #00000080;--shadow-glow:0 0 20px #6366f14d}*{margin:0;padding:0}body{background:#0d1117;background:var(--bg-primary);color:#e6edf3;color:var(--text-primary)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#161b22;background:var(--bg-secondary);border-radius:10px}::-webkit-scrollbar-thumb{background:#30363d;background:var(--border-color);border-radius:10px;-webkit-transition:background .3s;transition:background .3s}::-webkit-scrollbar-thumb:hover{background:#484f58}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.auth-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:20px;position:relative}.auth-container:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#6366f126 0,#0000 70%);content:"";height:500px;position:absolute;right:-250px;top:-250px;width:500px}.auth-container:after{animation:float 15s ease-in-out infinite reverse;background:radial-gradient(circle,#8b5cf626 0,#0000 70%);bottom:-200px;content:"";height:400px;left:-200px;position:absolute;width:400px}@keyframes float{0%,to{transform:translate(0) rotate(0deg)}33%{transform:translate(30px,-30px) rotate(120deg)}66%{transform:translate(-20px,20px) rotate(240deg)}}.auth-box{animation:slideUp .5s cubic-bezier(.16,1,.3,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#161b22cc;border:1px solid var(--border-color);border-radius:24px;box-shadow:var(--shadow-lg);max-width:450px;padding:50px;position:relative;transition:transform .3s,box-shadow .3s;width:100%;z-index:1}.auth-box:hover{box-shadow:0 20px 60px #0009,var(--shadow-glow);transform:translateY(-5px)}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-box h1{-webkit-text-fill-color:#0000;align-items:center;animation:fadeIn .6s ease-out .2s backwards;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;color:var(--text-primary);display:flex;font-size:32px;font-weight:700;gap:12px;justify-content:center;margin:0 0 15px;text-align:center}.auth-box h1 svg{-webkit-text-fill-color:var(--accent-primary);animation:pulse 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(99,102,241,.5))}.auth-subtitle{animation:fadeIn .6s ease-out .3s backwards;color:var(--text-secondary);font-size:15px;line-height:1.5;margin-bottom:35px;text-align:center}form{animation:fadeIn .6s ease-out .4s backwards}.auth-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;box-sizing:border-box;color:var(--text-primary);font-family:inherit;font-size:16px;margin-bottom:12px;padding:16px 20px;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{background:var(--bg-secondary);border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f11a,var(--shadow-glow);outline:none;transform:translateY(-2px)}.auth-input:disabled{background-color:var(--bg-hover);cursor:not-allowed;opacity:.6}.error-message{animation:shake .4s ease-in-out;background:#f851491a;border:1px solid #f8514933;border-radius:8px;color:var(--danger-color);font-size:14px;margin-bottom:20px;padding:12px;text-align:center}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.auth-button{background:var(--accent-gradient);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:.5px;margin-bottom:25px;overflow:hidden;padding:16px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.auth-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-button:hover:not(:disabled):before{left:100%}.auth-button:hover:not(:disabled){box-shadow:0 10px 30px #6366f166,var(--shadow-glow);transform:translateY(-3px)}.auth-button:active:not(:disabled){box-shadow:0 5px 15px #6366f14d;transform:translateY(-1px)}.auth-button:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.6}.auth-footer{animation:fadeIn .6s ease-out .5s backwards;color:var(--text-secondary);font-size:14px;text-align:center}.auth-footer a{color:var(--accent-primary);font-weight:600;position:relative;text-decoration:none;transition:all .2s}.auth-footer a:after{background:var(--accent-gradient);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s;width:0}.auth-footer a:hover{color:var(--accent-secondary)}.auth-footer a:hover:after{width:100%}@media (max-width:480px){.auth-box{padding:35px 25px}.auth-box h1{font-size:26px}.auth-input{font-size:15px;padding:14px 16px}.auth-button{font-size:15px;padding:14px}}.chat-box-container{background:var(--bg-primary);margin:0 auto;max-width:900px;min-height:100vh}.chat-box-header{align-items:center;animation:slideDown .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);color:#fff;display:flex;justify-content:space-between;padding:25px 30px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-title{flex:1 1}.chat-box-header h1{-webkit-text-fill-color:#0000;align-items:center;background:var(--accent-gradient);-webkit-background-clip:text;background-clip:text;display:flex;font-size:28px;font-weight:700;gap:12px;margin:0}.chat-box-header h1 svg{-webkit-text-fill-color:var(--accent-primary);animation:bounce 2s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(99,102,241,.5))}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.current-user{color:var(--text-secondary);font-size:14px;font-weight:500;margin:8px 0 0}.header-actions{display:flex;gap:12px}.delete-account-button,.logout-button{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;overflow:hidden;padding:10px 22px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.delete-account-button:before,.logout-button:before{background:#ffffff1a;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.delete-account-button:hover:before,.logout-button:hover:before{height:300px;width:300px}.logout-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 8px 20px #6366f166;transform:translateY(-2px)}.delete-account-button{background:#f851491a;border-color:var(--danger-color);color:var(--danger-color)}.delete-account-button:hover{background:var(--danger-color);box-shadow:0 8px 20px #f8514966;color:#fff;transform:translateY(-2px)}.loading{animation:pulse 1.5s ease-in-out infinite;color:var(--text-secondary);font-size:16px;padding:60px 20px;text-align:center}.users-list{animation:fadeIn .5s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--shadow-md);margin:25px;overflow:hidden}.no-users{color:var(--text-muted);font-size:16px;padding:60px 20px;text-align:center}.user-item{align-items:center;animation:slideIn .4s ease-out backwards;animation-delay:calc(var(--index)*.05s);border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;padding:20px 24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-item:first-child{--index:1}.user-item:nth-child(2){--index:2}.user-item:nth-child(3){--index:3}.user-item:nth-child(4){--index:4}.user-item:nth-child(5){--index:5}.user-item:nth-child(6){--index:6}.user-item:nth-child(7){--index:7}.user-item:nth-child(8){--index:8}.user-item:nth-child(9){--index:9}.user-item:nth-child(10){--index:10}.user-item:before{background:var(--accent-gradient);content:"";height:100%;left:0;position:absolute;top:0;transform:scaleY(0);transition:transform .3s;width:4px}.user-item:last-child{border-bottom:none}.user-item:hover:not(.current){background:var(--bg-hover);padding-left:30px}.user-item:hover:not(.current):before{transform:scaleY(1)}.user-item:active:not(.current){transform:scale(.98)}.user-item.current{background:var(--bg-tertiary);border-left:4px solid var(--accent-primary);cursor:default}.user-avatar{align-items:center;background:var(--accent-gradient);border-radius:50%;box-shadow:var(--shadow-sm);color:#fff;display:flex;font-size:22px;font-weight:700;height:56px;justify-content:center;margin-right:18px;position:relative;transition:all .3s;width:56px}.user-item:hover .user-avatar{box-shadow:var(--shadow-glow);transform:scale(1.1) rotate(5deg)}.user-avatar:after{background:var(--success-color);border:3px solid var(--bg-secondary);border-radius:50%;bottom:2px;box-shadow:0 0 10px #3fb95080;content:"";height:14px;position:absolute;right:2px;width:14px}.user-info{flex:1 1}.user-info h3{color:var(--text-primary);display:inline;font-size:17px;font-weight:600;margin:0}.you-tag{background:#6366f126;border-radius:8px;color:var(--accent-primary);font-size:13px;font-weight:600;letter-spacing:.5px;margin-left:10px;padding:4px 10px;text-transform:uppercase}@media (max-width:768px){.chat-box-container{max-width:100%}.users-list{border-left:none;border-radius:0;border-right:none;margin:0}.chat-box-header{align-items:flex-start;flex-direction:column;gap:15px;padding:20px}.header-actions{align-self:stretch;flex-wrap:wrap}.delete-account-button,.logout-button{flex:1 1;font-size:13px;justify-content:center;padding:10px 16px}.user-item{padding:18px 20px}.user-avatar{font-size:20px;height:50px;margin-right:15px;width:50px}}.chat-container{background:var(--bg-primary);display:flex;flex-direction:column;height:100vh;margin:0 auto;max-width:900px}.chat-header{align-items:center;animation:slideDown .4s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg-secondary);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-md);color:#fff;display:flex;gap:18px;padding:18px 24px;position:-webkit-sticky;position:sticky;top:0;z-index:100}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.back-button{align-items:center;background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 18px;transition:all .3s cubic-bezier(.4,0,.2,1)}.back-button:hover{background:var(--accent-primary);border-color:var(--accent-primary);box-shadow:0 4px 12px #6366f166;transform:translateX(-3px)}.back-button:active{transform:translateX(-1px)}.chat-header-info{flex:1 1;gap:14px}.chat-avatar,.chat-header-info{align-items:center;display:flex}.chat-avatar{background:var(--accent-gradient);box-shadow:var(--shadow-glow);font-size:20px;font-weight:700;height:50px;justify-content:center;position:relative;width:50px}.chat-avatar,.chat-avatar:after{animation:pulse 2s ease-in-out infinite;border-radius:50%}.chat-avatar:after{background:var(--success-color);border:3px solid var(--bg-secondary);bottom:2px;box-shadow:0 0 10px #3fb95080;content:"";height:12px;position:absolute;right:2px;width:12px}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.chat-header h2{color:var(--text-primary);font-size:19px;font-weight:600;margin:0}.loading,.no-messages{animation:fadeIn .5s ease-out;color:var(--text-muted);font-size:16px;padding:60px 20px;text-align:center}.messages-container{background:var(--bg-primary);background-image:radial-gradient(circle at 20% 50%,#6366f108 0,#0000 50%),radial-gradient(circle at 80% 80%,#8b5cf608 0,#0000 50%);flex:1 1;overflow-y:auto;padding:25px;position:relative}.messages-container:before{background:linear-gradient(to bottom,var(--bg-primary),#0000);content:"";height:100px;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.message{animation:messageSlideIn .4s cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;display:flex;margin-bottom:16px;opacity:0}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message.sent{justify-content:flex-end}.message.received{justify-content:flex-start}.message-bubble-wrapper{align-items:flex-start;display:flex;gap:8px;max-width:70%;position:relative}.message.sent .message-bubble-wrapper{flex-direction:row-reverse}.message-content{word-wrap:break-word;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex:1 1;padding:14px 18px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.message.sent .message-content{background:linear-gradient(135deg,var(--message-sent) 0,#2f3e58e6 100%);border:1px solid #6366f133;border-bottom-right-radius:4px;box-shadow:0 4px 12px #6366f126}.message.received .message-content{background:var(--message-received);border:1px solid var(--border-color);border-bottom-left-radius:4px;box-shadow:var(--shadow-sm)}.message:hover .message-content{box-shadow:var(--shadow-md);transform:translateY(-2px)}.message.sent:hover .message-content{box-shadow:0 8px 20px #6366f140}.message-content p{color:var(--text-primary);font-size:15px;line-height:1.5;margin:0 0 8px}.message-footer{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.message-time{color:var(--text-muted);font-size:11px;font-weight:500}.edited-indicator{background:#ffffff0d;border-radius:4px;color:var(--text-muted);font-size:10px;font-style:italic;opacity:.8;padding:2px 6px}.message-menu-container{align-items:flex-start;display:flex;padding-top:12px;position:relative}.message-menu-button{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:18px;justify-content:center;line-height:1;opacity:0;padding:6px 8px;transition:all .3s cubic-bezier(.4,0,.2,1)}.message:hover .message-menu-button{opacity:1;transform:scale(1)}.message-menu-button:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary);transform:rotate(90deg) scale(1.1)}.message-menu-button:active{transform:rotate(90deg) scale(.95)}.message-menu-dropdown{animation:dropdownSlide .3s cubic-bezier(.16,1,.3,1);background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);margin-top:8px;min-width:160px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.message.sent .message-menu-dropdown{right:0}.message.received .message-menu-dropdown{left:0;right:auto}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.menu-item{align-items:center;background:#0000;border:none;border-bottom:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:14px 18px;text-align:left;transition:all .2s;width:100%}.menu-item:last-child{border-bottom:none}.menu-item:hover{background:var(--bg-hover);padding-left:22px}.menu-item.edit-item:hover{background:#6366f126;color:var(--accent-primary)}.menu-item.delete-item:hover{background:#f8514926;color:var(--danger-color)}.menu-icon{align-items:center;display:flex;font-size:18px;justify-content:center;width:22px}.edit-message-container{display:flex;flex-direction:column;gap:10px}.edit-message-input{background:var(--bg-primary);border:2px solid var(--accent-primary);border-radius:10px;color:var(--text-primary);font-family:inherit;font-size:15px;outline:none;padding:12px 14px;transition:all .3s;width:100%}.edit-message-input:focus{box-shadow:0 0 0 4px #6366f133}.edit-message-actions{display:flex;gap:8px;justify-content:flex-end}.cancel-edit-button,.save-edit-button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:18px;font-weight:700;justify-content:center;min-width:40px;padding:8px 14px;transition:all .3s cubic-bezier(.4,0,.2,1)}.save-edit-button{background:var(--success-color);color:#fff}.save-edit-button:hover{background:#34a846;box-shadow:0 4px 12px #3fb95066;transform:scale(1.1)}.cancel-edit-button{background:var(--danger-color);color:#fff}.cancel-edit-button:hover{background:#e03e36;box-shadow:0 4px 12px #f8514966;transform:scale(1.1)}.message-input-form{background:var(--bg-secondary);border-top:1px solid var(--border-color);box-shadow:0 -4px 12px #0003;display:flex;gap:12px;padding:20px 24px}.message-input{background:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:24px;color:var(--text-primary);flex:1 1;font-family:inherit;font-size:15px;outline:none;padding:14px 20px;transition:all .3s cubic-bezier(.4,0,.2,1)}.message-input::placeholder{color:var(--text-muted)}.message-input:focus{background:var(--bg-primary);border-color:var(--accent-primary);box-shadow:0 0 0 4px #6366f11a;transform:translateY(-2px)}.send-button{align-items:center;background:var(--accent-gradient);border:none;border-radius:24px;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:700;gap:8px;letter-spacing:.5px;overflow:hidden;padding:14px 28px;position:relative;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.send-button:before{background:#ffffff4d;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.send-button:hover:not(:disabled):before{height:300px;width:300px}.send-button:hover:not(:disabled){box-shadow:0 8px 24px #6366f180,var(--shadow-glow);transform:translateY(-3px) scale(1.05)}.send-button:active:not(:disabled){transform:translateY(-1px) scale(1.02)}.send-button:disabled{background:var(--text-muted);cursor:not-allowed;opacity:.4}@media (max-width:768px){.chat-container{max-width:100%}.message-bubble-wrapper{max-width:85%}.chat-header{padding:14px 18px}.messages-container{padding:18px}.message-input-form{padding:14px 18px}.message-menu-button{opacity:1}.send-button{font-size:14px;padding:14px 20px}.back-button{font-size:13px;padding:8px 14px}}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}.App{min-height:100vh}
/*# sourceMappingURL=main.b5eb46cc.css.map*/