@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.login-container,.login-container *{font-family:Poppins,sans-serif}body,html{background-color:#f6fbff;margin:0;padding:0}.login-page{width:100%}.login-container{align-items:center;background-color:#f6fbff;display:flex;justify-content:center;min-height:80vh;padding:1.5rem}.login-back{left:2rem;position:absolute;top:1.5rem}.back-link{color:#384a9c;font-size:1.3rem;font-weight:600;text-decoration:none;transition:color .2s}.back-link:hover{text-decoration:underline}.logo-plus-login{display:flex;justify-content:center;margin-bottom:1.5rem}.login-content{align-items:center;background-color:#fff;border-radius:1rem;box-shadow:0 4px 24px #0000000f;flex-direction:column;max-width:450px;padding:3rem 2.5rem;width:100%}.login-logo{display:block;height:auto;margin:0 auto 1.5rem;width:48px}.logo-plus svg{height:60px;width:60px}.login-header h1{color:#384a9c;font-size:1.5rem;font-weight:600;margin-bottom:.5rem;text-align:center}.subheading{color:#5d7173;font-size:.95rem;margin-bottom:2rem;text-align:center}.login-form{display:flex;flex-direction:column;gap:1.25rem;width:100%}.login-form-group label{color:#333;display:block;font-size:.95rem;font-weight:500;margin-bottom:.4rem}.login-form-group input{background-color:#f9fafb;border:1px solid #ccc;border-radius:.5rem;font-size:1rem;margin:0 auto;padding:.75rem;transition:border-color .2s;width:94%}.login-form-group input:focus{background-color:#fff;border-color:#384a9c;outline:none}.input-hint{color:#9ca3af;font-size:.8rem;margin-top:.25rem}.form-options{color:#5d7173;font-size:.875rem;justify-content:space-between}.form-options,.remember-me{align-items:center;display:flex}.remember-me{gap:.4rem}.forgot-password{color:#384a9c;font-weight:600;margin-right:4px;text-decoration:none}.forgot-password:hover{text-decoration:underline}.signin-button{background-color:#384a9c;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .2s}.signin-button:hover{background-color:#2b3a6d}.signin-button:disabled{background-color:#c4c9e0;cursor:not-allowed}.error-message{margin-top:-10px}.signup-link{color:#5d7173;font-size:.875rem;margin-top:1.5rem;text-align:center}.registration-link{color:#384a9c;font-weight:600;margin-left:4px;text-decoration:none}.registration-link:hover{text-decoration:underline}@media (max-width:420px){.login-content{padding:2rem}}.logout-alert{background-color:#ffe0e0;border:1px solid #ff9c9c;border-radius:8px;color:#b00020;font-weight:500;margin-left:630px;max-width:500px;padding:12px 16px;text-align:center}.login-page-wrapper{background-color:#f6fbff;margin-top:20px}.signup-container{align-items:center;background-color:#f6fbff;display:flex;flex-direction:column;min-height:100vh;padding:2rem 1rem;position:relative}.logo-plus-signup{display:inline-block;vertical-align:middle}.main-header{justify-content:space-between;margin-bottom:2rem;width:90%}.logo-container,.main-header{align-items:center;display:flex}.logo-container{gap:0;margin-left:2rem}.logo{height:auto;width:28px}.brand-name{color:#384a9c;font-size:1.25rem;font-weight:600;margin-bottom:0}.home-button{color:#384a9c;font-size:1rem;font-weight:500;margin-bottom:23px;text-decoration:none}.home-button:hover{text-decoration:underline}.signup-content{background-color:#fff;border-radius:1rem;box-shadow:0 4px 20px #0000000f;max-width:600px;padding:2.5rem;width:100%}.signup-content h1{color:#384a9c;font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.signup-form{gap:1rem}.input-group,.signup-form{display:flex;flex-direction:column}.input-label{color:#374151;font-size:.95rem;font-weight:500;margin-bottom:.5rem;padding-left:50px}.input-group input{background-color:#f9fafb;border:1px solid #d1d5db;border-radius:.5rem;display:block;font-size:1rem;margin-left:50px;padding:.75rem;width:80%}.input-group input:focus{background-color:#fff;border-color:#384a9c;box-shadow:0 0 0 2px #384a9c1a;outline:none}.name-fields{display:flex;gap:0;width:89%}.gender-selection{display:flex;gap:2rem;margin-top:.5rem}.gender-option{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem}.gender-option input[type=radio]{accent-color:#384a9c}.continue-btn{background-color:#384a9c;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin:0 auto;padding:.75rem;transition:background-color .2s ease;width:85%}.continue-btn:hover{background-color:#2b3a6d}.error-message{color:#dc2626;font-size:.875rem;font-weight:500;margin-top:-.5rem;padding-left:50px}.separator{align-items:center;display:flex;gap:.5rem;margin:1.5rem 0;text-align:center}.separator .line{background-color:#d1d5db;flex-grow:1;height:1px}.separator .or{color:#6b7280;font-size:.875rem;font-weight:500}.login-link{color:#374151;font-size:.95rem;text-align:center}.login-link a{color:#384a9c;font-weight:600;text-decoration:none}.login-link a:hover{text-decoration:underline}@media (max-width:480px){.name-fields{flex-direction:column}.signup-content{padding:1.5rem}}.header{grid-gap:2rem;background-color:#ebfbff;display:grid;font-family:Poppins,sans-serif;gap:2rem;grid-template-columns:auto 1fr auto;padding:1.2rem 2rem}.header,.logo{align-items:center}.logo{color:#384a9c;display:flex;font-size:1.6rem;font-weight:600}.plus{color:#0fcef0;font-size:2rem;margin-right:.3rem;text-decoration:none}.nav-links{align-items:center;display:flex;gap:7.5rem;justify-content:flex-end;margin-right:2rem}.nav-links a{color:#000;font-weight:400;text-decoration:none;transition:.2s}.nav-links a:hover{opacity:.9;text-shadow:0 0 4px #0000001a;transform:translateY(-1px)}.auth-buttons{align-items:center;display:flex;gap:1rem}.btn{border-radius:6px;cursor:pointer;font-family:Poppins,sans-serif;font-size:.95rem;font-weight:600;padding:10px 35px;text-decoration:none;transition:all .2s ease-in-out;white-space:nowrap}.btn-primary{background-color:#384a9c;border:none;color:#fff}.btn-outline{background-color:#fff0;border:1px solid #384a9c;color:#000;padding:10px 42px}.btn:hover{opacity:.9;transform:translateY(-1px)}.my-account{color:#000;font-weight:500}@media (max-width:768px){.header{align-items:flex-start;flex-direction:column;grid-template-columns:1fr}.nav-links{gap:1rem}.auth-buttons,.nav-links{flex-direction:column;margin-top:1rem;width:100%}.btn{text-align:center;width:100%}}.new-footer{background-color:#262828;color:#717680;font-family:Arial,sans-serif;padding:3rem 2rem 2rem}.footer-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin:0 auto;max-width:90%}.footer-brand,.footer-contacts{flex:1 1 300px;min-width:220px}.footer-heading{color:#717680;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.footer-contacts p,.footer-description{font-size:.95rem;margin:.3rem 0}.footer-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:flex-start;margin:2rem auto 1.5rem;max-width:90%}.footer-links a{color:#9ca3af;font-size:.95rem;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.footer-divider{background-color:#717680;border:none;height:1px;margin:0 auto 1.5rem;width:90%}.footer-bottom{color:#6b7280;font-size:.85rem;text-align:center}.appointment-banner{align-items:flex-start;background-color:#e6f6fb;box-sizing:border-box;display:flex;gap:2rem;justify-content:center;padding:3rem 6rem;width:100%}.appointment-left{align-items:flex-start;display:flex;flex-direction:column;position:relative}.plus-icon{left:100px;position:absolute;top:-75px;transition:transform .3s ease;width:50%;z-index:2}.plus-icon:hover{transform:translateY(-5px)}.appointment-card{align-items:center;background-color:#3c52a4;border-radius:6px;box-sizing:border-box;color:#fff;cursor:pointer;display:flex;flex-direction:column;height:170px;justify-content:flex-end;margin-top:30px;padding:1rem 2rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:400px;z-index:1}.appointment-card:hover{box-shadow:0 12px 24px #0003;transform:translateY(-5px)}.appointment-link{color:#fff;font-size:1.2rem;font-weight:700;margin-bottom:.3rem;text-decoration:none}.appointment-status{color:#000;font-size:1.3rem;font-weight:500;margin-left:.5rem;margin-top:1rem}.appointment-text{color:#000;font-size:1.7rem;font-weight:700;margin-top:20px;max-width:400px}.appointment-wrapper{align-items:flex-start;cursor:pointer;display:flex;gap:2rem;transition:transform .3s ease,box-shadow .3s ease}.appointment-wrapper:hover{transform:translateY(-5px)}.review-button{background-color:#384a9c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:6px 12px;transition:.2s}.review-button:hover{background-color:#4f5c99}.account-container{background-color:#f6fbff;min-height:75vh;padding:2rem}.account-content{background:#0000;border-radius:0;box-shadow:none;display:flex;flex-wrap:wrap;gap:3rem;padding:2rem}.account-left{flex:1 1 280px;position:relative}.profile-img-placeholder{align-items:center;background-color:#ebfbff;border:1.5px solid #384a9c;border-radius:.5rem;box-shadow:0 4px 12px #0000001a;display:flex;height:300px;justify-content:center;margin:0 auto;max-width:260px;overflow:hidden;width:100%}.profile-img{border-radius:.5rem;height:100%;object-fit:cover;width:100%}.profile-name-wrapper{align-items:center;display:flex;flex-wrap:wrap;gap:6.2rem;justify-content:flex-start;margin-top:1rem}.profile-name{color:#000;font-size:1.4rem;font-weight:600;margin:0;padding-left:135px}.edit-photo{background:#0000;border:1px solid #fff;border-radius:6px;color:#384a9c;cursor:pointer;font-size:.9rem;padding:.4rem 1rem;transition:transform .2s ease;white-space:nowrap}.edit-photo:hover{transform:translateY(-2px)}.account-right{flex:2 1 500px}.form-title{color:#384a9c;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:0;transform:translateY(-9.5px)}.form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(220px,1fr));margin-bottom:2rem}.account-form-group{display:flex;flex-direction:column}.account-form-group label{color:#5d7173;font-size:.9rem;margin-bottom:.4rem}.account-form-group input{background:#ebfbff;border:1px solid #e0e0e0;border-radius:6px;color:#565b72;font-size:1rem;padding:.7rem 1rem;width:70%}.password-section{border-top:1px solid #e0e0e0;padding-top:1.5rem;width:86.5%}.password-section h4{color:#303030;margin-bottom:1rem}.password-section input{background:#ebfbff;border:1px solid #e0e0e0;border-radius:6px;display:block;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.account-form-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-right:108px;margin-top:2rem}.account-cancel{background:#0000;border:none;border-radius:6px;color:#000;cursor:pointer;font-size:1rem;padding:.75rem 2rem;transition:transform .2s ease}.account-cancel:hover{transform:translateY(-2px)}.account-save{background:#384a9c;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:550;padding:.75rem 2rem;transition:all .2s ease}.account-save:hover{background:#2b3a6d;transform:translateY(-2px)}@media (max-width:768px){.form-buttons{justify-content:center}}.home{font-family:Poppins,sans-serif}.hero{background-color:#ebfbff;margin-bottom:50px;margin-top:0;padding:60px 20px;text-align:center}.hero h1{color:#1e2a78;font-size:2.8rem;font-weight:700}.cursor,.typed-word{color:#2f3d8a}.cursor{animation:blink 1s steps(1) infinite;display:inline-block;margin-left:3px}@keyframes blink{50%{opacity:0}}.specialties{padding:40px 0;text-align:center}.specialties h2{color:#2f2f2f;font-size:1.8rem;font-weight:600;margin-bottom:70px;padding-bottom:35px}.specialties-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);justify-items:center;margin:0 auto;max-width:1000px;padding:0 10px}.specialty-card{background:#2f3d8a;border-radius:6px;box-shadow:0 8px 16px #0000001a;color:#fff;height:140px;padding:60px 16px 16px;position:relative;text-align:center;transition:transform .2s ease;width:180px}.specialty-card:hover{transform:translateY(-10px)}.specialty-card img{left:50%;object-fit:contain;position:absolute;top:-80px;transform:translateX(-50%);transition:transform .5s ease;width:100%}.specialty-card p{font-size:.95rem;font-weight:600;margin-top:120px}.service-banner{background-color:#1e2a78;position:relative;text-align:center}.service-banner:before{background-color:#fff;content:"";display:block;height:50px;margin-bottom:20px}.pills-container{bottom:13.5rem;position:absolute;right:12rem;z-index:25}.pills-container img{height:auto;transition:transform .3s;width:60%}.pills-container img:hover{transform:scale(1.1)}.cross-container img{height:auto;transition:transform .8s;width:60%}.cross-container img:hover{transform:rotate(180deg)}.cross-container{left:50%;position:absolute;top:55px;transform:translate(-50%,-50%);z-index:30}.card-container{align-items:flex-start;display:flex;flex-direction:column;width:500px}.service-banner-content{align-items:flex-start;display:flex;gap:15rem;justify-content:center;margin:3rem auto 0;max-width:1000px;position:relative}.service-card{background-color:#cbf463;border-radius:10px;box-sizing:border-box;display:flex;flex-direction:column;height:240px;justify-content:space-between;overflow:hidden;padding:40px;position:relative;transition:transform .2s ease;width:100%;z-index:20}.service-card:hover{transform:translateY(-10px)}.service-link{align-self:flex-end;background-color:#007577;border:none;border-radius:5px;color:#cbf463;display:inline-block;font-weight:700;margin-top:auto;padding:10px 20px;text-decoration:none}.service-card.reviews .card-text{font-size:1.3rem;font-weight:700;margin:0;text-align:center;word-break:break-word}.service-card.appointment .card-text h3{font-size:1.5rem;font-weight:700;line-height:1.5;margin:0;padding-top:10px;text-align:left;white-space:pre-line}.service-card.reviews .service-link{align-self:center;margin-top:1.3rem;text-align:center;width:100%}.service-card.appointment .service-link{align-self:flex-end;margin-top:-.5rem}.card-before{align-self:flex-start;color:#dbff8d;font-size:1.2rem;margin-top:.5rem}body{font-family:Poppins,sans-serif}.doctors-container{background-color:#f6fbff;min-height:100vh;padding:2rem}.active,.breadcrumb{color:#2d3e8b;font-weight:600}.doctors-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(4,auto);justify-items:center;padding:4rem}.doctor-card{background:#fff;border:1.5px solid #3a4a8e;border-radius:11px;box-shadow:0 4px 16px #0000001a;flex-direction:column;height:380px;justify-content:flex-end;overflow:hidden;position:relative;transition:transform .2s;width:300px}.doctor-card:hover{box-shadow:0 6px 25px #0003;transform:translateY(-5px)}.image-overlay{height:100%;position:relative;width:100%}.doctor-img{display:block;height:100%;object-fit:cover;width:100%}.image-overlay:after{background:linear-gradient(0deg,#2d3e8bcc 0,#0000 70%);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.doctor-info{bottom:0;color:#fff;flex-direction:column;left:1rem;padding:1rem;position:absolute;text-align:left;z-index:2}.doctor-name{color:#fff;font-size:1.4rem;font-weight:600;margin-bottom:.5rem}.doctor-specialty{color:#fff;font-size:.95rem;margin-bottom:.5rem;opacity:1}.more-info-btn{background-color:#384a9c;border:none;border-radius:8px;box-shadow:0 4px 3px #000c;color:#cbf463;cursor:pointer;font-family:Poppins,sans-serif;font-weight:200;padding:.6rem 1.2rem;transition:background-color .2s ease}.more-info-btn:hover{background-color:#2b3a6d}.pagination{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.page-btn{background-color:#2d3e8b;border:none;border-radius:8px;color:#fff;padding:.5rem 1rem}.page-btn:hover{background-color:#1c2960}.add-doctor-btn{background-color:#384a9c;border:none;border-radius:8px;box-shadow:0 3px 5px #000;color:#fff;cursor:pointer;font-weight:700;margin-bottom:2rem;padding:.7rem 1.2rem;transition:all .2s ease}.add-doctor-btn:hover{background-color:#2d3e8b;box-shadow:0 6px 18px #00000059;color:#cbf463;transform:translateY(-2px)}.modal-overlay{background:#1e1e1eb3}.modal{background:#f0faff;border-radius:12px;padding:2rem;position:relative;text-align:center}.modal h2{color:#2d3e8b;margin-bottom:1rem}.modal p{color:#2d3e8b;margin-bottom:1.2rem}.modal form{display:flex;flex-direction:column;gap:.6rem}.modal input,.modal textarea{border:1px solid #ccc;border-radius:8px;font-family:Poppins,sans-serif;padding:.6rem}.modal-buttons{display:flex;justify-content:space-around;margin-top:1rem}.cancel-btn,.yes-btn{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:.5rem 1.2rem;width:100px}.cancel-btn{background:#384a9c;color:#fff}.yes-btn{background:#cbf463;color:#2d3e8b}.close-btn{background:none;font-size:1.5rem;right:12px;top:8px}.doctor-modal{background-color:#e7faff;border-radius:16px;padding:2rem;position:relative;width:720px}.modal-title{color:#2d3e8b;font-size:1.8rem;margin-bottom:1rem;text-align:center}.doctor-form{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;justify-content:space-between;margin-top:1rem}.add-doctor-form-left{align-items:center;display:flex;flex:1 1;flex-direction:column}.image-placeholder{align-items:center;background:#fff;border:2px solid #bfcce0;border-radius:8px;color:silver;display:flex;font-size:4rem;height:140px;justify-content:center;margin-bottom:.5rem;width:140px}.edit-text{color:#2d3e8b;font-size:.9rem;margin-bottom:1rem;margin-top:.3rem}.label-small{align-self:flex-start;color:#2d3e8b;font-size:.85rem;font-weight:700;margin-bottom:.3rem}.add-doctor-form-left input{border:1px solid #ccc;border-radius:6px;font-family:Poppins,sans-serif;margin-left:.5rem;padding:.4rem;width:100%}.rating{color:#2d3e8b;font-size:.9rem;margin-right:6.5rem;margin-top:.7rem}.add-doctor-form-right{display:flex;flex:2 1;flex-direction:column;margin-top:-18.8rem;padding-left:15rem}.form-row{display:flex;gap:1rem;margin-bottom:1rem}.form-col{display:flex;flex:1 1;flex-direction:column}.form-right label{color:#2d3e8b;font-size:.9rem;font-weight:700;margin-bottom:.3rem}.add-doctor-form-right input,.add-doctor-form-right textarea{border:1px solid #ccc;padding:.5rem}.add-doctor-form-right input,.add-doctor-form-right textarea,.modal select{border-radius:8px;font-family:Poppins,sans-serif;font-size:.9rem;margin-bottom:1rem}.modal select{background-color:#fff;border:1px solid #ccc;padding:.6rem}.submit-btn{align-self:flex-end;background-color:#2d3e8b;border:none;border-radius:8px;color:#cbf463;cursor:pointer;font-weight:600;margin-top:1rem;padding:.7rem 1.5rem;transition:.2s ease}.submit-btn:hover{background-color:#1c2960}.delete-btn{background-color:#2d3e8b;border:none;border-radius:6px;box-shadow:0 3px 5px #000;color:#fff;cursor:pointer;font-size:.8rem;font-weight:500;padding:.4rem .8rem;position:absolute;right:10px;top:10px;transition:background-color .2s ease;z-index:3}.delete-btn:hover{background-color:#1c2960;color:#cbf463}.doctor-detail-container{background:#f6fbff;color:#1a1a1a;font-family:Poppins,sans-serif;padding:3rem}.breadcrumb{color:#5d7173;font-size:1.5rem;font-weight:0;margin-bottom:2rem}.breadcrumb-link:hover{text-decoration:underline}.breadcrumb .active{color:#384a9c;font-weight:600}.doctor-header{align-items:flex-start;display:flex;flex-direction:column;gap:3rem;margin-bottom:3rem;position:relative;top:1rem}.doctor-photo img{background-color:#e0e7f1;border-radius:.75rem;box-shadow:0 .25rem 1rem #0000001a;height:18.75rem;object-fit:cover;width:15.625rem}.doctor-main-info{display:flex;flex-direction:column;justify-content:flex-start}.doctor-main-info h2{color:#384a9c;font-size:2rem;margin-bottom:.5rem}.specialty{font-size:1.1rem}.experience,.specialty{color:#000;margin-bottom:.5rem}.experience{font-size:1rem}.doctor-rating{align-items:center;display:flex;font-size:1rem;font-weight:500;gap:.4rem;margin-bottom:1rem}.static-star{height:1.125rem;object-fit:contain;width:1.125rem}.appointment-button:hover{background-color:#384a9c}.calendar-summary{background:#e9f1ff;border-radius:.75rem;margin-left:auto;margin-right:2rem;max-width:65rem;padding:3rem 7rem 7rem;position:relative;text-align:center}.calendar-summary h4{color:#384a9c;font-size:1.2rem;font-weight:600;margin-bottom:.5rem;margin-top:0}.calendar-summary h5{color:#384a9c;font-size:1rem;font-weight:400;margin-bottom:2rem}.calendar-summary p{color:#ebfbff;font-size:1rem;margin-bottom:.5rem}.calendar-cards{grid-gap:5rem;display:grid;gap:5rem;grid-template-columns:repeat(5,1fr);justify-items:center;padding:1 0}.calendar-card{background:#384a9c;border:1px solid #cfdcec;border-radius:.625rem;max-width:7.5rem;padding:1rem;position:relative;text-align:center;transition:transform .2s ease;width:100%}.calendar-card:hover{box-shadow:0 .375rem .9375rem #00000012;transform:translateY(-.25rem)}.calendar-card.no-appts{background-color:#f2f2f2;border:1px dashed #ccc;color:#999;opacity:.7;pointer-events:none}.calendar-card.no-appts .calendar-appts{color:#f2f2f2}.calendar-card.no-appts .calendar-date,.calendar-card.no-appts .calendar-day{color:#384a9c}.calendar-pagination-inside{bottom:1.5rem;display:flex;gap:2rem;justify-content:center;left:34%;margin-top:2rem;position:absolute}.page-btn{align-items:center;background-color:#fff;border:2px solid #384a9c;border-radius:.5rem;color:#384a9c;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:3rem;justify-content:center;min-width:9rem;padding:.5rem 1.5rem;transition:all .2s ease}.page-btn:hover:not(:disabled){background-color:#cdfe65;color:#384a9c}.page-btn:disabled{background-color:#f1f1f1;border-color:#aaa;color:#aaa;cursor:not-allowed;opacity:.5}.modal-overlay{align-items:center;background:#0a0a0a99;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.modal-content{background-color:#e9faff;border-radius:1.25rem;box-shadow:0 0 20px #0003;max-width:30rem;padding:2rem;position:relative;text-align:center;width:90%}.modal-close{background:none;border:none;color:#333;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:1rem}.modal-title{color:#384a9c;font-size:1.5rem;font-weight:700;margin-bottom:.3rem}.modal-subtitle{color:#556;font-size:1rem;margin-bottom:1rem}.modal-date{color:#384a9c;font-size:1.1rem;font-weight:600;margin-bottom:1.5rem}.slots-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);margin-bottom:2rem}.slot-btn{background-color:#d6ff4b;border:none;border-radius:6px;color:#384a9c;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s ease}.slot-btn:hover{background-color:#c3f037}.slot-btn.active{border:2px solid #384a9c}.confirm-btn{background-color:#384a9c;border:none;border-radius:.5rem;color:#d6ff4b;cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1rem;width:100%}.confirm-btn:hover{opacity:.9}.description-section{margin-top:3rem}.description-section h3{color:#384a9c;font-size:1.4rem;font-weight:600;margin-bottom:.75rem}.description-section p{color:#333;font-size:1.1rem;line-height:1.7}.trust-box{align-items:flex-start;background:#eef5ff;border-radius:.5rem;display:flex;gap:1rem;margin-bottom:1.5rem;padding:1rem}.trust-icon{align-self:center;height:3.5rem;object-fit:contain;width:3.5rem}.trust-text{color:#384a9c;font-size:1.2rem;font-weight:400;line-height:1.5}.reviews-section{margin-top:3rem}.reviews-section h3{color:#384a9c;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.review{background:#fff;border-radius:.625rem;box-shadow:0 .125rem .5rem #0000000d;margin-bottom:1rem;padding:1rem}.review-stars{display:flex;gap:.25rem;margin-bottom:.5rem}.star{height:1.125rem;object-fit:contain;width:1.125rem}.review-text{font-size:.95rem;margin-bottom:.4rem}.review-meta{color:#666;font-size:.85rem}.top-info-row{align-items:flex-start;display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-between;margin-bottom:3rem}@media (max-width:768px){.top-info-row{align-items:center;flex-direction:column}.calendar-summary,.doctor-header{width:100%}.doctor-main-info{align-items:center;text-align:center}}.success-messg{animation:fade-in-out 3s ease-out;background-color:#cbf463;border-radius:8px;bottom:30px;box-shadow:0 4px 12px #0003;color:384A9C;font-size:16px;padding:14px 24px;position:fixed;right:30px;z-index:1000}@keyframes fade-in-out{0%{opacity:0;transform:translateY(20px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1}to{opacity:0;transform:translateY(20px)}}*{font-family:Poppins,sans-serif}.page-container{align-items:center;display:flex;flex-direction:column;min-height:90vh;padding:clamp(1rem,2vw,2rem)}.content-wrapper,.page-container{background-color:#fff;box-sizing:border-box}.content-wrapper{margin:0 auto;max-width:1380px;padding:0 clamp(1rem,2vw,2rem);width:100%}.header-section{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:clamp(1rem,2vw,2rem);padding-left:0;width:100%}.home-button{background:none;border:none;color:#666;cursor:pointer;font-family:Arial,sans-serif;font-size:clamp(14px,2vw,16px);padding:0}.divider{color:#666;margin:0 .5rem}.appointments-text{color:#384a9c;font-size:clamp(14px,2vw,16px);font-weight:700}.table-wrapper{border:1px solid #e0e0e0;border-radius:.75rem;overflow-x:auto;width:100%}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:.75rem;width:100%}.appointments-table{background-color:#fff;border-collapse:initial;border-spacing:0;margin:2.5rem auto 0;min-width:70%;overflow-x:auto;table-layout:fixed}.appointments-table td,.appointments-table th{border-bottom:1px solid #e0e0e0;font-family:Arial,sans-serif;font-size:clamp(12px,1.5vw,16px);min-height:3rem;padding:clamp(.5rem,1vw,.75rem);text-align:center;vertical-align:middle;word-break:break-word}.appointments-table tr:first-child th:first-child{border-top-left-radius:.75rem}.appointments-table tr:first-child th:last-child{border-top-right-radius:.75rem}.appointments-table tr:last-child td:first-child{border-bottom-left-radius:.75rem}.appointments-table tr:last-child td:last-child{border-bottom-right-radius:.75rem}.appointments-table th{background-color:#fff;border-top:1px solid #e0e0e0;color:#534d59;font-size:clamp(16px,2vw,24px);font-weight:600}.bold-doctor{font-weight:700}.status-container{height:100%}.status-container,.status-rectangle{align-items:center;display:flex;justify-content:center}.status-rectangle{border-radius:4px;font-size:clamp(10px,1.5vw,13px);font-weight:500;height:clamp(24px,2.5vw,26px);max-width:100px;overflow:hidden;padding-left:1.2rem;position:relative;text-transform:capitalize;width:100%}.status-rectangle:after{background-color:currentColor;border-radius:50%;content:"";height:7px;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:7px}.x-button-container{display:flex;justify-content:center;position:relative}.x-button{background:none;border:none;color:#898989;cursor:pointer;font-size:clamp(12px,2vw,16px);font-weight:700;height:clamp(1.25rem,2vw,1.5rem);padding:0;position:relative;width:clamp(1.5rem,2vw,1.5rem)}.x-button:hover .cancel-tooltip{opacity:1;visibility:visible}.cancel-tooltip{background-color:#555;border-radius:4px;bottom:140%;color:#fff;font-family:Arial,sans-serif;font-size:clamp(10px,1.5vw,12px);max-width:140px;opacity:0;padding:.3rem .6rem;text-align:center;transition:opacity .3s;visibility:hidden;width:-webkit-max-content;width:max-content;z-index:1}.cancel-tooltip,.cancel-tooltip:after{left:50%;position:absolute;transform:translateX(-50%)}.cancel-tooltip:after{border:5px solid #0000;border-top-color:#555;content:"";top:100%}.pagination-section{flex-wrap:wrap;gap:.5rem;margin-top:3rem}.page-button,.pagination-section{align-items:center;display:flex;justify-content:center}.page-button{background-color:#fff;border:1px solid #e0e0e0;border-radius:4px;color:#333;cursor:pointer;font-family:Arial,sans-serif;font-size:clamp(12px,1.5vw,14px);height:clamp(1.8rem,4vw,2rem);width:clamp(1.8rem,4vw,2rem)}.page-button.active{background-color:#cdfe65;border-color:#cdfe65}.ellipsis{color:#666;font-family:Arial,sans-serif;font-size:clamp(12px,1.5vw,14px);padding:0 4px}.breadcrumb-appointments{color:#384a9c;display:flex;flex-wrap:wrap;font-size:clamp(14px,2vw,1.5rem);font-weight:600;gap:.5rem;margin-bottom:clamp(1.2rem,2vw,2rem);margin-left:0;margin-top:clamp(1.2rem,2vw,2rem)}.breadcrumb-link{color:#5d7173;font-weight:500;text-decoration:none}.breadcrumb-link:hover{color:#384a9c;text-decoration:none}.appt-modal-overlay{align-items:center;background:#1e1e1eb3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.appt-modal{animation:fadeIn .25s ease-in-out;background:#f0faff;box-shadow:0 8px 16px #0003;padding:2rem;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.appt-modal h2{color:#2d3e8b;font-size:1.5rem;margin-bottom:1rem}.appt-modal p{color:#2d3e8b;font-size:1rem;line-height:1.4;margin-bottom:1.5rem}.appt-modal-buttons{display:flex;gap:1rem;justify-content:space-between;margin-top:1rem}.cancel-btn{background-color:#e2e2e2;border:none;border-radius:8px;color:#333;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:.6rem 1.2rem;transition:background-color .2s}.cancel-btn:hover{background-color:#ccc}.yes-btn{background-color:#2d3e8b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-weight:500;padding:.6rem 1.2rem;transition:background-color .2s}.yes-btn:hover{background-color:#1b295f}.modal-buttons.center{justify-content:center}.missed-button{background-color:#ffe1c0;border:none;border-radius:8px;color:#b25600;cursor:pointer;font-size:.9rem;font-weight:500;padding:6px 10px;transition:background-color .2s ease}.missed-button:hover{background-color:#ffd3a3}.search-bar{display:flex;justify-content:flex-start;margin-top:10px}.search-bar input{border:1px solid #ccc;border-radius:8px;font-family:Poppins,sans-serif;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s ease;width:250px}.search-bar input:focus{border-color:#2d3e8b}.close-btn{background:#0000;border:none;cursor:pointer;font-size:24px;font-weight:700;position:absolute;right:16px;top:16px;z-index:9999}.appt-modal{background:#f0fbff;border-radius:16px;margin:0 auto;max-width:90%;padding:24px;position:relative;width:420px}.no-appointments-message{color:#888;font-size:1.2rem;padding:2rem;text-align:center}
/*# sourceMappingURL=main.1a68f6eb.css.map*/