body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}iframe#webpack-dev-server-client-overlay{display:none!important}iframe{display:none}.goog-te-gadget-icon{display:none!important}.goog-te-gadget-simple{font-size:0!important}.goog-te-banner-frame.skiptranslate{display:none!important}body{top:0!important}:root{--primary-s:#ccfbf18d;--primary-samira:#3db4aa}body,html{overflow:hidden;scroll-behavior:smooth}.login-page{padding:10px}.login-container{-ms-overflow-style:none;align-items:center;background-color:#f0fdfa00;border-radius:24px;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:420px;overflow:hidden;padding:10px;scroll-behavior:smooth;scrollbar-width:none;width:100%;z-index:1}.login-card{height:auto;margin:1rem}.login-cardd:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.login-container::-webkit-scrollbar{display:none}.form-group{gap:.9rem}.form-group,.input-wrapper{display:flex;flex-direction:column}.input-wrapper{gap:7px}.form-input{padding:1rem 1rem 1rem 3rem;width:80%}.city-select:hover,.specialty-select:hover{cursor:pointer}.input-box{align-items:center;display:flex;justify-content:center}.specialty-select:hover{cursor:pointer}.error-message{font-size:13px;margin-top:5px;padding-top:0;position:relative;text-align:center;top:0}#pass{margin-bottom:0}@media (max-width:480px){.login-card{margin-left:auto;margin-right:auto;padding:1rem}.login-title{font-size:1.5rem}.form-input{padding:.875rem .875rem .875rem 2.5rem}}.password-requirements li,.password-requirements li:before,.password-requirements p{color:#0f172a}.password-requirements li.valid,.password-requirements li.valid:before{color:#10b981}.secondary-button{border:2px solid #0d9488;color:#0d9488}.login-containerr{-ms-overflow-style:none;background-color:#f0fdfa00;border-radius:24px;height:100%;overflow:auto;scroll-behavior:smooth;scrollbar-width:none}.login-cardd{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--card-shadow);height:auto;margin:1rem;padding:2.5rem;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:820px}.file-upload-wrapper{margin-top:1rem}.custom-file-upload{align-items:center;background-color:#f8f9fa;border:1px solid #ccc;display:flex;justify-content:space-between;padding:.6rem 1rem;transition:border .2s ease}.custom-file-upload:hover{border-color:#0d9488;border-color:var(--primary-color)}.upload-btn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;padding:6px 14px}.upload-btn,.upload-btn:hover{background-color:#0d9488;background-color:var(--primary-color)}.hidden-file-input{display:none}.fallback-photo{align-items:center;background-color:#0d9488;color:#fff;display:flex;justify-content:center;text-transform:uppercase;width:100%}.fallback-photo,.profile-picture{aspect-ratio:1/1;border-radius:50%}.profile-picture{width:50px}.zombabwe{margin-bottom:0}.profilepage{align-items:center;background-color:#f8f8f8;display:flex;justify-content:center;margin:0;min-height:100vh;padding-top:0}.doctor-profile-container{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;gap:20px;margin:20px;max-width:900px;overflow:hidden;padding:25px;position:relative;width:90%}.doctor-profile-header{border-bottom:2px solid rgba(93,93,93,.195);gap:20px;padding-bottom:20px}.doctor-profile-pic{border:4px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 12px #0000001a;height:130px;margin:0;object-fit:cover;padding:0;transition:transform .3s ease-in-out;width:130px}.doctor-profile-pic:hover{transform:scale(1.05)}.doctor-info{text-align:left}.doctor-namee{color:var(--text-color);font-size:20px;font-weight:700;margin:0}.doctor-specialtyy{color:var(--primary-color);font-size:16px;font-weight:500}.doctor-rating{align-items:center;display:flex;gap:5px}.rating-icon{color:gold}.review-count{color:var(--primary-dark);font-size:.85rem}.editprofile{align-self:flex-start;background:var(--primary-color);border:none;border-radius:10px;color:#fff;font-size:1rem;font-weight:600;margin-top:8px;padding:10px 20px;transition:background .3s ease-in-out}.editprofile:hover{background:var(--primary-dark);cursor:pointer}.doctor-profile-info{display:flex;flex-direction:column;gap:10px;padding-top:10px}.patient-stats{align-items:center;background:#e0f2f1;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:center;margin-left:auto;padding:12px 32px}.patient-stats-title{color:#00695c;font-size:1.5rem;font-weight:600;margin-bottom:6px}.patient-stats-number{color:#004d40;font-size:2rem;font-weight:700}.info-item{align-items:flex-start;background:#fff;box-shadow:0 2px #00000008;display:flex;font-size:.95rem;gap:12px;padding:14px 16px;transition:transform .2s ease}.info-item:hover{transform:translateY(-1px)}.info-text{color:#444;line-height:1.5}#boldness{color:var(--primary-color);font-weight:700}.info-label{color:var(--primary-dark);font-weight:600;margin-bottom:4px}.info-icon{color:var(--primary-color);flex-shrink:0;height:22px;width:22px}.edit-input{background:#f8f9fa;border:2px solid var(--primary-color);border-radius:6px;font-size:1rem;padding:8px;transition:all .3s ease-in-out;width:100%}.edit-input:focus{background:#fff;border:2px solid var(--secondary-color);outline:none}.dr-media{align-items:center;display:flex;justify-content:center;margin-top:20px}.dr-media img{border-radius:12px;box-shadow:0 3px 10px #0000001a;max-width:400px;width:90%}.profile-pic-wrapper{display:inline-block;position:relative}.camera-icon-dr{align-items:center;background:#0d9488;border:5px solid #fff;border-radius:50%;bottom:40px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:14px;position:absolute;right:0}@media (max-width:768px){.profilepage,.zombabwe{margin:0;padding:0}.profilepage{background-color:#fff}.doctor-profile-container{margin:0;padding:10px;width:100%}.doctor-profile-header{align-items:center;flex-direction:row;text-align:center}.doctor-name{font-size:1.5rem}.dr-media img{width:100%}}@media (min-width:769px){.profile-pic-personalinfo{display:flex;gap:15px}}.doctor-profile-header{grid-gap:1rem;align-items:center;background:#f5fdfa;border-radius:.75rem;display:grid;gap:1rem;grid-template-areas:"stats info" "pic   info";grid-template-columns:auto 1fr;grid-template-rows:auto auto;padding:1.5rem}.patient-stats{grid-area:stats}.profile-pic-wrapper{grid-area:pic}.doctor-info{grid-area:info}.patient-stats{background:#e0f4f1;border-radius:.5rem;padding:1rem;text-align:center}.stats-title{font-size:1.25rem;margin:0}.stats-number{font-size:2rem;font-weight:700;margin-top:.25rem}@media (max-width:768px){.doctor-profile-header{grid-template-areas:"stats" "pic" "info";grid-template-columns:1fr;grid-template-rows:auto}.patient-stats{margin-bottom:1rem}}.navbarr{background-color:#0d9488;color:#fff;justify-content:space-between;left:0;padding:1rem 2rem;position:relative;right:0;top:0;z-index:1000}.approved-btn,.navbarr{align-items:center;display:flex}.approved-btn{color:#0d9488;justify-content:flex-end}.check-iconn{color:#0d9488}.accept-btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.8}.nav-icon{color:#fff!important;margin-right:3px}.logo-link{color:#fff!important;font-size:1.4rem;font-weight:700!important}.navbar-linkss{display:flex;gap:1.5rem;list-style:none}.navbar-linkss li a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s}.navbar-linkss li a:hover{color:#f0fdfa}.navbar-menu{color:#fff;cursor:pointer;display:none;font-size:2rem}@media(max-width:1317px){.navbarr{flex-direction:row;justify-content:space-between;padding:1rem}.navbar-linkss{background:#0d9488;box-shadow:0 4px 6px #0000001a;display:none;flex-direction:column;max-height:0;opacity:0;overflow:hidden;padding:1rem;position:absolute;right:0;top:60px;transition:max-height .3s ease-in-out,opacity .3s ease-in-out;width:100%}.navbar-linkss.active{display:flex;max-height:300px;opacity:1}.navbar-linkss li{padding:.75rem 0;text-align:center}.navbar-menu{display:block}}.title{align-items:center;display:flex}.nav-link{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700;padding-bottom:3px;transition:color .2s ease}.nav-link:hover{color:#fff;transform:scale(1.1);transition:all .25s ease-in}.navbar-right{align-items:center;display:flex}.notification-icon-wrapper{align-items:center;right:20px;top:5px}.notification-icon:hover{color:#fff;transform:scale(1.1);transition:all .25s ease-in}.notification-icon{color:var(--text-color)}.notification-badge{top:-6px}.notification-icon-wrapper{cursor:pointer;display:flex;justify-content:center;margin-left:20px;position:relative}.notification-badge{background:red;font-size:10px;font-weight:700;padding:2px 6px;right:-6px;top:12px}.notification-dropdown{border-radius:8px;box-shadow:0 2px 10px #0000001a;min-width:220px;padding:.5rem 1rem}.noti-badge{background:red;border-radius:999px;font-size:.7rem;padding:2px 6px;position:absolute;right:-5px;top:-10px}.notification-dropdown h4{font-size:14px;margin:0 0 .5rem}.notification-dropdown ul{list-style:none;margin:0;padding:0}.notification-dropdown li{padding:.3rem 0}.title-icon{color:#fff;height:30px;margin-right:10px;position:relative;top:5px;width:30px}@media(max-width:1318px){.title-icon{height:40px;width:40px}.navbar-logo{align-items:flex-start;flex-direction:column;gap:0}.mobile-notifications{border-top:1px solid #00000012;height:100%;margin-top:1.5rem;padding-top:1rem}.mobile-notifications .noti-header{align-items:center;color:var(--text-color);display:flex;gap:8px;margin-bottom:.75rem}.mobile-notifications .notification-list{display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding-right:4px}.mobile-notifications .notification-card{align-items:flex-start;background:#f8f8f8;border-radius:8px;display:flex;gap:10px;padding:8px 10px}.mobile-notifications .noti-icon{color:var(--primary-color);margin-top:2px}.mobile-notifications .noti-content{color:var(--text-color);flex:1 1;font-size:.85rem}.mobile-notifications .noti-text{margin:0}.mobile-notifications .noti-date{font-size:.75rem;opacity:.7}.mobile-notifications .no-noti{color:var(--text-color);font-size:.85rem;opacity:.7}}@media(min-width:1318px){.nav-link{margin-right:20px}.navbar-logo{align-items:center;display:flex}.title{position:relative;top:13px}.navbar-header{align-items:center;display:flex;justify-content:space-between}}.navbar-header{align-items:center;background:var(--primary-color);box-shadow:0 1px 4px #00000014;display:flex;height:60px;top:0;width:100vw}.title{align-items:center!important;display:flex!important;font-size:1.2rem!important;font-weight:700!important;margin-left:10px!important}.subtitle{color:#fff;font-size:15px;margin:4px 0 10px;position:relative;top:4px}.navbar-links-desktop{bottom:10px;flex-wrap:wrap;gap:20px;margin-top:10px;position:relative}.nav-link{padding:6px 0}.nav-link:after{background-color:#fff;bottom:-3px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.nav-link.active-link:after{transform:scaleX(1)}.active-link{color:#fff}.active-link:after{background-color:#fff;border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;width:100%}.ringing{animation:ring 1s ease-in-out}.nav-item.active-link{color:var(--primary-color)}.header-title{align-items:center;display:flex;justify-content:center;margin-left:9px}@media(min-width:1318px){.mobile-bottom-nav{display:none}.header-title,.navbar-header{align-items:center;display:flex}.navbar-header{justify-content:space-between}}@media(max-width:1318px){.navbar-links-desktop{display:none}}.navbar-links-wrapper{display:flex;gap:1.5rem;position:relative}.underline{background-color:#fff;border-radius:1px;bottom:0;height:2px}.notification-dropdown,.underline{position:absolute;transition:all .3s ease}.notification-dropdown{animation:slideDown .2s ease forwards;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 4px 16px #0000001a;color:#111;min-width:260px;opacity:0;padding:1rem;pointer-events:none;right:0;top:40px;transform:translateY(-10px);z-index:999}.notification-dropdown.show{opacity:1;pointer-events:auto;transform:translateY(0)}.notification-dropdown li{align-items:flex-start;border-bottom:1px solid #eee;display:flex;font-size:14px;gap:.5rem;line-height:1.4;padding:.6rem 0}.notification-dropdown li:last-child{border-bottom:none}.notification-dropdown::-webkit-scrollbar{width:6px}.notification-dropdown::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.notification-list{display:flex;flex-direction:column;gap:.8rem;max-height:500px;overflow-y:auto;padding-right:4px}.notification-card{align-items:flex-start;background-color:#f9f9f9;border-radius:8px;display:flex;gap:.75rem;padding:.7rem;text-decoration:none;transition:background .2s ease}.notification-card:hover{background-color:#f0fdfa;cursor:pointer}.noti-icon{color:var(--primary-color);flex-shrink:0;margin-top:3px}.noti-content{flex:1 1}.noti-text{color:#111;font-size:.92rem;font-weight:500;margin:0}.noti-date{color:#666;font-size:.75rem;margin:2px 0 0}.navspan{color:#fff;font-size:1rem}.hamburger{cursor:pointer;display:none;margin-left:8px;z-index:1002}@media(max-width:1318px){.mobile-bottom-nav,.navbar-links-desktop{display:none!important}.hamburger{display:block;position:absolute;right:22px;top:22px}}.mobile-menu-drawer{background:#fff;box-shadow:-2px 0 16px #00000021;display:flex;flex-direction:column;height:100vh;padding:1.5rem 1.2rem 1rem;right:-300px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:250px;z-index:1001}.mobile-menu-drawer .mobile-menu-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.7rem}.mobile-menu-drawer .mobile-menu-header .close-btn{background:#fff!important;border:none;color:#555;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem;transition:color .2s}.mobile-menu-drawer .mobile-menu-header .menu-title{color:var(--primary-color);font-size:1.1rem;font-weight:700;margin-left:8px}.mobile-menu-drawer .mobile-menu-link{align-items:center;border-radius:8px;color:var(--text-color);display:flex;font-size:1.07rem;gap:13px;margin-bottom:2px;padding:.8rem 0;text-decoration:none;transition:background .2s}.mobile-menu-drawer .mobile-menu-link.active-link,.mobile-menu-drawer .mobile-menu-link:hover{background:var(--primary-light);color:var(--primary-color)}.mobile-menu-drawer.open{right:0}.unread-notification{background-color:#f0fdfa;border-left:5px solid #0d9488;box-shadow:0 0 4px #0000001f;font-weight:700;transform:scale(1.01);transition:all .2s ease-in-out}@media(max-width:1318px){.noti-badge{right:82%;top:36%}}.navbar-box{height:60px}.navbar-container{align-items:center;display:flex}.notification-item .accept-btn:hover,.notification-item .reject-btn:hover{opacity:.85}.notification-item .accept-btn,.notification-item .reject-btn{transition:opacity .2s ease}.accept-btn,.notification-item .accept-btn,.notification-item .reject-btn,.reject-btn{background-color:var(--primary-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;padding:.5rem 1rem}.accept-btn,.reject-btn{transition:opacity .2s}.accept-btn:hover,.reject-btn:hover{opacity:.8}.action-btnss{gap:20px}.action-btnss,.action-wrapper{display:flex;justify-content:flex-end}.action-wrapper{gap:10px;margin-top:9px;position:relative}.accept-btn,.approved-btn,.reject-btn{transition:opacity .3s ease}.approved-btn{opacity:1;pointer-events:none;position:absolute;right:0;top:-30px}.action-wrapper.approved .accept-btn,.action-wrapper.approved .reject-btn{opacity:0;pointer-events:none}.action-wrapper.approved .approved-btn{opacity:1;pointer-events:auto}.noti-badge{background:#d32f2f;border-radius:9px;color:#fff;display:inline-block;font-size:12px;line-height:18px;min-width:18px;opacity:0;padding:0 1px;text-align:center;transition:opacity .3s ease-in-out}.noti-badge.visible{opacity:1}.nav-link{border-radius:6px;color:#fff;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .25s ease}.nav-link:before{background:#ffffff1f;border-radius:6px;content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}.nav-link:hover:before{transform:scaleX(1);transform-origin:left}.nav-link:hover{color:#f0fdfa;transform:translateY(-1px)}.nav-link.active-link:before{background:#fff3;transform:scaleX(1);transform-origin:left}.navbar-header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#0d9488,#0aa89f 40%,#00b9ad);box-shadow:0 2px 10px #00000014;color:#fff;position:fixed;width:100%;z-index:1000}.cal-container{border-radius:25px;margin:0 auto;min-height:100%;padding-top:20px;width:90%}.cal-container,.samirab{background-color:#fff}.bgbbg{margin:0;padding:0}.bgbbg,.editbuttons button{background-color:var(--primary-color)}.editbuttons button{border:var(--primary-color);border-radius:12px;border-bottom-left-radius:0;border-bottom-right-radius:0;color:#fff;font-size:1rem;margin-bottom:0;padding:10px}.delete-btnn{background-color:#d32f2f!important;border:none;border-radius:50%!important;bottom:30px;box-shadow:0 4px 12px #0003;color:#fff;cursor:pointer;font-size:1.5rem!important;height:60px;left:50%;position:fixed;transition:background-color .3s;width:60px;z-index:1000}.floating-delete-btn:hover{background-color:#b71c1c}.fc{background-color:#fff;border-radius:20px;border-top-left-radius:0;box-shadow:0 4px 15px #0000001a;color:var(--text-color);padding:15px}.fc-toolbar{border-radius:15px;padding:10px}.fc-event{background-color:var(--accent-color)!important;border:none!important;border-radius:5px!important;color:#f8f8f8!important;padding:0}.fc-day-today{background:#fff3!important;border-radius:5px}.availability-settings{background:#fff;border-radius:20px;box-shadow:0 8px 24px #00000014;margin:0 auto 15px;padding:20px;text-align:left;transition:all .3s ease-in-out}.availability-settings h3{color:var(--primary-color);font-size:1.4rem;font-weight:600;margin-bottom:15px}.availability-settings label{color:var(--text-color);display:block;font-size:1rem;font-weight:500;margin-top:15px;text-align:left}.availability-settings input{background-color:#f2f2f200;border:1px solid grey;border-radius:8px;font-size:1rem;margin-top:5px;outline:none;padding:5px;transition:border .3s ease;width:auto}.availability-settings input:focus{border-color:var(--primary-color);box-shadow:0 0 5px #1c909a66}.off-days{display:flex;gap:8px;justify-content:center;padding:0}.off-days button{background:var(--primary-light);border:none;border-radius:6px;color:var(--text-color);cursor:pointer;font-size:.9rem;font-weight:500;padding:8px 12px;transition:all .3s ease-in-out}.off-days .selected-off-day{background:#e53835cc;color:#f8f8f8;font-weight:700}.availability-settings button{background:var(--primary-samira);border:none;border-radius:25px;box-shadow:#444;color:#f8f8f8;cursor:pointer;font-size:1rem;font-weight:600;padding:12px;transition:all .3s ease-in-out;width:100%}.availability-settings button:hover{transform:translateY(-2px)}.booked-slot{background-color:#e53935!important}.available-slot,.booked-slot{border:none!important;color:#fff!important}.available-slot{background-color:var(--accent-color)!important}.input-group{margin-bottom:20px}.input-helper{color:#777;font-size:.85rem;margin:5px 0 10px}.time-inputs{align-items:center;display:flex;gap:10px}.time-inputs input{padding:5px;width:auto}.to-text{color:#444;font-size:.95rem}.button-grouppp{align-items:center;display:flex;flex-direction:column;gap:10px;margin-top:25px}.primary-btn{background:var(--primary-color)!important;border:none!important;border-radius:15px!important;color:#f8f8f8!important;flex:1 1!important;font-weight:700!important;padding:12px!important}.secondary-btn.inactive{background-color:#ccc;color:#666;opacity:.8;pointer-events:none}.primary-btn,.secondary-btn{max-width:70%}.primary-btn:hover,.secondary-btn:hover{opacity:.9;transform:translateY(-1px);transition:all .2s ease-in-out}.warning-text{color:var(--error-color);font-size:.9rem;font-weight:500;margin-bottom:8px}.fc-event-content{align-items:center;display:flex;justify-content:space-between;padding:0 5px}.delete-x{align-items:center;color:#fff;font-weight:700;margin-left:8px}.delete-x,.selectable-slot{cursor:pointer}.selectable-slot input[type=checkbox]{pointer-events:none}.event-tooltip{align-items:center;background:#fff;border-radius:8px;bottom:100%;box-shadow:0 6px 16px #0003;color:#000;display:flex;font-size:16px;gap:12px;justify-content:center;left:50%;line-height:1.4;opacity:0;padding:16px 20px;position:absolute;transform:translateX(-50%);transition:opacity .2s ease-in-out,visibility .2s ease-in-out;visibility:hidden;white-space:nowrap;z-index:999}.event-tooltip.show{opacity:1;visibility:visible}.fallback-avatar,.tooltip-avatar{align-items:center;aspect-ratio:1/1;background-color:var(--primary-color);border-radius:50%;color:#fff;display:flex;justify-content:center;object-fit:cover;width:50px}@media (max-width:768px){.bgbbg,.samirab{margin:0;padding:0;width:100%}.cal-container{background-color:#fff;margin:0;padding:0;width:100vw}.availability-settings{margin:0;padding:15px}.fc{width:100%}.fc .fc-toolbar{align-items:flex-start;flex-direction:column}.fc .fc-timegrid-slot-label{font-size:10px}.fc .fc-event{font-size:11px;padding:2px}.off-days{flex-wrap:wrap;gap:10px;justify-content:center}.off-days button{flex:1 1 30%;min-width:100px;text-align:center}}.zombabwe{background-color:var(--primary-color)}.dash-container{background:#fff;margin:0;min-height:100vh;padding-bottom:10px;padding-top:20px}.doctor-dashboard{background:#f8f8f800;border-radius:12px;display:flex;flex-direction:column;gap:20px;margin:auto auto 10px;max-width:900px;padding:0 20px 20px}.appointments-section,.notifications-section{background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;padding:20px;transition:all .3s ease-in-out}.appointments-section h2,.next-appointment h2,.notifications-section h2{color:var(--primary-color);font-size:1.4rem;font-weight:600;margin-bottom:15px}.next-appointment h2{color:#f8f8f8;font-weight:700}.next-appointment{background:var(--primary-color);border-radius:15px;color:#f8f8f8;margin:0 auto 20px;max-width:1000px;padding:20px;transition:all .3s ease-in-out}.appointment-info{align-items:center;display:flex;gap:15px}.appointment-info:hover{cursor:pointer}.appointment-info img{border-radius:50%;object-fit:cover}.appointment-info img,.pp-imgg{border:3px solid #f8f8f8;height:80px;width:80px}.pp-imgg{background-color:var(--primary-light)!important;color:#333;font-size:1.4rem}.appointment-e,.appointment-timee{color:#f8f8f8;font-size:1rem}.patient-namee{color:var(--primary-color);color:#f8f8f8;font-size:1.2rem!important;font-weight:700}.appointments-list{display:flex;flex-direction:column;gap:10px}.appointment-cardd{align-items:center;background:#f5f5f5;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:10px;padding:12px;transition:background .3s ease-in-out}.appointment-cardd:hover{background:#e0e0e0;cursor:pointer;transition:background .3s ease-in-out}.appointment-cardd img{border-radius:50%;height:50px;margin-right:12px;object-fit:cover;width:50px}.appointment-name{color:#333;font-size:1rem;font-weight:600}.appointment-time{color:#666;font-size:.9rem}.notifications-list{display:flex;flex-direction:column;gap:10px}.notification-item{align-items:center;background:#f8f8f8;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:10px;padding:12px;transition:background .3s ease-in-out}.notification-item:hover{background:#f5f5f5;cursor:pointer}.notification-item img{border-radius:50%;height:45px;margin-right:12px;object-fit:cover;width:45px}.notification-details{display:flex;flex:1 1;flex-direction:column}.notification-date{color:#666;font-size:.9rem}.notification-booked-time{color:#888;flex-shrink:0;font-size:.9rem;text-align:right}.notification-time{color:var(--text-color);font-size:.85rem}.patient-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0009;display:flex;height:100%;justify-content:center;left:0;overflow-y:auto;padding-bottom:20px;padding-top:20px;position:fixed;top:0;width:100%;z-index:1000}@keyframes ring{0%{transform:rotate(0deg)}10%{transform:rotate(15deg)}20%{transform:rotate(-15deg)}30%{transform:rotate(10deg)}40%{transform:rotate(-10deg)}50%{transform:rotate(5deg)}60%{transform:rotate(-5deg)}70%,to{transform:rotate(0deg)}}.clock-ring.ring{animation:ring 1.5s ease-in-out infinite;color:#fff}.patient-modal{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:12px;box-shadow:0 8px 24px #0003;max-height:80%;max-width:650px;overflow-y:scroll;padding:20px;position:relative;text-align:center;width:90%}.close-modal{background:none;border:none;color:#888;cursor:pointer;font-size:22px;position:absolute;right:15px;top:12px;transition:color .3s}.close-modal:hover{color:#000}.patient-modal-img{align-self:center;border:3px solid var(--primary-light);border-radius:50%;font-size:1.4rem;height:100px;justify-self:center;margin-bottom:15px;object-fit:cover;width:100px}.patient-modal h2{color:#333;font-size:22px;margin-bottom:8px}.patient-modal p{color:#555;font-size:14px;margin:5px 0}.patient-modal strong{color:#222}.prescription-section h3{color:#333;font-size:18px;margin-bottom:10px}.prescription-section{align-items:center;background:#f9f9f9;border-radius:10px;box-shadow:inset 0 2px 6px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;padding:15px;width:100%}.prescription-textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:14px;height:120px;max-width:100%;outline:none;padding:10px;resize:none;transition:border .3s;width:100%}.prescription-textarea:focus{border-color:var(--primary-light)}.submit-prescription{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;transition:background .3s;width:100%}.submit-prescription:hover{background:var(--primary-dark)}.patinfo{align-items:center;background:#f5f5f5;border-radius:10px;box-shadow:0 3px 6px #0000000d;display:flex;gap:10px;margin-bottom:15px;padding:12px;transition:transform .2s ease}.patinfo:hover{transform:translateY(-2px)}.medication-input-group{background:#fff;border:1px solid #e0e0e0;border-radius:10px;box-shadow:0 2px 6px #0000000d;display:flex;flex-direction:column;gap:8px;margin-bottom:12px;margin-left:5px;margin-right:5px;padding:15px;transition:box-shadow .2s ease-in-out;width:100%}.medication-input-group:hover{box-shadow:0 4px 10px #00000014}.medication-input-group input{border:1px solid #ccc;border-radius:6px;font-size:14px;outline:none;padding:10px;transition:border-color .2s ease}.medication-input-group input:focus{border-color:var(--primary-color)}.add-medication-button{align-self:flex-start;background:var(--primary-light);border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color);cursor:pointer;font-size:14px;font-weight:500;margin-bottom:15px;padding:8px 14px;transition:background .3s ease,color .3s ease}.add-medication-button:hover{background:var(--primary-color);color:#fff}.pp-img{height:50px;width:50px}.prescription-warning{color:#888;font-style:italic;margin-top:10px;text-align:center}@media (max-width:768px){.dash-container{border-top-left-radius:0;border-top-right-radius:0}.doctor-dashboard{padding:15px}.appointments-list,.notifications-list{flex-direction:column}.dash-container{height:100vh;overflow:hidden!important;padding:0}.doctor-dashboard{max-height:85%;overflow:auto;padding-bottom:80px}.next-appointment{border-bottom-left-radius:25px;border-bottom-right-radius:25px;border-top-left-radius:0;border-top-right-radius:0;margin:0 0 10px;position:relative;top:0}.patient-modal{padding:15px;width:80%}.patient-modal-img{height:80px;width:80px}.prescription-textarea{height:100px}}.patient-modal.upcoming{overflow-y:hidden;width:80%}.check-patient-btn{background-color:var(--primary-color)!important}.no-bookings{text-align:center}.no-bookings,.no-data{background-color:#f5f5f5;border:1px dashed #ccc;border-radius:8px;color:#666;font-style:italic;margin:16px 0;padding:16px}.appointment-cardd,.notification-item{position:relative}.new-flag{align-items:center;background:#14b8a61a;border-radius:12px;color:var(--accent-color);display:inline-flex;font-size:.875rem;font-weight:600;gap:4px;padding:4px 8px;pointer-events:none;position:absolute;right:8px;right:16px;top:8px;top:50%;transform:translateY(-50%);white-space:nowrap}@media (max-width:768px){.next-appointment{border-bottom-left-radius:25px;border-bottom-right-radius:25px;border-top-left-radius:25px;border-top-right-radius:25px;margin:30px 10px 10px;position:relative;top:0}}.container{background-color:#fff;border:1px solid #f0f0f0;border-radius:25px;box-shadow:0 8px 24px #00000014;left:5%;margin:20px auto auto;padding:1rem;position:relative;position:absolute;transition:box-shadow .2s ease-in-out;width:90%}.search-wrapper{align-items:center;display:flex;position:relative}.review-button{background-color:var(--primary-color)!important;color:#fff!important;position:fixed;right:0;top:0}.search-icon{color:#666;left:20px;pointer-events:none;position:absolute;top:10px}.filter-dropdown{background:#fff;border:2px solid #0d9488;border-radius:25px;color:#0d9488;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:10px;margin-right:7px;margin-top:10px;padding:20px 23px;position:relative;transition:.3s ease-in-out}.filter{bottom:10px;position:relative}.patient-list-title{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.scrollArea.emptyArea{align-items:center;display:flex;justify-content:center;max-height:100%;overflow-y:auto;padding:10px}.card{align-items:center;border-radius:1rem;box-shadow:0 4px 12px #00000012;justify-content:space-between;margin-bottom:1rem;padding:1.25rem;transition:transform .2s ease}.card:hover{transform:translateY(-.5px)}.avatar{background-color:#f0f0f0;box-shadow:0 2px 6px #00000014}.avatar img{height:100%;object-fit:cover;width:100%}.label{color:#0d9488!important}.customSelect{padding:0}.custom-review-btn{align-items:center;background-color:#fff;border:1px solid #0f766e;border-radius:9999px;color:#0f766e;cursor:pointer;display:flex;font-size:1rem;justify-content:center;justify-self:flex-end;padding:15px;text-align:center;transition:background-color .2s ease,color .2s ease}.custom-review-btn:hover{background-color:#0f766e;color:#fff}.container-header{display:flex;justify-content:space-between}.name{font-size:1.1rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.condition{color:#4a5568}.detailsRow{color:#2d3748;width:100%}.detailsRow .center{flex:1 1;text-align:center}.detailsRow .right{text-align:left}.dot-loading{align-items:center;display:flex;justify-content:center;padding:20px}.dot{animation:bounce .6s ease-in-out infinite;background-color:var(--primary-color);border-radius:50%;height:10px;margin:0 5px;width:10px}.dot:nth-child(2){animation-delay:.2s}.dot:nth-child(3){animation-delay:.4s}@keyframes bounce{0%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}}.scrollArea.cardArea{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));max-height:100%;overflow-y:auto;padding-top:20px}.card{background-color:#fff;border:1px solid #eee;border-radius:1.25rem;box-shadow:0 4px 12px #0000000f;display:flex;flex-direction:column;padding:1.5rem;transition:transform .2s ease,box-shadow .2s ease}.card:hover{box-shadow:0 8px 18px #00000014;transform:translateY(-4px)}.avatarInfo{gap:1rem;margin-bottom:.75rem}.avatar,.avatarInfo{align-items:center;display:flex}.avatar{background-color:#f5f5f5;border-radius:50%;box-shadow:0 2px 6px #0000000d;height:3.5rem;justify-content:center;overflow:hidden;width:3.5rem}.name{color:#2d3748;font-size:1.15rem;font-weight:600;margin-bottom:.25rem}.condition{color:#718096;font-size:1rem}.detailsRow{color:#4a5568;display:flex;font-size:.9rem;gap:.5rem;justify-content:space-between;margin-top:.5rem}.detailsRow .center,.detailsRow .right{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:413px){.filters-row{align-items:center;display:flex;flex-direction:column;justify-content:center}}.patient-condition .highlight{color:var(--primary-color);font-weight:600}.patient-condition .more{color:#777;font-weight:400;margin-left:4px}.disease-chip{font-weight:600}.more-chip{border-color:#0003;color:#0009}input:focus{box-shadow:none!important;outline:none!important}.search-input-wrapper{align-items:center;background-color:#fff;border:1px solid #ccc;border-radius:8px;display:flex;max-width:400px;padding:6px 12px;width:100%}.search-icon{color:#888;margin-right:8px}.filters-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start;margin-bottom:1rem}.click-prop{font-style:italic;margin-top:10px}.conditionFilter{align-self:baseline!important;border:1px solid #ccc!important;border-radius:.75rem;box-shadow:0 4px 12px #00000026;font-size:1rem;padding:0!important}@media (max-width:480px){.filters-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:1rem}.title{font-size:1.4rem}.searchBar{font-size:.9rem;padding:.9rem 1rem}.conditionFilter,.customSelect{font-size:1rem;padding:10px;width:100%}.large-avatar{height:70px;width:70px}.patient-name{font-size:1rem}.patient-condition{font-size:.85rem}.visit-info{font-size:.75rem}.containerrr{align-items:flex-start;display:flex;flex-direction:column;height:100%;margin:0}.card{margin:0;padding:1.2rem;position:relative}.scrollArea{overflow-x:visible;width:100%}}.shimmer{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#eee 8%,#ddd 18%,#eee 33%);background-size:1000px 100%}.shimmer-container{padding:2rem}.skeleton-header{height:30px;margin-bottom:20px;width:60%}.skeleton-filters,.skeleton-header{background-color:#ddd;border-radius:10px}.skeleton-filters{height:50px;margin-bottom:30px;width:100%}.skeleton-card{background-color:#f4f4f4;border-radius:12px;box-shadow:0 1px 3px #0000000d;margin-bottom:1rem;padding:1rem}.skeleton-avatar{background:#ccc;border-radius:50%;height:45px;margin-right:12px;width:45px}.skeleton-text{background:#ccc;border-radius:6px;margin:5px 0}.patient-card-vertical{align-items:center;background-color:#fff;border-radius:16px;box-shadow:0 4px 10px #0000000f;display:flex;flex-direction:column;margin-bottom:1.5rem;text-align:center;transition:all .2s ease}.patient-card-vertical:hover{box-shadow:0 6px 14px #0000001f}.top-avatar{margin-bottom:1rem}.large-avatar{border:2px solid #ddd;border-radius:50%;height:90px;object-fit:cover;width:90px}.patient-info-center{align-items:center;display:flex;flex-direction:column;gap:.4rem}.patient-name{color:#333;font-size:1.1rem}.patient-condition{color:#666;font-size:.95rem}.visit-info{align-items:center;color:#444;display:flex;flex-direction:column;gap:.3rem;margin-top:.5rem}.total_appts,.visit-info{font-size:.85rem}.total-appointments{align-items:center;color:#555;display:flex;font-size:.85rem;margin-top:.3rem}.more-info{color:var(--primary-color);font-size:.85rem;font-weight:500;margin-top:1rem;transition:opacity .2s}.patient-card-vertical:hover .more-info{opacity:.8}@media (min-width:1400px){.filters-row{display:flex;justify-content:space-between}.conditionFilter{width:20%!important}}@media (min-width:410px) and (max-width:1400px){.filters-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);width:100%}.conditionFilter,.last-visit-filter,.searchdiv{width:100%}.custom-review-btn{grid-column:span 2;justify-content:center;width:100%}}.no-data{color:#555;font-size:22rem;font-weight:500;margin:0 auto;opacity:.8;width:100%}.patient-card-vertical{background:#fff;border:1px solid #0000001f;border-radius:18px;box-shadow:0 2px 6px #00000014;cursor:pointer;padding:.5rem;transition:transform .2s ease,box-shadow .2s ease}.patient-card-vertical:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-4px)}.skeleton-card{background:#fff;border:1px solid #0000001f;border-radius:18px;box-shadow:0 2px 6px #00000014;padding:20px 16px}.patient-header-enhanced{margin-bottom:20px;padding-top:20px}.patient-list-title{align-items:center;color:#0f766e;display:flex;font-size:2rem;font-weight:700}@media (max-width:450px){.filters-row{align-items:center;display:flex;flex-direction:column;left:10px;position:relative}.custom-review-btn{width:100%}}.popup-overlay{align-items:center;background:#0006;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-card{-ms-overflow-style:none;animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000026;height:fit-content;max-height:80vh;overflow-x:hidden;overflow-y:auto;padding:2rem;position:relative;scrollbar-width:none;width:600px!important}.popup-card::-webkit-scrollbar{display:none}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.tab-title{margin-bottom:0}.close-btn{background:#fff!important;color:#555;transition:color .2s}.close-btn,.close-button{border:none;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.close-button{background-color:initial}.close-btn:hover{color:#000}.profile-image-wrapper{align-items:center;aspect-ratio:1/1;border:2px solid var(--primary-color);border-radius:50%;display:flex;justify-content:center;margin:0 auto 1rem;overflow:hidden;width:100px}.profile-image-wrapper img{height:100%;object-fit:cover;width:100%}.card-large-avatar{aspect-ratio:1/1;width:100%}.patient-name{color:#222;font-size:1.5rem;font-weight:600;margin-bottom:1rem;text-align:center}.field{margin:0}.info-list p{display:flex;font-weight:500;gap:20px;margin-bottom:.6rem}.labell{color:var(--primary-color);font-weight:700;margin-right:4px}.more-info-btn,.session-btn{background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:12px;padding:10px 16px;transition:background .3s;width:100%}.more-info-btn:hover,.session-btn:hover{background:var(--primary-dark)}.card-tabs-container{display:flex;gap:10px;justify-content:center;margin-bottom:3rem}.tab-button{background:#fff;border:1px solid var(--primary-color);border-radius:6px;color:var(--primary-color);padding:6px 12px;transition:all .2s ease}.tab-button.active,.tab-button:hover{background:var(--primary-color);color:#fff}.medical-records-section{border-top:1px solid #ddd;padding-top:1rem}.card-section-header{align-items:center;display:flex;justify-content:flex-start;margin-bottom:.5rem}.section-header h2{color:var(--primary-color);font-size:1.2rem}.items-list{gap:.5rem}.grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.item-card{background:#f8f8f8;background:#f6f6f6;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 0 4px #0000001a;color:#333;font-size:.95rem;padding:10px;padding:8px 12px}.empty-state{color:#888;font-size:.95rem;font-style:italic}.tab-button{background-color:#e2e8f0;box-shadow:0 2px 6px #0000000d;color:#2d3748;font-size:.95rem;font-weight:600;padding:10px 18px;transition:all .25s ease}.tab-button:hover{background-color:#cbd5e0}.tab-button.active-tab{background-color:var(--primary-color);box-shadow:0 4px 10px #0000001a;color:#fff}@media (max-width:768px){.popup-card{height:auto;margin:10px;max-height:90vh;padding:1.5rem;width:85%;width:auto!important}.card-tabs-container{flex-wrap:wrap;gap:6px;justify-content:center}.tab-button{flex:1 1 40%;font-size:.85rem;min-width:40%;padding:8px 12px}.items-list{display:flex;flex-direction:column;max-height:200px;overflow-y:auto}.info-list p{align-items:flex-start;flex-direction:column;font-size:.9rem}.popup-card{-ms-overflow-style:none;overflow-y:auto;scrollbar-width:none;width:30%}.popup-card::-webkit-scrollbar{display:none}}.custom-table{background-color:#fff;border-radius:8px;box-shadow:0 4px 6px -2px #00000040,0 1px 2px 0 #00000024,0 1px 4px 0 #0000001f!important;margin-top:12px}.review-box{background:#f9f9f9;border-radius:8px;box-shadow:0 2px 6px #0000000d;margin-bottom:16px;max-height:70%;padding:12px}.review-box .comment{color:#444;font-style:italic;margin-top:6px}.dialog-title{align-items:center;color:var(--primary-color)!important;display:flex;gap:7px}.close-bton{background-color:var(--primary-color)!important}.custom-popup-overlay{align-items:center;background:#0006;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.custom-popup-card{background:#f5f5f5;border-radius:10px;box-shadow:0 6px 24px #00000026;max-width:550px;opacity:0;padding:24px;position:relative;transform:translateY(-30px);transition:all .4s ease-in-out;width:100%}.custom-popup-card.show{opacity:1;transform:translateY(0)}.popup-header{align-items:center;display:flex;margin-bottom:16px}.popup-content{max-height:300px;overflow-y:auto}.popup-footer{margin-top:16px;text-align:right}@media (max-width:500px){.custom-popup-card{width:85%}}.analytics-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 10px #0000000f;font-family:Segoe UI,sans-serif;margin:0 auto 20px;max-width:90%;padding:2rem}.chart-section{background-color:#fff;border-radius:15px;box-shadow:0 2px 5px #0000000f;margin-bottom:15px;padding:20px}.analytics-title{color:#2ca6a4;margin-bottom:2rem;text-align:center}.no-data{color:#888;font-size:1rem;padding:2rem 0;text-align:center}h3{color:#404b69}@media screen and (max-width:600px){.analytics-container{margin:0}}.detector-container{align-items:center;background-color:#f0f4f8;display:flex;justify-content:center;min-height:92vh;padding:24px}.detector-card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 8px 24px #00000014;max-width:620px;min-height:300px;padding:32px 28px;transition:all .3s ease;width:100%}.detector-title{color:#1f2937;font-size:1.7rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.custom-file-upload{background-color:#2563eb;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:12px 20px;text-align:center;transition:background-color .2s ease}.custom-file-upload:hover{background-color:#1d4ed8}.custom-file-upload input{display:none}.file-name{color:#4b5563;margin-bottom:10px;margin-top:4px;text-align:center}.detector-loading{color:#6b7280;font-size:14px;margin-bottom:1rem;text-align:center}.detector-preview{display:flex;justify-content:center;margin-bottom:1rem}.detector-image{border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 2px 10px #0000000d;max-height:260px}.detector-result{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:10px;color:#374151;font-size:15px;padding:16px}.detector-label{color:#2563eb;font-weight:600}.detector-confidence{color:#059669;font-weight:600}.instruction-text{background-color:#f1f5f9;border-left:4px solid #3b82f6;border-radius:8px;color:#374151;font-size:14px;margin-bottom:1rem;padding:12px 16px}.reanalyze-button{align-items:center;background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-weight:700;gap:6px;margin-top:12px;padding:10px 14px}.reanalyze-button:hover{background-color:#0056b3}.reupload-button{align-items:center;background-color:#0f62fe;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:14px;margin-top:1rem;padding:.6rem 1rem;transition:background .3s ease}.reupload-button:hover{background-color:#0053ba}.medical-records-container{background-color:#fff;min-height:100vh;overflow-y:auto}.header-section{background-color:#0d9488;padding:32px 24px;position:relative}.header-top{align-items:center;display:flex;gap:16px;justify-content:flex-start}.back-button{padding:0}.header-top h1{color:#fff;font-size:24px}.icon{color:#fff}.content-section{background-color:#fff;border-radius:32px 32px 0 0;margin-top:-32px;min-height:calc(100vh - 100px);padding:24px}.tabs-container{background-color:#f3f4f6;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:24px;padding:4px}.tab-button{background:none;border:none;border-radius:8px;color:#4b5563;cursor:pointer;flex:1 1;font-size:14px;font-weight:500;padding:12px;transition:all .2s}.tab-button.active{background-color:#fff;box-shadow:0 2px 4px #0000000d;color:#0d9488}.medical-section{margin-top:16px}.section-header{align-items:center;display:flex;margin-bottom:16px}.section-icon{color:#0d9488;height:24px;margin-right:8px;width:24px}.section-header h2{color:#111827;flex-grow:1;font-size:18px;font-weight:600;margin:0}.add-button{align-items:center;background-color:#0d9488;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:background-color .2s;width:36px}.add-button:hover{background-color:#0f766e}.add-icon{height:20px;width:20px}.items-list{display:flex;flex-direction:column;gap:12px}.item-card{align-items:center;background-color:#f9fafb;border-radius:12px;display:flex;justify-content:space-between;padding:16px}.item-card span{color:#1f2937;font-size:16px}.remove-button{background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px}.remove-button:hover{color:#ef4444}.remove-icon{height:18px;width:18px}.empty-state{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:32px;text-align:center}.empty-state p{color:#6b7280;margin-bottom:16px}.add-empty-button{background-color:#0d9488;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.add-empty-button:hover{background-color:#0f766e}.modal-overlay{bottom:0;right:0;z-index:1000}.modal-container{background-color:#fff;border-radius:16px;max-width:400px;padding:24px;width:70%}.modal-container h3{color:#111827;font-size:18px;font-weight:600;margin-bottom:16px;margin-top:0}.modal-input{border:1px solid #e5e7eb;border-radius:8px;font-size:16px;margin-bottom:24px;padding:12px 8px;width:100%}.modal-input:focus{border-color:#0d9488;box-shadow:0 0 0 2px #0d948833;outline:none}.modal-buttons{gap:12px;justify-content:flex-end}.modal-cancel{background-color:#f3f4f6;color:#4b5563}.modal-add,.modal-cancel{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px}.modal-add{background-color:#0d9488;color:#fff}.modal-inputt{border:1px solid #e5e7eb;border-radius:8px;font-size:16px;margin-bottom:24px;margin-top:20px;padding:12px 8px;width:100%}.notfound-page-container{align-items:center;background:linear-gradient(135deg,#fefefe,#e6f6fa 50%,#fefefe);display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;padding:40px 20px;text-align:center;width:100%}.notfound-hero{margin-bottom:40px}.notfound-title{color:#2c5282;font-size:2.8rem;font-weight:800;margin-bottom:12px}.notfound-subtitle{color:#4a5568;font-size:1.2rem}.notfound-card{background:#fff;border-radius:20px;box-shadow:0 10px 25px #00000014;max-width:600px;padding:32px;width:100%}.notfound-card-content{align-items:center;display:flex;flex-direction:column}.notfound-image-container{border-radius:50%;height:160px;margin-bottom:24px;overflow:hidden;position:relative;width:160px}.notfound-image{aspect-ratio:1/1;height:100%;object-fit:contain;transition:transform .3s ease;width:100%}.notfound-image-overlay{background:linear-gradient(45deg,#008c9526,#008c9500);bottom:0;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.notfound-card-title{color:#008c95;font-size:1.8rem;margin-bottom:12px}.notfound-card-description{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:24px;padding:0 10px}.notfound-button{align-items:center;background:#008c95;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;gap:10px;padding:14px 28px;transition:all .3s ease}.notfound-button:hover{background:#00727a;transform:translateY(-2px)}.notfound-button-arrow{transition:transform .3s ease}.notfound-button:hover .notfound-button-arrow{transform:translateX(5px)}@media (max-width:768px){.notfound-title{font-size:2.2rem}.notfound-card{padding:24px}.notfound-image-container{height:120px;width:120px}}.login-page{background:linear-gradient(135deg,#f0fdfa,#ecfeff,#f0fdfa);background:var(--background-gradient);min-height:100vh;padding:1.5rem;position:relative}.login-containerr,.login-page{align-items:center;display:flex;justify-content:center}.login-containerr{height:auto;margin:0;max-width:420px;padding:1rem;width:100%;z-index:1}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--card-shadow);margin-left:auto;margin-right:auto;overflow-y:auto;padding:2.5rem;transform:translateY(0);transition:transform .3s ease,box-shadow .3s ease;width:820px}.login-card:hover{box-shadow:0 15px 35px #00000026;transform:translateY(-5px)}.brand-logo{margin-bottom:1.5rem;text-align:center}.logo-icon{animation:pulse 2s infinite;color:#0d9488;color:var(--primary-color);height:48px;width:48px}.login-header{margin-bottom:2rem;text-align:center}.login-title{color:#0f172a;color:var(--text-color);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#0d9488;color:var(--primary-color);font-size:.95rem}.form-group{margin-bottom:1.5rem}.input-wrapper{position:relative;transition:transform .2s ease}.input-wrapper:focus-within{transform:scale(1.01)}.field-icon{color:#0d9488;color:var(--primary-color);height:20px;left:1rem;position:absolute;top:50%;transform:translateY(-50%);width:20px}.form-input{background:#ffffffe6;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--input-shadow);font-size:1rem;padding:1rem 1rem 1rem 4rem;transition:all .3s ease;width:100%}.form-input:focus{background:#fff;border-color:#0d9488;border-color:var(--primary-color);outline:none}.form-input.valid{border-color:#10b981;border-color:var(--success-color)}.validation-icon{color:#10b981;color:var(--success-color)}.toggle-password,.validation-icon{position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.toggle-password{color:#0d9488;color:var(--primary-color);cursor:pointer;padding:.25rem;transition:color .2s ease}.toggle-password:hover{color:#134e4a;color:var(--primary-dark)}.remember-forgot{justify-content:space-between;margin-bottom:1.5rem}.remember-forgot,.remember-me{align-items:center;display:flex}.remember-me{color:#0f172a;color:var(--text-color);cursor:pointer;font-size:.9rem;gap:.5rem}.forgot-link{color:#0d9488;color:var(--primary-color);font-size:.9rem;text-decoration:none;transition:color .2s ease}.forgot-link:hover{color:#134e4a;color:var(--primary-dark)}.login-button{background:#0d9488;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.login-button:hover{background:#134e4a;background:var(--primary-dark);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.login-button.loading{color:#0000;pointer-events:none}.loading-spinner{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.register-link{cursor:pointer}@media (max-width:480px){.login-card{margin-left:auto;margin-right:auto;padding:1rem}.login-title{font-size:1.4rem}.form-input{padding:.875rem .875rem .875rem 2.5rem}}.register-section{border-top:1px solid #0d948833;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.register-text{color:#0f172a;color:var(--text-color);font-size:.95rem}.register-link{color:#0d9488;color:var(--primary-color);font-weight:600;text-decoration:none;transition:color .2s ease}.register-link:hover{color:#134e4a;color:var(--primary-dark);text-decoration:underline}.password-requirements{background:#ffffff80;border-radius:8px;margin-top:.5rem;padding:1rem}.password-requirements p{color:var(--text-color);font-size:.85rem;margin-bottom:.5rem}.password-requirements ul{list-style:none;margin:0;padding:0}.gender-options{display:flex;gap:10px}.password-requirements li{align-items:center;color:var(--text-color);display:flex;font-size:.8rem;gap:.5rem;margin-bottom:.25rem;opacity:.7}.password-requirements li:before{color:var(--text-color);content:"•"}.password-requirements li.valid{color:var(--success-color);opacity:1}.password-requirements li.valid:before{color:var(--success-color);content:"✓"}.button-group{display:flex;gap:1rem;margin-top:2rem}.secondary-button{background:#0000;border:2px solid var(--primary-color);border-radius:12px;color:var(--primary-color);cursor:pointer;flex:1 1;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease}.secondary-button:hover{background:#0d94881a}.form-group{animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:480px){.button-group{flex-direction:column-reverse}}.profile-container{background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000014;font-family:Poppins,sans-serif;margin:60px auto 40px;max-width:500px;padding:24px}.welcome-text{color:#fff}.header-section{align-items:center;border-radius:20px;display:flex;flex-direction:column;margin-bottom:32px}.profile-image img{aspect-ratio:1/1;border:1px solid #fff;border-radius:50%;box-shadow:0 4px 12px #0d94884d;height:100px;object-fit:cover;width:100%}.profile-image{align-items:center;border:2px solid #fff;border-radius:50%;display:flex;justify-content:center;margin-bottom:5px}.menu-container{display:flex;flex-direction:column;gap:1rem}.menu-item,.menu-itemm{align-items:center;background:#f9fafb;border:none;border-radius:12px;box-shadow:0 2px 6px #0000000d;cursor:pointer;display:flex;justify-content:space-between;padding:14px 20px;transition:background .2s,transform .2s}.menu-item:hover,.menu-itemm:hover{background-color:#e0f2f1;transform:translateY(-2px)}.menu-item-left{align-items:center;color:#0f172a;display:flex;font-size:16px;font-weight:500;gap:12px}.chevron-icon{color:#0d9488}.menu-icon{color:#fff!important}.chevron-icon{margin-left:auto}@media (max-width:600px){.profile-container{margin:30px 16px;padding:20px}.menu-item,.menu-itemm{padding:12px 16px}.menu-item-left{font-size:15px}.profile-image img{height:100%;object-fit:cover;width:100%}}@media (max-width:768px){.profile-container{background-color:#f9f9f9;border-radius:0;box-sizing:border-box;margin:0;padding-top:90px;width:100vw}.header-section{border-radius:20px;padding:2rem 1rem 1rem;text-align:center}.profile-image{height:100px;margin:0 auto 1rem;width:100px}.default-doctor-photo,.doctor-photo,.profile-image{align-items:center;display:flex;justify-content:center}.default-doctor-photo,.doctor-photo{background-color:#ddd;border-radius:50%;font-size:2rem;height:100%;object-fit:cover;width:100%}.welcome-text{font-size:1.5rem;margin:0}.menu-container{display:flex;flex-direction:column;gap:1rem;padding:0 1rem}.menu-item{background:#fff;border:none;border-bottom:1px solid #eee;border-radius:0;box-shadow:none;justify-content:space-between;padding:1rem;width:100%}.menu-item,.menu-item-left{align-items:center;display:flex}.menu-item-left{font-size:1rem;gap:1rem}.menu-icon{color:var(--primary-color)}.chevron-icon{color:#999}.default-doctor-photo{position:relative}}.subheading{color:#fff}@media (min-width:768px){.profile-container{background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000014;font-family:Poppins,sans-serif;margin:0 auto;max-width:500px;padding:24px;position:relative;top:80px}}.about-us-container{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000f;color:#1e293b;font-family:Poppins,sans-serif;margin:0 auto 40px;max-width:800px;padding:90px 24px 24px}.aboutus-back-button{align-items:center;background-color:var(--primary-color)!important;border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;left:10px;padding:18px;position:relative;top:10px;transition:background .3s ease-in-out}.back-button:hover{background-color:#a7f3d0!important}.back-button .icon{color:#fff;height:20px;width:20px}.header-top h1{font-size:1.5rem;font-weight:600;margin:0}.content-sectionn{display:flex;flex-direction:column;gap:32px}.about-header{text-align:center}.about-header .logo{border-radius:50%;height:80px;margin-bottom:12px;object-fit:cover;width:80px}.about-header h2{color:#0f172a;font-size:28px;font-weight:700}.tagline{color:#64748b;font-size:14px}.about-section h3,.features-section h3{color:#0d9488;font-size:20px;font-weight:700;margin-bottom:8px}.about-section p{color:#475569;font-size:15px;line-height:1.6;margin-bottom:12px}.features-section{margin-top:16px}.feature-group{background-color:#f9fafb;border-radius:12px;box-shadow:0 4px 8px #00000008;margin-top:24px;padding:20px}.feature-group-title{align-items:center;color:#0f172a;display:flex;font-size:18px;font-weight:600;gap:8px;margin-bottom:12px}.feature-list{display:flex;flex-direction:column;gap:10px;list-style:none;padding:0}.feature-list li{align-items:center;color:#334155;display:flex;font-size:14px;gap:10px}.feature-icon,.feature-item-icon{color:#0d9488;flex-shrink:0}.version-info{border-top:1px solid #e2e8f0;color:#64748b;font-size:13px;margin-top:32px;padding-top:16px;text-align:center}@media (max-width:768px){.about-us-container{margin:20px;padding:16px}.header-top h1{font-size:20px}.about-header h2{font-size:22px}.about-section h3,.features-section h3{font-size:18px}.feature-group-title{font-size:16px}.feature-list li{font-size:13px}.about-us-container{padding:0}.content-sectionn{border-radius:0;margin:0;padding:1rem}}.content-sectionn{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;margin:2rem auto;max-width:100%;padding:2rem}@media (max-width:768px){.about-us-container{max-width:100%;padding:0}.about-us-container,.content-sectionn{border-radius:0;box-shadow:none;margin:0}.content-sectionn{padding:1rem}}body,html{height:100%;overflow:auto!important}.full-page-container{background-color:#f9f9f9;min-height:100vh;overflow-x:hidden;overflow-y:auto!important;padding-bottom:80px;position:relative;width:100%}.star-icon{stroke:var(--primary-color)}.skeleton-hero{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.skeleton-banner{border-radius:12px;height:180px;width:100%}.skeleton-achievements{display:flex;gap:1rem}.skeleton-controls{display:flex;gap:2rem;justify-content:space-between;margin:2rem 0}.skeleton-doctor-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.skeleton-doctor-card{align-items:center;background-color:#f4f4f4;border-radius:12px;display:flex;gap:1rem;padding:1rem}.skeleton-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.find-doctor-page{box-sizing:border-box;font-family:Poppins,sans-serif;height:auto;min-height:auto;padding:50px 20px 20px;position:relative;width:100%}.hero-section{background-image:url(https://placehold.co/1200x400) no-repeat center center/cover;border-radius:20px;color:#fff;margin-bottom:10px;margin-top:0;overflow:hidden;position:relative;text-align:center}.hero-overlay{background:linear-gradient(135deg,#0d9488cc,#0f766ecc);height:100%;position:absolute;right:0;top:0;width:100%;z-index:1}.peeks{grid-gap:1.5rem;color:#000;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr);padding:1rem 2rem}.peek-card{align-items:flex-start;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:1rem}.perks{width:100%}.peek-icon{align-self:flex-start;color:var(--primary-color);flex-shrink:0;justify-self:flex-start}.hero-img{border-radius:15px;position:absolute;right:10%;top:15%}.hero-content{position:relative;z-index:2}.main-titlee{align-items:center;color:#fff;display:flex;font-size:42px;font-weight:700;gap:9px;justify-content:center;margin-bottom:10px}.hero-subtitle{font-size:20px;margin-bottom:30px}.cta-button{background-color:#fff;border:none;border-radius:30px;color:#0d9488;cursor:pointer;font-size:16px;padding:14px 28px;transition:.3s}.cta-button:hover{background-color:#f0fdfa;transform:translateY(-2px)}.doctor-list-container{height:auto;overflow:visible;width:100%}.doctor-list{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));height:auto;margin:0 auto;max-width:1200px;overflow:visible}.doctor-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:20px;box-shadow:0 4px 6px #0000001a;overflow:hidden;transition:.3s}.doctor-card:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.doctor-card-content{align-items:center;display:flex;padding:20px}.doctor-photo{height:80px;width:80px}.doctor-details{flex:1 1}.doctor-name{color:#1f2937;font-size:20px;margin:0 0 8px}.doctor-rating,.doctor-specialty{font-size:16px;margin:0 0 8px}.doctor-rating{color:#6b7280}.doctor-location{color:#6b7280;font-size:16px;margin:0}.view-profile-button{background-color:#0d9488;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;padding:12px 24px;transition:.3s}.view-profile-button:hover{background-color:#0f766e;transform:translateY(-2px)}@media screen and (max-width:768px){.doctor-card-content{align-items:center;flex-direction:column;text-align:center}.doctor-photo{margin-bottom:15px;margin-right:0}.view-profile-button{margin-top:15px}}.doctor-details{gap:6px}.doctor-details,.doctor-info{display:flex;flex-direction:column}.doctor-info{color:#555;gap:5px}.doctor-info p{align-items:center;display:flex;font-size:14px;gap:8px;margin:4px 0}.card-icon{color:#0d9488}.achievements{background-color:#f9f9f9;border-radius:12px;display:flex;justify-content:space-around;margin-top:2rem;padding:2rem;text-align:center}.achievement h3{color:#0f172a;font-size:2rem;margin:0}.achievement p{color:#475569;font-weight:500;margin-top:.25rem}.doctor-photo-container{align-items:center;border-radius:50%;display:flex;height:100px;justify-content:center;overflow:hidden;width:100px}.doctor-photo{border-radius:50%;height:100%;object-fit:cover;width:100%}.default-doctor-photo{align-items:center;background-color:#0d9488;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:80px;justify-content:center;text-transform:uppercase;width:80px}.chatbot-float-button{bottom:10px}.no-doctors-box{align-items:center;background-color:#f0fdfa;border-radius:16px;box-shadow:0 8px 20px #0d948814;display:flex;flex-direction:column;margin:40px auto;max-width:500px;padding:2rem;text-align:center}.no-doctors-icon{height:42px;margin-bottom:12px;width:42px}.no-doctors-text{color:#334155;font-size:1.2rem;font-weight:500}.chatbot-section{display:flex;justify-content:center;margin:30px 0}.chatbot-box{background:#f3fdfb;border:2px solid #9ce0d2;border-radius:12px;box-shadow:0 4px 12px #00808033;padding:20px;text-align:center;width:400px}.bot-avatar{font-size:48px;margin-bottom:10px}.chatbot-inputs{margin-top:10px}.chatbot-inputs input{border:1px solid #ccc;border-radius:8px;flex:1 1;padding:8px}.chatbot-inputs button{background-color:#00bfa5;padding:8px 16px}.chatbot-response{font-weight:500;margin-top:15px}.chatbot-inputs{margin-bottom:20px}.chatbot-inputs button,.chatbot-inputs input,.chatbot-inputs select{border:1px solid #ccc;border-radius:8px;font-size:1rem;padding:10px}.chatbot-inputs{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin:40px auto 10px;max-width:800px}.chatbot-inputs input,.chatbot-inputs select{border:1px solid #ccc;border-radius:8px;font-size:14px;padding:10px}.chatbot-inputs button{background-color:#42b983;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:10px 18px;transition:background .3s ease}.chatbot-inputs button:hover{background-color:#369e6f}.chatbot-mini-input{width:100px}.chatbot-response-box{align-items:flex-start;background-color:#f7f7f7;border-radius:12px;box-shadow:0 2px 8px #0000001a;display:flex;gap:15px;margin:0 auto 20px;max-width:800px;padding:20px}.chatbot-avatar{height:50px;width:50px}.chatbot-response-text{color:#333;font-size:16px;line-height:1.5}.chatbot-container{box-shadow:0 5px 15px #0000001a;margin:30px auto;max-width:800px}.chatbot-send-button{height:45px;width:45px}.chatbot-send-button:hover{transform:scale(1.05)}.chatbot-float-button{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);border:none;border-radius:50%;bottom:30px;box-shadow:0 4px 12px #0003;cursor:pointer;display:flex;height:60px;justify-content:center;position:fixed;right:30px;transition:all .3s ease;width:60px;z-index:1000}.chatbot-float-button:hover{box-shadow:0 6px 16px #0000004d;transform:scale(1.05)}.chatbot-icon{color:#fff;font-size:28px}.chatbot-float-button.open{transform:rotate(90deg)}.chatbot-container{background-color:#fff;border:1px solid #e4e4e4;border-radius:16px;bottom:100px;box-shadow:0 5px 25px #0003;display:flex;flex-direction:column;max-height:550px;opacity:0;overflow:hidden;pointer-events:none;position:fixed;right:30px;transform:translateY(20px);transition:all .3s ease;width:350px;z-index:999}.chatbot-container.open{opacity:1;pointer-events:all;transform:translateY(0)}.chatbot-header{align-items:center;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;display:flex;gap:12px;padding:15px 20px}.chatbot-header-icon{align-items:center;background-color:#fff;border-radius:50%;color:#0d9488;display:flex;font-size:24px;height:36px;justify-content:center;width:36px}.chatbot-header-text{flex:1 1}.chatbot-header-text h3{font-size:18px;font-weight:600;margin:0}.chatbot-header-text p{font-size:12px;margin:2px 0 0;opacity:.9}.chatbot-close{background:#0000;border:none;color:#fff;cursor:pointer;font-size:20px;opacity:.8;transition:opacity .2s}.chatbot-close:hover{opacity:1}.chatbot-messages{background-color:#f9f9f9;display:flex;flex-direction:column;gap:15px;height:300px;overflow-y:auto;padding:20px}.message{animation:fadeIn .3s ease-in-out;border-radius:18px;font-size:14px;line-height:1.4;max-width:80%;padding:12px 16px;position:relative}.message-user{align-self:flex-end;background-color:#0d9488;border-bottom-right-radius:4px;color:#fff}.message-bot{align-self:flex-start;background-color:#fff;border-bottom-left-radius:4px;box-shadow:0 1px 2px #0000001a;color:#333}.message-bot-container{align-items:flex-end;display:flex;gap:8px}.bot-avatar{align-items:center;background-color:#0d9488;border-radius:50%;color:#fff;display:flex;font-size:16px;font-weight:700;height:30px;justify-content:center;object-fit:cover;width:30px}.chatbot-typing{align-self:flex-start;background-color:#fff;border-radius:18px;display:flex;gap:4px;margin-left:38px;padding:12px 16px;width:fit-content}.typing-dot{animation:typingAnimation 1.4s ease-in-out infinite;background-color:#aaa;border-radius:50%;height:8px;opacity:.6;width:8px}.typing-dot:first-child{animation-delay:0s}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-5px)}}.chatbot-input-container{background-color:#fff;border-top:1px solid #eee;display:flex;flex-direction:column;gap:10px;padding:15px}.chatbot-user-info{display:flex;gap:10px}.chatbot-mini-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:14px;padding:12px;transition:all .2s}.chatbot-mini-input:focus{border-color:#0d9488;box-shadow:0 0 0 2px #0d948833;outline:none}.chatbot-message-input{display:flex;gap:10px}.chatbot-message-input input{border:1px solid #ddd;border-radius:24px;flex:1 1;font-size:14px;padding:12px 15px;transition:all .2s}.chatbot-message-input input:focus{border-color:#0d9488;box-shadow:0 0 0 2px #0d948833;outline:none}.chatbot-send-button{align-items:center;background-color:#0d9488;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.chatbot-send-button:hover{background-color:#0b7b72}.chatbot-send-button:disabled{background-color:#ccc;cursor:not-allowed}.recommendation-card{background-color:#f0fdfa;border-left:4px solid #0d9488;border-radius:8px;margin-top:10px;padding:12px}.specialty-name{color:#0d9488;font-weight:600;margin-bottom:5px}.specialty-action{background-color:#0d9488;border-radius:16px;color:#fff;cursor:pointer;display:inline-block;font-size:12px;margin-top:8px;padding:6px 12px;text-decoration:none}.specialty-action:hover{background-color:#0b7b72}.notification-badge{align-items:center;animation:pulse 2s infinite;background-color:#ff4757;border-radius:50%;color:#fff;display:flex;font-size:12px;height:20px;justify-content:center;position:absolute;right:0;top:0;transform:translate(25%,-25%);width:20px}@keyframes pulse{0%{transform:translate(25%,-25%) scale(1)}50%{transform:translate(25%,-25%) scale(1.1)}to{transform:translate(25%,-25%) scale(1)}}.bubble-animation{animation:bubbleRise 2s infinite;background-color:#fff;border-radius:50%;height:20px;opacity:.8;position:absolute;width:20px}.bubble-animation:first-child{animation-delay:0s;left:25%;top:40%}.bubble-animation:nth-child(2){animation-delay:.4s;left:45%;top:30%}.bubble-animation:nth-child(3){animation-delay:.8s;left:35%;top:20%}@keyframes bubbleRise{0%{opacity:0;transform:translateY(0) scale(.8)}50%{opacity:.8}to{opacity:0;transform:translateY(-20px) scale(0)}}.page-skeleton{animation:pulse 1.5s ease-in-out infinite;margin:0 auto;max-width:1200px;padding:2rem}.skeleton-doctor-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.page-skeleton{left:-300px;position:relative;top:150px}@media (max-width:768px){.page-skeleton{left:-100px;position:relative;top:50px}}.no-doctors-message{align-items:center;background-color:#f0fdfa;border-left:4px solid #0d9488;border-radius:12px;box-shadow:0 4px 12px #0d948814;color:#334155;display:flex;font-size:16px;font-weight:500;gap:12px;justify-content:center;margin:40px auto;max-width:600px;padding:20px 24px;text-align:center}.no-doctors-icon{color:#0d9488;height:28px;width:28px}.shimmer:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);content:"";height:100%;left:-150px;position:absolute;top:0;width:150px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.controls-container{display:flex;flex-direction:column;margin:20px auto 40px;max-width:1200px;padding:0;width:90%}.search-container{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffc;border:1px solid #fff6;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;margin-bottom:16px;padding:8px 16px;position:relative;transition:all .3s ease;width:100%}.search-container:focus-within{box-shadow:0 8px 24px #0000001f;transform:translateY(-2px)}.search-input{background:#0000;border:none;color:#333;font-size:16px;font-weight:500;outline:none;padding:14px 20px 14px 40px;width:100%}.search-input::placeholder{color:#9ca3af;font-weight:400}.filter-toggle-button{align-items:center;align-self:flex-end;background:linear-gradient(135deg,#0d9488,#0f766e);border:none;border-radius:12px;box-shadow:0 4px 12px #4a90e240;color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;justify-content:center;margin:10px 0;padding:14px 24px;transition:all .3s ease;width:auto}.filter-toggle-button:hover{background:linear-gradient(135deg,#0f766e,#0d9488);box-shadow:0 6px 16px #0d948859;transform:translateY(-2px)}.filter-toggle-button:active{transform:translateY(0)}.filter-icon{margin-right:10px}.filter-arrow{margin-left:10px;transition:transform .3s ease}.filters-section{animation:fadeInUp .4s ease-out;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #fff6;border-radius:16px;box-shadow:0 8px 32px #0000001a;margin-bottom:20px;padding:20px;width:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.sort-options{border-bottom:1px solid #00000014;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px;padding-bottom:20px}.sort-button{background:#f5f5f7cc;border:none;border-radius:30px;color:#555;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .3s ease}.sort-button:hover{background:#ebebf0;transform:translateY(-2px)}.sort-button.active{background:linear-gradient(135deg,#4a90e2,#5a6acf);box-shadow:0 4px 10px #4a90e233;color:#fff}.filters{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:24px}.filter-group{display:flex;flex-direction:column;gap:8px}.filter-group label{color:#444;font-size:14px;font-weight:600;margin-bottom:4px}.filter-dropdown{-webkit-appearance:none;appearance:none;background:#fffc;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border:1px solid #0000001a;border-radius:12px;color:#333;font-size:14px;outline:none;padding:12px 40px 12px 16px;transition:all .2s ease}.filter-dropdown:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e226}.time-slot-group{border-top:1px solid #00000014;grid-column:1/-1;padding-top:20px}.time-slot-options{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.time-slot-label{align-items:center;background:#f5f5f7cc;border-radius:20px;cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 14px;transition:all .2s ease}.time-slot-label:hover{background:#ebebf0}.time-slot-label input[type=checkbox]{-webkit-appearance:none;appearance:none;border:1px solid #0003;border-radius:4px;cursor:pointer;height:16px;margin:0;position:relative;transition:all .2s ease;width:16px}.time-slot-label input[type=checkbox]:checked{background-color:#4a90e2;border-color:#4a90e2}.time-slot-label input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:9px;left:5px;position:absolute;top:2px;transform:rotate(45deg);width:5px}@media (max-width:768px){.controls-container{width:95%}.filter-toggle-button{margin:10px 0;width:100%}.filters{gap:16px;grid-template-columns:1fr}.sort-options,.time-slot-options{justify-content:center}.time-slot-options{display:grid;grid-template-columns:repeat(2,1fr)}}.search-container:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;content:"";height:16px;left:20px;position:absolute;top:50%;transform:translateY(-50%);width:16px}.hero-slideshow{border-radius:.5rem;box-shadow:0 4px 6px #0000001a;height:14rem;margin-bottom:2rem;overflow:hidden;position:relative;width:100%}.hero-slide{display:flex;flex-direction:column;inset:0;justify-content:space-between;padding:1rem;position:absolute;transition:opacity 1s ease}.hero-slide.active{opacity:1;z-index:1}.hero-slide.inactive{opacity:0;pointer-events:none}.slide-content{align-items:flex-start;display:flex;justify-content:space-between}.slide-text{max-width:70%}.slide-title{align-items:center;color:#1f2937;display:flex;font-size:1.5rem;font-weight:700;gap:.5rem;margin-bottom:.5rem}.slide-subtitle{color:#4b5563;font-size:.875rem}.slide-navigation{align-items:center;display:flex;justify-content:space-between}.slide-dots{display:flex;gap:.5rem}.slide-dot{background-color:#9ca3af80;border:none;border-radius:9999px;cursor:pointer;height:.5rem;transition:all .3s ease;width:.5rem}.slide-dot.active{background-color:#1f2937;width:1.5rem}.slide-arrows{display:flex;gap:.75rem}.slide-arrow{align-items:center;background-color:#ffffffd9;border:none;border-radius:9999px;box-shadow:0 2px 5px #00000014;color:#1f2937;cursor:pointer;display:flex;font-size:1rem;height:2rem;justify-content:center;transition:all .2s ease;width:2rem}.slide-arrow:hover{background-color:#fff;box-shadow:0 4px 8px #0000001f;transform:translateY(-2px)}.slide-arrow:active{transform:translateY(0)}.bg-slide-1{background:linear-gradient(90deg,#e0f2fe,#dbeafe)}.bg-slide-2{background:linear-gradient(90deg,#d1fae5,#ccfbf1)}.bg-slide-3{background:linear-gradient(90deg,#ede9fe,#dbeafe)}.bg-slide-4{background:linear-gradient(90deg,#fee2e2,#fce7f3)}.slide-image{animation:floatIn 1s ease forwards;border:4px solid #fff;border-radius:20px;box-shadow:0 4px 15px #0000001a;max-height:170px;object-fit:cover;transform:rotate(2deg);width:170px}@media (max-width:640px){.slide-image{max-height:100px;width:100px}.slide-text{max-width:100%;text-align:center}.slide-title{font-size:1.25rem;justify-content:center}.slide-subtitle{font-size:.75rem}.slide-content{align-items:center;gap:1rem;text-align:center}}@media (max-width:450px){.chatbot-container{max-width:300px;top:40px}}.navbar{align-items:center;background-color:#0d9488;box-shadow:0 2px 4px #0000001a;display:flex;height:60px;justify-content:space-between;width:100vw}.navbar-logo a{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none}.navbar-logo{align-items:center;display:flex;gap:30px;justify-content:space-around}.navbar-links{display:flex;gap:1.5rem;list-style:none}.navbar-links li a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s}.navbar-links li a:hover{color:#f0fdfa}.mobile-bottom-nav{background:#fff;border-top:1px solid #ddd;bottom:0;display:flex;justify-content:space-around;left:0;padding:8px 0;position:fixed;width:100%;z-index:999}.nav-item{align-items:center;color:#444;display:flex;flex-direction:column;font-size:12px;font-weight:500;text-align:center;text-decoration:none;transition:color .2s ease}.nav-item svg{margin-bottom:2px}@media (min-width:768px){.mobile-bottom-nav{display:none}}.navbar-links-desktop{align-items:center;display:flex;gap:2rem;margin-right:20px}.mobile-menu-drawer{position:fixed}.nav-linkP{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:700}.nav-linkP:hover{transform:scale(1.1);transition:all .25s ease-in}.nav-icon{vertical-align:middle}.navbar-links-desktop .nav-linkP{overflow:hidden;position:relative}.navbar-links-desktop .nav-linkP.active-link:after{transform:scaleX(1);transition:transform .3s ease}.navbar-links-desktop .nav-linkP:after{background-color:#fff;border-radius:1px;bottom:0;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transition:transform .3s ease;width:100%}.nav-linkP{align-items:center;display:flex;gap:.5rem;padding:6px 0}.nav-linkP:after{background-color:#fff;border-radius:2px;bottom:-3px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.nav-linkP.active-link:after{transform:scaleX(1)}.nav-linkP{border-radius:6px;color:#fff;font-weight:500;padding:8px 16px;position:relative;text-decoration:none;transition:all .25s ease;&:before{background:#ffffff1f;border-radius:6px;content:"";inset:0;position:absolute;transform:scaleX(0);transform-origin:right;transition:transform .3s ease;z-index:-1}&:hover:before{transform:scaleX(1);transform-origin:left}&:hover{color:#f0fdfa;transform:translateY(-1px)}&.active-link:before{background:#fff3;transform:scaleX(1);transform-origin:left}}.navbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(90deg,#0d9488,#0aa89f 40%,#00b9ad);box-shadow:0 2px 10px #00000014;color:#fff;position:fixed;width:100%;z-index:1000}.react-calendar{background:#fff;border:1px solid #a0a096;font-family:Arial,Helvetica,sans-serif;line-height:1.125em;max-width:100%;width:350px}.react-calendar--doubleView{width:700px}.react-calendar--doubleView .react-calendar__viewContainer{display:flex;margin:-.5em}.react-calendar--doubleView .react-calendar__viewContainer>*{margin:.5em;width:50%}.react-calendar,.react-calendar *,.react-calendar :after,.react-calendar :before{box-sizing:border-box}.react-calendar button{border:0;margin:0;outline:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex;height:44px;margin-bottom:1em}.react-calendar__navigation button{background:none;min-width:44px}.react-calendar__navigation button:disabled{background-color:#f0f0f0}.react-calendar__navigation button:enabled:focus,.react-calendar__navigation button:enabled:hover{background-color:#e6e6e6}.react-calendar__month-view__weekdays{font:inherit;font-size:.75em;font-weight:700;text-align:center;text-transform:uppercase}.react-calendar__month-view__weekdays__weekday{padding:.5em}.react-calendar__month-view__weekNumbers .react-calendar__tile{align-items:center;display:flex;font:inherit;font-size:.75em;font-weight:700;justify-content:center}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__century-view__decades__decade--neighboringCentury,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__month-view__days__day--neighboringMonth{color:#757575}.react-calendar__century-view .react-calendar__tile,.react-calendar__decade-view .react-calendar__tile,.react-calendar__year-view .react-calendar__tile{padding:2em .5em}.react-calendar__tile{background:none;font:inherit;font-size:.833em;max-width:100%;padding:10px 6.6667px;text-align:center}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__century-view__decades__decade--neighboringCentury:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__month-view__days__day--neighboringMonth:disabled{color:#cdcdcd}.react-calendar__tile:enabled:focus,.react-calendar__tile:enabled:hover{background-color:#e6e6e6}.react-calendar__tile--now{background:#ffff76}.react-calendar__tile--now:enabled:focus,.react-calendar__tile--now:enabled:hover{background:#ffffa9}.react-calendar__tile--hasActive{background:#76baff}.react-calendar__tile--hasActive:enabled:focus,.react-calendar__tile--hasActive:enabled:hover{background:#a9d4ff}.react-calendar__tile--active{background:#006edc;color:#fff}.react-calendar__tile--active:enabled:focus,.react-calendar__tile--active:enabled:hover{background:#1087ff}.react-calendar--selectRange .react-calendar__tile--hover{background-color:#e6e6e6}.doctor-profile-wrapper{background:linear-gradient(135deg,#f5f7fa,#e6f0f5);border-radius:20px;box-shadow:0 12px 24px #0000001a;font-family:Poppins,sans-serif;margin:auto;max-width:1200px;overflow:hidden;padding:80px 20px}@media (max-width:768px){.doctor-profile-wrapper{height:auto;max-width:100%;min-height:100vh;overflow-x:hidden;padding-bottom:80px}}.book-appointment-btn:disabled{background-color:initial!important;border:2px solid #ffffff4d;color:#aaa!important;cursor:not-allowed;opacity:.6;transition:all .2s ease}.doctor-profile-header{align-items:flex-start;display:flex;margin-bottom:20px}.back-arrow{background-color:#0197a5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:xx-large;gap:8px;padding:12px;transition:background-color .2s}.back-arrow:hover{color:#017a8a}.doctor-profile-card{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-radius:20px;box-shadow:0 8px 16px #0000001a;display:flex;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.doctor-profile-card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-5px)}.doctor-profile-avatar{border:4px solid #0197a5;border-radius:50%;height:120px;margin-right:20px;object-fit:cover;width:120px}.doctor-profile-name{color:#333;font-size:26px;font-weight:700}.doctor-profile-specialty{color:#555;font-size:18px;margin-top:5px}.doctor-profile-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-radius:20px;box-shadow:0 8px 16px #0000001a;margin-top:25px;padding:20px}.section-title{color:#0197a5;font-size:22px;font-weight:700;margin-bottom:15px}.section-content{color:#444;font-size:16px;line-height:1.6}.custom-calendar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border:none;border-radius:20px;box-shadow:0 8px 16px #0000001a;max-width:400px;padding:20px;width:100%}.react-calendar__tile--active{background:linear-gradient(135deg,#0197a5,#017a8a)!important;border-radius:15px!important;color:#fff!important}.schedule-hours{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hour{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-radius:15px;box-shadow:0 4px 8px #0000001a;color:#333;cursor:pointer;font-size:14px;font-weight:700;padding:12px 18px;text-align:center;transition:all .3s ease;width:calc(33.33% - 10px)}.hour:hover{box-shadow:0 6px 12px #0003;transform:translateY(-3px)}.hour.active,.hour:hover{background:linear-gradient(135deg,#0197a5,#017a8a)!important;color:#fff}.book-appointment-btn{background:linear-gradient(135deg,#0197a5,#017a8a);border:none;border-radius:15px;box-shadow:0 6px 12px #0003;color:#fff;cursor:pointer;font-size:18px;font-weight:700;margin-top:25px;padding:16px;transition:all .3s ease;width:100%}.book-appointment-btn:hover{box-shadow:0 8px 16px #0000004d;transform:translateY(-3px)}.booking-status{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffc;border-radius:20px;box-shadow:0 8px 16px #0000001a;margin-top:25px;padding:20px;text-align:center}.booking-status-content{align-items:center;display:flex;gap:10px;justify-content:center}.booking-icon{color:#0197a5;font-size:24px}.no-slots{color:#555;font-size:16px;margin-top:20px;text-align:center}.back-button{align-items:center;background:none;border:none;border-radius:8px;color:#fff;display:flex;gap:8px;padding:8px;transition:background-color .2s}.edit-button:hover{background-color:#ffffff1a}.icon{height:24px;width:24px}.reviews-container{display:flex;flex-direction:column;gap:16px;margin-top:10px}.review-card{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;padding:15px;transition:transform .2s}.review-card:hover{transform:scale(1.02)}.review-header{gap:10px}.review-avatar,.review-header{align-items:center;display:flex}.review-avatar{background:#ddd;border-radius:50%;font-size:18px;height:40px;justify-content:center;width:40px}.review-info{display:flex;flex-direction:column}.review-name{font-size:16px;font-weight:700}.review-rating{color:#f4b400;font-size:18px}.review-text{color:#555;font-size:14px;margin-top:8px}.no-reviews{color:#777;font-size:14px;text-align:center}.default-doctor-photoo{align-items:center;aspect-ratio:1/1;background-color:#0d9488;border-radius:50%;color:#fff;display:flex;font-size:24px;font-weight:700;height:120px;justify-content:center;line-height:1;margin-right:20px;text-transform:uppercase;width:120px}.payment-option{align-items:center;color:#333;cursor:pointer;display:flex;font-size:16px;font-weight:500;gap:8px;margin-left:10px;margin-top:15px}.payment-option input[type=checkbox]{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #28a745;border-radius:4px;cursor:pointer;height:18px;position:relative;transition:all .2s ease-in-out;width:18px}.payment-option input[type=checkbox]:checked{background-color:#0d9488;border-color:#0d9488}.payment-option input[type=checkbox]:after{color:#fff;content:"✔";font-size:14px;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s ease-in-out}.payment-option input[type=checkbox]:checked:after{opacity:1}.payment-option label{cursor:pointer;-webkit-user-select:none;user-select:none}@media (max-width:768px){.doctor-profile-wrapper{margin:0}}.back-button-container{margin:16px 20px 0;text-align:left}.back-button{background-color:#fff;border:2px solid #7c3aed;border-radius:10px;box-shadow:0 2px 6px #00000014;color:#7c3aed;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .2s ease}.back-button:hover{background-color:#f5f3ff}@media (max-width:768px){.back-button{font-size:18px;padding:12px;width:100%}}.appointments-container{border-radius:12px;box-shadow:0 4px 10px #0000001a;margin:auto;max-width:650px;overflow:hidden;padding:80px 20px 20px}.appointments-title{font-size:22px;margin-bottom:16px}body,html{width:100%}.skeleton-box{background-color:#e0e0e0;border-radius:8px;height:120px;margin-bottom:1rem;overflow:hidden;position:relative}.skeleton-box:after{animation:shimmer 1.2s infinite;background:linear-gradient(90deg,#fff0,#fff9 50%,#fff0);content:"";height:100%;left:-150px;position:absolute;top:0;width:150px}@keyframes shimmer{0%{left:-150px}to{left:100%}}.tabs-list{background:#f3f4f6;border-radius:30px;box-shadow:inset 0 2px 4px #0000001a;margin:auto;max-width:650px}.tab-trigger{background:none;border-radius:20px;flex:1 1;font-size:16px;font-weight:500;padding:10px 0;text-align:center;transition:background .3s ease-in-out}.shimmer{background-color:#e0e0e0;border-radius:4px;overflow:hidden;position:relative}.shimmer:before{animation:shimmerMove 1.4s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fff9,#0000);content:"";height:100%;left:-150%;position:absolute;top:0;width:150%}@keyframes shimmerMove{0%{left:-150%}to{left:100%}}.avatar-skeleton{border-radius:50%;height:60px;margin-bottom:1rem;width:60px}.line-skeleton{border-radius:6px;height:12px;margin:8px 0}.line-skeleton.short{width:60%}.line-skeleton.tiny{width:40%}.line-skeleton.xsmall{width:30%}.btn-skeleton{border-radius:20px;height:36px;margin-right:1rem;width:100px}.tab-switcher{align-items:center;background:#e0f2f1;border-radius:30px;box-shadow:0 2px 6px #0000000d;display:flex;justify-content:space-between;margin:1rem auto;overflow:hidden;width:280px}.slider-tab{color:#0f766e;cursor:pointer;flex:1 1;font-weight:600;padding:12px 0;text-align:center;transition:background .3s ease,color .3s ease}.slider-tab.active{background-color:#0d9488;color:#fff}.tab-trigger:hover{background-color:#bbb}.tab-trigger.active{background-color:#0d9488;font-weight:700}.appointment-card{border:1px solid #e5e7eb;box-shadow:0 2px 6px #0000001a;justify-content:space-between;margin:12px auto;max-width:650px;padding:16px;transition:box-shadow .3s ease-in-out}.appointment-card:hover{box-shadow:0 4px 12px #00000026}.appointment-header{align-items:center;display:flex;gap:12px}.doctor-avatar{border:2px solid #e5e7eb;border-radius:50%;height:50px;object-fit:cover;width:50px}.doctor-name{font-size:18px;font-weight:700}.doctor-specialty{color:#6b7280;font-size:14px}.appointment-info{color:#4b5563;font-size:14px;margin-top:8px}.appointment-details{display:flex;flex-direction:column;gap:10px}.appointment-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:12px;width:100%}.cancel-btn,.reschedule-btn{border-radius:8px;cursor:pointer;flex:1 1;font-size:14px;font-weight:700;max-width:200px;padding:10px 14px;text-align:center}.reschedule-btn{background:#0197a5;border:none;color:#fff}.reschedule-btn:hover{background:#017d8a}.cancel-btn{background:none;border:2px solid #ef4444;color:#ef4444}.cancel-btn:hover{background:#fee2e2}.details-btn{background:#0d9488;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;max-width:200px;padding:10px 14px;text-align:center;width:100%}.details-btn:hover{background:#015f6a}.appointment-content{display:flex;flex-direction:column;gap:10px;justify-content:center}.feedback-form{background:#f9fafb;border-radius:12px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;gap:12px;margin:10px auto;max-width:600px;padding:12px;width:80%}.feedback-form textarea{border:1px solid #d1d5db;border-radius:8px;font-size:14px;min-height:80px;padding:10px;resize:none}.feedback-form textarea:focus{border-color:#0d9488;box-shadow:0 0 4px #0d94884d;outline:none}.rating-options{display:flex;gap:12px;justify-content:center}.rating-options label{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:6px}.rating-options input[type=radio]{accent-color:#0d9488;cursor:pointer;transform:scale(1.1)}.submit-btn{background:#0d9488;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;margin-left:auto;margin-right:auto;max-width:200px;padding:10px 14px;transition:background .3s}.submit-btn:hover{background:#017d8a}.emoji-rating-options{background-color:#f3f4f6;border-radius:12px;gap:20px;padding:10px}.emoji-rating{position:relative}.emoji-rating input{cursor:pointer;opacity:0;position:absolute}.emoji-rating span{filter:grayscale(100%) opacity(50%);font-size:2.5rem;transition:transform .2s ease,filter .2s ease}.emoji-rating:hover span{filter:grayscale(0) opacity(80%);transform:scale(1.2)}.emoji-rating.selected span{filter:grayscale(0) opacity(100%);transform:scale(1.3)}.emoji-rating:first-child.selected span{color:#dc2626}.emoji-rating:nth-child(2).selected span{color:#f97316}.emoji-rating:nth-child(3).selected span{color:#f59e0b}.emoji-rating:nth-child(4).selected span{color:#10b981}.emoji-rating:nth-child(5).selected span{color:#3b82f6}.default-doctor-avatar{align-items:center;background-color:#0d9488;border-radius:50%;color:#fff;display:flex;font-size:15px;font-weight:700;height:50px;justify-content:center;text-transform:uppercase;width:50px}#root,body,html{-webkit-overflow-scrolling:touch;margin:0;padding:0}.appointments-container{display:flex;flex-direction:column}.appointments-content{flex-grow:1;gap:1rem;padding-bottom:2rem}.appointment-card{background:#fff;border-radius:12px;box-shadow:0 2px 6px #0000000d}.tabs-list{margin-bottom:1rem}body{scroll-behavior:smooth}@media (max-width:768px){.tabs-list{width:80%}}.no-data-box{background:#fff;box-shadow:0 12px 28px #0d94881a;color:#0f172a;left:50%;padding:2rem 2.5rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.appointments-header{width:100%}.no-data-icon{margin-bottom:10px}.no-data-text{font-size:1.1rem}@media (min-width:768px){.tabs-list{width:70%}.appointments-content{height:70vh;margin:20px;overflow-y:hidden;padding:20px}}.appointments-container{min-height:100vh}.appointments-title{color:#0f172a;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.tabs-list{display:flex;gap:1rem;justify-content:center;margin-bottom:24px}.tab-trigger{background:#e0f2f1;border:none;border-radius:999px;color:#0d9488;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease-in-out}.tab-trigger.active{background:#0d9488;color:#fff}.appointments-content{display:flex;flex-direction:column;gap:20px;overflow-y:auto}.no-data-box{align-items:center;background:#f9fafa;border-radius:16px;box-shadow:0 12px 24px #0d94881a;display:flex;flex-direction:column;padding:40px 20px;text-align:center}.no-data-icon{color:#0d9488;margin-bottom:12px}.no-data-text{color:#334155;font-size:1rem;font-weight:500}@media screen and (max-width:768px){.appointments-container{margin:30px 16px;padding:16px}.appointments-title{font-size:1.5rem}.tab-trigger{font-size:14px;padding:8px 16px}.no-data-text{font-size:.95rem}}.emoji-rating-options{align-items:center;display:flex;gap:1.2rem;justify-content:center}.emoji-rating{align-items:center;cursor:pointer;display:flex;flex-direction:column;transition:transform .2s ease}.emoji-rating:hover{transform:scale(1.2)}.emoji-rating input{display:none}.emoji-rating svg{stroke:#94a3b8;stroke-width:2;transition:stroke .2s ease,transform .2s ease}.emoji-rating.selected svg{stroke:#0d9488}.appointment-card{background:linear-gradient(145deg,#fff,#f3f4f6);box-shadow:0 8px 24px #0d94881a,0 4px 12px #0000000f;display:flex;flex-direction:column;gap:16px;margin:16px auto;padding:20px;transition:transform .2s ease,box-shadow .3s ease;width:90%}.appointment-card:hover{box-shadow:0 12px 28px #0d948826,0 6px 16px #00000014;transform:translateY(-4px)}@media (max-width:768px){.appointments-container{margin:0;padding:0}.appointment-card{border-radius:0;box-sizing:border-box;margin:0;max-width:100vw;padding:1rem;width:100vw}.appointments-title{padding:1rem}.appointments-content{padding:0}.appointment-actions{flex-direction:column;gap:.75rem}.cancel-btn,.details-btn,.reschedule-btn,.submit-btn{font-size:1rem;padding:.75rem;width:100%}}#root,body,html{height:100%;overflow-x:hidden;overflow-y:auto}body{font-family:Inter,sans-serif}.appointments-container{box-sizing:border-box;overflow:visible;padding:1rem}.appointment-card{background:#f9f9f9;border-radius:16px;box-shadow:0 4px 16px #0000000d;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;max-width:700px;padding:1rem}@media (max-width:768px){.appointment-card{border-radius:0;margin-left:0;margin-right:0;width:100%}.appointments-container{padding:0}.appointment-card{border-radius:0!important;box-sizing:border-box;margin:0!important;padding:1rem;width:100vw}body{margin:0;overflow-x:hidden;padding:0}}.appointments-container{background:#fff;border-radius:16px;box-shadow:0 8px 24px #0000000f;max-width:800px;padding-top:50px;padding:20px;position:relative;top:90px}.details-container{animation:fadeIn .3s ease-in-out;background:#fff;border-radius:16px;box-shadow:0 6px 18px #0000000f;font-family:Segoe UI,sans-serif;margin:0 auto;max-width:500px;padding:24px}.details-title{border-left:4px solid #0d9488;color:#222;font-size:22px;font-weight:600;margin-bottom:16px;padding-left:10px;text-align:left}.medication-card{background:#e0f7ec;border-radius:12px;box-shadow:0 2px 5px #0000000a;margin-bottom:16px;padding:16px;transition:transform .2s ease}.medication-card:hover{transform:translateY(-2px)}.medication-card h2{color:#065f46;font-size:18px;margin-bottom:8px}.medication-card p{font-size:14px;margin:4px 0}.notes-card{background:#fff7ed;border-left:4px solid #f97316;border-radius:12px;color:#7c2d12;font-size:14px;margin-bottom:20px;padding:14px}.action-btn{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;padding:12px;transition:background .3s ease;width:100%}.secondary{background:#f3f4f6;color:#111827}.secondary:hover{background:#e5e7eb}.error-message,.loading{color:#444;font-size:16px;margin-top:40px;text-align:center}.page-wrapper{align-items:center;background:#f9fafb;display:flex;justify-content:center;min-height:100vh}body{padding:0}.payment-container,body{background-color:#fff;margin:0}.payment-container{align-items:center;display:flex;height:100vh;justify-content:center}.payment-card{background-color:#fff;border-radius:24px;box-shadow:0 10px 35px #0000001a;max-width:420px;padding:2.5rem 3rem;text-align:center;transition:transform .2s ease-in-out;width:100%}.payment-card:hover{transform:scale(1.02)}.payment-title{color:#00796b;font-size:2rem;font-weight:700;margin-bottom:.5rem}.payment-subtext{color:#616161;margin-bottom:1.5rem}.payment-details{background-color:#f1f1f1;border-radius:16px;margin-bottom:2rem;padding:1rem}.payment-details h3{color:#333;margin:.5rem 0}.pay-button{background-color:#009688;border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:1.1rem;padding:.75rem 2rem;transition:background-color .3s ease,transform .2s ease}.pay-button:hover{background-color:#00796b;transform:scale(1.05)}.payment-footer{color:#9e9e9e;font-size:.85rem;margin-top:1.5rem}.array-input-group{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.array-input-group input{border:1px solid #d1d5db;border-radius:8px;flex:1 1;font-size:14px;outline:none;padding:8px 12px;transition:all .2s}.array-input-group input:focus{border-color:#6366f1;box-shadow:0 0 0 2px #6366f133}.add-btn{align-items:center;background:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:background .2s}.add-btn:hover{background-color:#0f766e}.pill-group{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:1rem}.pill{align-items:center;background-color:#f1f5f9;border:1px solid #e2e8f0;border-radius:9999px;color:#334155;display:flex;font-size:13px;padding:5px 10px}.pill svg{stroke-width:2;stroke:#94a3b8;cursor:pointer;margin-left:6px;transition:stroke .2s}.pill svg:hover{stroke:#ef4444}.img-name,.option-doctor-info{display:flex;flex-direction:column}.enable-auto{display:flex;gap:20px}.select-img{border-radius:50%;height:80px;object-fit:cover;width:80px}.settings-container{background:#f9f9f9;border-radius:16px;box-shadow:0 10px 30px #0000001a;font-family:Poppins,sans-serif;max-width:900px;padding:70px 30px 30px}.settings-heading{color:#0f172a;font-size:32px;font-weight:700;justify-content:center;margin-bottom:30px;text-align:center}.checkbox-row,.settings-heading{align-items:center;display:flex;gap:.5rem}.checkbox-row{margin-top:1rem}.checkbox-row input[type=checkbox]{margin:0}.action-btns{justify-content:space-between}.btn:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.7;pointer-events:none;transition:all .2s ease}.modal-overlay{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 5px 15px #0000004d;max-width:350px;padding:2rem;text-align:center}.modal-content h3{color:#e53e3e;margin-bottom:.5rem}.modal-content p{color:#444;margin-bottom:1.5rem}.modal-buttons{gap:1rem}.modal-buttons,.settings-tabs{display:flex;justify-content:center}.settings-tabs{flex-wrap:wrap;gap:12px;margin-bottom:30px}.settings-tab{background-color:#e2e8f0;border:none;border-radius:30px;color:#0f172a;cursor:pointer;font-size:15px;padding:12px 20px;transition:all .2s ease-in-out}.settings-tab:hover{background-color:#cbd5e1}.settings-tab.active{background-color:#0d9488;box-shadow:0 4px 12px #0d948833;color:#fff;font-weight:700}.settings-card{animation:fadeIn .3s ease-in-out;background-color:#fff;border-radius:12px;box-shadow:0 8px 20px #0000000d;display:flex;flex-direction:column;gap:16px;padding:24px}.settings-card h2{align-items:center;color:#0f172a;display:flex;font-size:20px;gap:10px;margin-bottom:10px}input,select,textarea{border:1px solid #cbd5e1;border-radius:8px;font-size:15px;outline:none;padding:12px 16px;transition:border-color .2s}input:focus,select:focus,textarea:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948826}textarea{min-height:100px;resize:vertical}.btn{align-self:flex-end;background-color:#0d9488;border-radius:10px;font-size:15px;font-weight:600;padding:12px 20px;transition:background-color .2s;width:fit-content}.btn:hover{background-color:#0f766e}.btn.warning:hover{background-color:#d97706}.btn.danger:hover{background-color:#dc2626}input[type=checkbox],input[type=radio]{accent-color:#0d9488;transform:scale(1.2)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.settings-heading{font-size:26px}.settings-tab{font-size:14px;padding:10px 16px}}.section{margin-bottom:1rem}.auto-booking-form{background-color:#f8f8f8;border-radius:10px;gap:.7rem;margin-top:1rem;padding:1rem}.auto-booking-form input[type=file]{margin-top:.3rem}.input-row,.section{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.file-upload{gap:.4rem}.upload-label{background-color:var(--primary-color);color:#fff;display:inline-block;font-size:.9rem;transition:background .3s ease;width:fit-content}.upload-label:hover{background-color:#0f766e}.file-name{color:#333;font-size:.85rem;font-style:italic}.action-btns{display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}.action-btns .btn{align-items:center;border-radius:8px;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.85rem 1rem;width:100%}.btn.warning{background-color:#f59e0b;border:none;color:#fff}.btn.danger{background-color:#ef4444}.btn,.btn.danger{border:none;color:#fff}.btn{background-color:#1976d2;background-color:var(--primary-color,#1976d2);cursor:pointer}.auto-booking-form{gap:1.2rem}.auto-booking-form,.file-upload{display:flex;flex-direction:column}.file-upload{gap:.5rem}.upload-label{align-items:center;border-radius:8px;cursor:pointer;display:inline-flex;font-weight:500;padding:.6rem 1rem}.file-input{display:none}.file-name{color:#444;font-size:.875rem;margin-top:.25rem;word-break:break-word}.auto-booking-form .btn{font-size:1rem;margin-top:.75rem;padding:.8rem;width:100%}@media (max-width:768px){.auto-booking-form{gap:1.5rem}.settings-container{min-height:100vh;padding-bottom:0;padding-left:0;padding-right:0}.auto-booking-form .btn,.upload-label{box-sizing:border-box;width:100%}}@media (min-width:768px){.settings-container{background:#f9f9f9;border-radius:16px;box-shadow:0 10px 30px #0000001a;font-family:Poppins,sans-serif;margin:0 auto 140px;max-width:900px;padding:70px 30px 30px;position:relative;top:90px}}:root{--primary-color:#0d9488;--primary-light:#ccfbf1;--primary-dark:#134e4a;--accent-color:#14b8a6;--text-color:#0f172a;--error-color:#ef4444;--success-color:#10b981;--background-gradient:linear-gradient(135deg,#f0fdfa,#ecfeff,#f0fdfa);--card-shadow:0 10px 25px #0000001a;--input-shadow:0 2px 4px #0000000d}.otp-page{align-items:center;background:linear-gradient(135deg,#f0fdfa,#ecfeff,#f0fdfa);background:var(--background-gradient);display:flex;justify-content:center;min-height:100vh;padding:1rem}.otp-container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffe6;border:1px solid #ffffff80;border-radius:24px;box-shadow:0 10px 25px #0000001a;box-shadow:var(--card-shadow);max-width:420px;padding:2.5rem;text-align:center;width:100%}.otp-title{color:#0f172a;color:var(--text-color);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.otp-subtitle{color:#0d9488;color:var(--primary-color);font-size:.95rem;margin-bottom:2rem}.otp-input{background:#ffffffe6;border:2px solid #0000;border-radius:12px;box-shadow:0 2px 4px #0000000d;box-shadow:var(--input-shadow);font-size:1.25rem;margin-bottom:1rem;padding:1rem;text-align:center;transition:all .3s ease;width:100%}.otp-input:focus{background:#fff;border-color:#0d9488;border-color:var(--primary-color);outline:none}.verify-button{background:#0d9488;background:var(--primary-color);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .3s ease;width:100%}.verify-button:hover{background:#134e4a;background:var(--primary-dark);transform:translateY(-2px)}.error-message{color:#ef4444;color:var(--error-color);font-size:.9rem;margin-bottom:1rem;margin-top:-.5rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:24px;margin:0 auto;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.login-card{width:500px}.otp-box{background:#ffffffbf;height:3.25rem;width:5rem}.otp-inputs{grid-gap:.5rem;display:grid;gap:.5rem;grid-auto-rows:auto;grid-template-columns:repeat(3,auto);justify-content:center;margin-bottom:1.5rem;padding:0 1rem}.otp-box{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffffd9;border:1.5px solid #0d948833;border-radius:10px;box-shadow:0 2px 4px #0000000d;font-size:1.4rem;height:3rem;width:2.5rem}.otp-box:focus{background:#fff;border-color:#0d9488;border-color:var(--primary-color);box-shadow:0 0 0 2px #0d948833}.otp-box{background:#fff;border:1.5px solid #0d9488;border:1.5px solid var(--primary-color);border-radius:12px;box-shadow:0 3px 8px #0000000d;color:#0f172a;color:var(--text-color);font-size:1.5rem;font-weight:600;height:3.2rem;text-align:center;transition:all .2s ease-in-out;width:3.8rem}.otp-box:focus{border-color:#14b8a6;border-color:var(--accent-color);box-shadow:0 0 0 2px #14b8a633;outline:none}.login-button:disabled{background-color:#ccc;color:#666;cursor:not-allowed;opacity:.8}.css-13427st-MuiPaper-root-MuiCard-root{background-color:#fff;background-image:var(--Paper-overlay);border-radius:4px;border-radius:16px;bottom:30px;box-shadow:var(--Paper-shadow);box-shadow:0 3px 3px -2px #0003,0 3px 4px 0 #00000024,0 1px 8px 0 #0000001f;color:#000000de;max-width:400px;overflow:hidden;padding:32px;position:relative;text-align:center;transition:box-shadow .3s cubic-bezier(.4,0,.2,1) 0ms;width:100%}.css-pbf9dz{margin-left:auto;margin-right:auto;max-width:600px;padding:16px}.mailbox-container{padding-top:50px}.cp-container{align-items:center;background-color:#f9f9f9;display:flex;justify-content:center;min-height:100vh}.cp-form{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;box-sizing:border-box;max-width:400px;padding:2rem 2.5rem;width:100%}.cp-form h2{color:#333;margin-bottom:1.5rem;text-align:center}.cp-form input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;margin-bottom:1rem}.cp-form button,.cp-form input{font-size:1rem;padding:.75rem;width:100%}.cp-form button{border:none;border-radius:8px;color:#fff;cursor:pointer;transition:background-color .3s ease}.cp-form button,.cp-form button:hover{background-color:#0d9488}.cp-message{font-size:.95rem;margin-top:1rem;text-align:center}.cp-message.success{color:#0d9488}.cp-message.error{color:red}.fp-container{align-items:center;background-color:#f3f4f6;display:flex;height:100vh;justify-content:center}.fp-form{background-color:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;max-width:400px;padding:30px;width:100%}.fp-form h2{color:#333;margin-bottom:20px;text-align:center}.fp-form input{border:1px solid #ccc;border-radius:6px;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.fp-form button{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}.fp-form button,.fp-form button:hover{background-color:#0d9488}.fp-message{font-weight:700;margin-top:10px;text-align:center}.fp-message.success{color:green}.fp-message.error{color:red}.fp-back{margin-top:12px;text-align:center}.fp-back a{color:#0d9488;font-size:14px;text-decoration:none}.fp-back a:hover{text-decoration:underline}.success-container{align-items:center;background-color:#f9fafb;display:flex;height:100vh;justify-content:center}.success-card{background-color:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;max-width:400px;padding:32px;text-align:center;width:90%}.success-icon{color:#10b981;margin-bottom:16px}.success-title{font-size:24px;font-weight:700;margin-bottom:8px}.success-message{font-size:16px;margin-bottom:16px}.success-details{color:#374151;font-size:14px;margin-bottom:24px}.success-button{background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 20px;transition:background-color .2s ease}.success-button:hover{opacity:.5}*{margin:0;padding:0}.welcome-page *{box-sizing:border-box}body,html{height:100vh;margin:0;overflow-x:hidden;padding:0;width:100vw}.page-container{align-items:center;background:linear-gradient(135deg,#f0fdfa,#e6fffa 50%,#f0fdfa);display:flex;flex-direction:column;left:0;margin:0;min-height:100vh;padding:40px 20px;position:absolute;right:0;top:0;width:100%}.welcome-section{margin-bottom:40px;text-align:center;width:100%}.main-title{color:#2c5282;font-size:2.5rem;font-weight:700;margin-bottom:10px}.subtitle{color:#4a5568;font-size:1.2rem}.cards-container{display:flex;gap:40px;margin:0 auto;max-width:1200px;width:100%}.card{background:#fff;border-radius:20px;box-shadow:0 4px 6px #0000001a;flex:1 1;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-5px)}.card-content{display:flex;flex-direction:column;height:100%;padding:30px}.image-container{border-radius:75px;height:150px;margin:0 auto 20px;overflow:hidden;position:relative;width:150px}.user-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.image-overlay{background:linear-gradient(45deg,#008c9533,#008c9500);bottom:0;left:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.card:hover .user-image{transform:scale(1.1)}.card-title{color:#008c95;font-size:1.8rem;margin-bottom:15px;text-align:center}.card-description{color:#4a5568;font-size:1rem;line-height:1.6;margin-bottom:25px;text-align:center}.features-list{margin-bottom:30px}.feature-item{align-items:center;background:#008c950d;border-radius:8px;display:flex;margin-bottom:15px;padding:10px;transition:background-color .2s ease}.feature-item:hover{background:#008c951a}.feature-icon{font-size:1.2rem;margin-right:12px}.action-button{align-items:center;background:#008c95;border:none;border-radius:25px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;gap:10px;justify-content:center;margin-top:auto;padding:15px 30px;transition:all .3s ease}.action-button:hover{background:#007580;transform:translateY(-2px)}.button-arrow{transition:transform .3s ease}.action-button:hover .button-arrow{transform:translateX(5px)}@media (max-width:968px){.cards-container{flex-direction:column;padding:0 20px}.card{margin:0 auto;max-width:500px;width:100%}.main-title{font-size:2rem}}@media (max-width:480px){.page-container{padding:20px 10px}.main-title{font-size:1.8rem}.card-title{font-size:1.5rem}.image-container{height:120px;width:120px}}
/*# sourceMappingURL=main.6052400e.css.map*/