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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root,body,html{background-color:#e5ddd5;font-family:Segoe UI,sans-serif;height:100%;margin:0}.App{display:flex;height:100vh;overflow:hidden}.sidebar{background:#fff;border-right:1px solid #ccc;box-sizing:border-box;display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;transform:translateX(0);width:300px}.sidebar.slide-out{transform:translateX(-100%)}.sidebar h2{color:#075e54;font-size:1.5em;margin-bottom:20px;text-align:center}.contact-list{list-style:none;margin:0;padding:0}.contact-button{background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;display:flex;justify-content:left;margin-bottom:10px;padding:12px;text-align:center;transition:background .3s ease;width:100%}.contact-button:hover{background:#d9fdd3}.edit-contact-button{background:#0000;border:none;border-radius:8px;cursor:pointer;font-size:1.2em;padding:8px;transition:color .3s ease}.edit-contact-button:hover{color:#075e54}.logout-button{background:#eb3939;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;margin-top:auto;padding:12px;transition:background .3s ease;width:100%}.logout-button:hover{background:#bd2d2d}.chat{background-color:#efeae2;box-sizing:border-box;display:flex;flex:1 1;flex-direction:column;height:100%;padding:16px}.chat h2{color:#075e54;font-size:1.5em;margin-bottom:10px}.messages{flex:1 1;overflow-y:auto;padding-right:8px}.message-list{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.message{background:#fff;border-radius:12px;box-shadow:0 2px 4px #0000001a;max-width:60%;padding:12px}.message.me{align-self:flex-end;background:#d9fdd3;text-align:start}.message.them{align-self:flex-start;background:#fff;text-align:start}.timestamp{color:#888;font-size:.75em;margin-top:4px;text-align:right}.date-separator{background:#f0f0f0;border-radius:10px;color:#888;display:inline-block;font-size:.9em;margin:10px auto;padding:2px 12px}.send-form{display:flex;gap:8px;margin-top:8px}.send-form input{border:1px solid #ccc;border-radius:25px;flex:1 1;font-size:1em;outline:none;padding:12px;transition:border-color .3s ease}.send-form input:focus{border-color:#075e54}.send-form button{background:#25d366;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1em;padding:10px 20px;transition:background .3s ease}.send-form button:hover{background:#1da851}.login-container{align-items:center;background:linear-gradient(135deg,#43cea2,#185a9d);display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center}.login-form{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;box-sizing:border-box;max-width:400px;padding:30px;text-align:center;width:100%}.login-form h2{color:#2e7d32;font-size:1.8em;margin-bottom:10px}.login-form p{color:#666;font-size:1em;margin-bottom:20px}.login-input{border:1px solid #ddd;border-radius:25px;box-sizing:border-box;font-size:1em;margin-bottom:15px;outline:none;padding:10px 15px;transition:border-color .3s ease;width:100%}.login-input:focus{border-color:#43cea2}.login-button{background:linear-gradient(135deg,#43cea2,#2e7d32);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1em;padding:10px 15px;transition:filter .3s ease;width:100%}.login-button:hover{filter:brightness(.9)}.login-logo{display:block;height:auto;margin-bottom:20px;margin-left:auto;margin-right:auto;width:150px}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes fadeInBackground{0%{opacity:0}to{opacity:1}}@keyframes fadeOutBackground{0%{opacity:1}to{opacity:0}}@keyframes fadeInForm{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeOutForm{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}.overlay{align-items:center;animation:fadeInBackground .3s ease forwards;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.overlay.fade-out{animation:fadeOutBackground .3s ease forwards}.loading-overlay{align-items:center;background:#fffc;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1000}.spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-left-color:#000;border-radius:50%;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.add-contact-form{animation:fadeInForm .3s ease forwards;background:#fff;border-radius:10px;box-shadow:0 4px 10px #0003;max-width:400px;padding:20px;text-align:center;width:100%}.add-contact-form.fade-out{animation:fadeOutForm .3s ease forwards}.form-input{border:1px solid #ddd;border-radius:25px;box-sizing:border-box;font-size:1em;margin-bottom:15px;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.form-input:focus{border-color:#075e54}.form-buttons{display:flex;gap:10px;justify-content:space-between}.form-button{border:none;border-radius:25px;cursor:pointer;flex:1 1;font-size:1em;padding:10px;transition:background .3s ease}.form-button:hover{background:#d9fdd3}.cancel-button{background:#eb3939;color:#fff}.cancel-button:hover{background:#bd2d2d}.context-menu{animation:slideDown .2s ease forwards;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #0003;overflow:hidden}.context-menu-item{background:#fff;border:none;cursor:pointer;display:block;padding:10px;text-align:left;transition:background .3s ease;width:100%}.context-menu-item:hover{background:#f0f0f0}.context-menu-button{align-items:center;background:#f0f0f0;border:none;border-radius:8px;cursor:pointer;display:flex;height:56px;justify-content:center;margin-bottom:9px;transition:background .3s ease;width:32px}.context-menu-button:hover{background:#d9fdd3}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.toggle-sidebar-button{align-items:center;background:#075e54;border:none;border-radius:50%;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;display:flex;font-size:1.5em;height:40px;justify-content:center;transition:background .3s ease;width:40px}.toggle-sidebar-button:hover{background:#064c44}.chat-container{display:flex;flex:1 1;flex-direction:column;height:100%;margin-left:0;transition:margin-left .3s ease}.chat-container.sidebar-visible{margin-left:300px}.chat-container.sidebar-hidden{margin-left:0}.chat-header{align-items:center;background-color:#f0f0f0;border-bottom:1px solid #ddd;border-radius:8px;box-shadow:0 2px 4px #0000001a;display:flex;justify-content:space-between;margin:0 auto;max-width:800px;padding:10px 15px}.chat-header-info{display:flex;flex-direction:column}.chat-header-name{color:#075e54;font-size:1.2em;font-weight:700}.chat-header-number{color:#555;font-size:.9em}@media (max-width:768px){.login-form{padding:20px}.login-form h2{font-size:1.5em}.login-form p{font-size:.9em}.chat-header{border-radius:0;max-width:100%}}
/*# sourceMappingURL=main.19b490a5.css.map*/