body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px;transition:all .3s ease}.auth-container.dark-mode{background:linear-gradient(135deg,#1a1a1a,#2d2d2d)}.auth-card{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;transition:all .3s ease;width:100%}.auth-container.dark-mode .auth-card{background:#2d2d2d;box-shadow:0 10px 30px #0006}.auth-card h2{color:#333;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center;transition:color .3s ease}.auth-container.dark-mode .auth-card h2{color:#fff}.form-group{margin-bottom:20px}.form-group label{color:#555;display:block;font-size:14px;font-weight:500;margin-bottom:8px;transition:color .3s ease}.auth-container.dark-mode .form-group label{color:#ccc}.form-group input{border:2px solid #e1e5e9;border-radius:8px;box-sizing:border-box;font-size:16px;padding:12px 15px;transition:border-color .3s ease,background-color .3s ease,color .3s ease;width:100%}.auth-container.dark-mode .form-group input{background:#4a4a4a;border-color:#555;color:#fff}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.auth-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.auth-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.auth-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px;transition:all .3s ease}.auth-container.dark-mode .error-message{background:#3d1a1a;border-color:#4a1a1a;color:#ff6b6b}.auth-links{margin-top:25px;text-align:center}.auth-links p{color:#666;font-size:14px;transition:color .3s ease}.auth-container.dark-mode .auth-links p{color:#ccc}.auth-links a{color:#667eea;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-links a:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.auth-card{margin:10px;padding:30px 20px}.auth-card h2{font-size:24px}}.notification-settings{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:15px;transition:all .3s ease}.notification-settings.dark-mode{background:#3a3a3a;box-shadow:0 2px 5px #0000004d}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.notification-header h3{color:#333;font-size:16px;font-weight:600;margin:0;transition:color .3s ease}.notification-settings.dark-mode .notification-header h3{color:#fff}.notification-status{background:#0000000d;border-radius:4px;font-size:12px;font-weight:500;padding:4px 8px;transition:all .3s ease}.notification-settings.dark-mode .notification-status{background:#ffffff1a}.notification-controls{margin-bottom:10px}.notification-toggle{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.notification-toggle input[type=checkbox]{display:none}.toggle-slider{background:#ccc;border-radius:12px;height:24px;margin-right:12px;position:relative;transition:background-color .3s ease;width:50px}.toggle-slider:before{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s ease;width:20px}.notification-toggle input:checked+.toggle-slider{background:#28a745}.notification-toggle input:checked+.toggle-slider:before{transform:translateX(26px)}.notification-toggle input:disabled+.toggle-slider{background:#6c757d;opacity:.6}.toggle-label{color:#666;font-size:14px;transition:color .3s ease}.notification-settings.dark-mode .toggle-label{color:#ccc}.notification-help{background:#f8f9fa;border-radius:8px;margin-top:10px;padding:12px;transition:all .3s ease}.notification-settings.dark-mode .notification-help{background:#4a4a4a}.notification-help p{color:#666;font-size:13px;font-weight:500;margin:0 0 8px;transition:color .3s ease}.notification-settings.dark-mode .notification-help p{color:#ccc}.notification-help ol{color:#666;font-size:12px;line-height:1.4;margin:0;padding-left:20px;transition:color .3s ease}.notification-settings.dark-mode .notification-help ol{color:#ccc}.notification-help li{margin-bottom:4px}.chat-list-container{background:#f8f9fa;margin:0 auto;max-width:1000px;min-height:100vh;padding:20px;transition:all .3s ease}.chat-list-container.dark-mode{background:#1a1a1a;color:#fff}.chat-list-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;display:flex;justify-content:space-between;margin-bottom:30px;padding:20px;transition:all .3s ease}.chat-list-container.dark-mode .chat-list-header{background:#2d2d2d;box-shadow:0 2px 10px #0000004d}.chat-list-header h1{color:#333;font-size:28px;font-weight:600;margin:0;transition:color .3s ease}.chat-list-container.dark-mode .chat-list-header h1{color:#fff}.user-info{align-items:center;display:flex;gap:15px}.user-info span{color:#666;font-size:16px;transition:color .3s ease}.chat-list-container.dark-mode .user-info span{color:#ccc}.theme-button{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:background-color .3s ease}.theme-button:hover{background:#5a6fd8}.logout-button{background:#dc3545;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;padding:8px 16px;transition:background-color .3s ease}.logout-button:hover{background:#c82333}.chat-list-content{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:20px;transition:all .3s ease}.chat-list-container.dark-mode .chat-list-content{background:#2d2d2d;box-shadow:0 2px 10px #0000004d}.chat-sections{display:flex;flex-direction:column;gap:30px}.section h2{color:#333;font-size:20px;font-weight:600;margin-bottom:20px;transition:color .3s ease}.chat-list-container.dark-mode .section h2{color:#fff}.new-chat-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:15px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.new-chat-button:hover{box-shadow:0 5px 15px #667eea66;transform:translateY(-2px)}.new-chat-form{background:#f8f9fa;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding:15px;transition:background-color .3s ease}.chat-list-container.dark-mode .new-chat-form{background:#3a3a3a}.new-chat-form input{border:2px solid #e1e5e9;border-radius:8px;font-size:16px;padding:12px;transition:border-color .3s ease}.chat-list-container.dark-mode .new-chat-form input{background:#4a4a4a;border-color:#555;color:#fff}.new-chat-form input:focus{border-color:#667eea;outline:none}.new-chat-form button{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background-color .3s ease}.new-chat-form button:hover{background:#218838}.chats{display:flex;flex-direction:column;gap:10px}.chat-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:10px;color:inherit;display:flex;justify-content:space-between;padding:15px;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease,background-color .3s ease}.chat-list-container.dark-mode .chat-item{background:#3a3a3a}.chat-item:hover{border-color:#667eea;box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.chat-item.default-chat{background:linear-gradient(135deg,#e3f2fd,#f3e5f5);border-left:4px solid #2196f3}.chat-list-container.dark-mode .chat-item.default-chat{background:linear-gradient(135deg,#1e3a5f,#2d1b69);border-left:4px solid #64b5f6}.chat-item.private-chat{background:linear-gradient(135deg,#fff3e0,#fce4ec);border-left:4px solid #ff9800}.chat-list-container.dark-mode .chat-item.private-chat{background:linear-gradient(135deg,#3e2723,#4a148c);border-left:4px solid #ffb74d}.chat-info{flex:1 1}.chat-info h3{color:#333;font-size:18px;font-weight:600;margin:0 0 5px;transition:color .3s ease}.chat-list-container.dark-mode .chat-info h3{color:#fff}.chat-description{color:#666;font-size:12px;font-style:italic;margin:0;transition:color .3s ease}.chat-list-container.dark-mode .chat-description{color:#ccc}.chat-creator{color:#888;font-size:11px;font-style:italic;margin:5px 0 0;transition:color .3s ease}.chat-list-container.dark-mode .chat-creator{color:#999}.last-message{color:#666;font-size:14px;line-height:1.4;margin:0;transition:color .3s ease}.chat-list-container.dark-mode .last-message{color:#ccc}.chat-meta{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.chat-type{font-size:18px}.last-message-time{color:#999;font-size:12px;transition:color .3s ease;white-space:nowrap}.chat-list-container.dark-mode .last-message-time{color:#888}.no-chats{color:#666;font-style:italic;padding:40px 20px;text-align:center;transition:color .3s ease}.chat-list-container.dark-mode .no-chats{color:#888}.loading{min-height:100vh}.chat-list-container.dark-mode .loading{color:#888}@media (max-width:768px){.chat-list-container{padding:10px}.chat-list-header{flex-direction:column;gap:15px;text-align:center}.user-info{gap:10px}.new-chat-form,.user-info{flex-direction:column}}.chat-room-container{background:#f8f9fa;display:flex;flex-direction:column;height:100vh;transition:all .3s ease}.chat-room-container.dark-mode{background:#1a1a1a;color:#fff}.chat-header{align-items:center;background:#fff;border-bottom:1px solid #e1e5e9;box-shadow:0 2px 5px #0000001a;display:flex;padding:15px 20px;transition:all .3s ease}.chat-room-container.dark-mode .chat-header{background:#2d2d2d;border-bottom-color:#444;box-shadow:0 2px 5px #0000004d}.back-button{border-radius:6px;color:#667eea;font-weight:600;margin-right:15px;padding:8px 12px;text-decoration:none;transition:background-color .3s ease}.back-button:hover{background:#f0f2ff}.chat-room-container.dark-mode .back-button:hover{background:#3a3a3a}.chat-header h2{color:#333;font-size:20px;font-weight:600;margin:0;transition:color .3s ease}.chat-room-container.dark-mode .chat-header h2{color:#fff}.private-badge,.public-badge{font-size:18px;margin-left:10px}.messages-container{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px;transition:background-color .3s ease}.chat-room-container.dark-mode .messages-container{background:#1a1a1a}.message{display:flex;margin-bottom:10px}.own-message{justify-content:flex-end}.other-message{justify-content:flex-start}.message-content{border-radius:18px;max-width:70%;padding:12px 16px;position:relative;transition:all .3s ease}.own-message .message-content{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-right-radius:4px;color:#fff}.other-message .message-content{background:#fff;border:1px solid #e1e5e9;border-bottom-left-radius:4px;color:#333;transition:all .3s ease}.chat-room-container.dark-mode .other-message .message-content{background:#3a3a3a;border-color:#555;color:#fff}.message-sender{font-size:12px;font-weight:600;margin-bottom:4px;opacity:.8}.own-message .message-sender{color:#ffffffe6}.other-message .message-sender{color:#666;transition:color .3s ease}.chat-room-container.dark-mode .other-message .message-sender{color:#ccc}.message-text{word-wrap:break-word;font-size:16px;line-height:1.4}.message-time{font-size:11px;margin-top:4px;opacity:.7}.own-message .message-time{color:#fffc}.other-message .message-time{color:#999;transition:color .3s ease}.chat-room-container.dark-mode .other-message .message-time{color:#888}.message-form{background:#fff;border-top:1px solid #e1e5e9;display:flex;gap:10px;padding:20px;transition:all .3s ease}.chat-room-container.dark-mode .message-form{background:#2d2d2d;border-top-color:#444}.message-input{border:2px solid #e1e5e9;border-radius:25px;flex:1 1;font-size:16px;outline:none;padding:12px 16px;transition:border-color .3s ease,background-color .3s ease,color .3s ease}.chat-room-container.dark-mode .message-input{background:#4a4a4a;border-color:#555;color:#fff}.message-input:focus{border-color:#667eea}.send-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap}.send-button:hover{box-shadow:0 3px 10px #667eea4d;transform:translateY(-1px)}.send-button:active{transform:translateY(0)}.no-messages{color:#666;font-style:italic;margin:auto;padding:40px 20px;text-align:center;transition:color .3s ease}.chat-room-container.dark-mode .no-messages{color:#888}.loading{align-items:center;color:#666;display:flex;font-size:18px;height:100vh;justify-content:center;transition:color .3s ease}.chat-room-container.dark-mode .loading{color:#888}.error{color:#dc3545;font-size:18px;height:100vh}.error,.password-form-container{align-items:center;display:flex;justify-content:center}.password-form-container{background:#f8f9fa;min-height:100vh;transition:background-color .3s ease}.password-form-container.dark-mode{background:#1a1a1a}.password-form{background:#fff;border-radius:15px;box-shadow:0 10px 30px #0003;max-width:400px;padding:40px;text-align:center;transition:all .3s ease;width:100%}.password-form-container.dark-mode .password-form{background:#2d2d2d;box-shadow:0 10px 30px #0006}.password-form h2{color:#333;font-size:24px;margin-bottom:10px;transition:color .3s ease}.password-form-container.dark-mode .password-form h2{color:#fff}.password-form p{color:#666;margin-bottom:20px;transition:color .3s ease}.password-form-container.dark-mode .password-form p{color:#ccc}.password-form input{border:2px solid #e1e5e9;border-radius:8px;font-size:16px;margin-bottom:15px;padding:12px 15px;transition:all .3s ease;width:100%}.password-form-container.dark-mode .password-form input{background:#4a4a4a;border-color:#555;color:#fff}.password-form input:focus{border-color:#667eea;outline:none}.password-form button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:transform .2s ease;width:100%}.password-form button:hover{transform:translateY(-2px)}.back-link{color:#667eea;display:inline-block;font-weight:600;margin-top:20px;text-decoration:none;transition:color .3s ease}.back-link:hover{color:#5a6fd8}.typing-indicator{align-items:center;background:#667eea1a;border-radius:15px;display:flex;margin:5px 0;max-width:200px;padding:10px 15px;transition:all .3s ease}.chat-room-container.dark-mode .typing-indicator{background:#667eea33}.typing-dots{display:flex;gap:3px;margin-right:8px}.typing-dots span{animation:typing 1.4s ease-in-out infinite;background:#667eea;border-radius:50%;height:6px;width:6px}.typing-dots span:first-child{animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.typing-text{color:#667eea;font-size:12px;font-style:italic;transition:color .3s ease}.chat-room-container.dark-mode .typing-text{color:#8b9cff}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.chat-room-container.dark-mode .messages-container::-webkit-scrollbar-track{background:#3a3a3a}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.chat-room-container.dark-mode .messages-container::-webkit-scrollbar-thumb{background:#666}.messages-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.chat-room-container.dark-mode .messages-container::-webkit-scrollbar-thumb:hover{background:#888}@media (max-width:768px){.chat-header{padding:10px 15px}.chat-header h2{font-size:18px}.messages-container{padding:15px}.message-content{max-width:85%}.message-form{padding:15px}.message-input{font-size:16px}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}.App{min-height:100vh}button{border:none;cursor:pointer;font-family:inherit;outline:none;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}input{border:2px solid #e1e5e9;border-radius:8px;font-family:inherit;outline:none;transition:border-color .3s ease}input:focus{border-color:#667eea}a{color:inherit;text-decoration:none}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading:after{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;content:"";display:inline-block;height:20px;margin-left:10px;width:20px}@media (max-width:768px){body{font-size:14px}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
/*# sourceMappingURL=main.41145db6.css.map*/