.app{width:100%;min-height:100vh;background-color:#f5f5f5}.login-page-container{display:flex;justify-content:center;align-items:center;min-height:100vh}.login-title{text-align:center;margin-bottom:1.5rem;color:#333;font-size:2rem;font-weight:700;font-family:serif}.login-page-box{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:400px}.login-page-title{text-align:center;margin-bottom:1.5rem;color:#333}.login-page-form{width:100%}.login-page-input-group{margin-bottom:1rem}.login-page-email-input{width:100%;padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-page-otp-container{display:flex;gap:.5rem;justify-content:center;margin-bottom:1rem}.login-page-otp-input{width:40px;height:40px;text-align:center;font-size:1.2rem;border:1px solid #ddd;border-radius:4px}.login-page-submit-btn{width:100%;padding:.75rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .2s}.login-page-submit-btn:hover{background-color:#0056b3}.login-page-submit-btn:disabled{background-color:#ccc;cursor:not-allowed}.login-page-error{color:#dc3545;margin-bottom:1rem;text-align:center;font-size:.9rem}.login-page-2col-container{display:flex;min-height:100vh;background-color:#f5f5f5;position:relative;background-image:url(/Saraswat-hospital.png);background-size:cover;background-position:center;background-repeat:no-repeat}.login-page-2col-image{flex:1;display:flex;align-items:center;justify-content:center}.login-page-2col-image img{max-width:100%;max-height:80vh;border-radius:16px;box-shadow:0 2px 16px #00000014}.login-page-2col-form{flex:1;display:flex;align-items:center;justify-content:right;margin-right:9rem}.login-page-logo{position:absolute;top:20px;right:20px;width:120px;height:auto;z-index:10}@media screen and (max-width: 768px){.login-page-2col-container{flex-direction:column}.login-page-2col-image{display:none}.login-page-2col-form{width:100%;padding:1rem}.login-page-box{max-width:100%;padding:1.5rem}.login-page-otp-container{gap:.3rem}.login-page-otp-input{width:35px;height:35px;font-size:1rem}}@media screen and (max-width: 480px){.login-page-box{padding:1rem}.login-page-otp-input{width:30px;height:30px}.login-page-title{font-size:1.5rem}}.chat_box{height:530px;width:700px;overflow-y:auto}.user_list{height:630px;overflow-y:auto}.container_chat{width:100%}.container-fluid.chat-container{padding-left:0;padding-right:0}.t1{color:#000}.chat-container{height:100vh;background-color:#f5f5f5}.header-section{background:linear-gradient(135deg,#1e3c72,#2a5298);border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0000001a;min-height:45px;position:fixed;top:0;left:0;right:0;display:flex;align-items:center;z-index:1000}.header-section h2{font-weight:600;letter-spacing:.5px;color:#fff;font-size:1.4rem;margin:0}.header-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;pointer-events:none}.avatar-circle{width:40px;height:40px;background-color:#ffc107;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700}.chat-section{height:calc(100vh - 45px);margin-top:75px}.users-sidebar{border-right:1px solid rgba(0,0,0,.1);height:calc(100vh - 75px);background-color:#fff;overflow-y:auto;color:#333;position:fixed;top:75px;left:0;width:25%;z-index:5}.user-item{cursor:pointer;transition:background-color .3s;border-bottom:1px solid rgb(31 29 29 / 52%);position:relative}.user-item:hover{background-color:#0000000d}.user-avatar{width:40px;height:40px;border-radius:50%;object-fit:cover;position:relative}.chat-area{background-color:#0b141a;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-size:cover;background-repeat:repeat;top:75px;left:25%;width:50%;height:calc(100vh - 75px);overflow-y:hidden;opacity:.95;z-index:4;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;position:fixed}.chat-loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000a6;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px;color:#fff;font-weight:500;font-size:1rem;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.chat-loading-overlay.show{opacity:1;pointer-events:auto}.chat-loading-spinner{width:42px;height:42px;border:4px solid rgba(255,255,255,.2);border-top-color:#25d366;border-radius:50%;animation:chat-spinner 1s linear infinite}@keyframes chat-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-blur{filter:blur(2px);opacity:.5;pointer-events:none}.messages-container{padding:20px;height:calc(100% - 60px);overflow-y:auto}.message{margin-bottom:10px;display:flex;flex-direction:column}.message-content{display:inline-flex;align-items:flex-start;max-width:65%;padding:8px 12px;border-radius:7.5px;position:relative;word-wrap:break-word;width:fit-content;margin-bottom:15px}.sent-message{margin-left:auto;background-color:#005c4b;color:#fff;box-shadow:0 1px .5px #00000021}.received-message{margin-right:auto;background-color:#202c33;color:#fff;box-shadow:0 1px .5px #00000021}.message-text{color:#e9edef;font-size:14.2px;line-height:19px;white-space:pre-wrap;word-break:break-word;position:relative;padding-right:65px;padding-bottom:20px}.message-time{position:absolute;bottom:2px;right:8px;font-size:11px;color:#cdc6c6;padding:0 4px;min-width:84px;text-align:right;display:flex;align-items:center;justify-content:flex-end;gap:2px}.message-input-container{position:absolute;bottom:0;left:0;right:0;padding:10px 20px;background-color:#202c33;border-top:1px solid #2A3942;display:flex;width:100%;z-index:5;margin-bottom:15px}.message-input{background-color:#2a3942!important;color:#e9edef!important;border:none!important;border-radius:0!important;margin:0!important;flex:1}.message-input::placeholder{color:#8696a0}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:transparent}.messages-container::-webkit-scrollbar-thumb{background:#888;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#555}.profile-sidebar{border-left:1px solid rgba(0,0,0,.1);height:calc(100vh - 75px);background-color:#fff;color:#333;position:fixed;top:75px;right:0;width:25%;overflow:hidden;z-index:3}.profile-image{width:120px;height:120px;border-radius:50%;object-fit:cover}.contact-info{padding-top:20px;border-top:1px solid rgba(0,0,0,.1)}.avatar-container{display:flex;align-items:center;margin:0 8px}.message-avatar{width:30px;height:30px;border-radius:50%}.sent-message .avatar-container{order:2}.received-message .avatar-container{order:1}.received-message .message-text{order:2}.user-info{width:calc(100% - 55px);color:#333}.user-info small{width:100%}.user-info small span:first-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:70%}.send-button{background:none;border:none;color:#00a884;padding:8px;border-radius:50%;cursor:pointer;transition:background-color .2s;margin-right:10px}.send-button:hover{background-color:#2a3942}.send-button:disabled{color:#8696a0;cursor:default}.send-button:disabled:hover{background:none}.date-header{text-align:center;margin:20px 0;position:relative}.date-header span{background-color:#e2e2e2;padding:4px 12px;border-radius:12px;font-size:.8rem;color:#666;display:inline-block}.date-header:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background-color:#e2e2e2;z-index:-1}.unread-badge{position:absolute;top:-5px;right:-5px;background-color:#25d366;color:#fff;border-radius:50%;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;padding:0 4px}.logout-btn{background:linear-gradient(135deg,#dc3545,#c82333);color:#fff;border:1px solid rgba(255,255,255,.2);padding:6px 12px;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.logout-btn:hover{background:linear-gradient(135deg,#c82333,#a71e2a);transform:translateY(-1px);box-shadow:0 4px 12px #dc35454d}.logout-btn:active{transform:translateY(0)}.logout-popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:9999}.logout-popup-box{background:#fff;padding:2rem 2.5rem;border-radius:8px;box-shadow:0 2px 16px #0003;text-align:center;min-width:300px}.logout-popup-actions{margin-top:1.5rem;display:flex;justify-content:center;gap:1.5rem}.logout-popup-yes{background:#dc3545;color:#fff;border:none;padding:8px 20px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.logout-popup-yes:hover{background:#b52a37}.logout-popup-cancel{background:#6c757d;color:#fff;border:none;padding:8px 20px;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.logout-popup-cancel:hover{background:#495057}@media (max-width: 768px){body{background-color:#0b141a}.chat-container{margin:0;padding:0;overflow:hidden}.users-sidebar{width:100%;position:absolute;top:45px;left:0;height:calc(100vh - 45px);z-index:5;transition:transform .3s ease;padding-left:0;padding-right:0}.chat-area{width:100%;position:absolute;top:0;left:0;height:100vh;z-index:10;display:none;padding-left:0;padding-right:0;margin:0;overflow:hidden}.profile-sidebar{display:none}.mobile-visible{display:block!important;transform:translate(0)}.mobile-hidden{display:none!important}.mobile-chat-header{display:flex;align-items:center;padding:10px;background-color:#202c33;color:#e9edef;border-bottom:1px solid #2A3942;position:fixed;top:0;left:0;right:0;z-index:15;justify-content:space-between;height:60px}.mobile-chat-header .back-button{background:none;border:none;color:#e9edef;margin-right:10px;padding:5px;cursor:pointer}.header-title h4{margin:0;font-size:1.2rem;color:#e9edef}.mobile-chat-header .d-flex{flex:1}.mobile-user-info{padding:8px 15px;background-color:#1e2c35;border-bottom:1px solid #2A3942;color:#e9edef}.mobile-logout-button{margin-left:auto;padding-right:5px}.mobile-logout{font-size:.8rem;padding:8px 16px;border-radius:6px}.user-avatar-small{width:35px;height:35px;border-radius:50%}.messages-container{height:calc(100% - 120px);padding:70px 0 60px}.message-input-container{position:fixed;padding:10px 0;z-index:20}.message-input{border-radius:0!important;margin:0!important}.search-box{padding-left:0;padding-right:0}.search-box .form-control{border-radius:0}.users-list{padding:0}.user-item{border-radius:0}}@media (min-width: 769px){.mobile-chat-header{display:none}.chat-area{position:fixed;top:75px;left:25%;width:50%;height:calc(100vh - 75px)}.message-input-container{position:absolute;width:auto}.users-sidebar{position:fixed;top:75px;left:0;width:25%;height:calc(100vh - 75px)}.profile-sidebar{position:fixed;top:75px;right:0;width:25%;height:calc(100vh - 75px);overflow:hidden}}.mobile-main-header{background:linear-gradient(135deg,#1e3c72,#2a5298);color:#e9edef;padding:8px 15px;text-align:left;border-bottom:1px solid rgba(255,255,255,.1);box-shadow:0 2px 10px #0000001a;min-height:45px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:1000}.mobile-main-header h2{margin:0;font-size:1.3rem;font-weight:600;color:#fff;letter-spacing:.5px}.message-status{display:inline-flex;align-items:center;margin-left:4px;vertical-align:middle}.message-tick{width:16px;height:12px;display:inline-block}.tick-grey{color:#667781}.tick-blue{color:#53bdeb}.tick-failed{color:#f15c6d}.dark-mode-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:6px 8px;border-radius:6px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.dark-mode-btn:hover{background-color:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.dark-mode-btn:active{transform:translateY(0)}.dark-mode-btn svg{width:18px;height:18px;transition:transform .3s ease}.dark-mode-btn:hover svg{transform:scale(1.1)}.toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.dark-mode-btn:hover .toggle-icon{transform:rotate(15deg)}body.dark-mode{background-color:#0b141a;color:#e9edef}body.light-mode{background-color:#f5f5f5;color:#333}body.light-mode .chat-container{background-color:#f0f0f0}body.light-mode .header-section{background:linear-gradient(135deg,#9f508f,#128c7e)!important;border-bottom:1px solid rgba(255,255,255,.2)}body.light-mode .header-section h2{color:#fff}body.light-mode .header-section:before{background:#ffffff1a}body.light-mode .mobile-main-header{background:linear-gradient(135deg,#25d366,#128c7e);border-bottom:1px solid rgba(255,255,255,.2)}body.light-mode .mobile-main-header h2{color:#fff}body.light-mode .mobile-chat-header{background-color:#25d366}body.light-mode .users-sidebar{background-color:#fff;border-right:1px solid #e0e0e0;color:#333}body.light-mode .user-item{border-bottom:1px solid #e0e0e0}body.light-mode .user-item:hover{background-color:#f5f5f5}body.light-mode .chat-area{background-color:#e5ddd5;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="chat-bg" x="0" y="0" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="50" cy="50" r="1" fill="%23c7c7c7" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23chat-bg)"/></svg>')}body.light-mode .sent-message{background-color:#dcf8c6;color:#333}body.light-mode .received-message{background-color:#fff;color:#333}body.light-mode .message-input-container{background-color:#f0f0f0;border-top:1px solid #e0e0e0}body.light-mode .message-input{background-color:#fff!important;color:#333!important;border:1px solid #e0e0e0!important}body.light-mode .message-input::placeholder{color:#999}body.light-mode .send-button{color:#25d366}body.light-mode .send-button:hover{background-color:#f0f0f0}body.light-mode .profile-sidebar{background-color:#fff;border-left:1px solid #e0e0e0;color:#333}body.light-mode .date-header span{background-color:#f0f0f0;color:#666}body.light-mode .message-time{color:#667781}body.light-mode .message-text{color:#333}body.light-mode .dark-mode-btn{color:#fff}body.light-mode .dark-mode-btn:hover{background-color:#fff3}.header-logo{width:35px;height:35px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.header-logo-mobile{width:30px;height:30px;border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.3)}.user-avatar-initials{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;text-transform:uppercase;position:relative}.user-avatar-small-initials{width:35px;height:35px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:12px;text-transform:uppercase}.profile-image-initials{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:36px;text-transform:uppercase;margin:0 auto}