.open{color:#04ff8a;font-weight:700}.closed{color:red;font-weight:700}.loading{color:#555}.error{color:#d00}#status{text-align:center;background:#0f0f0f1a;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0003}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Segoe UI,sans-serif}.role-buttons{display:flex;gap:15px;margin-bottom:20px}.role-btn{padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s;border:none;background:#d1d5db}.role-btn:hover{transform:scale(1.05)}.active-nurse{background-color:#16a34a;color:#fff}.active-doctor{background-color:#2563eb;color:#fff}.card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 5px 15px #00000026;width:320px;text-align:center}.card-title{font-size:1.3rem;font-weight:700;margin-bottom:15px}.input{width:100%;margin-bottom:12px;padding:10px;border:1px solid #d1d5db;border-radius:8px;font-size:.95rem}.login-btn{width:100%;padding:12px;border-radius:8px;font-weight:700;cursor:pointer}.login-btn.nurse{background:#16a34a;color:#fff;border:none}.login-btn.doctor{background:#2563eb;color:#fff}.nurse-card{border-left:6px solid #16a34a}.doctor-card{border-left:6px solid #2563eb}.nurse-text{color:#16a34a}.doctor-text{color:#2563eb}.welcome{margin-bottom:15px;font-size:1rem}.action-btn{padding:12px 20px;border-radius:8px;font-weight:700;cursor:pointer;border:none;margin-bottom:10px}.action-btn.checkin{background:#10b981;color:#fff}.action-btn.checkout{background:#dc2626;color:#fff}.alert{margin-top:10px;font-size:.9rem;font-weight:500}.alert.error{color:#dc2626}.alert.success{color:#16a34a}@media screen and (max-width:600px){.card{width:80%}}body{margin:0;font-family:Arial,sans-serif;background-color:#f4f4f4;color:#333}.container{background-image:url(/assets/banner-DdpBI13S.jpg);background-size:cover;background-position:center;height:800px;background-repeat:no-repeat;position:relative;display:flex;flex-direction:column;justify-content:space-between;opacity:.9}.overlay{color:#fff;padding:20px;width:50%;background-color:#00000080;top:50%;align-content:center}.status{color:#fff;padding:20px;background-color:#00000080;top:50%;align-content:center;text-align:center}.hero-section{text-align:center;color:#fff;height:100%;display:flex}.navigation{box-shadow:0 2px 4px #0000001a;color:#333;padding:12px 16px;text-align:right;position:sticky;top:0;background-color:#fff9}.nav-item{display:inline-block;margin-right:16px}.nav-item a{text-decoration:none;color:inherit;padding:8px 16px;display:inline-block;outline:none}.logo{margin:-20px 20px;font-size:24px;font-weight:700;color:transparent;color:#333;text-decoration:none;float:left;align-items:center}.nav-item:hover{border-radius:4px;transform:scale(1.1);transition:transform .2s}.info-section{display:flex;align-items:center;justify-content:space-around;background:#fff;gap:40px;background-color:#fff;padding:20px 20%;border-radius:4px;margin:30px auto;overflow:hidden}.info-section img.section-img{width:45%;border-radius:10px;object-fit:cover}.underline{width:50%;border-radius:2px}iframe{width:100%;height:300px;border:none;border-radius:4px}.hospital-banner{width:500px;height:500px;border-radius:8px;margin-top:20px}.services-section{background-color:#fff;padding:20px 20%;border-radius:4px;margin:30px auto}.services-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.services-grid div{background-color:#e0e0e0;padding:16px;border-radius:4px;flex:1 1 calc(33.333% - 32px);box-sizing:border-box;text-align:center}.services-grid div:hover{background-color:#5d7fdd;color:#fff;cursor:pointer;transform:scale(1.05);transition:transform 2s,background-color .2s}.contact-section{background-color:#fff;border-radius:4px;padding:20px 20%;margin-top:20px}.departments-section{background-color:#fff;padding:20px;border-radius:4px;margin:30px auto}.department-info{max-width:30%;padding:20px;border-radius:8px;text-align:center}.department-card{display:flex;align-items:center;justify-content:space-around;padding:20px 0%;background:#fff;gap:40px;margin:20px;height:400px;border-radius:8px}.appointment-section{background-color:#fff;padding:16px;border-radius:4px;width:60%;margin:30px auto}.cardiology{background-image:linear-gradient(to left,#9a9c20,#8b8922 40%,#228b2200 70% 100%),url(https://images.unsplash.com/photo-1618939304347-e91b1f33d2ab?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8M3x8Q2FyZGlvbG9neXxlbnwwfHwwfHx8MA%3D%3D);background-position:left center;background-repeat:no-repeat;background-size:cover,60% auto;color:#fff}.neurology{background-image:linear-gradient(to right,#22508b,#417bbd 40%,#228b2200 70% 100%),url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8TmV1cm9sb2d5fGVufDB8fDB8fHww);background-position:right center;background-repeat:no-repeat;color:#fff;background-size:cover,60% auto}.orthopedics{background-image:linear-gradient(to left,#228b22 0% 40%,#228b2200 70% 100%),url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8TmV1cm9sb2d5fGVufDB8fDB8fHww);background-position:left center;background-repeat:no-repeat;background-size:cover,60% auto;color:#fff}.pediatrics{background-image:linear-gradient(to right,#e786bf,#f375e9 40%,#228b2200 70% 100%),url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8TmV1cm9sb2d5fGVufDB8fDB8fHww);background-position:left center;background-repeat:no-repeat;background-size:120% auto,cover;color:#fff}.general-medicine{background-image:linear-gradient(to left,#8b2245,#8b2242 40%,#228b2200 70% 100%),url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8TmV1cm9sb2d5fGVufDB8fDB8fHww);background-position:left center;background-repeat:no-repeat;background-size:cover,60% auto;color:#fff}.gynecology{background-image:linear-gradient(to right,#8b4022,#8b3b22 40%,#228b2200 70% 100%),url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=500&auto=format&fit=crop&q=60&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxzZWFyY2h8Mnx8TmV1cm9sb2d5fGVufDB8fDB8fHww);background-position:right center;background-repeat:no-repeat;background-size:100% auto,cover;color:#fff}.cardiology,.orthopedics,.general-medicine{justify-content:right;padding:20px}.neurology,.pediatrics,.gynecology{justify-content:left;padding:20px}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.abouthospital-section{background-color:#fff;padding:12px 160px;border-radius:4px;margin:30px auto}.doctors-section{background-color:#fff;padding:16px;border-radius:4px;margin:20px auto;max-width:1200px}.doctors-section h2{text-align:center;margin-bottom:24px;font-size:1.8rem;color:#12497c}.doctors-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.doctors-grid div{flex:1 1 calc(30% - 32px)}.doctors-card{position:relative;width:260px;height:340px;border-radius:8px;overflow:hidden;box-shadow:0 4px 8px #0000001a;text-align:center;transition:transform .35s ease}.doctors-card:hover{transform:translateY(-6px) scale(1.04)}.doctor-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}.doctor-card:hover .doctor-image{transform:scale(1.08)}.doctor-info{position:absolute;top:0;left:0;height:90%;padding:20px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background:linear-gradient(to bottom,#12497c1a,#12497c99,#12497c);opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.doctors-card:hover .doctor-info{opacity:1;transform:translateY(0)}.doctor-name{font-weight:700;font-size:1.1rem;margin-bottom:4px}.doctor-specialty{font-style:italic;margin-bottom:6px}.doctor-desc{font-size:.9rem}.map-section{margin:30px auto}.contact-map-container{display:flex;justify-content:space-between;align-items:center;background-color:#fff;padding:16px;border-radius:4px;margin:30px auto}.contact-map-container>div{width:48%}.footer{background-color:#5d7fdd;color:#fff;text-align:center;padding:12px 16px;position:relative;bottom:0;width:100%;margin-top:20px}.newsletter-section{background-color:#fff;padding:16px;border-radius:4px;width:80%;margin:30px auto}input[type=email],input[type=password],input[type=text],input[type=tel],select,textarea,input[type=date],input[type=time]{padding:10px;width:80%;border:1px solid #ccc;border:none;border-bottom:1px solid #ccc;margin:8px;outline:none}form{text-align:center}@media screen and (max-width: 768px){.navigation{text-align:center;width:100%;position:static}.nav-item:hover{border:none;transform:none}.navigation>li{display:block;background-color:#333}.logo{float:none;display:block;margin:0 auto 10px}.nav-item{display:block}.contact-map-container{flex-direction:column}.contact-map-container>div{width:100%;margin-bottom:16px}.abouthospital-section,.info-section,.services-section{width:80%}.hero-section{flex-direction:column}.overlay{width:100%;padding:10px;height:100%}input[type=email],input[type=text],input[type=tel],select,textarea,input[type=date],input[type=time],input[type=password]{padding:10px;width:90%;border:1px solid #ccc;border:none;border-bottom:1px solid #ccc;margin:8px 8px 20px;outline:none}.appointment-section,.abouthospital-section{width:80%}}.mobile-menu,.menu-toggle{display:none}select{stroke-width:0%;align-self:start;right:auto;kerning:auto}.read-more,.cta-button{background-color:#5d7fdd;color:#fff;border:none;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:4px;margin:auto 10%}.tablet{display:none}@media screen and (max-width: 600px){.nav-links{display:none;width:100%;float:inline-end}.nav-links.active{display:block}.nav-item{display:block;margin:8px 0}.menu-toggle{display:block;cursor:pointer;font-size:24px;background:none;border:none}.btn{margin-top:20px}.tablet,.icon{display:none}}@media screen and (max-width: 1300px){.tablet{display:block}.icon{margin:20px}.nav-links{display:none;width:100%;float:inline-end}}@media screen and (min-width: 1600px){.container{height:900px}.info-section,.services-section,.contact-section{max-width:1400px;margin:40px auto}}@media screen and (max-width: 1299px) and (min-width: 1025px){.services-grid div,.doctors-grid div{flex:1 1 calc(50% - 32px)}.department-card{flex-direction:column;height:auto}}@media screen and (max-width: 1024px) and (min-width: 769px){.info-section{flex-direction:column;padding:40px 8%}.services-grid div,.doctors-grid div{flex:1 1 calc(50% - 24px)}.department-card{flex-direction:column;height:auto}}@media screen and (max-width: 768px){.container{height:auto}.info-section,.services-section,.contact-section,.abouthospital-section{width:90%;padding:20px}.services-grid div,.doctors-grid div{flex:1 1 100%}.department-card{flex-direction:column;height:auto;text-align:center}.doctor-image{height:280px}}@media screen and (max-width: 480px){.overlay{width:100%;padding:12px}.navigation{padding:8px 12px}.doctor-name{font-size:1rem}.doctor-desc{font-size:.85rem}}@media screen and (max-width: 768px){.doctors-grid{justify-content:center;gap:20px}.doctors-grid div{flex:1 1 100%;display:flex;justify-content:center;flex-direction:column}.doctors-card{width:90%;max-width:360px;height:auto;margin:0 auto;transition:none}.doctors-card:hover{transform:none}.doctors-card:hover .doctor-image,.doctors-card:hover .doctor-info{transform:none;opacity:1}.doctor-image{height:auto}.doctor-info{position:static;background:none;color:#12497c;opacity:1;transform:none;padding:16px;text-align:center}}@media screen and (max-width: 768px){.department-card{flex-direction:column;align-items:center;justify-content:flex-start;height:auto;margin:16px 0;padding:0;text-align:center;background:none}.department-card:before{content:"";display:block;width:100%;padding-top:56%;background-size:cover;background-position:center;border-top-left-radius:8px;border-top-right-radius:8px}.cardiology:before{background-image:url(https://images.unsplash.com/photo-1618939304347-e91b1f33d2ab?w=800)}.neurology:before{background-image:url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=800)}.orthopedics:before{background-image:url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=800)}.pediatrics:before{background-image:url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=800)}.general-medicine:before{background-image:url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=800)}.gynecology:before{background-image:url(https://images.unsplash.com/photo-1505751172876-fa1923c5c528?w=800)}.department-info{max-width:90%;padding:16px;color:#333;background:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px}}