@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&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}.navbar{background-color:#fff;box-shadow:0 2px 10px #00000014;font-family:Arial,sans-serif;padding:15px 30px;z-index:1000}.navbar-left,.navbar-right{gap:25px}.logo a,.navbar-left,.navbar-right{align-items:center;display:flex}.logo-image{height:65px;width:auto}.nav-links.desktop-nav{display:flex;gap:25px}.nav-link{color:#555;font-size:1.05em;font-weight:500;padding:5px 0;position:relative;text-decoration:none;transition:color .3s ease}.nav-link:hover{color:#007bff}.nav-link.active{color:#007bff;font-weight:600}.nav-link.active:after{animation:underline-grow .3s forwards;background-color:#007bff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);width:100%}@keyframes underline-grow{to{transform:scaleX(1)}}.admin-btn,.login-btn{background-color:#007bff;border-radius:25px;color:#fff;font-weight:600;padding:10px 20px;text-decoration:none;transition:background-color .3s ease,transform .2s ease;white-space:nowrap}.admin-btn:hover,.login-btn:hover{background-color:#0056b3;transform:translateY(-1px)}.admin-btn.active{background-color:#0056b3}.UserProfile-dropdown{display:inline-block;position:relative;z-index:100}.UserProfile-button{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;justify-content:center;padding:0;transition:transform .2s ease}.UserProfile-button:hover{transform:translateY(-1px)}.UserProfile-initial-avatar,.dropdown-avatar,.mobile-user-avatar{align-items:center;background-color:#4285f4;border-radius:50%;box-shadow:0 1px 3px #0000001a;color:#fff;display:flex;flex-shrink:0;font-size:1.2em;font-weight:500;height:40px;justify-content:center;width:40px}.dropdown-menu{animation:fadeInScale .2s ease-out forwards;background-color:#fff;border-radius:8px;box-shadow:0 4px 15px #00000026;min-width:200px;padding:10px 0;position:absolute;right:0;top:100%;transform-origin:top right;z-index:1001}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.dropdown-user-info{align-items:center;display:flex;gap:10px;margin-bottom:10px;padding:10px 15px}.dropdown-avatar{font-size:1.5em;height:50px;width:50px}.dropdown-user-name{color:#333;font-weight:600;word-break:break-word}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-size:1em;gap:10px;padding:12px 15px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:hover{background-color:#f0f0f0}.dropdown-item .dropdown-icon{font-size:1.2em}.dropdown-divider{border-top:1px solid #eee;margin:10px 0}.dropdown-item.logout{color:#dc3545}.dropdown-item.logout:hover{background-color:#ffeaea}.mobile-menu-btn{background:none;border:none;cursor:pointer;display:none;padding:10px;z-index:1001}.mobile-menu-btn .menu-icon{display:flex;flex-direction:column;height:20px;justify-content:space-between;width:25px}.mobile-menu-btn .menu-icon span{background-color:#333;display:block;height:2px;transition:all .3s ease;width:100%}.mobile-menu-btn.active .menu-icon span:first-child{transform:translateY(9px) rotate(45deg)}.mobile-menu-btn.active .menu-icon span:nth-child(2){opacity:0}.mobile-menu-btn.active .menu-icon span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.mobile-menu{background-color:#fff;box-shadow:-5px 0 15px #0000001a;box-sizing:border-box;display:flex;flex-direction:column;height:100%;max-width:300px;padding:20px;position:fixed;right:-100%;top:0;transition:right .3s ease-out;width:70%;z-index:1000}.mobile-menu.active{right:0}.mobile-menu-content{display:flex;flex-direction:column;gap:20px;width:100%}.close-menu-btn{align-self:flex-end;background:none;border:none;color:#333;cursor:pointer;font-size:1.8em;margin-bottom:20px}.mobile-nav-section{border-bottom:1px solid #eee;display:flex;flex-direction:column;gap:10px;margin-bottom:20px;padding-bottom:15px}.mobile-nav-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mobile-nav-link{align-items:center;border-radius:5px;color:#333;display:flex;font-size:1.1em;font-weight:500;gap:10px;padding:10px 5px;text-decoration:none;transition:background-color .2s ease}.mobile-nav-link.active,.mobile-nav-link:hover{background-color:#e6f2ff;color:#007bff}.mobile-nav-link span{font-size:1.2em}.mobile-nav-link.admin-link .admin-icon{color:#4caf50;font-size:1.1em}.mobile-user-profile-link{align-items:center;background-color:#f9f9f9;border-radius:8px;color:#333;display:flex;gap:10px;margin-bottom:10px;padding:10px 5px;text-decoration:none;transition:background-color .2s ease}.mobile-user-profile-link:hover{background-color:#f0f0f0}.mobile-user-details{display:flex;flex-direction:column}.mobile-user-name{color:#333;font-size:1em;font-weight:600}.mobile-user-view-profile{color:#007bff;font-size:.85em}.mobile-logout-btn{align-items:center;background-color:#dc3545;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1em;font-weight:600;gap:10px;justify-content:center;margin-top:15px;padding:12px 15px;transition:background-color .2s ease;width:100%}.mobile-logout-btn:hover{background-color:#c82333}.mobile-logout-btn .logout-icon{font-size:1.2em}@media (max-width:768px){.navbar-left .desktop-nav,.navbar-right .desktop-only{display:none}.navbar-left{gap:15px}.navbar-left .admin-btn{display:none}.mobile-menu-btn{display:block}.navbar-right{gap:15px}.UserProfile-dropdown{position:static}.UserProfile-dropdown .dropdown-menu{left:auto;min-width:250px;right:0}}@media (max-width:480px){.navbar{padding:10px 15px}.logo-image{height:35px}.UserProfile-initial-avatar,.dropdown-avatar,.mobile-user-avatar{font-size:1em;height:35px;width:35px}}.footer{background-color:#1a1a1a;color:#fff;margin-top:4rem;padding:3rem 2rem 1rem}.footer-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:1200px}.footer-section h3{color:#fff;font-size:1.5rem;margin-bottom:1rem}.footer-section h4{color:#fff;font-size:1.2rem;margin-bottom:1rem}.footer-section p{color:#ccc;line-height:1.6;margin-bottom:.5rem}.footer-section ul{list-style:none;padding:0}.footer-section ul li{margin-bottom:.5rem}.footer-section ul li a{color:#ccc;text-decoration:none;transition:color .3s ease}.footer-section ul li a:hover{color:#4a90e2}.social-links{display:flex;gap:1rem}.social-link{color:#ccc;text-decoration:none;transition:color .3s ease}.social-link:hover{color:#4a90e2}.footer-bottom{border-top:1px solid #333;margin:2rem auto 0;max-width:1200px;padding-top:2rem;text-align:center}.footer-bottom p{color:#ccc}@media (max-width:768px){.footer-content{grid-template-columns:repeat(2,1fr)}.social-links{display:flex;flex-direction:column}}@media (max-width:480px){.footer-content{grid-template-columns:1fr}}.featured-doctor-info{justify-items:flex-start;margin-bottom:2rem;padding-bottom:1rem}.featured-doctors h2{color:var(--primary-color);font-weight:700;margin-bottom:1.5rem}.featuredSection-doctors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);justify-content:center;margin-bottom:10px}.featuredSection-doctors-grid .featured-doctor-card{align-items:center;background:#f8fafc;border:1px solid #bfdbfe;border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#222b45;cursor:pointer;display:flex;flex-direction:column;height:80%;margin-top:50px;max-width:280px;padding:0;transition:box-shadow .2s,transform .2s;width:100%}.featured-doctor-card:hover{box-shadow:0 8px 24px #7c3aed26;transform:translateY(-4px) scale(1.03)}.featured-badge{background:var(--primary-color);border-radius:999px;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.5px;margin-bottom:1rem;padding:.3rem 1rem}.featured-doctor-card img{border-radius:var(--radius-sm);height:250px;margin-bottom:1rem;object-fit:fill;width:100%}.doctor-info h3{color:#222b45;font-size:1.25rem;font-weight:700;letter-spacing:.2px;margin:.5rem 0 .3rem;text-align:center}.doctor-info .specialty{font-size:1rem;font-weight:750;letter-spacing:.1px}.doctor-info .specialty,.experience{color:#4b5268cc;margin-bottom:.3rem;text-align:center}.experience{font-size:.95rem;font-weight:500}.availability{color:var(--success-color);font-size:.95rem;font-weight:600;justify-content:center;margin-top:.3rem;text-align:center}.availability.unavailable{color:var(--error-color)}.experience{display:flex;justify-content:center}.featured-doctors:before{background:linear-gradient(90deg,#0000,#e2e8f0,#0000);content:"";height:1px;left:0;position:absolute;right:0;top:0}.featured-doctors h2:after{background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:2px;bottom:-10px;height:4px;left:50%;position:absolute;transform:translateX(-50%);width:60px}.loading{font-weight:500;padding:3rem}.featured-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:2rem;padding:1rem}.featured-pagination .pagination-btn{align-items:center;background:linear-gradient(90deg,#2563eb 60%,#60a5fa);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.featured-pagination .pagination-btn:hover:not(:disabled){background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);box-shadow:0 4px 12px #2563eb26;transform:translateY(-2px)}.featured-pagination .pagination-btn:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none}.featured-pagination .page-info{color:#64748b;font-size:1rem;font-weight:500}@media (max-width:1200px){.featuredSection-doctors-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.featuredSection-doctors-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.featuredSection-doctors-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.featuredSection-doctors-grid{grid-template-columns:1fr}}.specialty-section{background:none;margin:0 0 2.5rem;padding:2rem 0 0;position:relative;text-align:center;width:100%}.specialty-title{color:#2563eb;font-size:2rem;font-weight:700;margin-bottom:.5rem}.specialty-title span{color:#1d4ed8}.specialty-desc{color:#666;font-size:1.1rem;margin-bottom:2.2rem}.front-page-specialty-list{display:flex;flex-direction:row;flex-wrap:nowrap;gap:1.5rem;justify-content:flex-start;margin:0 auto;max-width:1400px;overflow-x:hidden;padding:1rem 2rem;position:relative;scroll-behavior:smooth;transition:transform .5s ease;width:100%}.specialty-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 12px #2563eb12;cursor:pointer;display:flex;flex:0 0 200px;flex-direction:column;min-width:200px;padding:1.2rem;scroll-snap-align:start;transition:all .3s ease}.specialty-card:hover{box-shadow:0 6px 24px #2563eb21;transform:translateY(-4px)}.specialty-icon{font-size:2.2rem;margin-bottom:.7rem}.specialty-label{color:#222;font-size:1.08rem;font-weight:500}.carousel-container{margin:0 auto;max-width:1400px;position:relative;width:100%}.carousel-dots{display:flex;gap:.5rem;justify-content:center;margin-top:1rem}.dot.active{background:#2563eb;transform:scale(1.2)}.front-page-specialty-list::-webkit-scrollbar{display:none}.front-page-specialty-list{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:1400px){.nav-button.prev{left:20px}.nav-button.next{right:20px}}@media (max-width:1200px){.specialty-card{flex-basis:calc(25% - 1.5rem);flex-grow:0;flex-shrink:0}}@media (max-width:900px){.specialty-card{flex-basis:calc(33.333% - 1.5rem);flex-grow:0;flex-shrink:0}}@media (max-width:600px){.front-page-specialty-list{gap:1rem;padding:1rem}.specialty-card{min-width:160px;padding:.8rem}.specialty-icon{font-size:1.5rem}.dot{height:8px;width:8px}}.home{padding:2rem 0}.hero-section{align-items:center;background-color:#f8f9ff;border-radius:1rem;display:flex;gap:4rem;margin-bottom:4rem;padding:4rem 2rem}.arrowForBook{color:#fff;font-weight:900}.hero-content{flex:1 1}.hero-content h1{color:#333;font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.hero-subtext{margin-bottom:2rem}.avatars{align-items:center;display:flex;margin-bottom:1rem}.avatars img{border:2px solid #fff;border-radius:50%;height:40px;margin-left:-10px;width:40px}.avatars img:first-child{margin-left:0}.hero-subtext p{color:#666;font-size:1.1rem;line-height:1.6}.book-btn{align-items:center;border-radius:20px;box-shadow:0 4px 16px #22c55e26;display:flex;font-size:1.1rem;font-weight:900;gap:.5rem;justify-content:flex-start;padding:1rem 2rem;transition:background .2s,box-shadow .2s,transform .2s}.book-btn span{font-size:1.2rem;transition:transform .2s}.book-btn:hover span{transform:translateX(4px)}.hero-image{flex:1 1;max-width:500px}.hero-image img{border-radius:1rem;box-shadow:0 4px 20px #0000001a;height:auto;width:100%}.featured-doctors{padding:2rem 0}.featured-doctors h2{color:#333;font-size:2rem;font-weight:600;margin-bottom:2rem;text-align:center}.doctors-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));padding:0 2rem}@media (max-width:1024px){.hero-section{flex-direction:column;padding:2rem;text-align:center}.hero-content h1{font-size:2rem}.avatars{justify-content:center}.hero-image{max-width:100%}}@media (max-width:768px){.hero-content h1{font-size:1.8rem}.doctors-grid{grid-template-columns:1fr;padding:0 1rem}}.all-doctors-container{background-color:var(--background-color);display:flex;gap:2rem;margin:0 auto;max-width:1600px;min-height:40vh;padding:2rem}.pagination-controls{align-items:center;display:flex;gap:1rem;justify-content:center;margin-top:30px}.all_doc_experience{display:block}.all-button-group{flex-direction:column;gap:10px;margin-top:40px}.all-button-group,.all-doc-status{display:flex;justify-content:center}.all-doc-status{color:#22c55e;margin-bottom:0;padding:0}.all-button-group .view-profile-btn{background-color:#22c55e;color:#fff}.all-button-group .view-profile-btn:hover{background-color:#fff;color:#000}.sidebar{background:#fff;border-radius:16px;box-shadow:0 4px 24px #2563eb12;margin-right:2rem;max-height:100vh;min-width:300px;overflow-y:auto;padding:1rem 1.5rem;position:sticky;top:2rem}.sidebar h3{border-bottom:2px solid #e0e7ff;color:#222;font-size:1.15rem;font-weight:700;letter-spacing:.01em;margin-bottom:2rem;padding-bottom:.5rem}.specialty-list{display:flex;flex-direction:column;gap:.8rem}.specialty-btn{background:#f3f6fa;border:none;border-radius:8px;box-shadow:0 1px 3px #2563eb0a;color:#2563eb;cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:.8rem 1.2rem;text-align:left;transition:all .2s ease;width:100%}.specialty-btn:focus,.specialty-btn:hover{background:#e0e7ff;box-shadow:0 2px 8px #2563eb1a;color:#1d4ed8;transform:translateX(4px)}.specialty-btn.active{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);border:none;box-shadow:0 4px 16px #2563eb21;color:#fff;font-weight:700;transform:translateX(4px)}.doctors-list{flex:4 1;min-height:600px;overflow:hidden;padding:1.2rem 0;position:relative}.all-doctors-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);width:50%}.all-doctor-card{animation:fadeInCard .7s cubic-bezier(.4,0,.2,1);border:1px solid #bfdbfe;border-radius:1rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;cursor:pointer;height:100%;padding:0;transition:box-shadow .18s,transform .18s,background .18s;width:246px}.all-doctor-card:hover{border:none;box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.all-doctor-img{border-radius:1rem 1rem 0 0;height:200px;object-fit:cover;width:100%}.all-doctor-info{display:flex;flex:1 1;flex-direction:column;gap:.5rem;padding:1rem;text-align:center}@keyframes fadeInCard{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.doctor-card:hover{background:linear-gradient(135deg,#e0e7ff,#f4f6fb);border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 12px 36px #2563eb2e,0 6px 16px #0000001a;transform:translateY(-6px) scale(1.025)}.doctor-avatar{background:#fff;border:2px solid #2563eb;border:2px solid var(--primary-color,#2563eb);border-radius:50%;box-shadow:0 1px 4px #2563eb1a;height:48px;margin-bottom:.5rem;object-fit:cover;transition:border .2s;width:48px}.doctor-card:hover .doctor-avatar{border:4px solid #1d4ed8;border:4px solid var(--primary-hover,#1d4ed8)}.doctor-name{color:#2563eb;color:var(--primary-color,#2563eb);font-size:1rem;letter-spacing:.2px;margin-bottom:.1rem;text-shadow:0 1px 0 #fff}.doctor-name,.doctor-specialty{font-weight:700;text-align:center}.doctor-specialty{color:#6366f1;font-size:1.05rem;font-style:normal;letter-spacing:.05px;margin-bottom:.15rem}.doctor-experience{color:#64748b;color:var(--text-secondary,#64748b);font-size:.88rem;font-style:italic;margin-bottom:.15rem;text-align:center}.doctor-availability-badge{background:#22c55e;border:1px solid #22c55e;border-radius:999px;box-shadow:0 1px 4px #22c55e14;color:#fff}.doctor-availability-badge,.doctor-unavailable-badge{display:inline-block;font-size:.92rem;font-weight:700;letter-spacing:.5px;margin-bottom:.2rem;padding:.3em .9em;transition:background .2s,color .2s}.doctor-unavailable-badge{background:linear-gradient(90deg,#ef4444 60%,#fee2e2);border:1px solid #fee2e2;border-radius:999px;box-shadow:0 1px 4px #ef444414;color:#991b1b}.all-doctors-grid .doctor-img{height:170px;margin-bottom:10px}.doctor-actions{display:flex;gap:.3rem;justify-content:center;margin-top:.3rem;width:100%}.doctor-actions .btn,.doctor-actions button{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);border:none;border-radius:.4rem;box-shadow:0 1px 3px #2563eb1a;color:#fff;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:700;letter-spacing:.1px;padding:.4rem .3rem;transition:background .18s,box-shadow .18s,transform .18s}.doctor-actions .btn:hover,.doctor-actions button:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);transform:translateY(-1px) scale(1.02)}.btn-primary{background:linear-gradient(90deg,#2563eb 60%,#60a5fa);border:none;border-radius:.4rem;color:#fff;font-weight:700;padding:.4rem .8rem;transition:background .18s,transform .18s}.btn-primary:hover{background:linear-gradient(90deg,#1d4ed8 60%,#2563eb);transform:translateY(-1px) scale(1.02)}.doctor-actions .btn-secondary,.doctor-actions button.btn-secondary{background:#f3f4f6;border:1.5px solid #2563eb;border-radius:.4rem;box-shadow:0 1px 3px #2563eb1a;color:#2563eb;font-weight:700;padding:.4rem .8rem;transition:background .18s,color .18s,transform .18s}.doctor-actions .btn-secondary:hover,.doctor-actions button.btn-secondary:hover{background:#2563eb;border-color:#2563eb;color:#fff;transform:translateY(-1px) scale(1.02)}@media (max-width:1200px){.all-doctors-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.all-doctors-container{flex-direction:column;padding:1rem}.sidebar{margin-bottom:2rem;margin-right:0;max-height:none;position:relative;top:0}.doctors-list,.sidebar{flex:none;width:100%}.all-doctors-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.all-doctors-container{padding:1rem}.sidebar{padding:1.5rem 1rem}.specialty-btn{font-size:.9rem;min-width:120px;padding:.5rem .8rem}.all-doctors-grid{grid-template-columns:repeat(2,1fr)}.doctors-list{margin-left:42px}.all-doctor-img{height:180px}}@media (max-width:480px){.all-doctors-grid{grid-template-columns:1fr}}.pagination-btn{background:#f3f6fa;border:none;border-radius:8px;box-shadow:0 1px 3px #2563eb0a;color:#2563eb;cursor:pointer;font-size:1rem;font-weight:600;overflow:hidden;padding:.8rem 1.5rem;position:relative;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:#2563eb;box-shadow:0 4px 12px #2563eb26;color:#fff;transform:translateY(-2px)}.pagination-btn:active:not(:disabled){box-shadow:0 2px 6px #2563eb1a;transform:translateY(0)}.pagination-btn:disabled{background:#f1f5f9;box-shadow:none;color:#94a3b8;cursor:not-allowed;transform:none}.page-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#64748b;font-size:.9rem;font-weight:500;padding:.5rem 1rem;-webkit-user-select:none;user-select:none}body{color:#333;font-family:Inter,sans-serif;line-height:1.5}.about-container{margin-left:auto;margin-right:auto;max-width:1280px}.about-main-title{color:#333;font-size:2.5rem;margin-bottom:4rem;text-align:center}.about-intro-flex{align-items:center;display:flex;flex-direction:column;gap:3rem;margin-bottom:4rem}@media (min-width:768px){.about-intro-flex{align-items:flex-start;flex-direction:row}}.about-image-wrapper{display:flex;justify-content:center;width:100%}@media (min-width:768px){.about-image-wrapper{width:50%}}.about-image{border-radius:.75rem;box-shadow:0 10px 15px #0000001a,0 4px 6px #0000000d;height:auto;max-width:100%;transition:transform .5s ease-in-out}.about-image:hover{transform:scale(1.02)}.about-text-content{text-align:center;width:100%}@media (min-width:768px){.about-text-content{text-align:left;width:50%}}.about-text-content p{color:#4a5568;font-size:1.125rem;line-height:1.75;margin-bottom:1.5rem}.about-text-content p:last-child{margin-bottom:0}.why-choose-title{color:#2d3748;font-size:1.875rem;font-weight:700;margin-bottom:2rem;text-align:center}.why-choose-us-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:768px){.why-choose-us-grid{grid-template-columns:repeat(3,1fr)}}.feature-item{background-color:#fff;border:1px solid #bfdbfe;border-radius:1rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;padding:2rem;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.feature-item:hover{background:#dbdbdb;transform:translateY(-5px)}.feature-item h3{color:#2b6cb0;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.feature-item p{color:#4a5568}.contact-container{margin:0 auto;max-width:1200px;padding:2rem}.contact-image img{width:10%}.contact-header{margin-bottom:4rem;text-align:center}.contact-header h2{color:#333;font-size:2.5rem;margin-bottom:1rem}.contact-header p{color:#666;font-size:1.1rem;margin:0 auto;max-width:600px}.contact-title{color:#2c3e50;font-size:2.5rem;margin-bottom:2rem;text-align:center}.contact-info{margin-bottom:3rem}.contact-methods{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.contact-method{background-color:#fff;border:1px solid #bfdbfe;border-radius:1rem;box-shadow:0 4px 6px #0000001a,0 1px 3px #00000014;padding:2rem;text-align:center;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.contact-method:hover{background:#dbdbdb;transform:translateY(-5px)}.contact-method h3{color:#3498db;font-size:1.2rem;margin-bottom:.5rem}.contact-method p{color:#666;line-height:1.6}.contact-form{background-color:#fff;border-radius:10px;box-shadow:0 2px 10px #0000001a;margin:0 auto;max-width:800px;padding:2rem}.form-group label{color:#2c3e50}.form-group input,.form-group textarea{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.8rem;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#3498db;outline:none}.submit-button{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:1rem 2rem;transition:background-color .3s ease;width:100%}.submit-button:hover{background-color:#2980b9}.contact-info{display:flex;flex-direction:column;gap:2rem}.info-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.info-card h3{color:#333;font-size:1.2rem;margin-bottom:1rem}.info-card p{color:#666;line-height:1.6}.info-card a{color:#4a90e2;text-decoration:none}.info-card a:hover{text-decoration:underline}.map-container{border-radius:12px;height:300px;overflow:hidden}.map-container iframe{border:none;height:100%;width:100%}@media screen and (max-width:768px){.contact-container{padding:1rem}.contact-content{padding:1.5rem}.contact-title{font-size:2rem}.contact-methods{gap:1rem;grid-template-columns:1fr}.contact-method{padding:1rem}}@media screen and (max-width:480px){.contact-title{font-size:1.8rem}.contact-content{padding:1rem}.form-group input,.form-group textarea{padding:.6rem}.submit-button{padding:.8rem 1.5rem}}.appointments-section{background-color:#fff;border-radius:15px;overflow-x:auto;padding:2rem;width:100%}.appointment-list-container{margin:0 auto;max-width:1500px;padding:2rem}.appointment-list-header{margin-bottom:2rem;text-align:center}.appointment-list-header h1{color:#333;margin-bottom:.5rem}.appointment-list-header p{color:#666;font-size:1.1rem}.error,.loading,.no-appointments{color:#666;font-size:1.2rem;padding:2rem;text-align:center}.error{color:#ff3d00}.heading{display:flex;flex-direction:row;gap:1.5rem}.appointment-card{transition:transform .2s ease}.appointment-card:hover{box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.appointment-header{margin-bottom:.8rem}.appointment-header h3{color:#333;flex-grow:1;font-size:1.2rem;margin:0 1rem 0 0;word-break:break-word}.header-actions{flex-shrink:0}.action-buttons,.header-actions{align-items:center;display:flex;gap:.5rem}.status-badge{border-radius:20px;color:#fff}.cancel-button,.confirm-button,.status-badge{flex-shrink:0;font-size:.85rem;padding:.3rem .7rem;white-space:nowrap}.cancel-button,.confirm-button{align-items:center;border:none;border-radius:4px;cursor:pointer;display:flex;gap:.2rem;transition:all .2s ease}.confirm-button{background-color:#00c853;color:#fff}.confirm-button:hover{background-color:#00a844}.cancel-button{background-color:#ff3d00;color:#fff}.cancel-button:hover{background-color:#e63500}.delete-button{align-items:center;background:none;border:none;color:#ff3d00;cursor:pointer;display:flex;flex-shrink:0;font-size:1rem;gap:.2rem;padding:.4rem;transition:opacity .2s ease;white-space:nowrap}.delete-button:hover{opacity:.8}.delete-button:disabled{cursor:not-allowed;opacity:.5}.status-message{background-color:#f5f5f5;border-radius:4px;color:#666;font-size:.9rem;margin-bottom:1rem;padding:.5rem}.appointment-details{flex-grow:1;gap:.8rem}.detail-item{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:.5rem 0}.detail-item:last-child{border-bottom:none}.detail-item .label{color:#666;font-weight:500}.detail-item .value{color:#333;text-align:right}@media (max-width:768px){.appointments-grid{grid-template-columns:1fr}.appointments-section{padding:.5rem}.appointment-header{align-items:flex-start;flex-direction:column;gap:.5rem}.header-actions{align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.action-buttons{justify-content:flex-start;width:auto}.action-buttons,.delete-button,.status-badge{flex-basis:auto;width:auto}.status-badge{flex-grow:0}.action-buttons{display:flex;flex-grow:0;gap:.5rem}.cancel-button,.confirm-button,.delete-button{flex-grow:0;justify-content:center;width:auto}}.admin-container{margin:0 auto;max-width:1200px;padding:2rem}.admin-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.admin-header h1{color:#2c3e50;margin:0}.admin-header h2{color:#333;font-size:2rem}.admin-header button{background:#4a90e2;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.8rem 1.5rem;transition:background-color .3s ease}.admin-header button:hover{background:#357abd}.signout-btn{background-color:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .2s}.signout-btn:hover{background-color:#c82333}.stats-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:1.5rem}.stat-card h3{color:#666;font-size:1.1rem;margin-bottom:.5rem}.stat-card .value{color:#333;font-size:2rem;font-weight:600}.admin-sections{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.section-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;overflow:hidden}.section-header{border-bottom:1px solid #e0e0e0;padding:1.5rem}.section-header h3{color:#333;font-size:1.2rem}.section-content{padding:1.5rem}.list-item{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:1rem 0}.list-item:last-child{border-bottom:none}.list-item .info{flex:1 1}.list-item h4{color:#333;font-size:1rem;margin-bottom:.3rem}.list-item p{color:#666;font-size:.9rem}.list-item .actions{display:flex;gap:.5rem}.action-btn{border:none;border-radius:4px;cursor:pointer;padding:.5rem;transition:background-color .3s ease}.edit-btn{background:#e7e9fd;color:var(--primary-color)}.delete-btn{background:#fee2e2;color:var(--error-color)}.edit-btn:hover{background:#d1d5f9}.delete-btn:hover{background:#fecaca}@media (max-width:768px){.admin-container{padding:1rem}.admin-header{flex-direction:column;gap:1rem;text-align:center}.admin-header h2{font-size:1.8rem}.admin-sections,.stats-grid{grid-template-columns:1fr}}.admin-panel{margin:0 auto;max-width:1200px;padding:2rem}.admin-panel h1{color:#2c3e50;margin-bottom:2rem;text-align:center}.error-message{background-color:#fee2e2;border-radius:.5rem;padding:1rem}.add-doctor-section{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;margin-bottom:2rem;padding:2rem}.add-doctor-form{grid-gap:1.5rem;display:grid;gap:1.5rem}.form-group input{border-radius:.375rem;padding:.5rem}.form-group button{background-color:var(--primary-color);border:none;border-radius:.375rem;color:#fff;cursor:pointer;margin-top:.5rem;padding:.5rem 1rem;transition:background-color .2s}.form-group button:hover{background-color:var(--primary-hover)}.form-group textarea{border:1px solid #ddd;border-radius:4px;font-family:inherit;font-size:1rem;padding:.75rem;width:100%}.form-group textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.doctor-about{background-color:#f8f9fa;border-radius:4px;color:var(--text-secondary);font-size:.9rem;line-height:1.5;margin:.5rem 0;max-height:100px;overflow-y:auto;padding:.5rem}.reasons-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.reason-tag{align-items:center;background-color:#e5e7eb;border-radius:.25rem;display:inline-flex;font-size:.875rem;gap:.25rem;padding:.25rem .5rem}.reason-tag button{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.25rem;line-height:1;margin:0;padding:0}.reason-tag button:hover{color:#ef4444}.submit-btn{background-color:var(--primary-color);border:none;border-radius:.375rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:background-color .2s}.submit-btn:hover{background-color:var(--primary-hover)}.doctors-list-section{background-color:#fff;border-radius:.5rem;box-shadow:0 2px 4px #0000001a;padding:2rem}.doctors-grid{grid-gap:1.5rem;gap:1.5rem;margin-top:1.5rem}.current-doctor-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1.5rem;transition:all .3s ease}.current-doctor-card:hover{box-shadow:0 8px 12px -1px #00000026;transform:translateY(-4px)}.current-doctor-card img{border-radius:12px;box-shadow:0 2px 4px #0000000d;height:200px;object-fit:cover;width:100%}.current-doctor-card h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.current-doctor-card p{color:#64748b;font-size:.95rem;margin:.25rem 0}.doctor-actions{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr);margin-top:auto;padding-top:1rem}.availability-btn,.delete-btn,.edit-btn,.featured-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease}.availability-btn{background:#f0fdf4;border:1px solid #dcfce7;color:#166534}.availability-btn.unavailable{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.availability-btn:hover{box-shadow:0 2px 4px #0000000d;transform:translateY(-2px)}.featured-btn{background:#eff6ff;border:1px solid #dbeafe;color:#1e40af}.featured-btn.not-featured{background:#f8fafc;border:1px solid #e2e8f0;color:#64748b}.featured-btn:hover{box-shadow:0 2px 4px #0000000d;transform:translateY(-2px)}.edit-btn{background:#f0f9ff;border:1px solid #e0f2fe;color:#0369a1}.edit-btn:hover{background:#e0f2fe;box-shadow:0 2px 4px #0000000d}.delete-btn{background:#fef2f2;border:1px solid #fee2e2;color:#991b1b}.delete-btn:hover{background:#fee2e2;box-shadow:0 2px 4px #0000000d;transform:translateY(-2px)}.availability-btn:before{content:"●";font-size:1.2em}.featured-btn:before{content:"★"}.edit-btn:before{content:"✎"}.delete-btn:before{content:"×";font-size:1.2em}.loading{color:#6b7280}.admin-tabs{border-bottom:2px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.tab-btn{background:none;border:none;border-radius:.375rem;color:#6b7280;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.tab-btn:hover{background-color:#f3f4f6;color:#4a90e2}.tab-btn.active{background-color:#e5e7eb;color:#4a90e2}.appointments-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,minmax(350px,1fr));margin-top:1.5rem}.appointment-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.appointment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.appointment-header h3{color:#1f2937;font-size:1.1rem;margin:0}.status-badge{border-radius:9999px;font-weight:500;padding:.25rem .75rem}.status-badge.pending{background-color:#fef3c7;color:#92400e}.status-badge.confirmed{background-color:#dcfce7;color:#166534}.status-badge.cancelled{background-color:#fee2e2;color:var(--error-color)}.appointment-details{display:flex;flex-direction:column;gap:.5rem}.appointment-details p{color:#4b5563;margin:0}.appointment-details strong{color:#1f2937}.appointment-actions{display:flex;gap:.5rem;margin-top:1rem}.confirm-btn{background:#22c55e;border:none;border-radius:6px;box-shadow:0 2px 6px #22c55e14;color:#fff;cursor:pointer;font-size:.75rem;font-weight:600;margin-right:.5rem;padding:.3rem .6rem;transition:background .2s,box-shadow .2s}.confirm-btn:hover{background:#16a34a}.cancel-btn{background:#ef4444;border:none;border-radius:6px;box-shadow:0 2px 6px #ef444414;cursor:pointer;font-size:.75rem;font-weight:600;padding:.3rem .6rem;transition:background .2s,box-shadow .2s}.cancel-btn:hover{background:#b91c1c}.appointments-table{border:1px solid #e5e7eb;margin:0}.appointments-table td,.appointments-table th{font-size:.85rem;padding:.6rem}.appointments-table th{background:#f8fafc;color:#1f2937;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;z-index:1}.appointments-table tr:last-child td{border-bottom:none}.appointments-table td{color:#374151;font-size:.85rem;line-height:1.3}.appointments-table td:first-child,.appointments-table th:first-child{background-color:#f8fafc;border-right:1px solid #e5e7eb;color:#4b5563;font-weight:600;text-align:center;width:40px}.appointments-table td:nth-child(2),.appointments-table th:nth-child(2){width:120px}.appointments-table td:nth-child(3),.appointments-table th:nth-child(3){width:100px}.appointments-table td:nth-child(4),.appointments-table th:nth-child(4){width:120px}.appointments-table td:nth-child(5),.appointments-table th:nth-child(5){width:150px}.appointments-table td:nth-child(6),.appointments-table th:nth-child(6){width:90px}.appointments-table td:nth-child(7),.appointments-table th:nth-child(7){width:80px}.appointments-table td:nth-child(8),.appointments-table th:nth-child(8){width:90px}.appointments-table td:nth-child(9),.appointments-table th:nth-child(9){width:100px}.appointments-table td.status-pending{color:#d97706;font-weight:600;text-transform:capitalize}.appointments-table td.status-confirmed{color:#059669;font-weight:600;text-transform:capitalize}.appointments-table td.status-cancelled{color:#dc2626;font-weight:600;text-transform:capitalize}.cancel-btn,.confirm-btn{font-size:.75rem;margin:0 .2rem;padding:.3rem .6rem}@media (max-width:768px){.appointments-section{padding:.25rem}.appointments-table td,.appointments-table th{font-size:.75rem;padding:.4rem}.cancel-btn,.confirm-btn{font-size:.7rem;padding:.25rem .5rem}}.featured-btn{border:none;border-radius:.375rem;cursor:pointer;font-weight:600;padding:.5rem 1rem;transition:background-color .2s}.featured-btn.featured{background-color:#fef3c7;color:#92400e}.featured-btn.not-featured{background-color:#e5e7eb;color:var(--text-secondary)}.featured-btn:hover{opacity:.9}.specialty-select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' 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 .75rem center;background-size:1em;border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem}.specialty-select:focus{border-color:var(--primary-color);box-shadow:0 0 0 2px rgba(var(--primary-rgb),.1);outline:none}.specialty-select option{padding:.5rem}.create-account-container{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:100vh}.create-account-card{background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow-sm);max-width:400px;padding:2rem;width:100%}.create-account-card h2{color:var(--text-primary);margin:0 0 .5rem;text-align:center}.create-account-card label{color:var(--text-primary);display:block;margin-bottom:.5rem}.create-account-card input{border:1px solid var(--border-color);border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.create-account-btn{background:var(--primary-color);border-radius:var(--radius-sm);padding:30px 20px;transition:background-color .2s;width:100%}.create-account-btn:hover{background:var(--primary-hover)}.login-link{color:var(--text-secondary);margin-top:1rem;text-align:center}.login-link span{color:var(--primary-color);cursor:pointer;text-decoration:underline}.login-link span:hover{color:var(--primary-hover)}.error-message{color:var(--error-color)}.error-message,.success-message{font-size:.9rem;margin-top:.5rem}.success-message{color:var(--success-color)}@media (max-width:768px){.create-account-container{margin:2rem auto;padding:1rem}.create-account-card{padding:1.5rem}.create-account-card h2{font-size:1.8rem}}.navbar-buttons{display:flex;gap:1rem}.admin-panel-btn{background:var(--surface-color);border:1.5px solid var(--primary-color);border-radius:6px;color:var(--primary-color);cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s,color .2s}.admin-panel-btn:hover{background:var(--accent-color);color:#fff}.create-account-btn{background:#7c6cff;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:background .2s}.create-account-btn:hover{background:#5a4fdc}.appointment-container{align-items:center;background-color:#f5f5f5;display:flex;justify-content:center;min-height:100vh;padding:2rem}.appointment-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;max-width:600px;padding:2rem;width:100%}.appointment-card h2{color:#333;margin-bottom:1rem;text-align:center}.doctor-info{border-bottom:1px solid #eee;margin-bottom:2rem;padding-bottom:1rem;text-align:center}.doctor-info h3{color:#007bff;font-size:1.2rem;margin:0}.form-group{margin-bottom:2rem}.form-group label{color:#666}.form-group input[type=date]{border:1px solid #ddd;border-radius:4px;font-size:1rem;padding:.75rem;width:100%}.time-slots-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:1rem}.time-slot-btn{background:#fff;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;padding:.75rem;transition:all .2s ease}.time-slot-btn:hover:not(:disabled){border-color:#007bff;color:#007bff}.time-slot-btn.selected{background:#007bff;border-color:#007bff;color:#fff}.time-slot-btn.unavailable{background:#f5f5f5;border-color:#ddd;color:#999;cursor:not-allowed}.book-btn{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:1rem;transition:background-color .2s ease;width:100%}.book-btn:hover:not(:disabled){background:#0056b3}.book-btn:disabled{background:#ccc;cursor:not-allowed}@media (max-width:768px){.appointment-container{padding:1rem}.appointment-card{padding:1.5rem}.time-slots-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}}.login-container{align-items:center;background-color:var(--background-color);display:flex;justify-content:center;min-height:100vh}.login-card{background:var(--surface-color);border-radius:8px;box-shadow:var(--shadow-sm);max-width:400px;padding:2rem;width:100%}.login-card h2{color:var(--text-primary);margin:0 0 .5rem;text-align:center}.subtitle{margin-bottom:1.5rem}.login-card label{color:var(--text-primary);display:block;margin-bottom:.5rem}.login-card input{border:1px solid var(--border-color);border-radius:4px;font-size:1rem;margin-bottom:1rem;padding:.75rem;width:100%}.login-btn{background-color:var(--primary-color);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:1rem;padding:15px;text-align:center;transition:background-color .2s;width:100px}.login-btn:hover{background-color:var(--primary-hover)}.create-account-link{color:var(--text-secondary);margin-top:1rem;text-align:center}.create-account-link span{color:var(--primary-color);cursor:pointer;text-decoration:underline}.create-account-link span:hover{color:var(--primary-hover)}.admin-login-container{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:20px}.admin-login-box{background:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;max-width:400px;padding:2rem;width:100%}.admin-login-box h2{color:#333;margin-bottom:1.5rem;text-align:center}.form-group input{border-radius:4px;font-size:1rem;padding:.75rem}.login-button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem;transition:background-color .2s;width:100%}.login-button:hover{background-color:#0056b3}.error-message{border-radius:4px;color:#dc3545;padding:.5rem}.doctor-profile-container{background-color:var(--background-color);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.doctor-profile-card{background:var(--surface-color);border:1px solid #007bff1a;border-radius:16px;box-shadow:0 8px 24px #00000014;overflow:hidden}.profile-header{background:linear-gradient(135deg,#fff,#f8fbff);border-bottom:1px solid #007bff1a;display:flex;padding:3rem;position:relative}.profile-header:after{background:linear-gradient(90deg,#007bff,#0015d4);bottom:0;content:"";height:4px;left:0;position:absolute;right:0}.profile-image{border:6px solid #fff;border-radius:50%;box-shadow:0 4px 12px #007bff26;height:220px;object-fit:cover;transition:transform .3s ease;width:220px}.profile-image:hover{transform:scale(1.02)}.profile-info{display:flex;flex-direction:column;justify-content:center;margin-left:3rem}.profile-info h1{color:var(--primary-color);font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin:0}.specialty{color:var(--primary-hover);font-size:1.3rem;margin:.5rem 0}.experience-badge{align-items:center;background:var(--accent-color);border-radius:30px;color:var(--primary-color);display:inline-flex;font-weight:500;gap:.5rem;margin:1rem 0;padding:.75rem 1.5rem}.star{color:#ffb400;font-size:1.2rem}.availability{align-items:center;display:flex;font-weight:500;gap:.75rem;margin-top:.75rem}.status-dot{border-radius:50%;box-shadow:0 0 8px #0000001a;height:12px;width:12px}.status-dot.available{background-color:#00c853;box-shadow:0 0 8px #00c8534d}.status-dot.unavailable{background-color:#ff3d00;box-shadow:0 0 8px #ff3d004d}.profile-details{background:var(--surface-color);padding:3rem}.about-section,.appointment-section,.services-section{background:var(--background-color);border:1px solid var(--primary-color);border-radius:12px;margin-bottom:2.5rem;padding:2rem}.about-section h2,.appointment-section h2,.services-section h2{color:var(--primary-color);font-size:1.6rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.about-section h2:after,.appointment-section h2:after,.services-section h2:after{background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:3px;bottom:0;content:"";height:3px;left:0;position:absolute;width:60px}.appointment-reasons{margin-bottom:1.5rem}.appointment-reasons label{color:var(--primary-hover);display:block;font-weight:500;margin-bottom:.75rem}.reason-select{border:2px solid var(--primary-color);border-radius:8px;color:var(--primary-color);font-size:1rem;max-width:400px;padding:.875rem;transition:all .3s ease;width:100%}.reason-select:focus{border-color:var(--primary-hover);box-shadow:0 0 0 3px #2b6cb01a;outline:none}.book-appointment-btn{background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);border-radius:8px;box-shadow:0 4px 12px #007bff33;font-size:1.1rem;padding:1rem 2rem;transition:all .3s ease}.book-appointment-btn:hover{box-shadow:0 6px 16px #007bff4d;transform:translateY(-2px)}.book-appointment-btn:disabled{background:var(--border-color);box-shadow:none;color:var(--text-secondary);cursor:not-allowed;transform:none}.services-list{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));list-style:none;padding:0}.services-list li{background:var(--surface-color);border:1px solid #007bff1a;border-radius:8px;color:var(--primary-hover);font-weight:500;padding:1rem 1.5rem;transition:all .3s ease}.services-list li:hover{border-color:#007bff33;box-shadow:0 4px 12px #007bff1a;transform:translateY(-2px)}@media (max-width:768px){.profile-header{align-items:center;flex-direction:column;padding:2rem;text-align:center}.profile-details{padding:0}.profile-info{margin-left:0;margin-top:1.5rem}.profile-image{height:180px;width:180px}.services-list{grid-template-columns:1fr}.about-section,.appointment-section,.services-section{padding:1.5rem}}.doctor-profile-main-container{margin:2rem auto;max-width:1200px;padding:0 1rem}.doctor-profile-card-new{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;gap:2rem;margin-bottom:2rem;padding:2rem}.profile-image-new{border-radius:12px;height:300px;object-fit:cover}.profile-info-new{flex:1 1}.profile-title-row{margin-bottom:1.5rem}.profile-name{align-items:center;color:#1e293b;display:flex;font-size:2rem;font-weight:700;gap:.5rem;margin:0 0 .5rem}.verified-icon{align-items:center;display:inline-flex}.profile-meta{color:#64748b;font-size:1.1rem}.profile-years{color:#2563eb;font-weight:500}.profile-about-row{margin-bottom:1.5rem}.profile-about-label{color:#1e293b;font-weight:600;margin-bottom:.5rem}.profile-about-text{color:#475569;line-height:1.6}.profile-fee{color:#475569;font-size:1.1rem}.fee-amount{color:#2563eb;font-size:1.2rem;font-weight:600}.booking-section{background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;margin-bottom:2rem;padding:2rem}.booking-label{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem}.booking-dates{display:flex;gap:1rem;margin-bottom:1.5rem;overflow-x:auto;padding-bottom:.5rem}.booking-date-pill{background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;min-width:80px;padding:.75rem 1rem;text-align:center;transition:all .2s}.booking-date-pill:hover{border-color:#2563eb;transform:translateY(-2px)}.booking-date-pill.selected{background:#2563eb;border-color:#2563eb;color:#fff}.booking-date-day{color:inherit;font-size:.875rem;font-weight:600}.booking-date-num{color:inherit;font-size:1.25rem;font-weight:700}.booking-times{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));margin-bottom:1.5rem;position:relative}.no-time-slot-message{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:8px;color:#64748b;font-size:.95rem;margin-bottom:1rem;padding:1rem;text-align:center}.no-time-slot-message strong{color:#2563eb;font-weight:600}.booking-time-pill{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:.875rem;padding:.75rem;text-align:center;transition:all .2s}.booking-time-pill:hover{border-color:#2563eb;transform:translateY(-2px)}.booking-time-pill.selected{background:#2563eb;border-color:#2563eb;color:#fff}.book-appointment-btn-new{background:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:all .2s;width:100%}.book-appointment-btn-new:hover{background:#1d4ed8;transform:translateY(-2px)}.book-appointment-btn-new:disabled{background:#94a3b8;cursor:not-allowed;transform:none}.related-doctors-section{margin-top:2rem;padding:2rem}.related-title{color:var(--primary-color);font-size:1.5rem;font-weight:600;margin-bottom:2rem;text-align:center}.related-doctors-list{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:center(3,1fr);justify-content:center;padding:0 1rem}.related-doctor-card{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 12px #00000014;color:#222b45;cursor:pointer;display:flex;flex-direction:column;height:380px;overflow:hidden;padding:0;transition:box-shadow .2s,transform .2s;width:270px}.related-doctor-card:hover{box-shadow:0 8px 24px #7c3aed26;transform:translateY(-4px) scale(1.02)}.related-doctor-img{border-radius:12px 12px 0 0;height:220px;margin-bottom:.75rem;object-fit:cover}.related-doctor-info{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:1rem;text-align:center;width:100%}.related-doctor-status{align-items:center;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;justify-content:center;margin-bottom:.75rem}.related-doctor-status.available{color:#22c55e}.related-doctor-status.unavailable{color:#ef4444}.related-doctor-status .status-dot{border-radius:50%;display:inline-block;height:8px;width:8px}.related-doctor-status.available .status-dot{background-color:#22c55e;box-shadow:0 0 8px #22c55e4d}.related-doctor-status.unavailable .status-dot{background-color:#ef4444;box-shadow:0 0 8px #ef44444d}.related-doctor-name{color:#222b45;font-size:1.1rem;font-weight:700;letter-spacing:.2px;margin-bottom:.5rem}.related-doctor-specialty{color:#4b5268cc;font-size:.95rem;font-weight:600;letter-spacing:.1px;margin-bottom:.3rem}@media (max-width:1200px){.related-doctors-list{gap:1.5rem;grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.related-doctors-list{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.related-doctors-list{gap:1.25rem;grid-template-columns:repeat(2,1fr)}.related-doctor-card{height:360px;max-width:220px}.related-doctor-img{height:200px}}@media (max-width:480px){.related-doctors-list{gap:1.5rem;grid-template-columns:1fr}.related-doctor-card{height:380px;margin:0 auto;max-width:280px}.related-doctor-img{height:220px}}.loading{color:#64748b}.error{color:#ef4444}.booking-dates::-webkit-scrollbar{height:6px}.booking-dates::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.booking-dates::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.booking-dates::-webkit-scrollbar-thumb:hover{background:#94a3b8}.doctor-list-container{margin:0 auto;max-width:1200px;padding:2rem}.doctor-list-container h1{color:var(--text-primary);font-size:2rem;margin-bottom:1rem;text-align:center}.subtitle{color:var(--text-secondary);font-size:1.1rem;margin-bottom:2rem;text-align:center}.doctors-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));padding:1rem}.doctor-card{background:var(--surface-color);border-radius:12px;box-shadow:0 2px 8px #0000001a;height:100%;margin:0;overflow:hidden;padding:0;transition:transform .3s ease,.3s ease;width:cover}.doctor-card:hover{border:none;box-shadow:0 4px 12px #00000026;transform:translateY(-5px)}.doctor-image{height:250px;object-fit:cover;width:100%}.doclist-doctor-info{margin-left:0;padding:1.5rem;text-align:center}.doctor-info h2{color:var(--text-primary);font-size:1.25rem;margin:0 0 .5rem}.specialty{color:var(--primary-color);font-weight:500;margin:0 0 .5rem}.experience{color:var(--text-secondary);font-size:.9rem;margin:0 0 1rem}.status{border-radius:9999px;display:inline-block;font-size:.875rem;font-weight:500;margin-bottom:1rem;padding:.25rem .75rem}.status.available{align-items:center;background-color:#dcfce7;color:#166534}.button-group{gap:.5rem;margin-top:1rem}.select-doctor-btn,.view-profile-btn{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:.75rem;transition:background-color .2s ease;white-space:nowrap}.select-doctor-btn{background-color:var(--primary-color);color:#fff}.select-doctor-btn:hover{background-color:var(--primary-hover)}.view-profile-btn{background-color:#0951e0f8;color:#fff}.view-profile-btn:hover{background-color:#2766e2c4;color:#fff}.loading{color:var(--text-secondary)}.error,.loading{font-size:1.1rem;padding:2rem;text-align:center}.error{color:#dc2626}.search-container{margin:20px auto;max-width:400px;position:relative;width:100%}.specialty-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23666' 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 1.2rem center;background-repeat:no-repeat;background-size:1.2em;border:2px solid #e0e0e0;border-radius:12px;box-shadow:0 2px 4px #0000000d;color:#333;cursor:pointer;font-size:16px;font-weight:500;outline:none;padding:15px 20px;transition:all .3s ease;width:100%}.specialty-select:hover{border-color:#007bff;box-shadow:0 4px 8px #007bff1a}.specialty-select:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.specialty-select option{background-color:#fff;color:#333;font-size:16px;padding:12px}.specialty-select option:first-child{color:#666;font-style:italic}.search-container:before{color:#666;content:"Filter by Specialty";display:block;font-size:14px;font-weight:500;margin-bottom:8px}@media (max-width:768px){.doctor-list-container{padding:1rem}.doctors-grid{gap:1.5rem;grid-template-columns:1fr}.doctor-card{margin:0 auto;max-width:400px}.button-group{flex-direction:row;gap:.5rem}.select-doctor-btn,.view-profile-btn{font-size:.85rem;padding:.6rem}.search-container{max-width:100%;padding:0 1rem}.specialty-select{font-size:15px;padding:12px 16px}}.profile-container{align-items:center;background-color:#f0f2f5;box-sizing:border-box;display:flex;justify-content:center;min-height:100vh;padding:20px}.profile-card{background-color:#fff;border-radius:12px;box-shadow:0 6px 20px #0000001a;font-family:Arial,sans-serif;max-width:500px;padding:40px;text-align:center;width:100%}h1{color:#333;font-size:2.2em;font-weight:600;margin-bottom:30px}.profile-image-section{align-items:center;display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.profile-initial-avatar{align-items:center;background-color:#4285f4;border-radius:50%;color:#fff;display:flex;font-size:4.5em;font-weight:500;height:160px;justify-content:center;width:160px}.form-group{margin-bottom:20px;text-align:left}.form-group label{color:#555;font-size:.95em;font-weight:600;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1em;padding:12px 15px;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff26}.form-group input:disabled{background-color:#e9ecef;color:#6c757d;cursor:not-allowed}.button-group{display:flex;gap:15px;justify-content:center;margin-top:30px}.button-group button{border:none;border-radius:25px;box-shadow:0 2px 5px #0000001a;cursor:pointer;font-size:1em;font-weight:600;padding:12px 25px;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease}.edit-btn{background-color:#007bff}.edit-btn:hover{background-color:#0056b3;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.submit-btn{background-color:#28a745;color:#fff}.submit-btn:hover{background-color:#218838;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.cancel-btn{background-color:#dc3545;color:#fff}.cancel-btn:hover{background-color:#c82333;box-shadow:0 4px 8px #00000026;transform:translateY(-2px)}.button-group button:disabled{background-color:#ccc;box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.message{border-radius:8px;font-size:.95em;font-weight:500;margin-bottom:25px;padding:12px 20px;text-align:center}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.loading-spinner{color:#007bff;font-size:1.2em;margin:50px 0;text-align:center}.appointments-container{background-color:#f3f4f6;min-height:calc(100vh - 80px);padding:2rem}.appointments-card{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;margin:0 auto;max-width:1200px;padding:1rem}.appointments-card h1{color:#1f2937;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.appointments-table-container{margin-top:1rem;overflow-x:auto;width:100%}.appointments-table{background:#fff;border-collapse:collapse;border-radius:8px;overflow:hidden;table-layout:fixed;width:100%}.appointments-table td,.appointments-table th{border-bottom:1px solid #e5e7eb;overflow:hidden;padding:1rem;text-align:left;text-overflow:ellipsis;white-space:nowrap}.appointments-table td:first-child,.appointments-table th:first-child{min-width:150px;width:20%}.appointments-table td:nth-child(2),.appointments-table th:nth-child(2){min-width:150px;white-space:normal;width:20%;word-break:break-word}.appointments-table td:nth-child(3),.appointments-table th:nth-child(3){min-width:180px;width:20%}.appointments-table td:nth-child(4),.appointments-table th:nth-child(4){min-width:100px;width:15%}.appointments-table td:nth-child(5),.appointments-table th:nth-child(5){min-width:120px;width:20%}.appointments-table td:nth-child(6),.appointments-table th:nth-child(6){min-width:150px;width:15%}.appointments-table td:nth-child(7),.appointments-table th:nth-child(7){min-width:100px;padding:.75rem;text-align:center;width:20%}.appointments-table th{color:#374151;font-weight:600;position:sticky;top:0;z-index:10}.appointments-table th,.appointments-table tr:hover{background-color:#f9fafb}.appointments-table td{position:relative}.appointments-table td:hover{overflow:visible;white-space:normal;word-break:break-word}.appointments-table td:hover:after{background:#fff;border:1px solid #e5e7eb;border-radius:4px;box-shadow:0 2px 4px #0000001a;content:attr(title);display:none;display:block;left:0;max-width:300px;padding:.5rem;position:absolute;top:100%;white-space:normal;z-index:20}.status-badge{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:2px solid;border-radius:12px;box-shadow:0 4px 12px #00000014;cursor:default;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;letter-spacing:.4px;min-width:140px;overflow:hidden;padding:.7rem 1.4rem;position:relative;text-align:center;text-transform:capitalize;transition:all .3s ease}.status-badge:before{background:linear-gradient(135deg,#fff3,#fff0);bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0;transition:opacity .3s ease}.status-confirmed{background:linear-gradient(135deg,#dcfce7,#bbf7d0);border-color:#15803d;box-shadow:0 4px 12px #15803d26;color:#15803d}.status-confirmed:before{content:"✓";font-size:1rem;font-weight:700;margin-left:8px}.status-pending{animation:pulse 2s infinite;background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#b45309;color:#b45309}.status-pending:before{content:"⟳";font-size:1rem;font-weight:700;margin-left:8px}.status-cancelled{animation:shake .5s ease-in-out;background:linear-gradient(135deg,#fee2e2,#fecaca);border-color:#b91c1c;color:#b91c1c}.status-cancelled:before{content:"×";font-size:1rem;font-weight:700;margin-left:8px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-1px)}75%{transform:translateX(1px)}}.edit-btn{background-color:#3b82f6;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-flex;font-size:.75rem;font-weight:500;letter-spacing:.5px;min-width:60px;padding:.4rem .8rem;text-transform:uppercase;white-space:nowrap}.edit-btn,.edit-modal{align-items:center;justify-content:center}.edit-modal{background-color:#00000080;bottom:0;display:flex;left:0;position:fixed;right:0;top:0;z-index:1000}.edit-modal-content{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;max-width:500px;padding:2rem;width:90%}.edit-modal-content h2{color:#1f2937;font-size:1.25rem;font-weight:600;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{color:#4b5563}.form-group input,.form-group select,.form-group textarea{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;width:100%}.form-group textarea{min-height:100px;resize:vertical}.modal-buttons{display:flex;gap:1rem;margin-top:1.5rem}.cancel-btn,.save-btn{border:none;border-radius:6px;cursor:pointer;font-weight:500;padding:.75rem 1.5rem}.save-btn{background-color:#3b82f6;color:#fff}.cancel-btn{background-color:#e5e7eb;color:#4b5563}.no-appointments{padding:3rem 1rem;text-align:center}.no-appointments p{color:#6b7280;font-size:1.1rem;margin-bottom:1.5rem}.book-appointment-btn{background:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:600;padding:.75rem 1.5rem}.loading-spinner{align-items:center;color:var(--primary-color);display:flex;font-size:1.1rem;font-weight:500;justify-content:center;min-height:200px}.error-message{background:#fee2e2;border-radius:6px;color:#dc2626;font-size:.875rem;margin-bottom:1rem;padding:.75rem;text-align:center}@media (max-width:768px){.appointments-card,.appointments-container{padding:1rem}.appointments-table td,.appointments-table th{font-size:.875rem;padding:.75rem}.edit-modal-content{padding:1.5rem;width:95%}}.appointments-table td:last-child{padding:.75rem;text-align:center;vertical-align:middle}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--secondary-color:#4a5568;--accent-color:#60a5fa;--background-color:#f4f6fb;--surface-color:#fff;--text-primary:#1e293b;--text-secondary:#64748b;--border-color:#e2e8f0;--error-color:#ef4444;--success-color:#22c55e;--shadow-sm:0 1px 3px 0 #00000014;--shadow-md:0 4px 12px 0 #0000001f;--radius-sm:0.5rem;--radius-md:1rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f3f4f6;color:#1e293b;color:var(--text-primary);font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;margin:0 auto;max-width:1280px;padding:2rem;width:100%}.btn-primary,.btn-secondary,button{border:none;border-radius:.5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:background .2s,color .2s,box-shadow .2s}.btn-primary,button.btn-primary{background-color:#2563eb;background-color:var(--primary-color);box-shadow:0 1px 3px 0 #00000014;box-shadow:var(--shadow-sm);color:#fff}.btn-primary:hover,button.btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-hover)}.btn-secondary,button.btn-secondary{background-color:#fff;background-color:var(--surface-color);border:1.5px solid #2563eb;border:1.5px solid var(--primary-color);color:#2563eb;color:var(--primary-color)}.btn-secondary:hover,button.btn-secondary:hover{background-color:#60a5fa;background-color:var(--accent-color);color:#1d4ed8;color:var(--primary-hover)}.form-group{margin-bottom:1.5rem}.form-group label{color:#1e293b;color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:1px solid #e2e8f0;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-sm);font-size:.875rem;padding:.75rem 1rem;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#2563eb;border-color:var(--primary-color);box-shadow:0 0 0 3px #2563eb1a;outline:none}.navbar{background:#f4f6fb;background:var(--background-color);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color);box-shadow:0 1px 3px 0 #00000014;box-shadow:var(--shadow-sm);color:#1e293b;color:var(--text-primary);justify-content:space-between;padding:1rem 2rem;position:sticky;top:0;z-index:100}.navbar,.navbar-left{align-items:center;display:flex}.navbar-left{gap:2rem}.logo{align-items:center;display:flex;gap:.5rem}.logo-icon{color:#2563eb;color:var(--primary-color);font-size:1.5rem}.logo-text{color:#1e293b;color:var(--text-primary);font-size:1.25rem;font-weight:600}.nav-links{display:flex;gap:1.5rem}.nav-links a{color:#64748b;color:var(--text-secondary);font-size:#e2e8f0;font-size:var(--border-color);font-weight:500;padding:.5rem 0;text-decoration:none;transition:#fff .2s}.nav-links a.active,.nav-links a:hover{color:#2563eb;color:var(--primary-color)}.navbar-right{display:flex;gap:1rem}.card,.featured-doctor-card,.panel{background:#fff;background:var(--surface-color);border-radius:1rem;border-radius:var(--radius-md);box-shadow:0 4px 12px 0 #0000001f;box-shadow:var(--shadow-md);color:#1e293b;color:var(--text-primary);margin-bottom:1.5rem;padding:2rem}h1,h2,h3,h4,h5,h6{color:#1e293b;color:var(--text-primary);font-weight:700}body,input,label,p,span,textarea{color:#64748b;color:var(--text-secondary)}@media (max-width:768px){.main-content,.navbar{padding:1rem}.nav-links{display:none}.about-container,.admin-login-container,.contact-container,.container,.create-account-container,.home,.login-container,.main-content,.success-container{box-sizing:border-box;margin:0!important;min-width:0!important;padding:1rem!important;width:100%!important}.admin-login-box,.create-account-card,.login-card,.success-card{border-radius:8px;box-sizing:border-box;max-width:100%!important;padding:1rem!important}table,tbody,td,th,thead,tr{box-sizing:border-box;display:block;width:100%}td,th{align-items:center;border:1px solid #ddd;display:flex;font-size:1rem!important;justify-content:space-between;padding:8px 4px!important}.navbar{align-items:flex-start;flex-direction:column;padding:1rem!important}.nav-links{gap:1rem;margin-left:0!important}.nav-links,.navbar-right{flex-direction:column;width:100%}.navbar-right{align-items:flex-start;gap:.5rem}.logo{margin-bottom:1rem}.admin-btn,.book-btn,.create-account-btn,.doctors-btn,.home-btn,.login-btn,.logout-btn{font-size:1.1rem!important;margin-bottom:.5rem;padding:1rem!important;width:100%!important}.about-image img,.contact-image img,.hero-image img{display:block;height:auto!important;max-width:100%!important}}.text-primary{color:#2563eb;color:var(--primary-color)}.text-secondary{color:#64748b;color:var(--text-secondary)}.bg-surface{background-color:#fff;background-color:var(--surface-color)}.shadow-sm{box-shadow:0 1px 3px 0 #00000014;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 12px 0 #0000001f;box-shadow:var(--shadow-md)}.rounded-sm{border-radius:.5rem;border-radius:var(--radius-sm)}.rounded-md{border-radius:1rem;border-radius:var(--radius-md)}
/*# sourceMappingURL=main.0f7a9ff6.css.map*/