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)}}.splash-screen{align-items:center;background-color:var(--theme);color:var(--white-light2);display:flex;flex-direction:column;height:100vh;justify-content:center}.splash-screen .logo{height:150px;width:150px}.splash-screen h1{margin-top:20px}.navbar{align-items:center;background-color:#8fb1f7;color:#fff;display:flex;justify-content:space-between;padding:10px 20px}.navbar-brand{font-size:24px}.navbar-profile{position:relative}.navbar-profile img{border:2px solid #fff;border-radius:50%;cursor:pointer;height:40px;width:40px}.dropdown-menu{background-color:#fff;border:1px solid #ccc;border-radius:5px;box-shadow:0 8px 16px #0003;position:absolute;right:0;top:50px;width:200px;z-index:1000}.dropdown-header{background-color:#f5f5f5;border-bottom:1px solid #ccc;padding:10px}.dropdown-header p{color:#333;margin:0}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu li{color:#333;cursor:pointer;padding:10px;transition:background-color .3s,color .3s}.dropdown-menu li:hover{background-color:#36c;color:#fff}.content{background-color:aqua}#root,body,html{height:100%;margin:0}.dashboard{background-color:#c1d3f8;box-sizing:border-box;display:flex;flex-direction:row;height:100vh;overflow:hidden;padding:20px}.toolbar{justify-content:start;margin-right:10px}.toolbar,.toolbar-button{display:flex;flex-direction:column}.toolbar-button{align-items:center;background-color:#333;border:none;border-radius:5px;cursor:pointer;margin-bottom:10px;padding:10px;transition:background-color .3s}.toolbar-button,.toolbar-button-text{color:#fff;text-align:center;text-decoration:none}.toolbar-button:hover{background-color:#555}.horizontal-list{max-width:0;transition:max-width .5s ease-in-out}.horizontal-list.show{max-width:500px}.content{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;flex-grow:1;padding:0}.list-section{align-items:center;background-color:aqua;border-radius:10px;display:flex;margin-top:10px;max-height:0;overflow:hidden;padding:10px;transition:max-height .5s ease-in-out}.list-section.show{max-height:500px}.horizontal-list{align-items:flex-start;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;justify-content:start;margin-right:10px;overflow:hidden}.horizontal-list span{background-color:#fff;border-radius:5px;margin-bottom:10px;padding:0 10px 10px;white-space:nowrap}.hide-button{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;margin-left:10px}.hide-button:hover{color:#555}.list-item-container{width:300px}.user-image{object-fit:cover;object-position:center}.heading{background-color:red;height:20px}.search-box{align-items:center;border:1px solid #ccc;border-radius:4px;display:flex;margin-top:10px;overflow:hidden;width:300px}.search-box input{border:none;flex:1 1;font-size:14px;padding:8px}.search-button{border:1px;color:#fff;cursor:pointer;margin-bottom:1px}.search-button:hover{background-color:#afc8e2}.search-button i{margin-right:5px}.list-item-container{background-color:#ecfafd;border-radius:10px;box-shadow:2px 2px 1px 1px #e8eaeb;display:flex;justify-content:flex-start;margin-bottom:10px;margin-top:10px;padding:5px;transition:width .3s ease}.list-item-container:hover{box-shadow:0 0 1px .5px #007bffb3}.user-image{border:2px solid var(--white);border-radius:100%;cursor:pointer;height:40px;width:40px}.user-data{display:flex;flex-direction:column;justify-content:flex-start;margin-left:10px}.name{font-size:medium}.email,.name{font-family:Arial,Helvetica,sans-serif;text-align:left}.email{font-size:small;margin-top:5px;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.messaging{background-color:#f5f5f5;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:100%;padding:20px}.recipient-info{align-items:center;border-bottom:1px solid #ddd;display:flex;padding-bottom:10px}.profile-image{border-radius:50%;height:50px;margin-right:15px;width:50px}.recipient-details{display:flex;flex-direction:column}.recipient-name{font-size:1.2em;font-weight:700;text-align:left}.recipient-email{color:#666}.message-list{flex-grow:1;margin:20px 0;overflow-y:auto;padding-right:10px;transition:scroll-behavior 5s ease-in-out}.message{margin-bottom:10px}.message.sent{color:#007bff;text-align:right}.message.received{color:#000;text-align:left}.message-sender{font-weight:700}.message-input{align-items:center;display:flex}.message-input input{border:1px solid #ddd;border-radius:5px;box-sizing:border-box;flex-grow:1;margin-right:10px;padding:10px}.message-input button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s}.message-input button:hover{background-color:#0056b3}.chat-item{display:flex;margin:10px 0}.sender{justify-content:flex-end}.receiver{justify-content:flex-start}.chat-bubble{border-radius:10px;max-width:80%;padding:10px;position:relative}.sender .chat-bubble{background-color:#dcf8c6;border-bottom-right-radius:0;max-width:540px}.receiver .chat-bubble{background-color:#fff;border:1px solid #e1e1e1;border-bottom-left-radius:0;max-width:540px}.chat-message{font-size:14px;margin:0}.chat-info{align-items:center;color:#999;display:flex;font-size:12px;justify-content:space-between;margin-top:5px}.chat-time{margin-right:10px}.chat-status{font-weight:700}.chat-image{margin:3px;max-height:500px;max-width:500px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.file-selector-container{background-color:#e8eef5;border-radius:8px;border-top:1px solid #d2d3dd;box-shadow:0 2px 4px #da16161a;justify-content:space-between;margin:15;padding:20px;width:95%}.file-preview,.file-selector-container{align-items:center;display:flex;flex-direction:row}.file-preview{justify-content:flex-start;width:100%}.preview-image{border-radius:5px;object-fit:cover}.preview-icon,.preview-image{height:50px;margin-right:15px;width:50px}.file-name{color:#333;font-size:16px;margin-right:15px}.cancel-button{right:0}.empty-chat-container{align-items:center;background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 8px #0000001a;box-sizing:border-box;display:flex;height:100%;justify-content:center;text-align:center}.empty-chat-content{animation:emptyChatFadeIn 1s ease-in-out}.chat-icon{animation:chatIconBounce 2s infinite;height:100px;margin-bottom:20px;width:100px}.welcome-message{animation:messageFadeInUp 1.5s ease-in-out;color:#6a11cb;font-size:2em;margin-bottom:10px}.prompt-message{animation:messageFadeInUp 2s ease-in-out;color:#333;font-size:1.2em}@keyframes emptyChatFadeIn{0%{opacity:0}to{opacity:1}}@keyframes messageFadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes chatIconBounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.login-container{align-items:center;background-color:var(--cerulean-blue);display:flex;height:100vh;justify-content:center}.login-content{max-width:400px;padding:20px;width:100%}.login-form{background-color:#fff;border-radius:8px;box-shadow:0 0 15px #0000001a;padding:30px}.app-logo{display:block;margin:0 auto 10px;max-width:100px}.login-heading{font-size:2rem;margin-bottom:10px;text-align:center}.form-group label{font-size:.9rem}.login-input{align-self:center;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:12px;transition:border-color .3s ease-in-out;width:90%}.login-input:focus{border-color:#007bff;outline:none}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px;transition:background-color .3s ease-in-out;width:100%}.login-button:hover{background-color:#0056b3}.signup-link{margin-top:20px;text-align:center}.signup-link a{color:#007bff;font-weight:700;text-decoration:none}.signup-link a:hover{text-decoration:underline}@media (max-width:768px){.login-content{padding:10px}.app-logo{max-width:120px}}.circular-progress{left:50%;opacity:0;position:fixed;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease,visibility .3s ease;visibility:hidden;z-index:9999}.circular-progress.visible{opacity:1;visibility:visible}.progress{height:60px;position:relative;width:60px}.progress-circle{height:100%;width:100%}.progress-circle-bg{fill:none;stroke:#f0f0f0;stroke-width:10}.progress-circle-fill{fill:none;stroke:#007bff;stroke-width:10;stroke-dasharray:283;stroke-dashoffset:283;transition:stroke-dashoffset .8s ease}.otp-container{align-items:center;background-color:var(--cerulean-blue);display:flex;height:100vh;justify-content:center}.otp-content{background-color:#fff;border-radius:8px;box-shadow:0 0 15px #0000001a;max-width:400px;padding:40px;text-align:center;width:100%}.app-logo{height:80px;margin-bottom:20px;width:80px}.otp-content h2{font-size:2rem;margin-bottom:10px}.otp-content p{color:#666;font-size:1.1rem}.form-group,.otp-content p{margin-bottom:20px}.form-group label{display:block;font-size:1.1rem;font-weight:700;margin-bottom:8px}.otp-input{border:1px solid #ccc;border-radius:4px;font-size:1rem;padding:12px;transition:border-color .3s ease-in-out;width:calc(100% - 32px)}.otp-input:focus{border-color:#007bff;outline:none}.otp-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1.1rem;padding:15px;transition:background-color .3s ease-in-out;width:calc(100% - 32px)}.otp-button:hover{background-color:#0056b3}.resend-section{margin-top:20px;text-align:center}.resend-section button{background:none;border:none;color:#007bff;cursor:pointer;font-size:1rem;outline:none;transition:color .3s ease-in-out}.resend-section button:hover{color:#0056b3}:root{--cerulean-blue:#69f;--sky-blue:#5472d3;--theme:#36c;--deep-blue:#36c;--navy-blue:#224e99;--midnight-blue:#0d3e6e;--white-light:#a2bad3;--white-light1:#c6cffd;--white-light2:#fff;--emerald-green:#4caf50;--forest-green:#388e3c;--jungle-green:#2e7d32;--moss-green:#1b5e20;--evergreen:#124116;--sunset-orange:#ffa726;--tangerine:#ff9800;--burnt-orange:#f57c00;--copper-orange:#ef6c00;--rusty-orange:#e65100;--transparent-black:#80000000;--lavender-purple:#9c27b0;--amethyst-purple:#7b1fa2;--violet-purple:#6a1b9a;--deep-purple:#4a148c;--inky-purple:#38006b;--black:#f000;--white:#fff;--white-seal:#b9bbc5;--charcoal:#333;--slate-gray:#666;--ash-gray:#999;--smoke-gray:#ccc;--off-white:#f2f2f2;--ivory:ivory;--eggshell:#f0ead6;--cream:#fffdd0;--red:red;--transparent:#0ff;--white60:#a0ffff;--white-two:#efefef;--white-three:#ebebeb;--white-four:#e0e0e0;--white-five:#dadada;--blue:#031cd7;--gray:#333;--dark-gray:#282a2b;--dark-grey-two:#191a1b;--warm-grey:#7f7f7f;--warm-grey-two:#9c9c9c;--warm-grey-three:#8b8b8b;--warm-grey-four:#979797;--dark-mint:#51c05c;--cornflower-blue-two:#4f62d7;--cornflower-blue-two-24:#3d4f62d7;--cornflower-blue-two-dark:#475bd4;--cornflower-blue-light-40:#64bec5f7;--dialog-divider:var(--white-three);--dialog-title-text:var(--dark-gray);--dialog-message-text:var(--warm-grey);--dialog-date-text:var(--warm-grey-two);--dialog-unread-text:var(--white);--dialog-unread-bubble:var(--dark-mint);--cornflower-blue:#6274e2;--cornflower-blue-dark:#303f9f;--cornflower-blue-darkest:#2d3a93;--gray-light:#e8e8e8;--gray-transparent:#a6efefef;--gray-dark:#858585;--gray-dark-transparent:#ae858585;--gray-darkest:#ae282828;--black-10:#19000000;--ivory-dark:#f7e8d9;--green:#38be55;--green-dark:#2da346;--brown:#4e342e}
/*# sourceMappingURL=main.25e3eae6.css.map*/