.bg-blur{background-image:url(/image/login-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:1}@media screen and (max-width:767px){.bg-blur{background-position:-600px}}.input-icon-start{left:16px}@media screen and (min-width:768px)and (max-width:991px){.input-icon-start{left:20px}}@media screen and (min-width:992px){.input-icon-start{left:18px}}@media screen and (min-width:1200px){.input-icon-start{left:26px}}@media screen and (min-width:1400px){.input-icon-start{left:32px}}.input-icon-end{right:16px}@media screen and (min-width:768px)and (max-width:991px){.input-icon-end{right:20px}}@media screen and (min-width:992px){.input-icon-end{right:18px}}@media screen and (min-width:1200px){.input-icon-end{right:26px}}@media screen and (min-width:1400px){.input-icon-end{right:32px}}.hover-text-gradient:hover{background:var(--color-gradient);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;transition:all .5s ease-in-out}.login_group .form-control{padding-left:44px!important}@media screen and (min-width:1200px){.login_group .form-control{padding-left:54px!important}}@media screen and (min-width:1400px){.login_group .form-control{padding-left:60px!important}}.register_form .form-control{padding-left:44px!important}@media screen and (min-width:1200px){.register_form .form-control{padding-left:54px!important}}@media screen and (min-width:1400px){.register_form .form-control{padding-left:60px!important}}.register_form .resetBtn{margin:10px 0 20px}@media screen and (min-width:768px)and (max-width:991px){.register_form .resetBtn{margin:14px 0 30px}}@media screen and (min-width:992px){.register_form .resetBtn{margin:18px 0 40px}}@media screen and (min-width:1200px){.register_form .resetBtn{margin:20px 0 30px}}.login-card,.profile-card,.register-card{background-color:#fff;box-shadow:0 8px 24px -4px rgba(24,39,75,.078),0 6px 12px -6px rgba(24,39,75,.122);border:none;border-radius:32px}.profile-card{padding:2rem;box-shadow:0 16px 24px 0 rgba(0,0,0,.059);border:1px solid #f5f5f5;border-radius:16px}.onboardImage{top:-120px;right:0;position:absolute;width:700px;height:auto}@media screen and (min-width:768px)and (max-width:991px){.onboardImage{width:290px;top:-50px}}@media screen and (min-width:992px){.onboardImage{width:400px}}@media screen and (min-width:1200px){.onboardImage{width:600px}}@media screen and (min-width:1400px){.onboardImage{width:700px}}@media screen and (max-width:767px){.onboardImage{margin-left:auto;width:100%}}.onboard-image{width:100%;height:100%;object-fit:cover}@media screen and (min-width:768px)and (max-width:991px){.onboard-image{height:340px;width:100%;margin-top:var(--spacing-lg);object-fit:contain}}.register_form .react-tel-input .form-control{height:56px!important;padding-left:60px!important}@media screen and (min-width:768px)and (max-width:991px){.register_form .react-tel-input .form-control{padding-left:60px!important}}@media screen and (min-width:992px){.register_form .react-tel-input .form-control{padding-left:60px!important}}@media screen and (min-width:1200px){.register_form .react-tel-input .form-control{padding-left:60px!important}}@media screen and (min-width:1400px){.register_form .react-tel-input .form-control{padding-left:70px!important}}.register_form .react-tel-input .flag-dropdown{height:56px!important;left:12px!important}@media screen and (min-width:768px)and (max-width:991px){.register_form .react-tel-input .flag-dropdown{left:14px!important}}@media screen and (min-width:992px){.register_form .react-tel-input .flag-dropdown{left:14px!important}}@media screen and (min-width:1200px){.register_form .react-tel-input .flag-dropdown{left:22px!important}}@media screen and (min-width:1400px){.register_form .react-tel-input .flag-dropdown{left:32px!important}}.login-card{background-color:var(--color-white);box-shadow:0 8px 24px -4px rgba(24,39,75,.078),0 6px 12px -6px rgba(24,39,75,.122);border:none;border-radius:16px;position:relative;z-index:1;padding:40px 12px}@media screen and (min-width:768px)and (max-width:991px){.login-card{padding:50px 30px;border-radius:20px}}@media screen and (min-width:992px){.login-card{padding:60px 40px;border-radius:28px}}@media screen and (min-width:1200px){.login-card{padding:60px 52px;border-radius:30px}}@media screen and (min-width:1400px){.login-card{padding:60px 52px;border-radius:32px}}.login-card .card-header h4{font-size:32px}.login-card .login_form .login_group{display:flex;flex-direction:column;gap:32px;margin-bottom:32px}.login-card .login_form .login_group .form-group{margin-bottom:0!important}.login-card .login_form .login_wrap{margin-top:35px}.login-card .link{display:flex;align-items:center;justify-content:center;gap:8px}.login-card .link .regester{text-decoration:none;color:#522884}.login-card .horizontal-wrap{gap:32px}.login-card .horizontal-line{height:1px!important;margin-top:0!important;background:var(--color-gray-light)!important}.reset-password-wrapper .onboardImage{top:-50%;right:0}.reset-password-wrapper .joc-success-animation-section{box-shadow:inset 3px 3px 6px 0 #ccdbe8,inset -3px -3px 6px 1px hsla(0,0%,100%,.5);background-color:transparent;width:150px;height:150px}@media screen and (max-width:767px){.reset-password-wrapper .joc-success-animation-section{width:100px;height:100px}}.forgotModal .modal-dialog .modal-content .modal-header .btn-close{position:absolute;top:20px;right:20px}.forgot-psd-header{color:#555}.forgot-desc{color:#838383}.logo{width:auto;height:40px;cursor:pointer;margin:0}@media screen and (max-width:767px){.logo{width:36px}}.logo img{width:100%}.culogo{height:100%;width:auto;object-fit:contain}.link{text-align:center}.link,.link:hover{color:var(--color-primary);opacity:1;text-decoration:none}.sticky-search-bar .gradient-bg{background-image:url(/image/login-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:1;border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.sticky-search-bar{box-shadow:0 3px 5px rgba(0,0,0,.04);top:68px!important;position:-webkit-sticky;position:sticky;z-index:1000}@media screen and (max-width:767px){.sticky-search-bar{top:50px!important}}@media screen and (min-width:768px)and (max-width:991px){.sticky-search-bar{top:50px!important}}@keyframes rotate-border{to{transform:rotate(1turn)}}.sticky-search-bar .search-input-group{transition:focus-within .5s ease;border:2px solid transparent}.sticky-search-bar .search-input-group .search-input{border:none;background-color:transparent;color:#2c257f;outline:none;font-size:var(--font-size-md);padding:12px 20px}@media screen and (max-width:767px){.sticky-search-bar .search-input-group .search-input{padding:12px 10px;font-size:var(--font-size-sm)}}.sticky-search-bar .search-input-group .search-input:focus{outline:none;box-shadow:none!important;border-color:none}.sticky-search-bar .search-input-group .search-input::placeholder{color:#2c257f;font-size:var(--font-size-md)}@media screen and (max-width:767px){.sticky-search-bar .search-input-group .search-input::placeholder{font-size:var(--font-size-sm)}}@media screen and (max-width:767px){.sticky-search-bar .search-input-group .btn{font-size:var(--font-size-sm);gap:0;padding:0 .75rem}.sticky-search-bar .search-input-group .btn .btn-icon{margin:0}}@media screen and (min-width:768px)and (max-width:991px){.sticky-search-bar .search-input-group .btn{font-size:var(--font-size-md);gap:0;padding:0 1rem}.sticky-search-bar .search-input-group .btn .btn-icon{margin:0}}@media screen and (max-width:767px){.sticky-search-bar .search-input-group .btn .btn-content{display:none}}.sticky-search-bar .search-input-group:focus-within{transition:background .5s ease;background:linear-gradient(119.92deg,#ea6c17 3.75%,#d90082 43.94%,#a72fd6 79.21%) border-box;border:2px solid transparent;background-clip:padding-box,border-box;background-origin:padding-box,border-box;background-image:linear-gradient(var(--color-white),var(--color-white)),linear-gradient(119.92deg,#ea6c17 3.75%,#d90082 43.94%,#a72fd6 79.21%)}@media screen and (max-width:767px){.sticky-search-bar .search-input-group{box-shadow:var(--shadow-card)}.sticky-search-bar .icon-button{font-size:var(--font-size-sm);padding:6px 2px}.sticky-search-bar .icon-button .btn-icon{margin:0}}.sticky-search-bar .custom-select-container{margin-bottom:0!important}.sticky-search-bar .custom-select-container .custom-select__control{min-height:44px!important;height:44px!important;border-radius:25px!important;box-shadow:none!important;transition:all .2s ease!important}.sticky-search-bar .custom-select-container .custom-select__control:hover{box-shadow:0 2px 4px rgba(0,0,0,.05)!important}.sticky-search-bar .custom-select-container .custom-select__control--is-focused{box-shadow:0 0 0 3px rgba(0,123,255,.1)!important}.sticky-search-bar .custom-select-container .custom-select__value-container{padding:0 16px!important;height:44px!important}.sticky-search-bar .custom-select-container .custom-select__placeholder,.sticky-search-bar .custom-select-container .custom-select__single-value{font-size:14px!important;font-weight:400!important}.sticky-search-bar .custom-select-container .custom-select__input-container{height:44px!important}.sticky-search-bar .custom-select-container .custom-select__input{height:44px!important;margin:0!important;padding:0!important}.sticky-search-bar .custom-select-container .custom-select__dropdown-indicator{padding:8px!important}.sticky-search-bar .custom-select-container .custom-select__indicator-separator{display:none!important}.sticky-search-bar .custom-select-container .custom-select__menu{border-radius:12px!important;margin-top:4px!important}.sticky-search-bar .custom-select-container .custom-select__menu-list{padding:8px 0!important}.sticky-search-bar .custom-select-container .custom-select__option{padding:10px 16px!important;font-size:14px!important}.doctor-profile-card{background-color:#fff;box-shadow:0 8px 24px -4px rgba(24,39,75,.078),0 6px 12px -6px rgba(24,39,75,.122);border:none;border-radius:32px;background-image:url(/image/login-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;opacity:1;padding:1rem;margin:1rem 0}.doctor-profile-card .doc-profile-img{border-radius:5px;width:190px;object-fit:cover}@media screen and (min-width:1200px){.doctor-profile-card .doc-profile,.doctor-profile-card .doc-profile-wrapper{line-height:13px}}.doctor-profile-card .doc-profile .doc-name,.doctor-profile-card .doc-profile-wrapper .doc-name{text-decoration:none;text-transform:capitalize;color:var(--color-primary);font-size:24px;line-height:24px;font-weight:700}.doctor-profile-card .doc-profile .doc-name:hover,.doctor-profile-card .doc-profile-wrapper .doc-name:hover{color:var(--orange)}.doctor-profile-card .dollars{color:#223645;font-size:28px;font-weight:600;margin-left:6px}@media screen and (max-width:767px){.doctor-profile-card .dollars{font-size:20px;line-height:20px}}@media screen and (min-width:768px)and (max-width:991px){.doctor-profile-card .dollars{font-size:20px;line-height:20px}}@media screen and (min-width:992px){.doctor-profile-card .dollars{font-size:20px;line-height:20px}}@media screen and (min-width:1200px){.doctor-profile-card .dollars{font-size:28px;line-height:28px}}.doctor-profile-card .blur-text-fee{color:transparent;text-shadow:0 0 7px rgba(0,0,0,.5)}.doctor-profile-card .blur-text-fee-list{color:transparent;text-shadow:0 0 12px transparent;font-size:28px;font-weight:600;margin-left:6px}.doctor-profile-card .consultation-fee{color:var(--dark-grey)}@media screen and (max-width:767px){.doctor-profile-card .consultation-fee{font-size:14px}}@media screen and (min-width:768px)and (max-width:991px){.doctor-profile-card .consultation-fee{font-size:16px}}@media screen and (min-width:992px){.doctor-profile-card .consultation-fee{font-size:16px}}.qualification-height{height:25px}.qualification-font{font-size:13px;color:var(--grey)}.truncated-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-backdrop.show{z-index:1040!important;background:rgba(0,0,0,.5)!important;backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important;opacity:1!important}.video-bg{background-color:#feefe5;border-radius:1rem;overflow:hidden}.video-bg.overlay{background-color:hsla(24,93%,95%,.5);position:absolute;top:0;left:0;height:100%;width:100%;z-index:1050}.modal-content{border-radius:1rem}@media screen and (min-width:768px)and (max-width:991px){.px-80{padding-left:50px!important;padding-right:50px!important}}@media screen and (min-width:992px){.px-80{padding-left:60px!important;padding-right:60px!important}}@media screen and (min-width:1200px){.px-80{padding-left:70px!important;padding-right:70px!important}}@media screen and (min-width:1400px){.px-80{padding-left:80px!important;padding-right:80px!important}}@media screen and (max-width:767px){.px-80{padding-left:20px!important;padding-right:20px!important}}@media screen and (min-width:768px)and (max-width:991px){.py-60{padding-top:30px!important;padding-bottom:30px!important}}@media screen and (min-width:992px){.py-60{padding-top:40px!important;padding-bottom:40px!important}}@media screen and (min-width:1200px){.py-60{padding-top:50px!important;padding-bottom:50px!important}}@media screen and (min-width:1400px){.py-60{padding-top:60px!important;padding-bottom:60px!important}}@media screen and (max-width:767px){.py-60{padding-top:20px!important;padding-bottom:20px!important}}.pt-70{padding-top:40px!important}@media screen and (min-width:992px){.pt-70{padding-top:50px!important}}@media screen and (min-width:1200px){.pt-70{padding-top:60px!important}}@media screen and (min-width:1400px){.pt-70{padding-top:70px!important}}.pb-70{padding-bottom:40px!important}@media screen and (min-width:992px){.pb-70{padding-bottom:50px!important}}@media screen and (min-width:1200px){.pb-70{padding-bottom:60px!important}}@media screen and (min-width:1400px){.pb-70{padding-bottom:70px!important}}.sticky-top .sticky-top-wrap{padding:26px 0 30px}.selectWarp{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:16px;margin-top:18px;padding-top:4px;padding-bottom:8px}.selectWarp .select{flex:1 1}.selectWarp .select .form-group{margin-bottom:0!important}.selectWarp .select .form-group .custom-select__control{border:0!important;justify-content:center;border-radius:48px!important;min-width:180px}@media screen and (min-width:768px)and (max-width:991px){.selectWarp .select .form-group .custom-select__control{min-width:230px}}.selectWarp .select .form-group .custom-select__control .custom-select__value-container{flex:none;padding:0!important}.selectWarp .select .form-group .custom-select__control .custom-select__value-container .custom-select__placeholder{color:var(--color-neutral)!important}.selectWarp .select .form-group .custom-select__control:not(.custom-select__control--menu-is-open) .custom-select__indicator.custom-select__dropdown-indicator svg{transform:rotate(0deg)}.selectWarp .select .form-group .custom-select__control .custom-select__indicator.custom-select__dropdown-indicator{padding:6px!important}.selectWarp .select .form-group .custom-select__control .custom-select__indicator.custom-select__dropdown-indicator svg{transform:rotate(180deg);fill:var(--color-neutral-2);stroke:var(--color-neutral-2);transition:transform .2s ease}.doctorInfoWarpper .back{padding:12px 16px 12px 0;color:#252525;font-size:20px;font-weight:400;display:inline-flex;align-items:center;gap:16px;text-decoration:none;border:0;background:transparent}.doctorInfoWarpper .doctorInfoWarp{display:flex;flex-direction:column;gap:40px;margin-top:25px}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp{flex-direction:row}}@media screen and (min-width:1400px){.doctorInfoWarpper .doctorInfoWarp{gap:60px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo{display:flex;flex-direction:column;gap:40px}@media screen and (min-width:1400px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo{gap:56px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap{display:flex;flex-direction:column;gap:16px}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap{gap:20px}}@media screen and (min-width:1200px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap{gap:30px}}@media screen and (min-width:1400px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap{gap:40px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo{display:flex;gap:12px}@media screen and (min-width:768px)and (max-width:991px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo{gap:16px}}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo{gap:20px}}@media screen and (min-width:1200px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo{gap:24px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileImg{min-width:160px;max-width:160px;max-height:170px;overflow:hidden;border-radius:12px}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileImg{min-width:180px;max-width:180px;max-height:200px}}@media screen and (min-width:1200px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileImg{min-width:210px;max-width:210px;max-height:222px}}@media screen and (min-width:1400px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileImg{min-width:240px;max-width:240px;max-height:252px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileImg .profile{width:100%;height:100%;object-fit:cover;object-position:top}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap{display:flex;flex-direction:column;align-items:start;gap:20px}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail{display:flex;flex-direction:column;gap:8px}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .name{font-size:20px;font-weight:500;color:#252525;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px;width:100%;margin:0}@media screen and (min-width:768px)and (max-width:991px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .name{width:auto;font-size:24px;justify-content:start}}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .name{width:auto;font-size:24px;justify-content:start}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .name svg{width:16px;margin-top:2px}@media screen and (min-width:768px)and (max-width:991px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .name svg{margin-top:4px;width:16px}}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .name svg{width:22px;margin-top:4px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .price{font-size:14px;font-weight:500;color:var(--color-black);margin:0}@media screen and (min-width:768px)and (max-width:991px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .price{font-size:16px}}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .price{font-size:20px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .category{font-size:8px;color:var(--color-neutral-2);margin:0}@media screen and (min-width:768px)and (max-width:991px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .category{font-size:12px}}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .category{font-size:14px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .list{display:flex;flex-wrap:wrap;gap:6px}@media screen and (min-width:768px)and (max-width:991px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .list{gap:8px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .list .badge{padding:2px 10px;border:1px solid var(--color-gray-light);color:var(--color-neutral-2);background:var(--color-white);display:flex;align-items:center;gap:4px;border-radius:48px;min-height:21px;font-size:8px;font-weight:500;letter-spacing:.24px}@media screen and (min-width:768px)and (max-width:991px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .list .badge{font-size:10px}}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .list .badge{font-size:12px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .profileDetail .list .badge.success{background:rgba(92,158,49,.102);border:1px solid var(--color-green);color:var(--color-green)}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .btnOutline,.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .profileInfo .profileDetailWrap .btnOutline{font-size:16px;font-weight:500;color:var(--color-neutral-2);gap:12px;display:flex;align-items:center;justify-content:center;padding:16px;border:1px solid var(--color-gray-light);border-radius:48px;background-color:transparent;width:100%}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .profileInfoWrap .description p{font-size:16px;font-weight:400;color:var(--color-neutral-2)}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .tabLists{display:flex;flex-wrap:nowrap;overflow:auto;padding:0;list-style-type:none;border-bottom:1px solid var(--color-gray-light);margin-bottom:16px}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .tabLists .tabItems{font-size:16px;color:#555;font-weight:400;padding:0 32px 18px;position:relative;border:0;outline:none;background-color:transparent}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .tabLists .tabItems:before{content:"";position:absolute;bottom:0;right:0;width:0;height:4px;border-radius:100px;background-color:transparent;transition:all .4s ease-in-out}@media screen and (min-width:1200px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .tabLists .tabItems{font-size:18px}}@media screen and (min-width:1400px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .tabLists .tabItems{font-size:20px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .tabLists .tabItems:hover{color:var(--color-secondary);transition:color .3s ease-in-out}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .tabLists .tabItems.active{color:var(--color-secondary)}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .tabLists .tabItems.active:before{width:100%;left:0;background-color:var(--color-secondary)}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information{padding:24px 0;border-bottom:1px solid var(--color-gray-light)}@media screen and (min-width:1400px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information{padding:32px 0}}@media screen and (min-width:1200px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information{padding:28px 0}}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information{padding:26px 0}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information:last-child{border:0}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .title{display:flex;align-items:center;gap:12px;color:var(--color-secondary);font-size:20px;font-weight:500;margin-bottom:12px}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .title svg{width:20px;height:20px}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .list{display:flex;flex-direction:column;gap:12px;margin-bottom:0}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .list li{font-size:14px;font-weight:400;color:var(--color-neutral-2)}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .list li{font-size:16px}}@media screen and (min-width:1200px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .list li{font-size:18px}}@media screen and (min-width:1400px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .list li{font-size:20px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .experience{margin-bottom:16px}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .experience .title{color:var(--color-neutr);font-size:14px;font-weight:400;margin:0 0 10px}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .experience .title{font-size:16px}}@media screen and (min-width:1200px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .experience .title{font-size:18px}}@media screen and (min-width:1400px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .experience .title{font-size:20px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .experience .badge{border:1px solid var(--color-gray-light);border-radius:48px;padding:2px 10px;color:var(--color-neutral-2);font-size:12px;font-weight:500;display:inline-block}.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .desc p{color:var(--color-neutral-2);font-size:14px;font-weight:400}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .desc p{font-size:16px}}@media screen and (min-width:1200px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .desc p{font-size:18px}}@media screen and (min-width:1400px){.doctorInfoWarpper .doctorInfoWarp .doctorInfo .doctorInfoTabs .TabsContent .doctorInfoContent .information .experienceWrap .desc p{font-size:20px}}.doctorInfoWarpper .doctorInfoWarp .doctorInfoDetail{width:400px;min-width:400px;display:none}@media screen and (min-width:992px){.doctorInfoWarpper .doctorInfoWarp .doctorInfoDetail{display:block}}@media screen and (min-width:1200px){.doctorInfoWarpper .doctorInfoWarp .doctorInfoDetail{width:500px;min-width:500px;display:block}}.doctorInfoWarpper .doctorInfoWarp .doctorInfoDetail .bookAppointment{box-shadow:0 16px 24px 0 rgba(0,0,0,.059);border-radius:20px;position:-webkit-sticky;position:sticky;top:0}.appointment-booking-modal .modal-dialog{max-width:900px;margin:1rem auto;padding:0}@media screen and (max-width:767px){.appointment-booking-modal .modal-dialog{margin:.5rem;max-width:calc(100% - 1rem)}}.appointment-booking-modal .modal-header{border:none;padding:1rem 1.5rem}.appointment-booking-modal .modal-header .modal-title{font-size:1.25rem;font-weight:600;color:var(--color-dark-blue)}.appointment-booking-modal .modal-body{padding:0;overflow-y:auto;max-height:80vh}@media screen and (max-width:767px){.appointment-booking-modal .modal-body{max-height:75vh}}.appointment-booking-modal .modal-body::-webkit-scrollbar{display:none}.appointment-booking-modal .modal-body{-ms-overflow-style:none;scrollbar-width:none}.appointment-booking-modal .modal-dialog-scrollable .modal-body::-webkit-scrollbar{display:none}.appointment-booking-modal .modal-dialog-scrollable .modal-body{-ms-overflow-style:none;scrollbar-width:none}.appointment-booking-modal .modal-content{border:none;background-color:transparent;box-shadow:0 10px 25px rgba(0,0,0,.1)}.appointment-booking-modal .modal-backdrop{background-color:rgba(0,0,0,.5)}.profile-tabs-container .tabs-wrapper{display:flex;gap:0;border-bottom:1px solid #d9d9d9;position:relative}.profile-tabs-container .tab-item{background:transparent;border:none;padding:17px var(--spacing-xl);font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);color:var(--color-primary-black);cursor:pointer;transition:all var(--transition-medium);white-space:nowrap;position:relative}.profile-tabs-container .tab-item:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:4px;border-radius:100px;background-color:transparent}.profile-tabs-container .tab-item:hover{color:var(--color-gray-700)}.profile-tabs-container .tab-item.active{color:var(--color-orange)}.profile-tabs-container .tab-item.active:before{background-color:var(--color-orange)}@media(max-width:768px){.profile-tabs-container .tab-item{font-size:var(--font-size-base);padding:var(--spacing-md)}}.profileModal .modal-content{padding:32px}.profileModal .modal-content .modal-header .btn-close{background-image:url(/_next/static/media/close.9ffb8768.png);opacity:1}.signatureModal .modal-content{padding:32px}.signatureModal .modal-content .modal-footer .btn{min-width:200px}.information-container{max-width:100%}.information-container .info-card .card-header{display:flex;justify-content:space-between;align-items:center;background-color:transparent}.information-container .info-card .card-header .section-title{margin:0 0 20px;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-secondary-black);letter-spacing:2%;line-height:140%;text-transform:uppercase}.information-container .info-card .card-body{margin-bottom:20px}.information-container .btn-light{background:transparent;border:none;color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:var(--border-radius-md);transition:all var(--transition-medium)}.information-container .btn-light .btn-icon{font-size:16px}.information-container .btn-light:hover{background-color:rgba(0,0,0,.04);color:var(--color-gray-700)}.information-container .form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-lg) var(--spacing-2xl);gap:var(--spacing-lg) var(--spacing-2xl);margin-bottom:var(--spacing-lg)}.information-container .form-row:last-child{margin-bottom:0}@media(max-width:768px){.information-container .form-row{grid-template-columns:1fr;gap:var(--spacing-lg)}}.information-container .form-col{min-width:0}.information-container .form-col-full{grid-column:1/-1}.information-container .info-group .info-label{display:block;font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-neutral-2);margin-bottom:6px;letter-spacing:2%;line-height:140%}.information-container .info-group .info-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-regular);color:var(--color-primary-black);margin:0;word-break:break-word}@media(max-width:992px){.personal-information-container .info-card .card-header{padding:var(--spacing-md) var(--spacing-lg)}.personal-information-container .info-card .card-body{padding:var(--spacing-lg)}.personal-information-container .form-row{gap:var(--spacing-md) var(--spacing-lg)}}.notification-popup-cu{position:absolute;top:60px;right:2.5%;background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-shadow:var(--shadow-card);z-index:1000;width:350px;border-radius:0 var(--border-radius-md) var(--border-radius-md) var(--border-radius-md)}.notification-header{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid var(--color-gray-300);width:100%}.notification-list{padding:var(--spacing-sm);overflow-y:auto;max-height:500px}.notification-item{padding:var(--spacing-xs) var(--spacing-sm);background-color:#faf3fd;margin-bottom:var(--spacing-xs);box-shadow:rgba(0,0,0,.161);border-radius:0 var(--border-radius-md) 0 0;cursor:pointer;transition:background var(--transition-fast)}.notification-item:hover{background-color:#ecdcf3}.close-btn{background:none;border:none;font-size:var(--font-size-lg);cursor:pointer;color:var(--color-gray-400)}.close-btn:hover{color:var(--color-gray-700)}.notification-text{color:var(--color-purple);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.buttons-in-notifications{border:0;font-size:var(--font-size-xs);background-color:transparent}.dismiss-text{font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);color:var(--color-danger)}.notification-desc{font-size:var(--font-size-xs);color:var(--color-secondary-black);font-weight:var(--font-weight-medium)}.notification_react_icon{color:var(--color-orange)}.notification-time{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);margin-top:3px}@keyframes slideOutLeftWithBump{0%{transform:translateX(0);opacity:1}30%{transform:translateX(30px)}to{transform:translateX(-100%);opacity:0}}.slide-out{animation:slideOutLeftWithBump .4s forwards}.close-btn-small{font-size:var(--font-size-xs);width:10px;height:10px;display:flex;align-items:center;justify-content:center;background-color:transparent!important;border:none!important}.notification-list::-webkit-scrollbar{width:5px}.notification-list::-webkit-scrollbar-track{background:var(--color-gray-100)}.notification-list::-webkit-scrollbar-thumb{background:var(--color-purple);border-radius:4px}.notification-list::-webkit-scrollbar-thumb:hover{background:var(--color-purple)}.expert-profile-settings .profile-settings-header-row{row-gap:12px}.expert-profile-settings .profile-actions-desktop{min-width:0}.expert-profile-settings .profile-actions-mobile{position:relative;width:100%}.expert-profile-settings .profile-actions-mobile .profile-actions-dropdown{width:100%;max-width:280px}.expert-profile-settings .profile-actions-mobile .profile-actions-trigger{border:1px solid rgba(0,0,0,.12);border-radius:8px;padding:10px 14px;font-weight:500;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.06)}.expert-profile-settings .profile-actions-mobile .profile-actions-trigger:hover{background:#f9fafb;border-color:rgba(0,0,0,.18)}.expert-profile-settings .profile-actions-mobile .profile-actions-dropdown-menu{position:absolute;top:100%;left:0;right:0;margin-top:6px;padding:6px 0;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,.12);z-index:1050;max-height:70vh;overflow-y:auto}.expert-profile-settings .profile-actions-mobile .profile-actions-dropdown-menu button{display:block;width:100%;padding:12px 16px;text-align:left;border:none;border-radius:0;background:transparent!important;font-size:14px;font-weight:500;color:#374151;cursor:pointer;transition:background .15s ease;box-shadow:none!important}.expert-profile-settings .profile-actions-mobile .profile-actions-dropdown-menu button:hover:not(:disabled){background:#f3f4f6!important}.expert-profile-settings .profile-actions-mobile .profile-actions-dropdown-menu button:disabled{opacity:.6;cursor:not-allowed}.expert-profile-settings .profile-actions-mobile .profile-actions-dropdown-menu button:not(:last-child){border-bottom:1px solid rgba(0,0,0,.06)}.expert-profile-settings .profile-actions-mobile .profile-actions-dropdown-menu .askReview-view-btn{color:#7c3aed!important}.expert-profile-settings .profile-actions-mobile .profile-actions-dropdown-menu .patient-view-btn{color:#059669!important}@media(max-width:991px){.expert-profile-settings .profile-actions-mobile .profile-actions-dropdown{max-width:100%}}.expert-profile-settings .react-tel-input .selected-flag{padding:0 0 0 var(--spacing-lg)!important}.expert-profile-settings .details-view .row{row-gap:12px}.expert-profile-settings .details-view .details-header{margin-top:8px;margin-bottom:12px}.expert-profile-settings .details-view .section-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:14px;margin-top:12px;box-shadow:0 4px 14px rgba(17,24,39,.04)}.expert-profile-settings .details-view .section-title{font-size:1.125rem;font-weight:700;color:#111827;margin:0}.expert-profile-settings .details-view .view-field{display:flex;flex-direction:column;margin-bottom:10px}.expert-profile-settings .details-view .view-field .label{font-size:12px;text-transform:uppercase}.expert-profile-settings .details-view .list-row{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px 12px;margin:8px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:box-shadow .2s ease,transform .05s ease}.expert-profile-settings .details-view .list-row:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}.expert-profile-settings .details-view .list-row .list-row-title{font-size:16px;color:#111827}.expert-profile-settings .details-view .section-scroll{max-height:320px;overflow:auto;padding-right:6px}.expert-profile-settings .details-view .section-scroll::-webkit-scrollbar{width:8px}.expert-profile-settings .details-view .section-scroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:8px}.expert-profile-settings .details-view .section-scroll::-webkit-scrollbar-track{background:transparent}@media(max-width:991px){.expert-profile-settings .details-view .section-scroll{max-height:260px}}.expert-profile-settings .experience-summary .row:first-child{flex-wrap:wrap;gap:8px}.expert-profile-settings .experience-summary .section-title{flex-shrink:0}.expert-profile-settings .experience-summary .exp-experience-list{display:flex;flex-direction:column;gap:16px}.expert-profile-settings .experience-summary .exp-experience-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.expert-profile-settings .experience-summary .exp-field-label{display:block;font-weight:700;color:#4b5563;font-size:.75rem;text-transform:uppercase;letter-spacing:.02em;margin-bottom:6px}.expert-profile-settings .experience-summary .exp-fields-row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px 16px;gap:12px 16px;margin-bottom:12px}.expert-profile-settings .experience-summary .exp-fields-row.has-delete{grid-template-columns:repeat(4,1fr) auto}.expert-profile-settings .experience-summary .exp-field{min-width:0}.expert-profile-settings .experience-summary .exp-field .form-group{margin-bottom:0}.expert-profile-settings .experience-summary .exp-field-delete{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.expert-profile-settings .experience-summary .exp-field-delete .exp-field-label{margin-bottom:4px}.expert-profile-settings .experience-summary .exp-summary-field{padding-top:12px;border-top:1px dashed rgba(0,0,0,.12)}.expert-profile-settings .experience-summary .exp-summary-field .form-group{margin-bottom:0}.expert-profile-settings .experience-summary .exp-currently-working{margin-top:8px}.expert-profile-settings .experience-summary .exp-delete-row{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(216,4,69,.25);background:#fff0f4;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .05s ease}.expert-profile-settings .experience-summary .exp-delete-row:hover{background:#ffe5ec}.expert-profile-settings .experience-summary .exp-delete-row:active{transform:translateY(.5px)}.expert-profile-settings .experience-summary .form-control,.expert-profile-settings .experience-summary input.form-control{width:100%;height:48px;font-size:14px}.expert-profile-settings .experience-summary textarea.form-control{min-height:110px;font-size:14px}@media(max-width:991px){.expert-profile-settings .experience-summary .exp-fields-row{grid-template-columns:repeat(2,1fr)}.expert-profile-settings .experience-summary .exp-fields-row.has-delete{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.expert-profile-settings .experience-summary .exp-fields-row,.expert-profile-settings .experience-summary .exp-fields-row.has-delete{grid-template-columns:1fr}.expert-profile-settings .experience-summary input.form-control{height:44px}.expert-profile-settings .experience-summary textarea.form-control{min-height:100px}}@media(max-width:575px){.expert-profile-settings .experience-summary .exp-experience-card{padding:12px}.expert-profile-settings .experience-summary input.form-control{height:42px;font-size:12.5px}.expert-profile-settings .experience-summary textarea.form-control{min-height:90px;font-size:14px}}.expert-profile-settings .professional-details-form .row{row-gap:12px}.expert-profile-settings .professional-details-form .section-title{font-size:1.125rem;font-weight:700;color:#111827}.expert-profile-settings .professional-details-form .section-card{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:14px;padding:14px;margin-top:12px;box-shadow:0 4px 14px rgba(17,24,39,.04)}.expert-profile-settings .professional-details-form .section-hint{font-size:.8125rem;color:#b91c1c;white-space:nowrap}.expert-profile-settings .professional-details-form .section-add-icon{transition:transform .08s ease,filter .15s ease}.expert-profile-settings .professional-details-form .section-add-icon:hover{transform:translateY(-1px);filter:drop-shadow(0 2px 6px rgba(148,38,178,.35))}.expert-profile-settings .professional-details-form .section-add-icon:active{transform:translateY(0)}@media(max-width:575px){.expert-profile-settings .professional-details-form .form-actions{width:100%;justify-content:stretch!important;gap:10px!important}.expert-profile-settings .professional-details-form .form-actions button{flex:1 1}}.expert-profile-settings .professional-details-form .certificateScroll{max-height:320px;overflow:auto;padding-right:6px}.expert-profile-settings .professional-details-form .certificateScroll .row{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px 12px;margin:8px 0;transition:box-shadow .2s ease,transform .05s ease}.expert-profile-settings .professional-details-form .certificateScroll .row:hover{box-shadow:0 6px 18px rgba(0,0,0,.08)}.expert-profile-settings .professional-details-form .certificateScroll .row .col-sm-9 span{color:#1f2937;font-weight:500;cursor:pointer}.expert-profile-settings .professional-details-form .certificateScroll .row .col-sm-9 span:hover{color:#7c3aed;text-decoration:underline}.expert-profile-settings .professional-details-form .certificateScroll .row .col-sm-1 span,.expert-profile-settings .professional-details-form .certificateScroll .row .col-sm-1 svg{cursor:pointer}.expert-profile-settings .professional-details-form .certificateScroll::-webkit-scrollbar{width:8px}.expert-profile-settings .professional-details-form .certificateScroll::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);border-radius:8px}.expert-profile-settings .professional-details-form .certificateScroll::-webkit-scrollbar-track{background:transparent}.expert-profile-settings .professional-details-form .certificates-pills{gap:10px}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill{background:#f8f5ff;border:1px solid rgba(124,58,237,.25);color:#4b5563;border-radius:9999px;padding:6px 8px 6px 6px;line-height:1;transition:background .2s ease,box-shadow .2s ease,border-color .2s ease}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill.is-uploading{opacity:.7;border-style:dashed}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill .pill-icon{width:26px;height:26px;border-radius:9999px;background:#7c3aed;color:#fff;margin-right:8px}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill .pill-name{max-width:210px;border:none;background:transparent;color:#1f2937;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;margin-right:6px;cursor:pointer}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill .pill-remove{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#b91c1c;border:none;border-left:1px solid rgba(0,0,0,.08);margin-left:4px;padding-left:6px;cursor:pointer}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill:hover{background:#f3ebff;box-shadow:0 6px 16px rgba(124,58,237,.15);border-color:rgba(124,58,237,.4)}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill.has-error{border-color:rgba(185,28,28,.6);background:#fff5f5}.expert-profile-settings .professional-details-form #dropArea{border:2px dashed rgba(124,58,237,.35);background:rgba(124,58,237,.04);border-radius:14px;padding:16px;min-height:120px;text-align:center;transition:border-color .2s ease,background .2s ease}.expert-profile-settings .professional-details-form #dropArea:hover{border-color:rgba(124,58,237,.6);background:rgba(124,58,237,.08)}.expert-profile-settings .professional-details-form #dropArea #certificateAttachLabelbox{display:inline-flex;align-items:center;gap:8px;color:#fff;background:#7c3aed;border-radius:10px;padding:10px 16px;font-weight:600;cursor:pointer;box-shadow:0 6px 16px rgba(124,58,237,.2);transition:transform .05s ease,box-shadow .2s ease,background .2s ease}.expert-profile-settings .professional-details-form #dropArea #certificateAttachLabelbox:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(124,58,237,.25);background:#6d28d9}.expert-profile-settings .professional-details-form #dropArea #certificateInput{display:none}.expert-profile-settings .professional-details-form #dropArea.cert-drop{text-align:left;padding:18px}.expert-profile-settings .professional-details-form #dropArea.cert-drop .cert-drop-header{gap:12px}.expert-profile-settings .professional-details-form #dropArea.cert-drop .cert-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.expert-profile-settings .professional-details-form #dropArea.cert-drop .certificateScroll{margin-top:6px;padding-top:6px;border-top:1px dashed rgba(124,58,237,.25)}.expert-profile-settings .professional-details-form .text-danger{font-size:.85rem;margin-top:4px}@media(max-width:991px){.expert-profile-settings .professional-details-form .certificateScroll{max-height:260px}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill .pill-name{max-width:160px}.expert-profile-settings .professional-details-form #dropArea{min-height:100px;padding:14px}.expert-profile-settings .professional-details-form .cert-drop-header{flex-direction:column;align-items:flex-start}}@media(max-width:575px){.expert-profile-settings .professional-details-form .certificateScroll .row{padding:8px 10px;border-radius:10px}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill{padding:6px}.expert-profile-settings .professional-details-form .certificates-pills .cert-pill .pill-name{max-width:130px}.expert-profile-settings .professional-details-form #dropArea .cert-actions{width:100%}.expert-profile-settings .professional-details-form #dropArea .certificateScroll{margin-top:10px}}.expert-profile-settings .professional-details-form .achievements-section .row{row-gap:10px}.expert-profile-settings .professional-details-form .achievements-section .achievements-list{margin-top:8px}.expert-profile-settings .professional-details-form .achievements-section .achievement-row{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;margin-bottom:12px;transition:box-shadow .2s ease}.expert-profile-settings .professional-details-form .achievements-section .achievement-row:hover{box-shadow:0 6px 18px rgba(0,0,0,.06)}.expert-profile-settings .professional-details-form .achievements-section .ach-upload-btn{display:inline-flex;align-items:center;gap:8px;color:#fff;background:#7c3aed;border:none;border-radius:10px;padding:10px 14px;font-weight:600;font-size:.92rem;cursor:pointer;box-shadow:0 6px 16px rgba(124,58,237,.18);transition:transform .05s ease,box-shadow .2s ease,background .2s ease}.expert-profile-settings .professional-details-form .achievements-section .ach-upload-btn .upload-icon{font-size:1.1rem}.expert-profile-settings .professional-details-form .achievements-section .ach-upload-btn:hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(124,58,237,.24);background:#6d28d9}.expert-profile-settings .professional-details-form .achievements-section .ach-upload-btn:active{transform:translateY(0);box-shadow:0 4px 12px rgba(124,58,237,.18)}.expert-profile-settings .professional-details-form .achievements-section .ach-upload-btn:focus-visible{outline:2px solid rgba(124,58,237,.5);outline-offset:2px}.expert-profile-settings .professional-details-form .achievements-section .ach-doc{min-width:190px;display:flex;align-items:center;gap:8px}.expert-profile-settings .professional-details-form .achievements-section .doc-pill{background:#f8f5ff;border:1px solid rgba(124,58,237,.25);color:#4b5563;border-radius:9999px;padding:6px 8px 6px 10px;line-height:1}.expert-profile-settings .professional-details-form .achievements-section .doc-pill .pill-name{max-width:160px;border:none;background:transparent;color:#1f2937;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0;margin-right:6px;cursor:pointer}.expert-profile-settings .professional-details-form .achievements-section .doc-pill .pill-remove{display:inline-flex;align-items:center;justify-content:center;background:transparent;color:#b91c1c;border:none;border-left:1px solid rgba(0,0,0,.08);margin-left:4px;padding-left:6px;cursor:pointer}.expert-profile-settings .professional-details-form .achievements-section .ach-delete-row,.expert-profile-settings .professional-details-form .achievements-section .papers-delete-row{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(216,4,69,.25);background:#fff0f4;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .05s ease}.expert-profile-settings .professional-details-form .achievements-section .ach-delete-row:hover,.expert-profile-settings .professional-details-form .achievements-section .papers-delete-row:hover{background:#ffe5ec}.expert-profile-settings .professional-details-form .achievements-section .ach-delete-row:active,.expert-profile-settings .professional-details-form .achievements-section .papers-delete-row:active{transform:translateY(.5px)}@media(max-width:991px){.expert-profile-settings .professional-details-form .achievements-section .achievement-row{padding:10px}.expert-profile-settings .professional-details-form .achievements-section .ach-doc{min-width:180px}.expert-profile-settings .professional-details-form .achievements-section .doc-pill .pill-name{max-width:140px}}@media(max-width:575px){.expert-profile-settings .professional-details-form .achievements-section .achievement-row{flex-direction:column;gap:10px}.expert-profile-settings .professional-details-form .achievements-section .ach-doc{min-width:100%}.expert-profile-settings .professional-details-form .achievements-section .doc-pill .pill-name{max-width:200px}.expert-profile-settings .professional-details-form .achievements-section .ach-upload-btn{width:100%;justify-content:center}}.expert-profile-settings .professional-details-form .published-papers .papers-list .col-10{display:flex;align-items:center}.expert-profile-settings .professional-details-form .published-papers .papers-list .col-2 .d-flex{width:36px;height:36px;border-radius:8px;border:1px solid rgba(216,4,69,.25);background:#fff0f4;transition:background .2s ease,box-shadow .2s ease,transform .05s ease}.expert-profile-settings .professional-details-form .published-papers .papers-list .col-2 .d-flex:hover{background:#ffe5ec}.expert-profile-settings .professional-details-form .published-papers .papers-list .col-2 .d-flex:active{transform:translateY(.5px)}.expert-profile-settings .professional-details-form .published-papers .papers-list .papers-delete-row{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;border:1px solid rgba(216,4,69,.25);background:#fff0f4;cursor:pointer;transition:background .2s ease,box-shadow .2s ease,transform .05s ease}.expert-profile-settings .professional-details-form .published-papers .papers-list .papers-delete-row:hover{background:#ffe5ec}.expert-profile-settings .professional-details-form .published-papers .papers-list .papers-delete-row:active{transform:translateY(.5px)}@media(max-width:575px){.expert-profile-settings .professional-details-form .published-papers .papers-list .col-10{width:100%}}.expert-profile-settings .status-badge-container{display:flex!important;align-items:center!important;position:relative!important}.expert-profile-settings .status-info-icon{display:inline-flex!important;flex-shrink:0!important;position:relative!important}.expert-profile-settings .status-tooltip,.expert-profile-settings .status-tooltip.bs-tooltip-bottom,.expert-profile-settings .status-tooltip.bs-tooltip-end,.expert-profile-settings .status-tooltip.bs-tooltip-start,.expert-profile-settings .status-tooltip.bs-tooltip-top,.expert-profile-settings .status-tooltip.tooltip{position:fixed!important;pointer-events:none!important;z-index:9999!important;will-change:transform!important}.expert-profile-settings .status-tooltip.show{position:fixed!important}.expert-profile-settings .custom-select__menu-portal{z-index:50}.feedback-container{background:var(--color-white);box-shadow:var(--shadow-card);border-radius:var(--border-radius-md);padding:var(--spacing-xl) var(--spacing-2xl)}@media(max-width:992px){.feedback-container{padding:var(--spacing-lg);box-shadow:none}}@media(max-width:768px){.feedback-container{padding:var(--spacing-md)}}.feedback-heading{font-size:var(--font-size-2xl);color:var(--color-purple);margin-bottom:var(--spacing-lg)}.feedback-heading,.feedback-para{font-weight:var(--font-weight-semibold)}.feedback-para{font-size:var(--font-size-base);color:var(--color-neutral);margin-bottom:0}.star-rating-container{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:var(--spacing-xs)}@media(max-width:768px){.star-rating-container{justify-content:center;margin-top:var(--spacing-sm)}}.star-button{font-size:19px;padding:0 var(--spacing-sm);background:transparent;border:none;color:var(--color-gray-400);transition:var(--transition-fast);cursor:pointer;line-height:1}.star-button:hover{transform:scale(1.1)}.star-button.selected,.star-button:hover{color:var(--color-warning)}.star-button:focus{outline:none;box-shadow:none}.feedback-textarea-wrapper{position:relative;width:100%;margin-top:var(--spacing-lg)}.feedback-textarea{background:var(--color-white);box-shadow:var(--shadow-md);border:0;border-radius:var(--border-radius-md);padding:var(--spacing-md);width:100%;resize:none;font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-gray-900);transition:var(--transition-fast)}.feedback-textarea:active,.feedback-textarea:focus,.feedback-textarea:hover{outline:none;border:0;box-shadow:var(--shadow-md)}.feedback-textarea::placeholder{color:var(--color-gray-400);font-size:var(--font-size-sm);padding:0}@media(max-width:992px){.feedback-textarea{font-size:var(--font-size-sm)}}.feedback-word-count{position:absolute;right:var(--spacing-md);bottom:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-gray-500);background:var(--color-white);padding:0 var(--spacing-xs)}.feedback-error{font-size:var(--font-size-xs);margin-top:var(--spacing-xs)}.feedback-submit-btn{background-color:var(--color-purple);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);padding:var(--spacing-sm) var(--spacing-xl);box-shadow:var(--shadow-md);transition:var(--transition-fast)}.feedback-submit-btn:hover:not(:disabled){background-color:var(--color-purple);border-color:var(--color-gray-300);transform:translateY(-1px);box-shadow:var(--shadow-lg);opacity:.9}.feedback-submit-btn:disabled{opacity:.5;cursor:not-allowed}.feedback-submit-btn:focus{outline:none;box-shadow:0 0 0 .2rem rgba(82,40,132,.25)}.intro_video_instruction_modal .modalBody{font-size:.95rem;line-height:1.55}.intro_video_instruction_modal .sectionTitle{margin-top:1.2rem;font-weight:600;color:#0a4fa4}.intro_video_instruction_modal .list{margin-left:1rem}.intro_video_instruction_modal .list li{margin-bottom:6px}.intro_video_instruction_modal .exampleBox{background:#f5faff;border-left:4px solid #0a4fa4;padding:12px 14px;border-radius:6px;font-size:.92rem}.intro_video_instruction_modal .checklistBox{margin-top:1rem;background:#f6f6f6;border-left:4px solid #28a745;padding:10px 14px;border-radius:6px}.intro_video_instruction_modal .checklistBox ul{margin-left:1rem}.intro_video_instruction_modal .checklistBox ul li{margin-bottom:4px}.footer-container{background:linear-gradient(180deg,var(--color-primary-light) 0,var(--color-white) 100%);opacity:.98;padding:var(--spacing-2xl) var(--spacing-3xl)}@media(max-width:768px){.footer-container{padding:var(--spacing-xl) var(--spacing-lg)}}.foot-img-brand{height:94px;width:208px;object-fit:contain}.footer-para{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-primary)}.footer-address{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-800)}Button.contact-btn,Button.contact-btn:hover{background:var(--color-secondary);border-radius:var(--border-radius-md);border:1px solid var(--color-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white)}.footer-container1{background:var(--color-gradient-purple);box-shadow:var(--shadow-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-white);padding:var(--spacing-md) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-md)}@media(max-width:992px){.footer-container1{flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-md);text-align:center}.footer-container1 .social-icons{justify-content:center!important;width:100%}}@media(max-width:768px){.footer-container1{font-size:var(--font-size-sm);padding:var(--spacing-md);gap:var(--spacing-sm)}.footer-container1 p{font-size:var(--font-size-sm);padding:0 var(--spacing-sm)}}@media(max-width:576px){.footer-container1{font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-md)}.footer-container1 p{font-size:var(--font-size-xs);line-height:1.4}}.icon-link-style{display:inline-flex;align-items:center;justify-content:center;color:var(--color-white);font-size:1.35rem;margin-right:var(--spacing-md);transition:color var(--transition-fast),transform var(--transition-fast),opacity var(--transition-fast)}.icon-link-style:hover{color:var(--color-secondary);transform:scale(1.15);opacity:1}.icon-link-style:last-child{margin-right:0}@media(max-width:992px){.icon-link-style{margin-right:var(--spacing-sm);font-size:1.25rem}}@media(max-width:768px){.icon-link-style{margin-right:var(--spacing-xs);font-size:1.15rem}}@media(max-width:576px){.icon-link-style{font-size:1.1rem}}@media(max-width:768px){.footer-container{padding:var(--spacing-lg) var(--spacing-md)}}.appointmentPage-container{padding:0 var(--spacing-md)}@media screen and (min-width:768px)and (max-width:991px){.appointmentPage-container{padding:0 var(--spacing-sm)}}@media screen and (max-width:767px){.appointmentPage-container{padding:0 var(--spacing-sm)}}.consultation-counts-wrapper{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-xl);flex-wrap:wrap}@media screen and (max-width:767px){.consultation-counts-wrapper{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}}.consultation-card{flex:1 1;min-width:200px;background:var(--color-white);border-radius:var(--border-radius-md);padding:var(--spacing-lg);box-shadow:var(--shadow-md);border-left:4px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.consultation-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.consultation-card.purple{border-left-color:var(--color-purple)}.consultation-card.purple .count{color:var(--color-purple)}.consultation-card.red{border-left-color:var(--color-danger)}.consultation-card.red .count{color:var(--color-danger)}.consultation-card.orange{border-left-color:var(--color-orange)}.consultation-card.orange .count{color:var(--color-orange)}.consultation-card.black{border-left-color:var(--color-gray-800)}.consultation-card.black .count{color:var(--color-gray-800)}@media screen and (max-width:767px){.consultation-card{min-width:100%;padding:var(--spacing-md) var(--spacing-sm)}}.consultation-count{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);line-height:1}@media screen and (max-width:767px){.consultation-count{font-size:var(--font-size-2xl)}}.consultation-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);margin:0}@media screen and (max-width:767px){.consultation-label{font-size:var(--font-size-xs)}}.today-appointments-section{margin-bottom:var(--spacing-xl)}.today-appointments-section .section-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.today-appointments-section .section-header h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-800);margin:0}.today-appointments-section .today-appointments-container{background:var(--color-gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-md);max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-sm)}@media screen and (max-width:767px){.today-appointments-section .today-appointments-container{max-height:none;padding:var(--spacing-sm)}}.today-appointments-section .today-appointments-container::-webkit-scrollbar{width:6px}.today-appointments-section .today-appointments-container::-webkit-scrollbar-track{background:var(--color-gray-200);border-radius:var(--border-radius-sm)}.today-appointments-section .today-appointments-container::-webkit-scrollbar-thumb{background:var(--color-purple);border-radius:var(--border-radius-sm)}.today-appointments-section .today-appointments-container::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.today-appointment-card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);box-shadow:var(--shadow-md);transition:all var(--transition-fast);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-md)}.today-appointment-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-gray-300)}.today-appointment-card .today-appointment-card-content{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:center}@media screen and (min-width:768px)and (max-width:991px){.today-appointment-card .today-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-lg)}.today-appointment-card .today-appointment-card-content .appointment-actions-section{order:2}.today-appointment-card .today-appointment-card-content .appointment-date-section{order:0}.today-appointment-card .today-appointment-card-content .appointment-details-section{order:1}.today-appointment-card .today-appointment-card-content .appointment-medical-section{order:3;grid-column:1/-1}}@media(min-width:992px)and (max-width:1140px){.today-appointment-card .today-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-lg)}.today-appointment-card .today-appointment-card-content .appointment-actions-section{order:2}.today-appointment-card .today-appointment-card-content .appointment-date-section{order:0}.today-appointment-card .today-appointment-card-content .appointment-details-section{order:1}.today-appointment-card .today-appointment-card-content .appointment-medical-section{order:3;grid-column:1/-1}}@media screen and (max-width:767px){.today-appointment-card .today-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);align-items:start}.today-appointment-card .today-appointment-card-content .appointment-actions-section{order:2;grid-column:1/-1;flex-direction:row;justify-content:space-around;align-items:center}.today-appointment-card .today-appointment-card-content .appointment-actions-section .action-links{flex-direction:row;gap:var(--spacing-xs)}.today-appointment-card .today-appointment-card-content .appointment-date-section{order:0;margin-left:2.5rem}.today-appointment-card .today-appointment-card-content .appointment-details-section{order:1}.today-appointment-card .today-appointment-card-content .appointment-medical-section{order:3;grid-column:1/-1}}.today-appointment-card .appointment-date-section{display:flex;align-items:flex-start}.today-appointment-card .appointment-date-section .appointment-date-box{background:var(--color-gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center;min-width:90px;width:90px}.today-appointment-card .appointment-date-section .appointment-date-box .date-box-month{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.today-appointment-card .appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1;margin-bottom:var(--spacing-xs)}.today-appointment-card .appointment-date-section .appointment-date-box .date-box-year{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.today-appointment-card .appointment-details-section{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1 1;min-width:0}@media screen and (min-width:768px)and (max-width:991px){.today-appointment-card .appointment-details-section{gap:var(--spacing-xs);min-width:0;overflow:hidden}}@media screen and (max-width:767px){.today-appointment-card .appointment-details-section{gap:var(--spacing-xs);min-width:0;overflow:hidden}}.today-appointment-card .appointment-details-section .appointment-status-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.today-appointment-card .appointment-details-section .appointment-status-row .appointment-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-light-green);color:var(--color-green);white-space:nowrap}.today-appointment-card .appointment-details-section .appointment-status-row .appointment-status-badge .status-checkmark{font-size:var(--font-size-base)}.today-appointment-card .appointment-details-section .appointment-status-row .appointment-status-badge.status-expired{background-color:var(--color-gray-200);color:var(--color-gray-600)}.today-appointment-card .appointment-details-section .appointment-status-row .appointment-id-inline{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.today-appointment-card .appointment-details-section .appointment-status-row .time-display{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600)}.today-appointment-card .appointment-details-section .appointment-status-row .time-display .time-icon{font-size:var(--font-size-xs);color:var(--color-gray-500)}.today-appointment-card .appointment-details-section .appointment-patient-row{display:flex;align-items:flex-start;gap:var(--spacing-md)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper{position:relative;width:40px;height:40px;min-width:40px;flex-shrink:0}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gray-200)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback{width:40px;height:40px;border-radius:50%;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-gray-300)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback .patient-fallback-icon{color:var(--color-gray-500);font-size:var(--font-size-base)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1;min-width:0}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.2;word-break:break-word}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large.patient-name-hoverable{cursor:pointer;transition:color var(--transition-fast)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large.patient-name-hoverable:hover{color:var(--color-purple);text-decoration:underline}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row .patient-location-icon{font-size:var(--font-size-xs);color:var(--color-gray-500)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row .patient-location-value{font-weight:var(--font-weight-medium)}.today-appointment-card .appointment-details-section .appointment-time-row{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.today-appointment-card .appointment-details-section .appointment-time-row .view-records-link{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-info);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:0;transition:color var(--transition-fast)}.today-appointment-card .appointment-details-section .appointment-time-row .view-records-link .records-icon{font-size:var(--font-size-xs)}.today-appointment-card .appointment-details-section .appointment-time-row .view-records-link:hover{color:var(--color-info-hover);text-decoration:underline}.today-appointment-card .appointment-medical-section{display:flex;flex-direction:column;min-width:220px}@media screen and (min-width:768px)and (max-width:991px){.today-appointment-card .appointment-medical-section{grid-column:1/-1;max-width:100%;min-width:100%}}@media(min-width:992px)and (max-width:1140px){.today-appointment-card .appointment-medical-section{grid-column:1/-1;max-width:100%;min-width:100%}}@media screen and (max-width:767px){.today-appointment-card .appointment-medical-section{width:100%;max-width:100%;grid-column:1/-1}}.today-appointment-card .appointment-medical-section .medical-details-card{background:var(--color-gray-50);border-radius:var(--border-radius-md);padding:var(--spacing-md);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-sm)}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item,.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media screen and (min-width:1200px){.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-row.medical-detail-row-main{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}}@media screen and (min-width:768px)and (max-width:991px){.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-row.medical-detail-row-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);flex-wrap:wrap}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-icon{font-size:var(--font-size-xs);color:var(--color-green);flex-shrink:0}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-icon.medical-icon-warning{color:var(--color-danger)}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-label{font-weight:var(--font-weight-semibold);color:var(--color-gray-600);min-width:-moz-fit-content;min-width:fit-content}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-value{color:var(--color-gray-800);font-weight:var(--font-weight-medium);word-break:break-word;flex:1 1;min-width:0}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-value.medical-value-important{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-value.medical-value-clamped{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:1;max-width:100%;cursor:pointer}.today-appointment-card .appointment-actions-section{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-end;min-width:200px}@media screen and (min-width:768px)and (max-width:991px){.today-appointment-card .appointment-actions-section{width:100%;align-items:stretch}}@media(min-width:992px)and (max-width:1140px){.today-appointment-card .appointment-actions-section{width:100%;align-items:stretch}}@media screen and (max-width:767px){.today-appointment-card .appointment-actions-section{min-width:auto;width:auto;align-items:flex-end;gap:var(--spacing-xs)}}.today-appointment-card .join-meeting-btn{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}@media screen and (min-width:768px)and (max-width:991px){.today-appointment-card .join-meeting-btn{width:auto;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media(min-width:992px)and (max-width:1140px){.today-appointment-card .join-meeting-btn{width:auto;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media screen and (max-width:767px){.today-appointment-card .join-meeting-btn{width:auto;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);white-space:normal}}.today-appointment-card .join-meeting-btn.join-enabled{background:linear-gradient(135deg,var(--color-purple) 0,var(--color-primary) 100%);border:none;color:var(--color-white);box-shadow:0 4px 12px rgba(82,40,132,.3)}.today-appointment-card .join-meeting-btn.join-enabled:hover{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-purple) 100%);box-shadow:0 6px 16px rgba(82,40,132,.4);transform:translateY(-1px)}.today-appointment-card .join-meeting-btn.join-disabled{background:var(--color-gray-200);color:var(--color-gray-500);border-color:var(--color-gray-300);cursor:not-allowed}.today-appointment-card .join-meeting-btn.join-disabled:hover{background:var(--color-gray-200);transform:none}.today-appointment-card .action-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}@media screen and (min-width:768px)and (max-width:991px){.today-appointment-card .action-links{gap:var(--spacing-xs);padding-top:0}}@media(min-width:992px)and (max-width:1140px){.today-appointment-card .action-links{gap:var(--spacing-xs);padding-top:0}}@media screen and (max-width:767px){.today-appointment-card .action-links{flex-direction:column;gap:2px;padding-top:0;align-items:flex-end}}.today-appointment-card .action-links .action-link{background:none;border:none;color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);transition:color var(--transition-fast)}@media screen and (max-width:767px){.today-appointment-card .action-links .action-link{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);gap:2px}}.today-appointment-card .action-links .action-link .link-icon{font-size:var(--font-size-xs)}@media screen and (max-width:767px){.today-appointment-card .action-links .action-link .link-icon{font-size:10px}}.today-appointment-card .action-links .action-link:hover{color:var(--color-gray-800)}.today-appointment-card .action-links .action-link.cancel-link{color:var(--color-danger)}.today-appointment-card .action-links .action-link.cancel-link:hover{color:var(--color-danger-hover)}.today-appointment-card .action-links .action-link.reschedule-link:hover{color:var(--color-purple)}.today-appointment-card .action-links .action-link-separator{color:var(--color-gray-300);font-size:var(--font-size-sm)}@media screen and (max-width:767px){.today-appointment-card .action-links .action-link-separator{display:none}}@media screen and (min-width:768px)and (max-width:991px){.today-appointment-card{padding:var(--spacing-lg)}.today-appointment-card .today-appointment-card-content{gap:var(--spacing-md);align-items:center}.today-appointment-card .appointment-date-section .appointment-date-box{min-width:80px;width:80px;padding:var(--spacing-sm)}.today-appointment-card .appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-xl)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-lg)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row,.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info{font-size:var(--font-size-xs)}}@media(min-width:992px)and (max-width:1140px){.today-appointment-card{padding:var(--spacing-lg)}.today-appointment-card .today-appointment-card-content{gap:var(--spacing-md);align-items:center}.today-appointment-card .appointment-date-section .appointment-date-box{min-width:80px;width:80px;padding:var(--spacing-sm)}.today-appointment-card .appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-xl)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-lg)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row,.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info{font-size:var(--font-size-xs)}}@media screen and (max-width:767px){.today-appointment-card{padding:var(--spacing-md);border-radius:var(--border-radius-md)}.today-appointment-card .today-appointment-card-content{gap:var(--spacing-md);align-items:center}.today-appointment-card .appointment-date-section .appointment-date-box{min-width:60px;width:60px;padding:var(--spacing-xs)}.today-appointment-card .appointment-date-section .appointment-date-box .date-box-month{font-size:9px}.today-appointment-card .appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-base)}.today-appointment-card .appointment-date-section .appointment-date-box .date-box-year{font-size:10px}.today-appointment-card .appointment-details-section{gap:var(--spacing-xs)}.today-appointment-card .appointment-details-section .appointment-status-row{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.today-appointment-card .appointment-details-section .appointment-status-row .appointment-status-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.today-appointment-card .appointment-details-section .appointment-status-row .appointment-id-inline{font-size:var(--font-size-xs)}.today-appointment-card .appointment-details-section .appointment-patient-row{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper{width:32px;height:32px;min-width:32px}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo,.today-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback{width:32px;height:32px}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper{gap:2px}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-sm);line-height:1.2}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row{font-size:10px;gap:2px}.today-appointment-card .appointment-details-section .appointment-time-row{display:none}.today-appointment-card .appointment-medical-section .medical-details-card{padding:var(--spacing-sm)}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info{font-size:10px;gap:4px}.today-appointment-card .appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-icon{font-size:10px}.today-appointment-card .info-card{padding:var(--spacing-sm)}.today-appointment-card .info-card .info-card-content .info-card-label{font-size:10px}.today-appointment-card .info-card .info-card-content .info-card-value{font-size:var(--font-size-sm)}.today-appointment-card .appointment-actions .action-btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}.today-appointment-card{padding:var(--spacing-sm);border-radius:var(--border-radius-sm)}.today-appointment-card .appointment-date-section .appointment-date-box{min-width:60px;width:60px}.today-appointment-card .appointment-details-section .appointment-patient-row .patient-name-large{font-size:var(--font-size-sm)}.today-appointment-card .appointment-actions-section .join-meeting-btn{font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md)}}.appointments-filters{background:var(--color-white);border-radius:var(--border-radius-md);padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-md)}.appointments-filters .filters-header{display:none;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}@media screen and (min-width:768px)and (max-width:991px){.appointments-filters .filters-header{display:flex}}@media screen and (max-width:767px){.appointments-filters .filters-header{display:flex}}.appointments-filters .filters-header .filters-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-gray-800);margin:0}.appointments-filters .filters-header .filters-toggle-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-gray-200);border-color:var(--color-gray-300);color:var(--color-gray-800)}.appointments-filters .filters-header .filters-toggle-btn:hover{background-color:var(--color-gray-300);border-color:var(--color-gray-400)}.appointments-filters .filters-header .filters-toggle-btn svg{width:14px;height:14px}.appointments-filters .filters-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap;align-items:end;transition:all var(--transition-fast)}@media screen and (min-width:768px)and (max-width:991px){.appointments-filters .filters-row{max-height:0;opacity:0;padding:0;margin:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease,margin .3s ease}.appointments-filters .filters-row.filters-open{max-height:1000px;opacity:1;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.appointments-filters .filters-row.filters-closed{max-height:0;opacity:0;padding:0;margin:0}}@media screen and (max-width:767px){.appointments-filters .filters-row{max-height:0;opacity:0;padding:0;margin:0;transition:max-height .3s ease,opacity .3s ease,padding .3s ease,margin .3s ease}.appointments-filters .filters-row.filters-open{max-height:1000px;opacity:1;padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-gray-200)}.appointments-filters .filters-row.filters-closed{max-height:0;opacity:0;padding:0;margin:0}}@media screen and (min-width:992px){.appointments-filters .filters-row{display:flex!important;max-height:none!important;opacity:1!important;padding:0!important;margin:0!important;border-top:none!important}}@media screen and (max-width:767px){.appointments-filters .filters-row{flex-direction:column;gap:var(--spacing-sm)}}.appointments-filters .filters-row .filter-group{flex:1 1;min-width:200px}@media screen and (max-width:767px){.appointments-filters .filters-row .filter-group{width:100%;min-width:100%}}.appointments-filters .filters-row .filter-group label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);margin-bottom:var(--spacing-xs);display:block}.appointments-filters .records-count{text-align:right;font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium);margin-top:var(--spacing-md)}@media screen and (max-width:767px){.appointments-filters .records-count{text-align:left;margin-top:var(--spacing-sm)}}.appointments-table-wrapper{background:var(--color-white);border-radius:var(--border-radius-md);padding:0;box-shadow:var(--shadow-md);overflow:hidden;display:flex;flex-direction:column;max-height:calc(100vh - 500px);min-height:400px}@media screen and (min-width:768px)and (max-width:991px){.appointments-table-wrapper{max-height:calc(100vh - 450px);min-height:350px}}@media screen and (max-width:767px){.appointments-table-wrapper{max-height:calc(100vh - 400px);min-height:300px}}.appointments-table-wrapper .appointments-table-container{overflow-y:auto;overflow-x:auto;flex:1 1;-webkit-overflow-scrolling:touch;padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}@media screen and (max-width:767px){.appointments-table-wrapper .appointments-table-container{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}}.appointments-table-wrapper .appointments-table-container::-webkit-scrollbar{width:8px;height:8px}.appointments-table-wrapper .appointments-table-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--border-radius-sm)}.appointments-table-wrapper .appointments-table-container::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--border-radius-sm)}.appointments-table-wrapper .appointments-table-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.appointments-table-wrapper .appointments-table{width:100%;border-collapse:separate;border-spacing:0;min-width:1000px;margin-top:var(--spacing-md)}.appointments-table-wrapper .appointments-table thead{background:var(--color-gray-100);position:-webkit-sticky;position:sticky;top:0;z-index:1}.appointments-table-wrapper .appointments-table thead th{padding:var(--spacing-md) var(--spacing-sm);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-800);text-transform:uppercase;border-bottom:2px solid var(--color-gray-300);white-space:nowrap;background:var(--color-gray-100);position:-webkit-sticky;position:sticky;top:0;box-shadow:0 2px 2px -1px rgba(0,0,0,.1)}.appointments-table-wrapper .appointments-table thead th.appHead{font-size:var(--font-size-xs);letter-spacing:.5px}.appointments-table-wrapper .appointments-table tbody tr{border-bottom:1px solid var(--color-gray-200);transition:background-color var(--transition-fast)}.appointments-table-wrapper .appointments-table tbody tr:hover{background-color:var(--color-gray-100)}.appointments-table-wrapper .appointments-table tbody tr:last-child{border-bottom:none}.appointments-table-wrapper .appointments-table tbody tr td{padding:var(--spacing-md) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-gray-800);vertical-align:middle}.status-pill{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-align:center;white-space:nowrap}.status-pill.status-completed{background-color:var(--color-light-green);color:var(--color-green)}.status-pill.status-ongoing{background-color:#fff3cd;color:var(--color-secondary)}.status-pill.status-upcoming{background-color:#cfe2ff;color:var(--color-info)}.status-pill.status-expired{background-color:var(--color-gray-200);color:var(--color-gray-600)}.status-pill.status-cancellation-requested,.status-pill.status-cancelled{background-color:#f8d7da;color:var(--color-danger)}.status-pill.status-unattended{background-color:var(--color-gray-200);color:var(--color-gray-600)}.status-pill.status-cancellation-rejected{background-color:#f8d7da;color:var(--color-danger)}.status-pill.status-rescheduled{background-color:#fff3cd;color:var(--color-secondary)}.appointment-pill{display:inline-block;padding:var(--spacing-sm) var(--spacing-md);border-radius:20px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background-color:var(--color-light-green);color:var(--color-green);white-space:nowrap}.appointment-pill.appointment-pill-highlight{background:linear-gradient(135deg,var(--color-light-green) 0,rgba(92,158,49,.15) 100%);border:2px solid var(--color-green);padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-green);box-shadow:0 2px 8px rgba(92,158,49,.2)}.appointment-pill .appointment-time{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-600)}.action-icons-wrapper{display:flex;gap:var(--spacing-sm);align-items:center;justify-content:flex-start}.action-icon-btn{background:transparent;border:none;padding:var(--spacing-sm);cursor:pointer;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--color-gray-600)}.action-icon-btn:hover{background-color:var(--color-gray-200);color:var(--color-purple)}.action-icon-btn:focus{outline:none;box-shadow:0 0 0 2px rgba(82,40,132,.2)}.action-icon-btn svg{width:20px;height:20px}.action-icon-btn.disabled{opacity:.5;cursor:not-allowed}.action-icon-btn.disabled:hover{background-color:transparent;color:var(--color-gray-600)}.patient-name{font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}.appointment-description{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-gray-600)}@media screen and (min-width:768px)and (max-width:991px){.appointment-description{max-width:200px}}@media screen and (max-width:767px){.appointment-description{max-width:200px}}.empty-state{padding:var(--spacing-3xl) var(--spacing-lg);text-align:center}.empty-state img{max-width:300px;height:auto;margin-bottom:var(--spacing-lg)}.empty-state p{color:var(--color-gray-600);font-size:var(--font-size-base)}.placeHolder_loading{margin-bottom:var(--spacing-sm);border-radius:var(--border-radius-md)}@media screen and (min-width:768px)and (max-width:991px){.appointments-table-wrapper .appointments-table{min-width:900px}}@media screen and (max-width:767px){.appointments-table-wrapper .appointments-table{min-width:800px;font-size:var(--font-size-xs)}.appointments-table-wrapper .appointments-table thead th{padding:var(--spacing-sm) var(--spacing-sm);font-size:11px}.appointments-table-wrapper .appointments-table tbody td{padding:var(--spacing-sm) var(--spacing-sm);font-size:var(--font-size-xs)}.appointment-pill,.status-pill{font-size:11px;padding:4px var(--spacing-sm)}.action-icon-btn{padding:var(--spacing-xs)}.action-icon-btn svg{width:18px;height:18px}}.pagination-wrapper{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-xl);padding:var(--spacing-lg) 0}.custom-tooltip .tooltip-inner{background-color:var(--color-gray-800);color:var(--color-white);font-size:var(--font-size-xs);padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--border-radius-sm)}.custom-tooltip .tooltip-arrow:before{border-top-color:var(--color-gray-800)}.consent-form-modal-width{max-width:70%}@media screen and (min-width:768px)and (max-width:991px){.consent-form-modal-width{max-width:90%}}@media screen and (max-width:767px){.consent-form-modal-width{max-width:95%}}.consent-form-modal-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg)}@media screen and (max-width:767px){.consent-form-modal-header{padding:var(--spacing-md)}}.consent-form-modal-header .modal-title{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xl)}@media screen and (max-width:767px){.consent-form-modal-header .modal-title{font-size:var(--font-size-lg)}}.consent-form-modal-body{padding:0;max-height:90vh;overflow-y:auto}.consent-form-modal-body::-webkit-scrollbar{width:8px}.consent-form-modal-body::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.consent-form-modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px}.consent-form-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.consent-form-modal-content-wrapper{background-color:var(--color-gray-50);padding:var(--spacing-xl)}@media screen and (min-width:768px)and (max-width:991px){.consent-form-modal-content-wrapper{padding:var(--spacing-lg)}}@media screen and (max-width:767px){.consent-form-modal-content-wrapper{padding:var(--spacing-md);background-color:transparent}}.consent-form-modal-card{box-shadow:var(--shadow-card);border-radius:var(--border-radius-lg);background-color:var(--color-white);width:100%;overflow:hidden}.consent-form-modal-header-section{background:linear-gradient(180deg,var(--color-primary) 0,var(--color-magenta) 100%);border-radius:var(--border-radius-md) var(--border-radius-md) 0 0;padding:var(--spacing-lg);display:flex;align-items:center;gap:var(--spacing-md)}@media screen and (min-width:768px)and (max-width:991px){.consent-form-modal-header-section{padding:var(--spacing-md);border-radius:0;background:linear-gradient(180deg,#fdf5ff,#fcfcfc)}}@media screen and (max-width:767px){.consent-form-modal-header-section{padding:var(--spacing-sm) var(--spacing-md);flex-direction:column;text-align:center}}.consent-form-modal-header-section-logo{width:auto;height:50px;object-fit:contain}@media screen and (min-width:768px)and (max-width:991px){.consent-form-modal-header-section-logo{display:none}}@media screen and (max-width:767px){.consent-form-modal-header-section-logo{display:none}}.consent-form-modal-header-section-heading{color:var(--color-white);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0;flex:1 1}@media screen and (min-width:768px)and (max-width:991px){.consent-form-modal-header-section-heading{color:var(--color-magenta);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:center}}@media screen and (max-width:767px){.consent-form-modal-header-section-heading{color:var(--color-magenta);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}}.consent-form-modal-form{padding:var(--spacing-xl)}@media screen and (min-width:768px)and (max-width:991px){.consent-form-modal-form{padding:var(--spacing-lg)}}@media screen and (max-width:767px){.consent-form-modal-form{padding:var(--spacing-md)}}.consent-form-modal-field-group{margin-bottom:var(--spacing-lg)}@media screen and (max-width:767px){.consent-form-modal-field-group{margin-bottom:var(--spacing-md)}}.consent-form-modal-field-group-label{color:var(--color-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs);letter-spacing:-.15px;display:block}@media screen and (min-width:768px)and (max-width:991px){.consent-form-modal-field-group-label{color:var(--color-purple);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}}@media screen and (max-width:767px){.consent-form-modal-field-group-label{font-size:var(--font-size-sm)}}.consent-form-modal-field-group-row{display:flex;gap:var(--spacing-md)}@media screen and (max-width:767px){.consent-form-modal-field-group-row{flex-direction:column;gap:var(--spacing-sm)}}.consent-form-modal-field-group-col{flex:1 1}@media screen and (max-width:767px){.consent-form-modal-field-group-col{width:100%}}.consent-form-modal-form-input{border-radius:var(--border-radius-md);background-color:var(--color-gray-100);border:none;font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-gray-800);transition:var(--transition-fast);width:100%}.consent-form-modal-form-input:focus{background-color:var(--color-gray-100);border:none;box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.consent-form-modal-form-input::placeholder{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-gray-600)}.consent-form-modal-form-input:-moz-read-only{cursor:default;background-color:var(--color-gray-100)}.consent-form-modal-form-input:read-only{cursor:default;background-color:var(--color-gray-100)}.consent-form-modal-date-display{color:var(--color-gray-800);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin-top:var(--spacing-xs)}@media screen and (max-width:767px){.consent-form-modal-date-display{font-size:var(--font-size-sm)}}.consent-form-modal-content-text{color:var(--color-gray-800);font-size:var(--font-size-sm);line-height:1.6;letter-spacing:-.13px;margin-top:var(--spacing-md)}@media screen and (max-width:767px){.consent-form-modal-content-text{font-size:var(--font-size-xs)}}.consent-form-modal-scrollable-content{max-height:600px;overflow-y:auto;overflow-x:hidden;margin-top:var(--spacing-md);border-radius:var(--border-radius-md)}.consent-form-modal-scrollable-content::-webkit-scrollbar{width:6px}.consent-form-modal-scrollable-content::-webkit-scrollbar-track{background:transparent}.consent-form-modal-scrollable-content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:3px}.consent-form-modal-scrollable-content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}@media screen and (max-width:767px){.consent-form-modal-scrollable-content{max-height:400px}}.consent-form-modal-content-box{background-color:#fcebfc;padding:var(--spacing-xl);border-radius:var(--border-radius-md)}@media screen and (min-width:768px)and (max-width:991px){.consent-form-modal-content-box{padding:var(--spacing-md)}}@media screen and (max-width:767px){.consent-form-modal-content-box{padding:var(--spacing-sm)}}.consent-form-modal-content-box-content-text{color:var(--color-gray-800);font-size:var(--font-size-sm);line-height:1.7}@media screen and (max-width:767px){.consent-form-modal-content-box-content-text{font-size:var(--font-size-xs)}}.consent-form-modal-section-title{font-weight:var(--font-weight-semibold);color:var(--color-gray-800);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}@media screen and (max-width:767px){.consent-form-modal-section-title{font-size:var(--font-size-xs)}}.consent-form-modal-signatures{display:flex;justify-content:space-between;gap:var(--spacing-xl);margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}@media screen and (min-width:768px)and (max-width:991px){.consent-form-modal-signatures{gap:var(--spacing-lg)}}@media screen and (max-width:767px){.consent-form-modal-signatures{flex-direction:column;gap:var(--spacing-md)}}.consent-form-modal-signatures-item{flex:1 1}.consent-form-modal-signatures-item-label{font-weight:var(--font-weight-semibold);color:var(--color-gray-800);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}@media screen and (max-width:767px){.consent-form-modal-signatures-item-label{font-size:var(--font-size-xs)}}.consent-form-modal-signatures-item-image{width:150px;height:100px;object-fit:contain;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-sm);background-color:var(--color-white);pointer-events:none}@media screen and (max-width:767px){.consent-form-modal-signatures-item-image{width:120px;height:80px}}.consent-form-modal-footer{border-top:1px solid var(--color-gray-200);padding:var(--spacing-lg);display:flex;justify-content:flex-end;gap:var(--spacing-md)}@media screen and (max-width:767px){.consent-form-modal-footer{padding:var(--spacing-md);flex-direction:column-reverse}.consent-form-modal-footer .btn{width:100%}}.consent-form-modal-footer-close-btn{background-color:var(--color-secondary);border-radius:var(--border-radius-xl);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);border:1px solid var(--color-secondary);transition:var(--transition-fast)}.consent-form-modal-footer-close-btn:hover{background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.consent-form-modal-footer-close-btn:active,.consent-form-modal-footer-close-btn:focus{background-color:var(--color-secondary-hover);border-color:var(--color-secondary-hover);box-shadow:0 0 0 3px var(--color-secondary-light)}.consent-form-modal-footer-close-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media screen and (max-width:767px){.consent-form-modal-footer-close-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md)}}.medical-record-modal-width{max-width:40%}@media screen and (min-width:768px)and (max-width:991px){.medical-record-modal-width{max-width:70%}}@media screen and (max-width:767px){.medical-record-modal-width{max-width:95%}}.medical-record-modal-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg)}@media screen and (max-width:767px){.medical-record-modal-header{padding:var(--spacing-md)}}.medical-record-modal-header .heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin:0}@media screen and (max-width:767px){.medical-record-modal-header .heading{font-size:var(--font-size-lg)}}.medical-record-modal-body{padding:var(--spacing-lg);max-height:70vh;overflow-y:auto}@media screen and (max-width:767px){.medical-record-modal-body{padding:var(--spacing-md);max-height:60vh}}.medical-record-modal-body::-webkit-scrollbar{width:8px}.medical-record-modal-body::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.medical-record-modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px}.medical-record-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.medical-record-modal-records-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.medical-record-modal-record-item{width:100%;min-height:60px;background:var(--color-white);box-shadow:var(--shadow-sm);border-radius:var(--border-radius-md);padding:var(--spacing-md);transition:var(--transition-fast)}.medical-record-modal-record-item:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}@media screen and (max-width:767px){.medical-record-modal-record-item{padding:var(--spacing-sm)}}.medical-record-modal-record-header{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media screen and (max-width:767px){.medical-record-modal-record-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.medical-record-modal-record-info{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);min-width:0}.medical-record-modal-record-number{color:var(--color-primary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base)}.medical-record-modal-record-name{color:var(--color-gray-800);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);word-break:break-word}@media screen and (max-width:767px){.medical-record-modal-record-name{font-size:var(--font-size-sm)}}.medical-record-modal-record-type{color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left}.medical-record-modal-view-button{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-primary);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);transition:var(--transition-fast);font-size:var(--font-size-sm);white-space:nowrap}.medical-record-modal-view-button:hover{background-color:var(--color-primary-light);color:var(--color-primary)}@media screen and (max-width:767px){.medical-record-modal-view-button{width:100%;justify-content:center}}.medical-record-modal-view-button-icon{flex-shrink:0}.medical-record-modal-empty-state{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl);min-height:300px}@media screen and (max-width:767px){.medical-record-modal-empty-state{padding:var(--spacing-xl);min-height:200px}}.medical-record-modal-empty-state-no-data-image{max-width:300px;object-fit:contain;height:auto}@media screen and (max-width:767px){.medical-record-modal-empty-state-no-data-image{max-width:200px}}.medical-record-modal-no-records{text-align:center;color:var(--color-gray-600);padding:var(--spacing-2xl);font-size:var(--font-size-base)}@media screen and (max-width:767px){.medical-record-modal-no-records{padding:var(--spacing-lg);font-size:var(--font-size-sm)}}.medical-record-modal-pagination{display:flex;justify-content:center;align-items:center;margin-top:var(--spacing-lg)}@media screen and (max-width:767px){.medical-record-modal-pagination{margin-top:var(--spacing-md)}}.medical-record-modal-placeholder{margin-bottom:var(--spacing-md)}.medical-record-modal-placeholder .placeholder{border-radius:var(--border-radius-md)}.lab-report-modal__header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg);flex-direction:row}.lab-report-modal__header,.lab-report-modal__header-content{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.lab-report-modal__header-left,.lab-report-modal__logo{display:flex;align-items:center}.lab-report-modal__logo-img{max-width:120px;height:auto}.lab-report-modal__header-right{display:flex;flex-direction:column;gap:var(--spacing-xs);align-items:flex-end}.lab-report-modal__date-info{display:flex;align-items:center;gap:var(--spacing-xs)}.lab-report-modal__date-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.lab-report-modal__date-value{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.lab-report-modal__report-id{display:flex;align-items:center;gap:var(--spacing-xs)}.lab-report-modal__report-id-label{font-size:var(--font-size-sm);color:var(--color-gray-600);font-weight:var(--font-weight-medium)}.lab-report-modal__report-id-value{font-size:var(--font-size-sm);color:var(--color-gray-900);font-weight:var(--font-weight-semibold)}.lab-report-modal__header-actions{display:flex;justify-content:flex-end}.lab-report-modal__download-btn{min-width:160px}.lab-report-modal__body{padding:var(--spacing-lg);max-height:80vh;overflow-y:auto}.lab-report-modal__body::-webkit-scrollbar{display:none}.lab-report-modal__body{-ms-overflow-style:none;scrollbar-width:none}.lab-report-modal__form{display:flex;flex-direction:column;gap:var(--spacing-md)}.lab-report-modal__form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--spacing-md);gap:var(--spacing-md)}.lab-report-modal__form-col{display:flex;flex-direction:column}.lab-report-modal__form-col-full{grid-column:1/-1}.lab-report-modal__input-container{margin-bottom:0}.lab-report-modal__viewer{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}@media(max-width:768px){.lab-report-modal__header{flex-direction:column;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md);gap:var(--spacing-md)}.lab-report-modal__download-btn,.lab-report-modal__header-actions,.lab-report-modal__header-content,.lab-report-modal__header-right{width:100%}.lab-report-modal__body{padding:var(--spacing-md);max-height:75vh}.lab-report-modal__form-row{grid-template-columns:1fr}}.lab-pdf-viewer{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.lab-pdf-viewer-container{display:flex;flex-direction:column;align-items:center;margin:var(--spacing-sm) 0;padding:var(--spacing-sm);border-bottom:4px solid var(--color-gray-200)}.lab-pdf-viewer-document-wrapper{width:100%;max-width:calc(100% - 2em);margin:var(--spacing-md) 0}.lab-pdf-viewer-image-container{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}@media screen and (max-width:767px){.lab-pdf-viewer-image-container{flex-direction:column}}.lab-pdf-viewer-image-item{flex:1 1;min-width:200px;max-width:100%}@media screen and (max-width:767px){.lab-pdf-viewer-image-item{width:100%;min-width:100%}}.lab-pdf-viewer-error{color:var(--color-danger);background-color:var(--color-danger-light)}.lab-pdf-viewer-error,.lab-pdf-viewer-unsupported{padding:var(--spacing-md);text-align:center;border-radius:var(--border-radius-md);margin:var(--spacing-md) 0}.lab-pdf-viewer-unsupported{color:var(--color-gray-600);background-color:var(--color-gray-100)}.lab-pdf-viewer .react-pdf__Document{display:flex;flex-direction:column;align-items:center}.lab-pdf-viewer .react-pdf__Page{margin:var(--spacing-md) 0;box-shadow:var(--shadow-md);border-radius:var(--border-radius-sm);overflow:hidden}.lab-pdf-viewer .react-pdf__Page__canvas{display:block;max-width:100%;height:auto}.lab-pdf-viewer .react-pdf__message{padding:var(--spacing-lg);text-align:center;color:var(--color-gray-600)}.lab-pdf-viewer .spinner-border,.lab-pdf-viewer-spinner-border{color:var(--color-primary);width:3rem;height:3rem;border-width:.3em}.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__header,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__header{background-color:var(--color-secondary)!important;color:var(--color-white)!important}.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__day--selected,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__day--selected{background-color:var(--color-primary)!important}.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__day--holidays,.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__month-text--holidays,.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__quarter-text--holidays,.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__year-text--holidays,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__day--holidays,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__month-text--holidays,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__quarter-text--holidays,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__year-text--holidays{background-color:#3dcc4a!important;color:var(--color-primary)!important}.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__day--holidays:hover,.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__month-text--holidays:hover,.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__quarter-text--holidays:hover,.appointments-filters .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__year-text--holidays:hover,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__day--holidays:hover,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__month-text--holidays:hover,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__quarter-text--holidays:hover,.reschedule-appointment-modal-date-section .custom-datepicker-wrapper .custom-datepicker-popper .react-datepicker__year-text--holidays:hover{background-color:#32be3f!important;color:var(--color-primary)!important}.reschedule-appointment-modal-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg)}@media screen and (max-width:767px){.reschedule-appointment-modal-header{padding:var(--spacing-md)}}.reschedule-appointment-modal-header .title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}@media screen and (max-width:767px){.reschedule-appointment-modal-header .title{font-size:var(--font-size-lg)}}.reschedule-appointment-modal-header .title .date-text{margin-left:var(--spacing-sm);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}@media screen and (max-width:767px){.reschedule-appointment-modal-header .title .date-text{font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}}.reschedule-appointment-modal-body{padding:var(--spacing-lg);max-height:70vh;overflow-y:auto}@media screen and (max-width:767px){.reschedule-appointment-modal-body{padding:var(--spacing-md);max-height:60vh}}.reschedule-appointment-modal-body::-webkit-scrollbar{width:8px}.reschedule-appointment-modal-body::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.reschedule-appointment-modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px}.reschedule-appointment-modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.reschedule-appointment-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800);margin-bottom:var(--spacing-md);display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}@media screen and (max-width:767px){.reschedule-appointment-modal-title{font-size:var(--font-size-base);margin-bottom:var(--spacing-sm)}}.reschedule-appointment-modal-title .date-text{margin-left:var(--spacing-sm);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}@media screen and (max-width:767px){.reschedule-appointment-modal-title .date-text{font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}}.reschedule-appointment-modal-title-date-text{margin-left:var(--spacing-sm);color:var(--color-gray-600);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}@media screen and (max-width:767px){.reschedule-appointment-modal-title-date-text{font-size:var(--font-size-xs);margin-left:var(--spacing-xs)}}.reschedule-appointment-modal-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-800)}@media screen and (max-width:767px){.reschedule-appointment-modal-section-title{font-size:var(--font-size-base)}}.reschedule-appointment-modal-slots-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--spacing-sm);gap:var(--spacing-sm);margin-top:var(--spacing-md)}@media screen and (min-width:768px)and (max-width:991px){.reschedule-appointment-modal-slots-grid{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:767px){.reschedule-appointment-modal-slots-grid{grid-template-columns:1fr;gap:var(--spacing-xs)}}.reschedule-appointment-modal-slot-btn{background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-2xl);padding:var(--spacing-sm) var(--spacing-xl);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-gray-700);cursor:pointer;transition:var(--transition-fast);text-align:center;white-space:nowrap;min-height:44px;display:flex;align-items:center;justify-content:center}@media screen and (max-width:767px){.reschedule-appointment-modal-slot-btn{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);min-height:40px}}.reschedule-appointment-modal-slot-btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}.reschedule-appointment-modal-slot-btn.selected{background:var(--color-secondary);color:var(--color-white);border-color:var(--color-secondary);font-weight:var(--font-weight-medium)}.reschedule-appointment-modal-slot-btn:disabled{cursor:not-allowed;border-color:var(--color-gray-300);color:var(--color-gray-400);background-color:transparent;opacity:.6}.reschedule-appointment-modal-slot-btn:focus{outline:none;box-shadow:0 0 0 3px var(--color-primary-light)}.reschedule-appointment-modal-slot-btn.selected:focus{box-shadow:0 0 0 3px var(--color-secondary-light)}.reschedule-appointment-modal-empty-state{text-align:center;padding:var(--spacing-xl);color:var(--color-gray-600);font-size:var(--font-size-base)}@media screen and (max-width:767px){.reschedule-appointment-modal-empty-state{padding:var(--spacing-lg);font-size:var(--font-size-sm)}}.reschedule-appointment-modal-footer{border-top:1px solid var(--color-gray-200);padding:var(--spacing-lg);display:flex;justify-content:flex-end;gap:var(--spacing-md)}@media screen and (max-width:767px){.reschedule-appointment-modal-footer{padding:var(--spacing-md);flex-direction:column-reverse}.reschedule-appointment-modal-footer .btn{width:100%}}.reschedule-appointment-modal-cancel-button{background-color:var(--color-danger);border-color:var(--color-danger);border-radius:var(--border-radius-md);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.reschedule-appointment-modal-cancel-button:hover{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.reschedule-appointment-modal-cancel-button:active,.reschedule-appointment-modal-cancel-button:focus{background-color:var(--color-danger-hover);border-color:var(--color-danger-hover);box-shadow:0 0 0 3px var(--color-danger-light)}@media screen and (max-width:767px){.reschedule-appointment-modal-cancel-button{width:100%;padding:var(--spacing-sm) var(--spacing-md)}}.reschedule-appointment-modal-confirm-button{background-color:var(--color-primary);border-color:var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-white);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-sm) var(--spacing-lg);transition:var(--transition-fast)}.reschedule-appointment-modal-confirm-button:hover{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.reschedule-appointment-modal-confirm-button:active,.reschedule-appointment-modal-confirm-button:focus{background-color:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 0 0 3px var(--color-primary-light)}.reschedule-appointment-modal-confirm-button:disabled{opacity:.6;cursor:not-allowed;transform:none}@media screen and (max-width:767px){.reschedule-appointment-modal-confirm-button{width:100%;padding:var(--spacing-sm) var(--spacing-md)}}.reschedule-appointment-modal-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-secondary);margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}@media screen and (max-width:767px){.reschedule-appointment-modal-header-title{font-size:var(--font-size-lg)}}.reschedule-appointment-modal-section-subtitle{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}@media screen and (max-width:767px){.reschedule-appointment-modal-section-subtitle{font-size:var(--font-size-sm)}}.reschedule-appointment-modal-date-section{margin-bottom:var(--spacing-md)}.reschedule-appointment-modal-date-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-50);border-radius:var(--border-radius-md)}@media screen and (max-width:767px){.reschedule-appointment-modal-date-row{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.reschedule-appointment-modal-date-input-wrapper{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-white);border-radius:var(--border-radius-md);box-shadow:0 3px 6px rgba(0,0,0,.1);padding:var(--spacing-xs);max-width:300px}@media screen and (max-width:767px){.reschedule-appointment-modal-date-input-wrapper{width:100%;max-width:100%}}.reschedule-appointment-modal-date-input{border:none;font-size:var(--font-size-sm);color:var(--color-gray-700);flex:1 1;padding:var(--spacing-xs)}.reschedule-appointment-modal-date-input:focus{outline:none;box-shadow:none}.reschedule-appointment-modal-calendar-icon{color:var(--color-secondary);cursor:pointer;display:flex;align-items:center;padding:var(--spacing-xs);font-size:var(--font-size-lg)}.reschedule-appointment-modal-calendar-icon:hover{opacity:.8}.reschedule-appointment-modal-selected-date{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--color-gray-800);color:var(--color-white);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-top:var(--spacing-xs)}.reschedule-appointment-modal-date-value{font-weight:var(--font-weight-semibold)}.reschedule-appointment-modal-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);display:block}.reschedule-appointment-modal-custom-section{border-top:1px solid var(--color-gray-200);padding-top:var(--spacing-lg);margin-top:var(--spacing-lg)}.reschedule-appointment-modal-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}@media screen and (max-width:767px){.reschedule-appointment-modal-section-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.reschedule-appointment-modal-custom-form{display:flex;gap:var(--spacing-lg);align-items:flex-start}@media screen and (max-width:767px){.reschedule-appointment-modal-custom-form{flex-direction:column}}.reschedule-appointment-modal-form-fields{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-md)}.reschedule-appointment-modal-form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.reschedule-appointment-modal-input{border:2px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-sm);font-size:var(--font-size-base);color:var(--color-gray-800);transition:var(--transition-fast)}.reschedule-appointment-modal-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.reschedule-appointment-modal-input[readonly]{background-color:var(--color-gray-50);cursor:not-allowed}.reschedule-appointment-modal-input-group{display:flex;align-items:center;gap:var(--spacing-xs);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-md);padding:var(--spacing-xs);background:var(--color-white)}.reschedule-appointment-modal-input-icon{display:flex;align-items:center;padding:var(--spacing-xs);color:var(--color-primary)}.reschedule-appointment-modal-fees-warning{color:var(--color-danger);font-size:var(--font-size-sm);padding:var(--spacing-xs)}.reschedule-appointment-modal-fees-value{padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-gray-700);letter-spacing:1px;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border:2px solid var(--color-gray-200);border-radius:var(--border-radius-md);text-align:center;flex:1 1}.reschedule-appointment-modal-mobile-calendar{width:100%}.reschedule-appointment-modal-calendar-overlay{position:absolute;left:50%;transform:translateX(-50%);background-color:hsla(0,0%,100%,.95);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-lg);z-index:999;margin-top:var(--spacing-sm)}.reschedule-appointment-modal-desktop-calendar{flex-shrink:0}.reschedule-appointment-modal-calendar-wrapper{background:var(--color-white);border-radius:var(--border-radius-md);padding:var(--spacing-sm);box-shadow:0 3px 6px rgba(0,0,0,.1)}.reschedule-appointment-modal .react-datepicker{border:none;box-shadow:none;font-family:inherit}.reschedule-appointment-modal .react-datepicker__header{background-color:var(--color-secondary)!important;color:var(--color-white)!important;border-bottom:none}.reschedule-appointment-modal .react-datepicker__current-month,.reschedule-appointment-modal .react-datepicker__day-name{color:var(--color-white)!important}.reschedule-appointment-modal .react-datepicker__navigation--previous{border-right-color:var(--color-white)!important}.reschedule-appointment-modal .react-datepicker__navigation--next{border-left-color:var(--color-white)!important}.reschedule-appointment-modal .react-datepicker__day--selected{background-color:var(--color-primary)!important;border-color:var(--color-primary)!important}.reschedule-appointment-modal .react-datepicker__day--selected:hover{background-color:var(--color-primary-hover)!important}.reschedule-appointment-modal .react-datepicker__day--holidays{background-color:#3dcc4a!important;color:var(--color-white)!important}.reschedule-appointment-modal .react-datepicker__day--holidays:hover{background-color:#32be3f!important}.filter-dropdown{position:absolute;top:100%;right:0;margin-top:8px;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-xl);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);min-width:240px;width:260px;z-index:1060}.filter-dropdown .filter-section{padding:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.filter-dropdown .filter-section:last-child{border-bottom:none}.filter-dropdown .filter-section .filter-header{margin-bottom:var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-gray-700)}.filter-dropdown .filter-section .filter-header .btn-collapse{background:none;border:none;padding:0;cursor:pointer;color:var(--color-gray-600);display:flex;align-items:center}.filter-dropdown .filter-section .filter-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.filter-dropdown .filter-section .filter-options .filter-option{display:flex;align-items:center;padding:var(--spacing-sm) 0;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-gray-700);margin:0}.filter-dropdown .filter-section .filter-options .filter-option input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--color-primary)}.filter-dropdown .filter-section .date-picker-container{position:relative;margin-top:var(--spacing-sm)}.filter-dropdown .filter-section .date-picker-container .date-display{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-sm);cursor:pointer;background-color:var(--color-white);font-size:var(--font-size-sm);color:var(--color-gray-700);min-height:38px}.filter-dropdown .filter-section .date-picker-container .date-display .date-text{flex:1 1;color:var(--color-gray-600)}.filter-dropdown .filter-section .date-picker-container .date-display .date-icon{color:var(--color-primary);font-size:var(--font-size-base)}.filter-dropdown .filter-section .date-picker-container .date-display .date-clear{color:var(--color-secondary);cursor:pointer;margin-left:var(--spacing-xs);font-size:var(--font-size-sm)}.filter-dropdown .filter-section .date-picker-container .date-picker-popup{position:absolute;top:calc(100% + var(--spacing-xs));left:0;background:var(--color-white);border:1px solid var(--color-gray-300);border-radius:var(--border-radius-md);box-shadow:0 10px 15px -3px rgba(0,0,0,.1);z-index:1070;padding:var(--spacing-sm)}@media(max-width:768px){.filter-dropdown{min-width:100%;right:0;left:0}}.inbox-container{max-width:100%;background:linear-gradient(135deg,#f8f9fa,#fff);margin:0 auto 2rem;display:flex;flex-direction:column;border-radius:20px;box-shadow:0 4px 24px rgba(82,40,132,.08);overflow:visible}.inbox-header-section{padding:24px 28px;background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,250,252,.98));border-bottom:1px solid rgba(82,40,132,.08);position:relative}.inbox-header-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(82,40,132,.15) 50%,transparent)}.inbox-main-title{font-size:var(--font-size-xxl,28px);font-weight:var(--font-weight-bold,700);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin:0;letter-spacing:-.5px;display:flex;align-items:center;gap:12px;line-height:1.2}.inbox-main-title .info-icon-wrapper{display:inline-flex;align-items:center;cursor:pointer;transition:all .3s ease;margin-left:4px}.inbox-main-title .info-icon-wrapper:hover{transform:scale(1.1);filter:drop-shadow(0 2px 4px rgba(82,40,132,.3))}.search-filter-bar{display:flex;gap:var(--spacing-md);background:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(250,250,252,.95));padding:var(--spacing-lg);border-radius:0;border-bottom:1px solid rgba(82,40,132,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(82,40,132,.04);position:relative;z-index:1050}.search-wrapper{flex:1 1;position:relative}.search-icon{position:absolute;left:20px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-gray-500);z-index:1}.search-input{width:100%;padding:14px 20px 14px 52px;border:2px solid rgba(82,40,132,.1);border-radius:50px;font-size:var(--font-size-sm);outline:none;transition:all .3s cubic-bezier(.4,0,.2,1);background:var(--color-white);box-shadow:0 2px 8px rgba(82,40,132,.05)}.search-input:hover{border-color:rgba(82,40,132,.2);box-shadow:0 4px 12px rgba(82,40,132,.08)}.search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px rgba(82,40,132,.12),0 4px 16px rgba(82,40,132,.15);transform:translateY(-1px)}.search-input::placeholder{color:var(--color-gray-500);font-weight:400}.btn-filter{display:flex;align-items:center;gap:var(--spacing-sm);padding:14px 28px;background:linear-gradient(135deg,var(--color-white) 0,#fafafa 100%);color:var(--color-gray-700);border:2px solid rgba(82,40,132,.15);border-radius:50px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;box-shadow:0 2px 8px rgba(82,40,132,.06)}.btn-filter:hover{border-color:var(--color-secondary);color:var(--color-secondary);background:linear-gradient(135deg,#fff7f2,#fff);box-shadow:0 4px 12px rgba(250,101,0,.15);transform:translateY(-2px)}.btn-filter:active{transform:translateY(0)}.chat-layout{display:grid;grid-template-columns:420px 1fr;grid-gap:0;gap:0;background:var(--color-white);border-radius:0;height:calc(100vh - 300px);max-height:calc(100vh - 300px);min-height:60vh;flex:1 1;box-shadow:inset 0 1px 0 rgba(82,40,132,.06);z-index:1}.chat-layout,.conversation-list{overflow:hidden;position:relative}.conversation-list{border-right:1px solid rgba(82,40,132,.1);background:linear-gradient(180deg,#fff,#fafbfc);display:flex;flex-direction:column;height:100%}.conversation-list:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(180deg,transparent,rgba(82,40,132,.1) 50%,transparent)}.conversation-list-header{display:flex;justify-content:space-between;align-items:center;padding:24px 20px;border-bottom:1px solid rgba(82,40,132,.08);background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,250,252,.98));flex-shrink:0;position:relative}.conversation-list-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(82,40,132,.15) 50%,transparent)}.conversation-list-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;margin:0;letter-spacing:-.5px}.btn-close-list{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-gray-700);transition:all .2s ease;border-radius:8px}.btn-close-list:hover{color:var(--color-primary);background:rgba(82,40,132,.08)}.conversation-list-content{flex:1 1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding:8px 0}.conversation-list-content::-webkit-scrollbar{width:6px}.conversation-list-content::-webkit-scrollbar-track{background:transparent}.conversation-list-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(82,40,132,.2),rgba(167,47,214,.2));border-radius:10px}.conversation-list-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(82,40,132,.35),rgba(167,47,214,.35))}.conversation-item-placeholder{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid rgba(82,40,132,.05)}.conversation-loader{padding:var(--spacing-sm)}.conversation-empty-state{padding:var(--spacing-xl);text-align:center;color:var(--color-gray-500)}.conversation-item{padding:16px 20px;margin:4px 12px;border-radius:16px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid transparent;background:var(--color-white);position:relative;overflow:hidden}.conversation-item:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--color-primary) 0,var(--color-secondary) 100%);opacity:0;transition:opacity .3s ease}.conversation-item .conversation-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:10px}.conversation-item .conversation-header .conversation-user-info-container{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex:1 1;min-width:0}.conversation-item .conversation-header .conversation-user-info-container .conversation-user-photo-container{position:relative;flex-shrink:0}.conversation-item .conversation-header .conversation-user-info-container .conversation-user-photo-container .conversation-user-photo{width:48px;height:48px;border-radius:50%;border:3px solid rgba(82,40,132,.1);padding:2px;object-fit:cover;transition:all .3s ease;box-shadow:0 2px 8px rgba(82,40,132,.1)}.conversation-item .conversation-header .conversation-user-info-container .conversation-user-photo-container .profile-icon{width:48px;height:48px;color:rgba(82,40,132,.4);transition:all .3s ease;filter:drop-shadow(0 2px 4px rgba(82,40,132,.1))}.conversation-item .conversation-header .conversation-user-info-container .conversation-user-photo-container:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);opacity:0;transition:opacity .3s ease;z-index:-1}.conversation-item .conversation-header .conversation-user-info-container .conversation-user-info-content{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;min-width:0;flex:1 1}.conversation-item .conversation-header .conversation-user-info-container .conversation-user-info-content .conversation-user-name{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.conversation-item .conversation-header .conversation-user-info-container .conversation-user-info-content .conversation-id{font-size:var(--font-size-xs);color:var(--color-gray-600);font-weight:var(--font-weight-medium);background:linear-gradient(135deg,rgba(82,40,132,.08),rgba(167,47,214,.08));padding:2px 8px;border-radius:8px;white-space:nowrap}.conversation-item .conversation-header .conversation-time{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium);white-space:nowrap;flex-shrink:0;margin-left:8px}.conversation-item .conversation-preview{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:4px}.conversation-item:hover{background:linear-gradient(135deg,rgba(82,40,132,.04),rgba(167,47,214,.04));border-color:rgba(82,40,132,.15);transform:translateX(4px);box-shadow:0 4px 12px rgba(82,40,132,.1)}.conversation-item:hover .conversation-user-photo-container:after,.conversation-item:hover:before{opacity:1}.conversation-item.active{background:linear-gradient(135deg,rgba(82,40,132,.08),rgba(167,47,214,.06));border-color:rgba(82,40,132,.25);box-shadow:0 4px 16px rgba(82,40,132,.15),inset 0 0 0 1px rgba(82,40,132,.1)}.conversation-item.active .conversation-user-photo-container:after,.conversation-item.active:before{opacity:1}.conversation-item.active .conversation-user-photo-container .profile-icon{color:var(--color-primary);filter:drop-shadow(0 2px 8px rgba(82,40,132,.2))}.conversation-item.active .conversation-user-name{color:var(--color-primary);font-weight:var(--font-weight-bold)}.conversation-item:hover .conversation-user-photo-container .profile-icon{color:var(--color-primary);transform:scale(1.05)}.chat-area{flex-direction:column;background:linear-gradient(180deg,#fff,#fafbfc);height:100%;overflow:hidden}.chat-area,.chat-header{display:flex;position:relative}.chat-header{justify-content:space-between;align-items:start;gap:var(--spacing-md);padding:20px 24px;border-bottom:1px solid rgba(82,40,132,.08);background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,250,252,.98));flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(82,40,132,.15) 50%,transparent)}.chat-header .chat-appointment-details{display:flex;align-items:flex-start;justify-content:space-between;width:100%;gap:var(--spacing-xs)}.chat-header .chat-appointment-details .chat-appointment-info{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;gap:6px}.chat-header .chat-appointment-details .chat-appointment-info .chat-appointment-id{font-size:var(--font-size-sm);color:var(--color-gray-700);font-weight:var(--font-weight-semibold);background:linear-gradient(135deg,rgba(82,40,132,.08),rgba(167,47,214,.08));padding:4px 12px;border-radius:12px}.chat-header .chat-appointment-details .chat-appointment-info .chat-appointment-date{font-size:var(--font-size-xs);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.chat-doctor-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-secondary) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:-.5px}.chat-messages{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:20px 16px;background:linear-gradient(135deg,#f5f3f7,#faf9fb 25%,#f8f6fa 50%,#f5f3f7 75%,#faf9fb);background-size:400% 400%;animation:gradientShift 20s ease infinite;position:relative;min-height:0;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;display:flex;flex-direction:column;gap:8px}.chat-messages::-webkit-scrollbar{width:8px}.chat-messages::-webkit-scrollbar-track{background:rgba(82,40,132,.05);border-radius:10px}.chat-messages::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(82,40,132,.3),rgba(167,47,214,.3));border-radius:10px}.chat-messages::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(82,40,132,.5),rgba(167,47,214,.5))}.chat-messages:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 15% 25%,rgba(82,40,132,.04) 0,transparent 50%),radial-gradient(circle at 85% 75%,rgba(167,47,214,.04) 0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(82,40,132,.03) 0,transparent 50%);pointer-events:none;z-index:0}.chat-messages>*{position:relative;z-index:1}.messages-placeholder{padding:var(--spacing-md)}.message-placeholder .placeholder{background:linear-gradient(90deg,rgba(82,40,132,.1),rgba(167,47,214,.1));border-radius:12px}.messages-loader{padding:var(--spacing-sm)}.message-item{display:flex;width:100%;margin-bottom:4px;padding:0 8px;animation:slideIn .25s cubic-bezier(.4,0,.2,1)}@keyframes slideIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.message-item.sent{justify-content:flex-end!important}.message-item.sent .message-bubble{background:linear-gradient(135deg,rgba(82,40,132,.18),rgba(82,40,132,.12) 50%,rgba(167,47,214,.15))!important;background-color:rgba(82,40,132,.14)!important;border:1.5px solid rgba(82,40,132,.25)!important;max-width:70%;min-width:120px;border-radius:18px;border-top-right-radius:4px;box-shadow:0 4px 12px rgba(82,40,132,.2),0 2px 4px rgba(0,0,0,.1)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.message-item.sent .message-bubble:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.1),transparent);border-radius:18px;pointer-events:none}.message-item.sent .message-bubble .message-text{color:#1a0d2e!important;font-size:14.5px;line-height:20px;padding-bottom:2px;font-weight:500;position:relative;z-index:1}.message-item.sent .message-bubble .message-time-wrapper .message-time{color:rgba(82,40,132,.75);font-size:11px;font-weight:500}.message-item.sent .message-bubble .message-time-wrapper .read-receipt{color:rgba(82,40,132,.85);font-size:16px;margin-left:4px;line-height:1}.message-item.received{justify-content:flex-start!important}.message-item.received .message-bubble{background:linear-gradient(135deg,#fff,#fafafa)!important;max-width:70%;min-width:120px;border-radius:18px;border-top-left-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.06);position:relative}.message-item.received .message-bubble:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,hsla(0,0%,100%,.8),hsla(0,0%,98%,.8));border-radius:18px;pointer-events:none}.message-item.received .message-bubble .message-sender-name{font-size:12px;font-weight:600;color:var(--color-primary);margin-bottom:6px;padding-bottom:2px;position:relative;z-index:1}.message-item.received .message-bubble .message-text{color:#111b21!important;font-size:14.5px;line-height:20px;padding-bottom:2px;font-weight:400;position:relative;z-index:1}.message-item.received .message-bubble .message-time-wrapper .message-time{color:#667781;font-size:11px;font-weight:500}.message-item .message-bubble{position:relative;padding:10px 14px;word-wrap:break-word;word-break:break-word;transition:transform .2s ease,box-shadow .2s ease}.message-item .message-bubble:hover{transform:translateY(-1px);box-shadow:0 6px 16px rgba(82,40,132,.25),0 2px 4px rgba(0,0,0,.1)!important}.message-item .message-bubble .message-text{margin:0;white-space:pre-wrap;overflow-wrap:break-word}.message-item .message-bubble .message-time-wrapper{display:flex;align-items:center;justify-content:flex-end;margin-top:4px;padding-top:2px;direction:rtl}.message-item .message-bubble .message-time-wrapper .message-time{direction:ltr;white-space:nowrap;opacity:.85}.message-item .message-bubble .message-time-wrapper .read-receipt{direction:ltr}.message-input-area{padding:16px 20px;background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,250,252,.98));border-top:1px solid rgba(82,40,132,.1);flex-shrink:0;position:-webkit-sticky;position:sticky;bottom:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -2px 12px rgba(82,40,132,.06)}.message-input-wrapper{display:flex;align-items:flex-end;gap:12px;padding:10px 16px;background:var(--color-white);border-radius:28px;box-shadow:0 4px 16px rgba(82,40,132,.1),0 2px 4px rgba(0,0,0,.05);transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(82,40,132,.08)}.message-input-wrapper:focus-within{border-color:var(--color-primary);box-shadow:0 6px 24px rgba(82,40,132,.15),0 0 0 4px rgba(82,40,132,.1);transform:translateY(-2px)}.message-input{flex:1 1;border:none;outline:none;font-size:15px;background:transparent;resize:none;min-height:24px;max-height:120px;line-height:22px;font-family:inherit;overflow-y:auto;padding:8px 0;color:var(--color-gray-900)}.message-input::-webkit-scrollbar{width:4px}.message-input::-webkit-scrollbar-track{background:transparent}.message-input::-webkit-scrollbar-thumb{background:rgba(82,40,132,.3);border-radius:2px}.message-input::-webkit-scrollbar-thumb:hover{background:rgba(82,40,132,.5)}.message-input:disabled{opacity:.5;cursor:not-allowed}.message-input::placeholder{color:var(--color-gray-500);font-size:15px;font-weight:400}.btn-send{width:36px;height:36px;min-width:36px;border-radius:50%;background:linear-gradient(135deg,var(--color-secondary) 0,#e05900 100%);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;margin-bottom:2px;padding:0;box-shadow:0 4px 12px rgba(250,101,0,.3)}.btn-send svg{width:20px;height:20px;transition:transform .2s ease}.btn-send:hover:not(:disabled){background:linear-gradient(135deg,#e05900 0,var(--color-secondary) 100%);transform:scale(1.1) translateY(-2px);box-shadow:0 6px 20px rgba(250,101,0,.4)}.btn-send:hover:not(:disabled) svg{transform:translateX(2px) translateY(-2px)}.btn-send:active:not(:disabled){transform:scale(1.05) translateY(0)}.btn-send:disabled{opacity:.4;cursor:not-allowed;background:var(--color-gray-300);box-shadow:none}.chat-no-conversation{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-gray-500);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);background:linear-gradient(135deg,rgba(82,40,132,.03),rgba(167,47,214,.03));border-radius:16px;margin:20px;padding:40px}.inbox-progress-bar-container{width:100%;position:relative;margin:0;padding:0;overflow:visible}.inbox-progress-bar-container .progress{height:36px;width:100%;border-radius:8px;background:linear-gradient(135deg,rgba(82,40,132,.1),rgba(167,47,214,.08) 50%,rgba(82,40,132,.1));overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(82,40,132,.1),inset 0 1px 2px rgba(0,0,0,.05),0 2px 8px rgba(82,40,132,.08);border:1px solid rgba(82,40,132,.15);display:flex;align-items:stretch}.inbox-progress-bar-container .progress-bar,.inbox-progress-bar-container .progress>.progress-bar{height:100%!important;min-width:0!important;background:linear-gradient(90deg,var(--color-primary) 0,rgba(82,40,132,.9) 25%,var(--color-secondary) 50%,rgba(167,47,214,.9) 75%,var(--color-primary) 100%)!important;background-size:200% 100%!important;animation:gradientShift 3s ease infinite!important;box-shadow:0 2px 8px rgba(82,40,132,.3),0 1px 4px rgba(82,40,132,.2),inset 0 1px 0 hsla(0,0%,100%,.3),inset 0 -1px 0 rgba(0,0,0,.1)!important;border-radius:8px!important;transition:width .6s cubic-bezier(.4,0,.2,1),all .3s ease!important;position:relative!important;overflow:hidden!important;z-index:2}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.inbox-progress-bar-container .inbox-progress-bar-label{position:absolute;width:100%;text-align:center;top:50%;left:0;transform:translateY(-50%);z-index:2;display:flex;align-items:center;justify-content:center;padding:0 16px;pointer-events:none}.inbox-progress-bar-container .timer-display{display:inline-flex;align-items:baseline;gap:0;font-family:Courier New,Monaco,Menlo,monospace;color:#fff;text-shadow:0 2px 6px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);font-weight:var(--font-weight-bold);letter-spacing:1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.inbox-progress-bar-container .timer-digits{font-size:16px;font-weight:var(--font-weight-bold);line-height:1;color:#fff;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;letter-spacing:1px;font-family:Courier New,Monaco,Menlo,monospace;text-shadow:0 0 6px hsla(0,0%,100%,.4),0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);background:linear-gradient(180deg,hsla(0,0%,100%,.2),hsla(0,0%,100%,.08));padding:2px 6px;border-radius:3px;border:1px solid hsla(0,0%,100%,.25);box-shadow:inset 0 1px 1px hsla(0,0%,100%,.15),0 1px 2px rgba(0,0,0,.15);min-width:32px;text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.inbox-progress-bar-container .timer-separator{font-size:14px;font-weight:var(--font-weight-bold);color:hsla(0,0%,100%,.9);margin:0 2px;line-height:1;font-family:Courier New,Monaco,Menlo,monospace;text-shadow:0 0 4px hsla(0,0%,100%,.3),0 1px 2px rgba(0,0,0,.25);animation:blink 1s step-end infinite;vertical-align:middle}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.inbox-progress-bar-container .timer-completed{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.2)}.inbox-progress-bar-container .colored-completed-btn{background:linear-gradient(90deg,var(--color-success) 0,#28a745 25%,#34d399 50%,#28a745 75%,var(--color-success) 100%)!important;background-size:200% 100%!important;animation:gradientShift 3s ease infinite!important;height:36px!important;border-radius:8px!important}.btn-back-to-list{display:none;background:none;border:none;cursor:pointer;padding:8px;color:var(--color-gray-700);transition:all .2s ease;align-items:center;justify-content:center;border-radius:8px}.btn-back-to-list:hover{color:var(--color-primary);background:rgba(82,40,132,.08)}@media(max-width:992px){.chat-layout{grid-template-columns:1fr;height:calc(100vh - 180px);max-height:calc(100vh - 180px)}.conversation-list{display:none;border-right:none;box-shadow:4px 0 16px rgba(82,40,132,.15);border-radius:0}.conversation-list.mobile-show{display:flex}.chat-area.mobile-hide{display:none}.btn-back-to-list,.btn-close-list{display:flex}}@media(max-width:768px){.inbox-container{min-height:auto;border-radius:16px}.search-filter-bar{padding:var(--spacing-md);flex-wrap:wrap}.btn-filter{padding:12px 20px;font-size:var(--font-size-xs)}.message-bubble{max-width:85%!important}.chat-layout{height:calc(100vh - 160px);max-height:calc(100vh - 160px);min-height:400px}.chat-header{padding:var(--spacing-md)}.chat-doctor-name{font-size:var(--font-size-lg)}.chat-messages,.conversation-list-header{padding:var(--spacing-md)}.conversation-item{padding:14px 16px;margin:4px 8px}}@media(max-width:480px){.chat-layout{height:calc(100vh - 140px);max-height:calc(100vh - 140px)}.message-bubble{max-width:90%!important}.message-input-area{padding:12px 16px}.message-input-wrapper{padding:8px 12px}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.home-patient-queries-container{padding:0}@media screen and (min-width:768px)and (max-width:991px){.home-patient-queries-container{margin-top:var(--spacing-lg)}}@media screen and (max-width:767px){.home-patient-queries-container{margin-top:var(--spacing-md)}}.home-patient-queries-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-md)}@media screen and (min-width:768px)and (max-width:991px){.home-patient-queries-header{padding:var(--spacing-md) var(--spacing-lg);padding-top:var(--spacing-lg)}}@media screen and (max-width:767px){.home-patient-queries-header{padding:var(--spacing-md);padding-top:var(--spacing-md)}}.home-patient-queries-title{color:var(--color-gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}@media screen and (max-width:767px){.home-patient-queries-title{font-size:var(--font-size-lg)}}.home-patient-queries-view-all{color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:var(--font-size-base);transition:color var(--transition-fast);margin:0}.home-patient-queries-view-all:hover{color:var(--color-secondary);text-decoration:none}@media screen and (max-width:767px){.home-patient-queries-view-all{font-size:var(--font-size-sm)}}.home-patient-queries-scrollable{padding:0 var(--spacing-md);max-height:16.5em;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.home-patient-queries-scrollable::-webkit-scrollbar{width:6px}.home-patient-queries-scrollable::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--border-radius-sm)}.home-patient-queries-scrollable::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--border-radius-sm)}.home-patient-queries-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media screen and (min-width:768px)and (max-width:991px){.home-patient-queries-scrollable{padding:0 var(--spacing-lg);max-height:18em}}@media screen and (max-width:767px){.home-patient-queries-scrollable{padding:0 var(--spacing-md);max-height:20em}}.home-patient-queries-empty{display:flex;justify-content:center;align-items:center;height:14rem;background:var(--color-gray-100);border-radius:var(--border-radius-lg);width:100%;color:var(--color-gray-500)}@media screen and (max-width:767px){.home-patient-queries-empty{height:12rem}}.home-patient-queries-empty-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--spacing-md)}.home-patient-queries-empty-icon{font-size:2em;color:var(--color-gray-400)}.home-patient-queries-empty-title{font-size:var(--font-size-lg);letter-spacing:1px;color:var(--color-gray-600);margin:0}@media screen and (max-width:767px){.home-patient-queries-empty-title{font-size:var(--font-size-base)}}.home-patient-query-card{background:var(--color-gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast);border:1px solid transparent}.home-patient-query-card:hover{background:var(--color-white);box-shadow:var(--shadow-sm);border-color:var(--color-gray-200)}@media screen and (min-width:768px)and (max-width:991px){.home-patient-query-card{padding:var(--spacing-md)}}@media screen and (max-width:767px){.home-patient-query-card{padding:var(--spacing-sm) var(--spacing-md)}}.home-patient-query-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);gap:var(--spacing-md)}@media screen and (max-width:767px){.home-patient-query-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}}.home-patient-query-user-info{display:flex;justify-content:flex-start;align-items:flex-start;gap:var(--spacing-sm);flex:1 1;min-width:0}.home-patient-query-avatar{width:3em;height:3em;min-width:3em;background:var(--color-primary);color:var(--color-white);border-radius:var(--border-radius-full);display:flex;justify-content:center;align-items:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);flex-shrink:0}.home-patient-query-avatar-image{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-full)}@media screen and (max-width:767px){.home-patient-query-avatar{width:2.5em;height:2.5em;min-width:2.5em;font-size:var(--font-size-sm)}}.home-patient-query-details{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0;flex:1 1}.home-patient-query-name{color:var(--color-gray-900);font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);margin:0;line-height:1.4}@media screen and (max-width:767px){.home-patient-query-name{font-size:var(--font-size-sm)}}.home-patient-query-timing{color:var(--color-gray-500);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular)}.home-patient-query-reply-btn{border:none;color:var(--color-white);background:var(--color-primary);padding:var(--spacing-sm) var(--spacing-xl);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.home-patient-query-reply-btn:hover{background:var(--color-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.home-patient-query-reply-btn:active{transform:translateY(0)}@media screen and (min-width:768px)and (max-width:991px){.home-patient-query-reply-btn{padding:var(--spacing-sm) var(--spacing-lg)}}@media screen and (max-width:767px){.home-patient-query-reply-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md)}}.home-patient-query-body{font-size:var(--font-size-sm);color:var(--color-gray-700);line-height:1.6;margin:0;text-align:justify}@media screen and (max-width:767px){.home-patient-query-body{font-size:var(--font-size-xs)}}.home-upcoming-appointments-container{padding:0}@media screen and (max-width:767px){.home-upcoming-appointments-container{padding:0}}.home-upcoming-appointments-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-md)}@media screen and (min-width:768px)and (max-width:991px){.home-upcoming-appointments-header{padding:var(--spacing-md) var(--spacing-lg);padding-top:var(--spacing-lg)}}@media screen and (max-width:767px){.home-upcoming-appointments-header{padding:var(--spacing-md);padding-top:var(--spacing-md)}}.home-upcoming-appointments-title{color:var(--color-gray-700);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}@media screen and (max-width:767px){.home-upcoming-appointments-title{font-size:var(--font-size-lg)}}.home-upcoming-appointments-view-all{color:var(--color-primary);font-weight:var(--font-weight-semibold);cursor:pointer;font-size:var(--font-size-base);transition:color var(--transition-fast);margin:0}.home-upcoming-appointments-view-all:hover{color:var(--color-secondary);text-decoration:none}@media screen and (max-width:767px){.home-upcoming-appointments-view-all{font-size:var(--font-size-sm)}}.home-upcoming-appointments-scrollable{padding:0 var(--spacing-md);max-height:11.5em;min-height:12.5em;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.home-upcoming-appointments-scrollable::-webkit-scrollbar{width:6px}.home-upcoming-appointments-scrollable::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--border-radius-sm)}.home-upcoming-appointments-scrollable::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--border-radius-sm)}.home-upcoming-appointments-scrollable::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}@media screen and (min-width:768px)and (max-width:991px){.home-upcoming-appointments-scrollable{padding:0 var(--spacing-lg);max-height:13em;min-height:14em}}@media screen and (max-width:767px){.home-upcoming-appointments-scrollable{padding:0 var(--spacing-md);max-height:15em;min-height:16em}}.home-upcoming-appointments-empty{display:flex;justify-content:center;align-items:center;height:12rem;background:var(--color-gray-100);border-radius:var(--border-radius-lg);width:100%;color:var(--color-gray-500)}@media screen and (max-width:767px){.home-upcoming-appointments-empty{height:10rem}}.home-upcoming-appointments-empty-content{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--spacing-md)}.home-upcoming-appointments-empty-icon{font-size:2em;color:var(--color-gray-400)}.home-upcoming-appointments-empty-title{font-size:var(--font-size-lg);letter-spacing:1px;color:var(--color-gray-600);margin:0}@media screen and (max-width:767px){.home-upcoming-appointments-empty-title{font-size:var(--font-size-base)}}.home-upcoming-appointment-card{background:var(--color-white);border-radius:var(--border-radius-lg);padding:var(--spacing-md);box-shadow:var(--shadow-md);transition:all var(--transition-fast);border:1px solid var(--color-gray-200);margin-bottom:var(--spacing-md)}.home-upcoming-appointment-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);border-color:var(--color-gray-300)}@media screen and (min-width:768px)and (max-width:991px){.home-upcoming-appointment-card{padding:var(--spacing-md)}}@media screen and (max-width:767px){.home-upcoming-appointment-card{padding:var(--spacing-md)}}.home-upcoming-appointment-card .home-upcoming-appointment-card-content{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:center}@media(min-width:1440px){.home-upcoming-appointment-card .home-upcoming-appointment-card-content{grid-template-columns:auto auto 1fr auto;gap:var(--spacing-lg)}}@media(min-width:1200px)and (max-width:1439px){.home-upcoming-appointment-card .home-upcoming-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-md)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-date-section{order:0}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section{order:1}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-actions-section{order:2}}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .home-upcoming-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-md)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-date-section{order:0}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-date-section .appointment-date-box{min-width:80px;width:80px;padding:var(--spacing-sm)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-xl)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section{order:1;min-width:0}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section .appointment-status-row{flex-wrap:wrap;gap:var(--spacing-sm)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section .appointment-status-row .appointment-status-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section .appointment-status-row .appointment-id-inline{font-size:var(--font-size-xs)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section .appointment-patient-row{gap:var(--spacing-sm)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section .appointment-patient-row .patient-photo-wrapper{width:36px;height:36px;min-width:36px}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo,.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback{width:36px;height:36px}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-lg)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-large{font-size:var(--font-size-xs)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-actions-section{order:2}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-actions-section .home-upcoming-appointment-join-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);white-space:nowrap}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-actions-section .home-upcoming-appointment-join-btn .join-icon{font-size:var(--font-size-sm)}}@media screen and (min-width:992px){.home-upcoming-appointment-card .home-upcoming-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-md)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-actions-section{order:2}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-date-section{order:0}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section{order:1}}@media screen and (min-width:768px)and (max-width:991px){.home-upcoming-appointment-card .home-upcoming-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-lg)}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-actions-section{order:2}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-date-section{order:0}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section{order:1}}@media screen and (max-width:767px){.home-upcoming-appointment-card .home-upcoming-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);align-items:start}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-actions-section{order:2;grid-column:1/-1;width:100%}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-date-section{order:0}.home-upcoming-appointment-card .home-upcoming-appointment-card-content .appointment-details-section{order:1}}.home-upcoming-appointment-card .appointment-date-section{display:flex;align-items:flex-start}.home-upcoming-appointment-card .appointment-date-section .appointment-date-box{background:var(--color-gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center;min-width:90px;width:90px}.home-upcoming-appointment-card .appointment-date-section .appointment-date-box .date-box-month{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.home-upcoming-appointment-card .appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1;margin-bottom:var(--spacing-xs)}.home-upcoming-appointment-card .appointment-date-section .appointment-date-box .date-box-year{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}@media screen and (max-width:767px){.home-upcoming-appointment-card .appointment-date-section .appointment-date-box{min-width:70px;width:70px;padding:var(--spacing-sm)}.home-upcoming-appointment-card .appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-xl)}}.home-upcoming-appointment-card .appointment-details-section{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1 1;min-width:0}@media screen and (min-width:768px)and (max-width:991px){.home-upcoming-appointment-card .appointment-details-section{gap:var(--spacing-xs);min-width:0;overflow:hidden}}@media screen and (max-width:767px){.home-upcoming-appointment-card .appointment-details-section{gap:var(--spacing-xs);min-width:0;overflow:hidden}}.home-upcoming-appointment-card .appointment-details-section .appointment-status-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-status-row{gap:var(--spacing-sm)}}.home-upcoming-appointment-card .appointment-details-section .appointment-status-row .appointment-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-light-green);color:var(--color-green);white-space:nowrap}.home-upcoming-appointment-card .appointment-details-section .appointment-status-row .appointment-status-badge .status-checkmark{font-size:var(--font-size-base)}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-status-row .appointment-status-badge{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.home-upcoming-appointment-card .appointment-details-section .appointment-status-row .appointment-status-badge .status-checkmark{font-size:var(--font-size-sm)}}.home-upcoming-appointment-card .appointment-details-section .appointment-status-row .appointment-id-inline{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-status-row .appointment-id-inline{font-size:var(--font-size-xs)}}.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row{display:flex;align-items:flex-start;gap:var(--spacing-md)}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row{gap:var(--spacing-sm)}}.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper{position:relative;width:40px;height:40px;min-width:40px;flex-shrink:0}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper{width:36px;height:36px;min-width:36px}}.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gray-200)}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo{width:36px;height:36px}}.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback{width:40px;height:40px;border-radius:50%;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-gray-300)}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback{width:36px;height:36px}}.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback .patient-fallback-icon{color:var(--color-gray-500);font-size:var(--font-size-base)}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback .patient-fallback-icon{font-size:var(--font-size-sm)}}.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1;min-width:0}.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.2;word-break:break-word}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-lg)}}@media screen and (max-width:767px){.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-lg)}}.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-large{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--spacing-xs)}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-large{font-size:var(--font-size-xs)}}.home-upcoming-appointment-card .appointment-actions-section{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}@media screen and (max-width:767px){.home-upcoming-appointment-card .appointment-actions-section{width:100%;justify-content:center}}.home-upcoming-appointment-card .home-upcoming-appointment-join-btn{display:flex;align-items:center;gap:var(--spacing-xs);border:none;color:var(--color-white);background:var(--color-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap}.home-upcoming-appointment-card .home-upcoming-appointment-join-btn .join-icon{font-size:var(--font-size-base);margin-right:var(--spacing-xs)}.home-upcoming-appointment-card .home-upcoming-appointment-join-btn.join-enabled{background:var(--color-primary)}.home-upcoming-appointment-card .home-upcoming-appointment-join-btn.join-enabled:hover:not(:disabled){background:var(--color-secondary);transform:translateY(-1px);box-shadow:var(--shadow-md)}.home-upcoming-appointment-card .home-upcoming-appointment-join-btn.join-enabled:active:not(:disabled){transform:translateY(0)}.home-upcoming-appointment-card .home-upcoming-appointment-join-btn.join-disabled{background:var(--color-gray-500);cursor:not-allowed;opacity:.7}.home-upcoming-appointment-card .home-upcoming-appointment-join-btn:disabled{cursor:not-allowed}@media(min-width:1024px)and (max-width:1199px){.home-upcoming-appointment-card .home-upcoming-appointment-join-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}.home-upcoming-appointment-card .home-upcoming-appointment-join-btn .join-icon{font-size:var(--font-size-sm);margin-right:var(--spacing-xs)}}@media(min-width:1200px)and (max-width:1439px){.home-upcoming-appointment-card .home-upcoming-appointment-join-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media(min-width:1440px){.home-upcoming-appointment-card .home-upcoming-appointment-join-btn{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-sm)}}@media screen and (min-width:768px)and (max-width:991px){.home-upcoming-appointment-card .home-upcoming-appointment-join-btn{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs)}}@media screen and (max-width:767px){.home-upcoming-appointment-card .home-upcoming-appointment-join-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md);justify-content:center}}.event-detail-modal .modal-content{border-radius:var(--border-radius-lg);border:none;box-shadow:var(--shadow-lg)}.event-detail-modal .modal-header{border-bottom:1px solid var(--color-gray-200);padding:var(--spacing-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}@media screen and (min-width:768px)and (max-width:991px){.event-detail-modal .modal-header{padding:var(--spacing-md)}}@media screen and (max-width:767px){.event-detail-modal .modal-header{padding:var(--spacing-md);flex-wrap:wrap}}.event-detail-modal .modal-title{color:var(--color-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0}@media screen and (max-width:767px){.event-detail-modal .modal-title{font-size:var(--font-size-lg)}}.event-detail-modal .modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}@media screen and (min-width:768px)and (max-width:991px){.event-detail-modal .modal-body{padding:var(--spacing-md);gap:var(--spacing-sm)}}@media screen and (max-width:767px){.event-detail-modal .modal-body{padding:var(--spacing-md);gap:var(--spacing-sm)}}.event-detail-modal .modal-footer{border-top:1px solid var(--color-gray-200);padding:var(--spacing-lg);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}@media screen and (min-width:768px)and (max-width:991px){.event-detail-modal .modal-footer{padding:var(--spacing-md)}}@media screen and (max-width:767px){.event-detail-modal .modal-footer{padding:var(--spacing-md);flex-direction:column-reverse}.event-detail-modal .modal-footer button{width:100%}}.event-detail-modal-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}@media screen and (max-width:767px){.event-detail-modal-header-actions{width:100%;justify-content:flex-end;margin-left:0;margin-top:var(--spacing-xs)}}.event-detail-modal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}@media screen and (max-width:767px){.event-detail-modal-form{gap:var(--spacing-sm)}}.event-detail-modal-form-field{width:100%}.event-detail-modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:none;white-space:nowrap}.event-detail-modal-btn:disabled{opacity:.6;cursor:not-allowed}@media screen and (max-width:767px){.event-detail-modal-btn{width:100%;padding:var(--spacing-sm) var(--spacing-md)}}.event-detail-modal-btn-edit{color:var(--color-primary);background:transparent;border:1px solid var(--color-primary)}.event-detail-modal-btn-edit:hover:not(:disabled){background:var(--color-primary);color:var(--color-white)}.event-detail-modal-btn-edit:active:not(:disabled){transform:translateY(1px)}.event-detail-modal-btn-delete{color:var(--color-white);background:var(--color-danger)}.event-detail-modal-btn-delete:hover:not(:disabled){background:var(--color-danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.event-detail-modal-btn-delete:active:not(:disabled){transform:translateY(0)}.event-detail-modal-btn-confirm{color:var(--color-white);background:var(--color-success)}.event-detail-modal-btn-confirm:hover:not(:disabled){background:var(--color-success-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.event-detail-modal-btn-confirm:active:not(:disabled){transform:translateY(0)}.event-detail-modal-btn-close{color:var(--color-white);background:var(--color-danger)}.event-detail-modal-btn-close:hover:not(:disabled){background:var(--color-danger-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.event-detail-modal-btn-close:active:not(:disabled){transform:translateY(0)}.booked-appointment-details-modal .modal-content{border-radius:var(--border-radius-lg);border:none;box-shadow:var(--shadow-lg);max-width:1200px;width:95%}@media screen and (min-width:768px)and (max-width:991px){.booked-appointment-details-modal .modal-content{max-width:95%}}@media screen and (max-width:767px){.booked-appointment-details-modal .modal-content{max-width:95%}}.booked-appointment-details-modal .modal-header{border-bottom:1px solid var(--color-gray-200);display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:var(--spacing-sm)}@media screen and (min-width:768px)and (max-width:991px){.booked-appointment-details-modal .modal-header{padding:var(--spacing-md)}}@media screen and (max-width:767px){.booked-appointment-details-modal .modal-header{padding:var(--spacing-md)}}.booked-appointment-details-modal .modal-body{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg);max-height:calc(100vh - 200px);overflow-y:auto}@media screen and (min-width:768px)and (max-width:991px){.booked-appointment-details-modal .modal-body{padding:var(--spacing-md);gap:var(--spacing-md);max-height:calc(100vh - 180px)}}@media screen and (max-width:767px){.booked-appointment-details-modal .modal-body{padding:var(--spacing-md);gap:var(--spacing-md);max-height:calc(100vh - 160px)}}.booked-appointment-details-modal .modal-body::-webkit-scrollbar{width:8px}.booked-appointment-details-modal .modal-body::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:4px}.booked-appointment-details-modal .modal-body::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:4px}.booked-appointment-details-modal .modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.booked-appointment-details-title{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);width:100%}@media screen and (max-width:767px){.booked-appointment-details-title{gap:var(--spacing-xs)}}.booked-appointment-details-title-text{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin:0;text-align:center}@media screen and (min-width:768px)and (max-width:991px){.booked-appointment-details-title-text{font-size:var(--font-size-lg)}}@media screen and (max-width:767px){.booked-appointment-details-title-text{font-size:var(--font-size-base)}}.booked-appointment-details-title-text._booked{color:var(--color-primary)}.booked-appointment-details-title-text._rescheduled{color:#f37721}.booked-appointment-details-title-text._cancelled{color:#b50000}.booked-appointment-details-title-date{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600);margin-top:var(--spacing-xs)}@media screen and (max-width:767px){.booked-appointment-details-title-date{font-size:var(--font-size-xs)}}.today-appointment-card-content{display:grid;grid-template-columns:auto auto 1fr auto;grid-gap:var(--spacing-md);gap:var(--spacing-md);align-items:center}@media screen and (min-width:768px)and (max-width:991px){.today-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-lg)}.today-appointment-card-content .appointment-actions-section{order:2;grid-column:1/-1;flex-direction:row;justify-content:space-around;align-items:center}.today-appointment-card-content .appointment-actions-section .action-links{flex-direction:row;gap:var(--spacing-xs)}.today-appointment-card-content .appointment-date-section{order:0}.today-appointment-card-content .appointment-details-section{order:1}.today-appointment-card-content .appointment-medical-section{order:3;grid-column:1/-1}}@media(min-width:992px)and (max-width:1140px){.today-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-lg)}.today-appointment-card-content .appointment-actions-section{order:2}.today-appointment-card-content .appointment-date-section{order:0}.today-appointment-card-content .appointment-details-section{order:1}.today-appointment-card-content .appointment-medical-section{order:3;grid-column:1/-1}}@media screen and (max-width:767px){.today-appointment-card-content{grid-template-columns:auto 1fr auto;gap:var(--spacing-sm);align-items:start}.today-appointment-card-content .appointment-actions-section{order:2;grid-column:1/-1;flex-direction:row;justify-content:space-around;align-items:center}.today-appointment-card-content .appointment-actions-section .action-links{flex-direction:row;gap:var(--spacing-xs)}.today-appointment-card-content .appointment-date-section{order:0;margin-left:1.5rem}.today-appointment-card-content .appointment-details-section{order:1}.today-appointment-card-content .appointment-medical-section{order:3;grid-column:1/-1}}.appointment-date-section{display:flex;align-items:flex-start}.appointment-date-section .appointment-date-box{background:var(--color-gray-100);border-radius:var(--border-radius-md);padding:var(--spacing-md);text-align:center;min-width:90px;width:90px}.appointment-date-section .appointment-date-box .date-box-month{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-gray-600);text-transform:uppercase;margin-bottom:var(--spacing-xs)}.appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1;margin-bottom:var(--spacing-xs)}.appointment-date-section .appointment-date-box .date-box-year{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}@media screen and (min-width:768px)and (max-width:991px){.appointment-date-section .appointment-date-box{min-width:80px;width:80px;padding:var(--spacing-sm)}.appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-xl)}}@media screen and (max-width:767px){.appointment-date-section .appointment-date-box{min-width:60px;width:60px;padding:var(--spacing-xs)}.appointment-date-section .appointment-date-box .date-box-month{font-size:9px}.appointment-date-section .appointment-date-box .date-box-day{font-size:var(--font-size-base)}.appointment-date-section .appointment-date-box .date-box-year{font-size:10px}}.appointment-details-section{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1 1;min-width:0}@media screen and (min-width:768px)and (max-width:991px){.appointment-details-section{gap:var(--spacing-xs);min-width:0;overflow:hidden}}@media screen and (max-width:767px){.appointment-details-section{gap:var(--spacing-xs);min-width:0;overflow:hidden}}.appointment-details-section .appointment-status-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.appointment-details-section .appointment-status-row .appointment-status-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:20px;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);background-color:var(--color-light-green);color:var(--color-green);white-space:nowrap}.appointment-details-section .appointment-status-row .appointment-status-badge .status-checkmark{font-size:var(--font-size-base)}.appointment-details-section .appointment-status-row .appointment-status-badge.status-expired{background-color:var(--color-gray-200);color:var(--color-gray-600)}.appointment-details-section .appointment-status-row .appointment-id-inline{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-600)}.appointment-details-section .appointment-patient-row{display:flex;align-items:flex-start;gap:var(--spacing-md)}.appointment-details-section .appointment-patient-row .patient-photo-wrapper{position:relative;width:40px;height:40px;min-width:40px;flex-shrink:0}.appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo{width:40px;height:40px;border-radius:50%;object-fit:cover;border:2px solid var(--color-gray-200)}.appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback{width:40px;height:40px;border-radius:50%;background:var(--color-gray-200);display:flex;align-items:center;justify-content:center;border:2px solid var(--color-gray-300)}.appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback .patient-fallback-icon{color:var(--color-gray-500);font-size:var(--font-size-base)}.appointment-details-section .appointment-patient-row .patient-info-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1 1;min-width:0}.appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);line-height:1.2;word-break:break-word}.appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-gray-600)}.appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row .patient-location-icon{font-size:var(--font-size-xs);color:var(--color-gray-500)}.appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row .patient-location-value{font-weight:var(--font-weight-medium)}@media screen and (min-width:768px)and (max-width:991px){.appointment-details-section .appointment-patient-row{gap:var(--spacing-sm)}.appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-lg)}.appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row{font-size:var(--font-size-xs)}}@media screen and (max-width:767px){.appointment-details-section .appointment-patient-row{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.appointment-details-section .appointment-patient-row .patient-photo-wrapper{width:32px;height:32px;min-width:32px}.appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo,.appointment-details-section .appointment-patient-row .patient-photo-wrapper .patient-photo-fallback{width:32px;height:32px}.appointment-details-section .appointment-patient-row .patient-info-wrapper{gap:2px}.appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-name-large{font-size:var(--font-size-sm);line-height:1.2}.appointment-details-section .appointment-patient-row .patient-info-wrapper .patient-location-row{font-size:10px;gap:2px}}.appointment-details-section .appointment-time-row{display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.appointment-details-section .appointment-time-row .view-records-link{display:flex;align-items:center;gap:var(--spacing-xs);background:none;border:none;color:var(--color-info);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;padding:0;transition:color var(--transition-fast)}.appointment-details-section .appointment-time-row .view-records-link .records-icon{font-size:var(--font-size-xs)}.appointment-details-section .appointment-time-row .view-records-link:hover{color:var(--color-info-hover);text-decoration:underline}@media screen and (max-width:767px){.appointment-details-section .appointment-time-row{display:none}.appointment-details-section .appointment-status-row{gap:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.appointment-details-section .appointment-status-row .appointment-status-badge{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs)}.appointment-details-section .appointment-status-row .appointment-id-inline{font-size:var(--font-size-xs)}}.appointment-medical-section{display:flex;flex-direction:column;min-width:220px}@media screen and (min-width:768px)and (max-width:991px){.appointment-medical-section{grid-column:1/-1;max-width:100%;min-width:100%}}@media(min-width:992px)and (max-width:1140px){.appointment-medical-section{grid-column:1/-1;max-width:100%;min-width:100%}}@media screen and (max-width:767px){.appointment-medical-section{width:100%;max-width:100%;grid-column:1/-1}}.appointment-medical-section .medical-details-card{background:var(--color-gray-50);border-radius:var(--border-radius-md);padding:var(--spacing-md);border:1px solid var(--color-gray-200);display:flex;flex-direction:column;gap:var(--spacing-sm)}.appointment-medical-section .medical-details-card .medical-detail-item,.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}@media screen and (min-width:1200px){.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-row.medical-detail-row-main{flex-direction:row;flex-wrap:wrap;gap:var(--spacing-md)}}@media screen and (min-width:768px)and (max-width:991px){.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-row.medical-detail-row-main{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-sm);gap:var(--spacing-sm)}}.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);flex-wrap:wrap}.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-icon{font-size:var(--font-size-xs);color:var(--color-green);flex-shrink:0}.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-icon.medical-icon-warning{color:var(--color-danger)}.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-label{font-weight:var(--font-weight-semibold);color:var(--color-gray-600);min-width:-moz-fit-content;min-width:fit-content}.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-value{color:var(--color-gray-800);font-weight:var(--font-weight-medium);word-break:break-word;flex:1 1;min-width:0}.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-value.medical-value-important{color:var(--color-danger);font-weight:var(--font-weight-semibold)}.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-value.medical-value-clamped{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-clamp:1;max-width:100%;cursor:pointer}@media screen and (min-width:768px)and (max-width:991px){.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info{font-size:var(--font-size-xs)}}@media screen and (max-width:767px){.appointment-medical-section .medical-details-card{padding:var(--spacing-sm)}.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info{font-size:10px;gap:4px}.appointment-medical-section .medical-details-card .medical-detail-item .medical-detail-info .medical-icon{font-size:10px}}.appointment-actions-section{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-end;min-width:200px}@media screen and (min-width:768px)and (max-width:991px){.appointment-actions-section{width:100%;align-items:stretch}}@media(min-width:992px)and (max-width:1140px){.appointment-actions-section{width:100%;align-items:stretch}}@media screen and (max-width:767px){.appointment-actions-section{min-width:auto;width:auto;align-items:flex-end;gap:var(--spacing-xs)}}.appointment-actions-section .countdown-wrapper{width:100%;display:flex;justify-content:center;margin-top:var(--spacing-sm)}@media screen and (max-width:767px){.appointment-actions-section .countdown-wrapper{margin-top:var(--spacing-xs)}}.join-meeting-btn{width:100%;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-lg);white-space:nowrap}@media screen and (min-width:768px)and (max-width:991px){.join-meeting-btn{width:auto;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media(min-width:992px)and (max-width:1140px){.join-meeting-btn{width:auto;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}}@media screen and (max-width:767px){.join-meeting-btn{width:auto;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);white-space:normal}}.join-meeting-btn.join-enabled{background:linear-gradient(135deg,var(--color-purple) 0,var(--color-primary) 100%);border:none;color:var(--color-white);box-shadow:0 4px 12px rgba(82,40,132,.3)}.join-meeting-btn.join-enabled:hover{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-purple) 100%);box-shadow:0 6px 16px rgba(82,40,132,.4);transform:translateY(-1px)}.join-meeting-btn.join-disabled{background:var(--color-gray-200);color:var(--color-gray-500);border-color:var(--color-gray-300);cursor:not-allowed}.join-meeting-btn.join-disabled:hover{background:var(--color-gray-200);transform:none}.action-links{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs)}@media screen and (min-width:768px)and (max-width:991px){.action-links{gap:var(--spacing-xs);padding-top:0}}@media(min-width:992px)and (max-width:1140px){.action-links{gap:var(--spacing-xs);padding-top:0}}@media screen and (max-width:767px){.action-links{flex-direction:column;gap:2px;padding-top:0;align-items:flex-end}}.action-links .action-link{background:none;border:none;color:var(--color-gray-600);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);transition:color var(--transition-fast)}@media screen and (max-width:767px){.action-links .action-link{font-size:var(--font-size-xs);padding:2px var(--spacing-xs);gap:2px}}.action-links .action-link .link-icon{font-size:var(--font-size-xs)}@media screen and (max-width:767px){.action-links .action-link .link-icon{font-size:10px}}.action-links .action-link:hover{color:var(--color-gray-800)}.action-links .action-link.cancel-link{color:var(--color-danger)}.action-links .action-link.cancel-link:hover{color:var(--color-danger-hover)}.action-links .action-link.reschedule-link:hover{color:var(--color-purple)}.action-links .action-link-separator{color:var(--color-gray-300);font-size:var(--font-size-sm)}@media screen and (max-width:767px){.action-links .action-link-separator{display:none}}.countdown-progress-bar-container{width:100%;position:relative;display:flex;flex-direction:column;gap:var(--spacing-xs)}.countdown-progress-bar-wrapper{width:100%;height:42px;background-color:var(--color-gray-600);border-radius:var(--border-radius-md);overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}@media screen and (min-width:768px)and (max-width:991px){.countdown-progress-bar-wrapper{height:38px}}@media screen and (max-width:767px){.countdown-progress-bar-wrapper{height:36px}}.countdown-progress-bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary) 0,var(--color-magenta) 100%);border-radius:var(--border-radius-md);transition:width .3s ease;position:relative;overflow:hidden}.countdown-progress-bar-fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2) 50%,transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.countdown-progress-bar-label{position:absolute;width:100%;text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;pointer-events:none;text-shadow:0 1px 2px rgba(0,0,0,.2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 var(--spacing-sm)}@media screen and (min-width:768px)and (max-width:991px){.countdown-progress-bar-label{font-size:var(--font-size-xs)}}@media screen and (max-width:767px){.countdown-progress-bar-label{font-size:var(--font-size-xs);padding:0 var(--spacing-xs)}}.countdown-progress-bar-inactive{width:100%;height:42px;padding:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;justify-content:center;background-color:#414146;color:var(--color-white);border-radius:var(--border-radius-md);text-align:center}@media screen and (min-width:768px)and (max-width:991px){.countdown-progress-bar-inactive{height:38px;font-size:var(--font-size-xs);padding:var(--spacing-xs)}}@media screen and (max-width:767px){.countdown-progress-bar-inactive{height:36px;font-size:var(--font-size-xs);padding:var(--spacing-xs)}}.countdown-progress-bar-container.compact .countdown-progress-bar-wrapper{height:32px}@media screen and (max-width:767px){.countdown-progress-bar-container.compact .countdown-progress-bar-wrapper{height:28px}}.countdown-progress-bar-container.compact .countdown-progress-bar-label{font-size:var(--font-size-xs)}.countdown-progress-bar-container.compact .countdown-progress-bar-inactive{height:32px;font-size:var(--font-size-xs)}@media screen and (max-width:767px){.countdown-progress-bar-container.compact .countdown-progress-bar-inactive{height:28px}}.countdown-progress-bar-container.large .countdown-progress-bar-wrapper{height:48px}@media screen and (min-width:768px)and (max-width:991px){.countdown-progress-bar-container.large .countdown-progress-bar-wrapper{height:44px}}@media screen and (max-width:767px){.countdown-progress-bar-container.large .countdown-progress-bar-wrapper{height:40px}}.countdown-progress-bar-container.large .countdown-progress-bar-label{font-size:var(--font-size-base)}.countdown-progress-bar-container.large .countdown-progress-bar-inactive{height:48px;font-size:var(--font-size-base)}@media screen and (min-width:768px)and (max-width:991px){.countdown-progress-bar-container.large .countdown-progress-bar-inactive{height:44px}}@media screen and (max-width:767px){.countdown-progress-bar-container.large .countdown-progress-bar-inactive{height:40px}}.countdown-progress-bar-container.success .countdown-progress-bar-fill{background:linear-gradient(90deg,var(--color-success) 0,#4caf50 100%)}.countdown-progress-bar-container.warning .countdown-progress-bar-fill{background:linear-gradient(90deg,#f37721,#ff9800)}.countdown-progress-bar-container.danger .countdown-progress-bar-fill{background:linear-gradient(90deg,#b50000,#d32f2f)}.consent-form-page{min-height:100vh;background:linear-gradient(135deg,rgba(92,158,49,.02),rgba(250,101,0,.02))}@media(max-width:768px){.consent-form-page{padding:var(--spacing-xl) var(--spacing-md)}}.consent-form-page .consent-form-container{max-width:900px;margin:0 auto;background:var(--color-white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-main);overflow:hidden}@media(max-width:768px){.consent-form-page .consent-form-container{border-radius:var(--border-radius-lg)}}.consent-form-page .consent-header{background:var(--color-primary);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0;padding:var(--spacing-lg) var(--spacing-xl);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}@media(max-width:768px){.consent-form-page .consent-header{padding:var(--spacing-md);flex-direction:column;text-align:center}}.consent-form-page .consent-header .consent-logo{width:100px;height:auto;object-fit:contain;flex-shrink:0}@media(max-width:768px){.consent-form-page .consent-header .consent-logo{width:80px;height:80px}}.consent-form-page .consent-header .consent-title{font-family:var(--font-family-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-white);margin:0;text-transform:uppercase;letter-spacing:.5px}@media(max-width:768px){.consent-form-page .consent-header .consent-title{font-size:var(--font-size-lg)}}.consent-form-page .consent-form-content{padding:var(--spacing-2xl) var(--spacing-xl)}@media(max-width:768px){.consent-form-page .consent-form-content{padding:var(--spacing-xl) var(--spacing-lg)}}@media(max-width:576px){.consent-form-page .consent-form-content{padding:var(--spacing-lg) var(--spacing-md)}}.consent-form-page .consent-form-content .form-section:last-child{margin-bottom:0}.consent-form-page .consent-form-content .form-label{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-sm);display:block}.consent-form-page .consent-form-content .form-field-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md)}@media(max-width:576px){.consent-form-page .consent-form-content .form-field-group{grid-template-columns:1fr}}.consent-form-page .consent-form-content .info-display{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-gray-900);padding:var(--spacing-sm) 0}.consent-form-page .policy-content-section .policy-intro{font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-gray-900);margin-bottom:var(--spacing-lg)}.consent-form-page .policy-content-section .policy-scroll-container{padding:var(--spacing-md);background:rgba(250,101,0,.05);border-radius:var(--border-radius-lg);border:1px solid rgba(250,101,0,.1);margin-bottom:var(--spacing-lg)}.consent-form-page .policy-content-section .policy-scroll-container::-webkit-scrollbar{width:8px}.consent-form-page .policy-content-section .policy-scroll-container::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--border-radius-sm)}.consent-form-page .policy-content-section .policy-scroll-container::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--border-radius-sm)}.consent-form-page .policy-content-section .policy-scroll-container::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}.consent-form-page .policy-content-section .consent-text-section{margin-bottom:var(--spacing-lg)}.consent-form-page .policy-content-section .consent-text-section:last-child{margin-bottom:0}.consent-form-page .policy-content-section .consent-text-section .section-title{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm)}.consent-form-page .policy-content-section .consent-text-section .section-content{font-family:var(--font-family-primary);font-size:var(--font-size-sm);line-height:1.6;color:var(--color-gray-900)}.consent-form-page .policy-content-section .consent-text-section .section-content ul{margin:0;padding-left:var(--spacing-lg)}.consent-form-page .policy-content-section .consent-text-section .section-content ul li{margin-bottom:var(--spacing-xs)}.consent-form-page .policy-content-section .consent-text-section .section-content p{margin:0}.consent-form-page .policy-content-section .doctors-consent-content{background:rgba(250,101,0,.05);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);margin-top:var(--spacing-md);border:1px solid rgba(250,101,0,.1)}@media(max-width:768px){.consent-form-page .policy-content-section .doctors-consent-content{padding:var(--spacing-md)}}.consent-form-page .policy-content-section .signature-section{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-gray-200)}.consent-form-page .policy-content-section .signature-section .signature-label{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm);display:block}.consent-form-page .policy-content-section .signature-section .signature-image{max-width:300px;max-height:150px;object-fit:contain;border-radius:var(--border-radius-md);border:1px solid var(--color-gray-300);padding:var(--spacing-xs);background:var(--color-white)}.consent-form-page .consent-actions{display:flex;justify-content:flex-end;align-items:center;padding:var(--spacing-xl) var(--spacing-xl);border-top:1px solid var(--color-gray-200);gap:var(--spacing-md)}@media(max-width:576px){.consent-form-page .consent-actions{flex-direction:column;padding:var(--spacing-lg) var(--spacing-md)}.consent-form-page .consent-actions .action-button{width:100%}}.consent-form-page .consent-actions .consent-form-submit{background-color:var(--color-secondary);color:var(--color-white);border:none;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--border-radius-md);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-medium)}.consent-form-page .consent-actions .consent-form-submit:hover:not(:disabled){background:transparent;border:1px solid var(--color-secondary);color:var(--color-secondary)}.consent-form-page .consent-actions .consent-form-submit:disabled{opacity:.5;cursor:not-allowed}.consent-pdf-container{width:100%;max-width:800px;margin:0 auto;background:var(--color-white);font-family:var(--font-family-primary);color:var(--color-gray-900);line-height:1.7}.consent-pdf-container .consent-pdf-wrapper{padding:0}.consent-pdf-container .consent-pdf-content{padding:var(--spacing-lg) 0}.consent-pdf-container .consent-pdf-content .pdf-section-group{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.consent-pdf-container .consent-pdf-content .form-section{display:block;overflow:visible;page-break-inside:avoid}.consent-pdf-container .consent-pdf-content .form-section:last-child{margin-bottom:0}.consent-pdf-container .consent-pdf-content .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary);margin-bottom:var(--spacing-xs);display:block}.consent-pdf-container .consent-pdf-content .form-field-group{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--spacing-md);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.consent-pdf-container .consent-pdf-content .info-display{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-900);padding:var(--spacing-xs) 0;display:block}.consent-pdf-container .policy-intro{font-size:var(--font-size-sm);line-height:1.8;color:var(--color-gray-900);margin-bottom:var(--spacing-lg);display:block;word-wrap:break-word;overflow-wrap:break-word;text-align:justify}.consent-pdf-container .policy-scroll-container{display:block;overflow:visible}.consent-pdf-container .consent-text-section{display:block;overflow:visible;padding-bottom:var(--spacing-sm)}.consent-pdf-container .consent-text-section:last-child{margin-bottom:0}.consent-pdf-container .consent-text-section .section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-sm);display:block;page-break-after:avoid;line-height:1.6}.consent-pdf-container .consent-text-section .section-content{font-size:var(--font-size-xs);line-height:1.8;color:var(--color-gray-900);display:block;word-wrap:break-word;overflow-wrap:break-word;text-align:justify}.consent-pdf-container .consent-text-section .section-content ul{margin:0;padding-left:var(--spacing-lg);display:block;list-style-position:outside}.consent-pdf-container .consent-text-section .section-content ul li{margin-bottom:0;display:list-item;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;padding-left:var(--spacing-xs)}.consent-pdf-container .consent-text-section .section-content p{margin:0;display:block;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2;text-align:justify}.consent-pdf-container .consent-text-section .section-content p:last-child{margin-bottom:0}.consent-pdf-container .doctors-consent-content{background:rgba(250,101,0,.05);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);border:1px solid rgba(250,101,0,.1);display:block;overflow:visible}.consent-pdf-container .doctors-consent-content .doctors-consent-text{font-size:var(--font-size-xs);line-height:1.8;color:var(--color-gray-900);display:block;word-wrap:break-word;overflow-wrap:break-word;text-align:justify}.consent-pdf-container .doctors-consent-content .doctors-consent-text p{margin-bottom:var(--spacing-xs);display:block;word-wrap:break-word;overflow-wrap:break-word;line-height:1.8;text-align:justify}.consent-pdf-container .doctors-consent-content .doctors-consent-text p:last-child{margin-bottom:0}.consent-pdf-container .doctors-consent-content .doctors-consent-text ol,.consent-pdf-container .doctors-consent-content .doctors-consent-text ul{margin-bottom:var(--spacing-xs);display:block;list-style-position:outside;padding-left:var(--spacing-lg)}.consent-pdf-container .doctors-consent-content .doctors-consent-text ol li,.consent-pdf-container .doctors-consent-content .doctors-consent-text ul li{margin-bottom:var(--spacing-xs);display:list-item;word-wrap:break-word;overflow-wrap:break-word;line-height:1.8;padding-left:var(--spacing-xs)}.consent-pdf-container .doctors-consent-content .doctors-consent-text *{word-wrap:break-word;overflow-wrap:break-word}.consent-pdf-container .signature-section{margin-top:var(--spacing-2xl);padding:var(--spacing-lg) 0 var(--spacing-xl) 0;border-top:2px solid var(--color-gray-400);display:flex;flex-direction:column;overflow:visible;min-height:200px;page-break-inside:avoid;break-inside:avoid}.consent-pdf-container .signature-section .signature-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-md);display:block}.consent-pdf-container .signature-section .signature-image{max-width:300px;max-height:150px;width:auto;height:auto;object-fit:contain;border-radius:var(--border-radius-sm);border:2px solid var(--color-gray-400);padding:var(--spacing-md);background:var(--color-white);display:inline-block;margin-top:var(--spacing-xs);page-break-inside:avoid;break-inside:avoid}.consent-pdf-container .consent-text-section,.consent-pdf-container .doctors-consent-content,.consent-pdf-container .policy-intro{word-break:normal;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.consent-pdf-container .pdf-section-group{display:block;overflow:visible}.consent-pdf-container div,.consent-pdf-container p,.consent-pdf-container span{word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.consent-pdf-container .consent-text-section+.consent-text-section{margin-top:0}.consent-pdf-container ol,.consent-pdf-container ul{list-style-position:outside;padding-left:var(--spacing-lg);margin:var(--spacing-xs) 0}.consent-pdf-container li{margin-bottom:var(--spacing-xs);line-height:1.7}.blog-feature-container{--blog-text:var(--color-gray-900);--blog-text-light:var(--color-gray-600);--blog-text-lighter:var(--color-gray-op,var(--color-gray-500));--blog-border:rgba(82,40,132,.12);--blog-border-strong:rgba(82,40,132,.24);--blog-surface:#f7f4fc;--blog-surface-alt:#f2ecfa;--blog-shadow-soft:0 16px 28px rgba(82,40,132,.14);--blog-shadow-hover:0 22px 40px rgba(82,40,132,.2);--blog-gradient-brand:linear-gradient(135deg,#6a36a3,#522884 55%,#43206a);--blog-gradient-pill:linear-gradient(135deg,#7e49bc,#64359d 50%,#522884);--blog-transition:220ms ease;--blog-primary-hover:#64359d;width:100%;max-width:100%;margin:0 auto;padding:var(--spacing-lg) var(--spacing-xl)}@media(max-width:768px){.blog-feature-container{padding:var(--spacing-md)}}.blog-feature-page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}@media(max-width:768px){.blog-feature-page-header{flex-direction:column;align-items:stretch}}.blog-feature-page-title{margin:0;font-size:var(--font-size-3xl);line-height:1.15;letter-spacing:-.3px;font-weight:var(--font-weight-bold);color:var(--color-primary)}@media(max-width:768px){.blog-feature-page-title{font-size:var(--font-size-2xl)}}.blog-feature-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);align-items:flex-end}@media(max-width:576px){.blog-feature-filters{flex-direction:column;gap:0;align-items:stretch}}.blog-feature-filters .form-select{min-width:170px;padding:10px 42px 10px 14px;font-size:var(--font-size-sm);color:var(--blog-text);border-radius:999px;border:1px solid var(--blog-border-strong);background-color:var(--color-white)}.blog-feature-filters .form-select:focus{border-color:rgba(82,40,132,.45);box-shadow:0 0 0 3px rgba(82,40,132,.12)}.blog-feature-filters .blog-feature-filter-select{flex:1 1 180px;min-width:0}@media(max-width:576px){.blog-feature-filters .blog-feature-filter-select{flex:1 1 100%;max-width:none}}.blog-feature-new-btn{white-space:nowrap}@media(max-width:576px){.blog-feature-new-btn{width:100%;text-align:center}}.blog-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:var(--spacing-lg);gap:var(--spacing-lg)}@media(max-width:768px){.blog-feature-grid{grid-template-columns:1fr;gap:var(--spacing-md)}}@media(min-width:769px)and (max-width:1100px){.blog-feature-grid{grid-template-columns:repeat(2,1fr)}}.blog-feature-article-card{position:relative;display:flex;flex-direction:column;height:100%;border-radius:var(--border-radius-xl);border:1px solid rgba(82,40,132,.1);background:var(--color-white);box-shadow:0 14px 28px rgba(82,40,132,.12);overflow:hidden;transition:transform var(--blog-transition),box-shadow var(--blog-transition)}.blog-feature-article-card:after{content:"";position:absolute;inset:0;border-radius:var(--border-radius-xl);border:1px solid hsla(0,0%,100%,.6);pointer-events:none}.blog-feature-article-card:hover{transform:translateY(-2px);box-shadow:0 18px 34px rgba(82,40,132,.16)}.blog-feature-article-card-image-link{display:block;line-height:0;text-decoration:none}.blog-feature-article-card-thumb{aspect-ratio:16/9;margin:0;border-radius:var(--border-radius-xl) var(--border-radius-xl) 0 0;overflow:hidden;position:relative;background:linear-gradient(135deg,rgba(82,40,132,.08),rgba(250,101,0,.1))}.blog-feature-article-card-thumb:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-24px;height:54px;background:var(--color-white);border-radius:0 0 48% 48%;pointer-events:none;z-index:2}.blog-feature-article-card-thumb .object-fit-cover,.blog-feature-article-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .28s ease}.blog-feature-article-card:hover .blog-feature-article-card-thumb .object-fit-cover,.blog-feature-article-card:hover .blog-feature-article-card-thumb img{transform:scale(1.04)}.blog-feature-card-no-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:rgba(82,40,132,.45)}.blog-feature-card-top-meta{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.blog-feature-card-category{max-width:70%;display:inline-flex;align-items:center;padding:5px 10px;border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.3px;color:var(--color-primary);background:rgba(82,40,132,.1);border:1px solid rgba(82,40,132,.16);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blog-feature-article-card-body{flex:1 1;display:flex;flex-direction:column;padding:var(--spacing-md) var(--spacing-lg) var(--spacing-lg)}.blog-feature-article-card-title{margin:0 0 10px;color:var(--blog-text);font-size:1.08rem;line-height:1.35;font-weight:var(--font-weight-bold);display:-webkit-box;-webkit-box-orient:vertical;line-clamp:2;-webkit-line-clamp:2;overflow:hidden}.blog-feature-article-card-title a{text-decoration:none;color:inherit}.blog-feature-article-card-title a:hover{color:var(--color-primary)}.blog-feature-article-card-excerpt{margin:0 0 var(--spacing-md);color:var(--blog-text-light);font-size:var(--font-size-sm);line-height:1.55;display:-webkit-box;-webkit-box-orient:vertical;line-clamp:3;-webkit-line-clamp:3;overflow:hidden;min-height:64px}.blog-feature-article-card-footer{margin-top:auto;border-top:1px solid rgba(82,40,132,.1);padding-top:var(--spacing-md)}.blog-feature-article-card-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:var(--font-size-sm);color:var(--blog-text-lighter)}.blog-feature-meta-item{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.blog-feature-card-link-action{margin-left:auto;color:#e0a700;font-size:.95rem;font-weight:var(--font-weight-semibold);text-decoration:underline;text-underline-offset:2px;background:transparent;border:none;padding:0;line-height:1;cursor:pointer}.blog-feature-card-link-action:hover{color:#bf8d00}.blog-feature-status-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:5px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.4px;font-weight:var(--font-weight-semibold);border:1px solid transparent;white-space:nowrap}.blog-feature-status-draft{background:hsla(208,7%,46%,.12);color:#58626d;border-color:hsla(208,7%,46%,.22)}.blog-feature-status-pending{background:rgba(82,40,132,.12);color:#522884;border-color:rgba(82,40,132,.24)}.blog-feature-status-published{background:rgba(40,167,69,.14);color:#1f7a36;border-color:rgba(40,167,69,.3)}.blog-feature-status-rejected{background:rgba(220,53,69,.12);color:#8f2430;border-color:rgba(220,53,69,.24)}.blog-feature-status-archived{background:hsla(208,7%,46%,.1);color:#5e6570;border-color:hsla(208,7%,46%,.22)}.blog-feature-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-bottom:var(--spacing-md)}@media(max-width:576px){.blog-feature-pagination{gap:var(--spacing-xs);padding:0 var(--spacing-sm) var(--spacing-md)}}.blog-feature-pagination button{min-width:38px;height:38px;border-radius:999px;border:1px solid var(--blog-border-strong);background:var(--color-white);color:var(--blog-text);font-size:13px;font-weight:var(--font-weight-medium);transition:all var(--blog-transition)}.blog-feature-pagination button:hover:not(:disabled){background:rgba(82,40,132,.08);border-color:rgba(82,40,132,.32);color:var(--color-primary)}.blog-feature-pagination button.active{background:var(--blog-gradient-brand);border-color:rgba(82,40,132,.55);color:var(--color-white)}.blog-feature-pagination button:disabled{opacity:.5;cursor:not-allowed}.blog-feature-empty{text-align:center;border-radius:var(--border-radius-2xl);border:1px solid rgba(82,40,132,.18);background:linear-gradient(180deg,#faf8fe,#f5f1fb);padding:56px var(--spacing-lg)}.blog-feature-empty-icon{font-size:2.5rem;line-height:1;margin-bottom:var(--spacing-md)}.blog-feature-empty-title{margin:0 0 var(--spacing-sm);color:var(--blog-text);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.blog-feature-empty-text{margin:0 0 var(--spacing-lg);color:var(--blog-text-light);font-size:var(--font-size-sm)}.blog-feature-skeleton{border-radius:var(--border-radius-sm);background:linear-gradient(90deg,#ede7f7 20%,#f8f5fc 50%,#ede7f7 80%);background-size:220% 100%;animation:blog-skeleton-shine 1.2s ease-in-out infinite}@keyframes blog-skeleton-shine{0%{background-position:200% 0}to{background-position:-200% 0}}.blog-feature-skeleton-card{border-radius:30px;border:2px solid #ece3f8;overflow:hidden;background:linear-gradient(160deg,#fcfbff,#f6f2fb)}.blog-feature-skeleton-card .blog-feature-article-card-thumb{margin:12px 12px 0}.blog-feature-hero{margin-bottom:30px}.blog-feature-rejection-note{margin-bottom:var(--spacing-lg);border:1px solid rgba(220,53,69,.28);background:rgba(220,53,69,.08);border-left:4px solid var(--color-danger);border-radius:var(--border-radius-lg);padding:var(--spacing-md)}.blog-feature-rejection-note-title{margin:0 0 var(--spacing-xs);color:#8f2430;font-size:.9rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.3px}.blog-feature-rejection-note-text{margin:0;color:#7a2230;font-size:.95rem;line-height:1.5}.blog-feature-hero-image-wrap{position:relative;width:100%;max-height:460px;border-radius:var(--border-radius-2xl);overflow:hidden;background:var(--blog-surface);border:1px solid var(--blog-border);margin-bottom:var(--spacing-lg)}.blog-feature-hero-image-wrap:after{content:"";position:absolute;inset:auto 0 0;height:40%;background:linear-gradient(0deg,rgba(20,12,35,.3),transparent)}.blog-feature-hero-image-wrap img{display:block;width:100%;max-height:460px;object-fit:cover}.blog-feature-hero-title{margin:0 0 10px;color:var(--blog-text);font-size:2.1rem;line-height:1.2;font-weight:var(--font-weight-bold)}@media(max-width:768px){.blog-feature-hero-title{font-size:1.625rem}}.blog-feature-hero-excerpt{margin:0 0 var(--spacing-md);max-width:860px;color:var(--blog-text-light);font-size:1.05rem;line-height:1.65}.blog-feature-hero-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center;padding:var(--spacing-md) 0;border-top:1px solid var(--blog-border);border-bottom:1px solid var(--blog-border);color:var(--blog-text-lighter);font-size:13px}.blog-feature-hero-meta span{display:inline-flex;align-items:center;gap:5px}@media(max-width:768px){.blog-feature-hero-meta span+span{border-left:none;padding-left:0}}.blog-feature-article-body{max-width:780px;margin:26px auto 0;color:var(--blog-text);line-height:1.8;min-width:0;width:100%;overflow-wrap:anywhere;word-wrap:break-word}@media(max-width:768px){.blog-feature-article-body{font-size:.95rem}}.blog-feature-article-body h1,.blog-feature-article-body h2,.blog-feature-article-body h3{color:var(--blog-text);margin-top:1.5em;margin-bottom:.45em}.blog-feature-article-body img{max-width:100%;border-radius:var(--border-radius-lg)}.blog-feature-article-body blockquote{margin:1.25em 0;border-left:4px solid var(--color-primary);background:rgba(82,40,132,.07);padding:var(--spacing-md);border-radius:0 var(--border-radius-lg) var(--border-radius-lg) 0}.blog-feature-article-body .article-body-table-scroll,.blog-feature-article-body .tableWrapper{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;margin:1.25em 0;-webkit-overflow-scrolling:touch;box-sizing:border-box}.blog-feature-article-body .article-body-table-scroll table,.blog-feature-article-body .tableWrapper table{border-collapse:collapse;width:max-content;min-width:100%;max-width:none;table-layout:auto;border:1px solid var(--blog-border);border-radius:var(--border-radius-lg);font-size:.95em}.blog-feature-article-body>table{width:100%;max-width:100%;table-layout:fixed;border-collapse:collapse;border:1px solid var(--blog-border);border-radius:var(--border-radius-lg);font-size:.95em}.blog-feature-article-body td,.blog-feature-article-body th{border:1px solid var(--blog-border);padding:.55em .7em;vertical-align:top;overflow-wrap:anywhere;word-break:break-word}.blog-feature-article-body thead th{background:rgba(82,40,132,.07);font-weight:600}.blog-feature-upload-zone{border:2px dashed var(--blog-border);border-radius:var(--border-radius-lg);background:var(--color-gray-100);padding:var(--spacing-lg);text-align:center;transition:var(--blog-transition);cursor:pointer;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center}.blog-feature-upload-zone.drag-over,.blog-feature-upload-zone:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.blog-feature-upload-zone-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--blog-text-light);margin:0 0 var(--spacing-xs)}.blog-feature-upload-zone-hint{font-size:var(--font-size-sm);color:var(--blog-text-lighter);margin:0}.blog-feature-upload-preview{position:relative;border-radius:var(--border-radius-md);overflow:hidden;max-height:280px;background:var(--color-gray-200)}.blog-feature-upload-preview img{width:100%;height:auto;max-height:280px;object-fit:cover;display:block}.blog-feature-upload-actions{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);display:flex;gap:var(--spacing-xs);z-index:3}.blog-feature-form-group{margin-bottom:var(--spacing-md)}.blog-feature-form-label{display:block;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-primary);margin-bottom:var(--spacing-xs)}.blog-feature-form-label-optional{font-weight:var(--font-weight-regular);color:var(--blog-text-light)}.blog-feature-form-group .blog-feature-form-label,.blog-feature-form-group .purple-text{font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-primary)}.blog-feature-form-switch-row .form-check{display:flex;align-items:center;gap:var(--spacing-sm);padding-left:0;margin-bottom:0}.blog-feature-form-switch-row .form-check-input{flex-shrink:0;margin:0}.blog-feature-form-switch-row .form-check-label{margin-bottom:0;cursor:pointer;font-size:14px;font-weight:var(--font-weight-medium);color:var(--color-primary)}.blog-feature-form-group .form-select,.blog-feature-form-input,.blog-feature-form-textarea{width:100%;padding:.6rem .75rem;font-size:var(--font-size-sm);border:1px solid var(--blog-border);border-radius:var(--border-radius-md);color:var(--blog-text);transition:var(--blog-transition);background-color:var(--color-white)}.blog-feature-form-group .form-select:focus,.blog-feature-form-input:focus,.blog-feature-form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light);outline:none}.blog-feature-form-group .form-select{cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding-right:2rem}.blog-feature-form-textarea{min-height:100px;resize:vertical}.blog-feature-form-error{font-size:var(--font-size-sm);color:var(--color-danger);margin-top:var(--spacing-xs)}.blog-feature-tags-wrap{display:flex;flex-direction:column;gap:var(--spacing-sm)}.blog-feature-tags-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.blog-feature-tag-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .5rem .35rem .75rem;background:var(--color-primary-light);color:var(--color-primary);border:1px solid var(--color-primary);border-radius:999px;font-size:13px;font-weight:var(--font-weight-medium)}.blog-feature-tag-chip-remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;padding:0;margin:0;border:none;border-radius:50%;background:var(--color-primary);color:var(--color-white);font-size:16px;line-height:1;cursor:pointer;transition:.2s ease}.blog-feature-tag-chip-remove:hover{background:var(--blog-primary-hover);transform:scale(1.08)}.blog-feature-tags-dropdown-row{flex:0 0 auto}.blog-feature-tags-select{max-width:280px}.blog-feature-tiptap-wrap{border:1px solid var(--blog-border);border-radius:var(--border-radius-md);overflow:visible;background:var(--color-white);transition:.2s ease;position:relative;max-height:72vh}.blog-feature-tiptap-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.tiptap-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:2px;padding:6px 10px;background:var(--color-gray-100);border-bottom:1px solid var(--blog-border);position:-webkit-sticky;position:sticky;top:0;z-index:12;box-shadow:0 2px 8px rgba(0,0,0,.08)}.tiptap-tb-btn{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 6px;border:1px solid transparent;border-radius:var(--border-radius-sm);background:transparent;color:var(--blog-text);font-size:13px;line-height:1;cursor:pointer;transition:.15s ease;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tiptap-tb-btn:hover:not(.is-disabled){background:var(--color-white);border-color:var(--blog-border);color:var(--color-primary)}.tiptap-tb-btn.is-active{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-primary)}.tiptap-tb-btn.is-disabled{opacity:.45;cursor:not-allowed}.tiptap-tb-divider{display:inline-block;width:1px;height:20px;background:var(--blog-border);margin:0 4px;flex-shrink:0}.tiptap-tb-select{height:28px;padding:0 6px;border:1px solid var(--blog-border);border-radius:var(--border-radius-sm);background:var(--color-white);color:var(--blog-text);font-size:13px;cursor:pointer;outline:none;transition:.15s ease}.tiptap-tb-select:focus{border-color:var(--color-primary)}.tiptap-editor{padding:var(--spacing-md);outline:none;line-height:1.75;font-size:15px;color:var(--blog-text);cursor:text;min-height:220px;max-height:calc(72vh - 44px);overflow-y:auto}.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--blog-text-lighter);float:left;height:0;pointer-events:none}.tiptap-editor h1{font-size:1.75rem;margin:1.2em 0 .4em;line-height:1.25}.tiptap-editor h1,.tiptap-editor h2{font-weight:700;color:var(--blog-text)}.tiptap-editor h2{font-size:1.4rem;margin:1.1em 0 .4em;line-height:1.3}.tiptap-editor h3{font-size:1.15rem;font-weight:600;color:var(--blog-text);margin:1em 0 .35em;line-height:1.35}.tiptap-editor p{margin:0 0 .75em}.tiptap-editor ol,.tiptap-editor ul{padding-left:1.6em;margin:0 0 .75em}.tiptap-editor li{margin-bottom:.25em}.tiptap-editor li>p{margin:0}.tiptap-editor blockquote{border-left:3px solid var(--color-primary);margin:1em 0;padding:.5em 1em;background:var(--color-gray-100);border-radius:0 var(--border-radius-md) var(--border-radius-md) 0;color:var(--blog-text-light);font-style:italic}.tiptap-editor img{max-width:100%;height:auto;border-radius:var(--border-radius-md);margin:.75em 0;display:block}.tiptap-editor a{color:var(--color-primary);text-decoration:underline;cursor:pointer}.tiptap-editor a:hover{color:var(--blog-primary-hover)}.tiptap-editor hr{border:none;border-top:1px solid var(--blog-border);margin:1.5em 0}.tiptap-editor code{background:var(--color-gray-200);border-radius:3px;padding:.15em .35em;font-size:.88em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.tiptap-editor pre{background:#1e1e1e;color:#f5f5f5;border-radius:var(--border-radius-md);padding:1em 1.25em;margin:.75em 0;overflow-x:auto;font-size:.9em}.tiptap-editor pre code{background:none;color:inherit;padding:0;font-size:inherit}.blog-feature-tiptap-wrap .tiptap-editor{min-width:0;max-width:100%;--default-cell-min-width:48px}.blog-feature-tiptap-wrap .tiptap-editor .tableWrapper{display:block;width:100%;max-width:100%;min-width:0;overflow-x:auto;margin:.75em 0;-webkit-overflow-scrolling:touch;box-sizing:border-box}.blog-feature-tiptap-wrap .tiptap-editor .tableWrapper table{border-collapse:collapse;table-layout:auto;width:max-content;min-width:100%;max-width:none;border:1px solid var(--blog-border);border-radius:var(--border-radius-md);overflow:hidden}.blog-feature-tiptap-wrap .tiptap-editor td,.blog-feature-tiptap-wrap .tiptap-editor th{vertical-align:top;box-sizing:border-box;position:relative;border:1px solid var(--blog-border);padding:.5em .65em;min-width:var(--default-cell-min-width);overflow-wrap:anywhere;word-break:break-word}.blog-feature-tiptap-wrap .tiptap-editor th{background:rgba(82,40,132,.08);font-weight:600}.blog-feature-tiptap-wrap .tiptap-editor .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;z-index:20;background-color:rgba(129,7,209,.35);pointer-events:none}.blog-feature-tiptap-wrap .tiptap-editor.ProseMirror.resize-cursor{cursor:col-resize}.blog-feature-tiptap-wrap .tiptap-editor .selectedCell:after{z-index:2;position:absolute;content:"";left:0;right:0;top:0;bottom:0;background:rgba(129,7,209,.12);pointer-events:none}.blog-feature-editor-wrap{border:1px solid var(--blog-border);border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-white)}.blog-feature-form-layout{display:grid;grid-gap:var(--spacing-xl);gap:var(--spacing-xl)}@media(min-width:992px){.blog-feature-form-layout{grid-template-columns:1fr 360px}}.blog-feature-form-main{min-width:0}@media(min-width:992px){.blog-feature-form-sidebar{position:-webkit-sticky;position:sticky;top:var(--spacing-xl);align-self:start}}.blog-feature-form-card{background:var(--color-white);border-radius:var(--border-radius-xl);border:1px solid var(--blog-border);padding:var(--spacing-lg);box-shadow:var(--shadow-sm)}.blog-feature-form-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--spacing-md);margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--blog-border)}.app-layout.wholepage-container{min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}.app-header{flex:0 0 auto}.app-body{flex:1 1 auto;display:flex;min-height:0;width:100%;padding-top:64px}.app-sidebar{display:none!important;flex:0 0 260px;width:260px;min-width:260px;position:-webkit-sticky;position:sticky;top:64px;align-self:flex-start;height:calc(100vh - 64px);overflow:hidden}@media(min-width:1200px){.app-sidebar{display:flex!important;position:fixed;left:0;top:64px;width:260px;height:calc(100vh - 64px);z-index:1019}}.app-sidebar-inner{display:flex;flex-direction:column;height:100%;width:100%}.app-main{flex:1 1 auto;display:flex;flex-direction:column;min-width:0;min-height:0;margin-left:0}@media(min-width:1200px){.app-main{margin-left:260px}.app-main--full{margin-left:0}}.app-content{flex:1 1 auto;padding:var(--spacing-sm);background:var(--color-white);margin:var(--spacing-sm);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.app-layout .app-footer{flex:0 0 auto;width:100%;margin-top:auto}.app-layout .app-footer .footer-container1{width:100%;box-sizing:border-box;padding-left:0}@media(min-width:1200px){.app-layout .app-footer .footer-container1{padding-left:260px!important}}.app-main--full{flex:1 1 auto;display:flex;flex-direction:column}.app-sidebar{background:var(--color-white);border-right:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.app-sidebar__nav{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-md);scrollbar-width:none;-ms-overflow-style:none}.app-sidebar__nav::-webkit-scrollbar{display:none}.app-sidebar__nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.app-sidebar__profile-item{margin-bottom:var(--spacing-md)}.app-sidebar__link{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.app-sidebar__link-icon{font-size:1rem;flex-shrink:0}.app-sidebar__link:hover{color:var(--color-white);background:var(--color-primary);border-color:var(--color-primary)}.app-sidebar__link--active{color:var(--color-white)!important;background:var(--color-primary)!important;border-color:var(--color-primary)!important}.app-sidebar__link--highlight{color:var(--color-primary)}.app-sidebar__link--highlight.app-sidebar__link--active{color:var(--color-white)!important;background:var(--color-primary)!important}.app-sidebar__logout{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);background:var(--color-danger);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast)}.app-sidebar__logout:focus,.app-sidebar__logout:hover{background:var(--color-danger-hover);color:var(--color-white);outline:none}.app-header{position:fixed;top:0;left:0;right:0;z-index:1020;min-height:64px;width:100%;background:var(--color-white);border-bottom:1px solid var(--color-gray-200);box-shadow:var(--shadow-sm)}.app-header__inner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);min-height:64px}@media(min-width:768px){.app-header__inner{padding:var(--spacing-sm) var(--spacing-lg)}}.app-header__left{flex:1 1 auto;min-width:0}.app-header__left,.app-header__right{display:flex;align-items:center;gap:var(--spacing-md)}.app-header__right{justify-content:flex-end;flex:0 0 auto}.app-header__hamburger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md);background:var(--color-white);color:var(--color-primary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.app-header__hamburger:hover{background:var(--color-gray-100);border-color:var(--color-gray-300)}.app-header__hamburger-icon{display:flex;align-items:center;justify-content:center;font-size:1.5rem}.app-header__logo{cursor:pointer;display:flex;align-items:center}.app-header__logo img{width:auto;height:44px;max-width:130px;object-fit:contain}@media(min-width:768px){.app-header__logo img{height:52px}}.app-header__desktop-right{align-items:center;gap:var(--spacing-md)}.app-header__member-code{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-white);background:var(--color-gray-800);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-sm);white-space:nowrap}.app-header__member-code-dot{color:var(--color-success);font-size:1rem;vertical-align:middle}.app-header__notify-wrap{position:relative}.app-header__notify-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--border-radius-md);background:transparent;color:var(--color-secondary);cursor:pointer;transition:color var(--transition-fast),transform var(--transition-fast)}.app-header__notify-btn:hover{color:var(--color-secondary-hover);transform:scale(1.05)}.app-header__notify-icon{font-size:1.5rem}.app-header__notify-badge{position:absolute;top:4px;right:4px;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-secondary);border-radius:var(--border-radius-full);display:flex;align-items:center;justify-content:center}.app-header__mobile-notify .app-header__notify-btn{width:40px;height:40px}.app-header__mobile-menu{position:fixed;top:0;left:0;width:280px;max-width:85vw;height:100vh;background:var(--color-white);box-shadow:var(--shadow-lg);z-index:1040;transform:translateX(-100%);transition:transform var(--transition-medium);overflow-y:auto}.app-header__mobile-menu.app-header__mobile-menu--open{transform:translateX(0)}.app-header__mobile-menu-inner{padding:var(--spacing-xl) var(--spacing-lg)}.app-header__mobile-member-code{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-gray-200)}.app-header__mobile-nav{list-style:none;padding:0;margin:0}.app-header__mobile-nav li{margin-bottom:var(--spacing-xs)}.app-header__mobile-link{display:block;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700);background:var(--color-gray-100);border-radius:var(--border-radius-md);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.app-header__mobile-link:hover{background:var(--color-gray-200);color:var(--color-gray-900)}.app-header__mobile-link--active{color:var(--color-white)!important;background:var(--color-primary)!important}.app-header__mobile-link--highlight{color:var(--color-primary)}.app-header__mobile-link--highlight.app-header__mobile-link--active{color:var(--color-white)!important;background:var(--color-primary)!important}.app-header__mobile-logout{width:100%;margin-top:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-white);background:var(--color-danger);border:none;border-radius:var(--border-radius-md);cursor:pointer;transition:background var(--transition-fast)}.app-header__mobile-logout:hover{background:var(--color-danger-hover)}.app-header__backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:1030;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-sidebar .profile-image-wrapper-main{position:relative;border-radius:var(--border-radius-md);width:80%;margin:0 auto var(--spacing-md);min-height:100px}.app-sidebar .profile-photo-edit-icon{position:absolute;top:0;z-index:1;right:10%;cursor:pointer}.app-sidebar .profile-image-wrapper{position:relative;width:120px;height:120px;margin:var(--spacing-md) auto;border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-gray-100);list-style:none}.app-sidebar .profile-image-wrapper label{display:block;width:100%;height:100%;cursor:pointer;margin:0}.app-sidebar .profile-image{width:100%;height:100%;object-fit:cover;pointer-events:none}.app-sidebar .edit-react-icon{z-index:1000}.app-sidebar .profile-icon{width:100%;height:100%;color:var(--color-primary);font-size:4rem}.profile-image-crop-modal .profile-edit-title,.profile-image-modal .profile-edit-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.profile-border,.profile-border1{box-shadow:var(--shadow-sm);border:2px dashed var(--color-primary);border-radius:var(--border-radius-md)}.profile-border{height:200px}.profile-border1{height:300px}#profileInput{position:absolute;opacity:0;pointer-events:none}#profileAttachLabelbox{position:relative;padding:var(--spacing-sm) var(--spacing-md);color:var(--color-gray-600);cursor:pointer;background:var(--color-white);box-shadow:var(--shadow-sm);border:1px solid var(--color-gray-200);border-radius:var(--border-radius-md)}#profileAttachLabelbox,.drag-text{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.drag-text{color:var(--color-gray-500)}