body{margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{scroll-behavior:smooth}img{background:#0000!important}.navbar{background:linear-gradient(90deg,#0f2027,#319fad,#4074e6);box-shadow:0 2px 4px #0003;color:#fff;height:110px;padding:8px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-container{align-items:center;display:flex;justify-content:space-between}.navbar-container{width:100%}.logo{height:90px;margin-right:10px;position:relative;right:9px;top:0;width:90px}.logo-title{color:#fff;font-size:30px;font-weight:700;left:-.9%;letter-spacing:1px;position:relative;text-transform:uppercase}.nav-links{display:flex;list-style:none}.nav-links li{margin:0 10px}.nav-links a{color:#fff;flex:1 1;font-size:20px;font-weight:500;justify-content:flex-start;left:px;padding:0;position:relative;text-decoration:none;text-transform:uppercase;transition:color .3s ease,transform .3s ease}.nav-links a:hover{color:#f9c513;transform:scale(1.1)}.nav-links a:after{background-color:#fff;bottom:-5px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.nav-links a:hover:after{width:100%}.sign-in-container{text-align:center}.google-btn{align-items:center;background-color:#fff;border:none;border-radius:100px;box-shadow:0 4px 8px #0000001a;color:#000;cursor:pointer;display:flex;font-size:18px;justify-content:center;left:-8px;padding:12px 24px;position:relative;transition:all .3s ease-in-out;width:110px}.google-btn:hover{background-color:#f52828;box-shadow:0 6px 12px #0000001a}.google-btn img{width:55px}.google-btn span{font-weight:700}.hamburger{cursor:pointer;display:none;flex-direction:column;margin-left:auto;z-index:1100}.hamburger span{background:#fff;border-radius:3px;height:3px;margin:4px 0;transition:.3s;width:25px}.hamburger.active span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}@media (max-width:768px){.navbar{flex-direction:column;height:auto;padding:15px}.navbar-container{flex-direction:row;justify-content:space-between;position:relative;right:2px}.logo{height:50px;width:50px}.logo-title{font-size:18px;left:60px;margin-left:10px;margin-top:px;position:fixed;top:20px}.hamburger{display:flex;left:150px;position:fixed;top:47px}.nav-links{background:linear-gradient(90deg,#0f2027,#319fad,#4074e6);display:none;flex-direction:column;left:0;padding:20px 0;position:absolute;top:100px;width:100%;z-index:1000}.nav-links.show{display:flex}.nav-links li{margin:10px 0;text-align:center}.sign-in-container{display:flex;justify-content:center;margin-top:10px;width:100%}.google-btn{border-radius:50%;height:52px;justify-content:center;left:95px;padding:0;position:relative;top:-5px;width:45px}.google-btn img{height:25px;width:40px}.google-btn span{display:none}}@media (max-width:576px){.logo{height:60px;width:60px}.logo-title{font-size:20px}}.user-profile-nav{align-items:center;color:#fff;display:flex;gap:10px}.nav-user-avatar{border:2px solid #fff;border-radius:50%;height:40px;width:40px}.nav-user-name{color:#fff;font-size:16px;font-weight:500}.logout-btn-nav{background:#fff3;border:1px solid #fff;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;padding:5px 15px;transition:all .3s ease}.logout-btn-nav:hover{background:#fff;color:#4074e6}@media (max-width:768px){.user-profile-nav{flex-direction:column;gap:5px}.nav-user-name{display:none}.logout-btn-nav{font-size:12px;padding:3px 10px}}.nav-user-avatar{background:#ffffff26;color:#0000;object-fit:cover}.slider{display:block;height:400px;margin:0;overflow:hidden;padding:0;position:relative;width:100%}.slide-container{display:flex;height:100%;transition:transform .5s ease-in-out;width:100%}.slide{flex-shrink:0;height:100%;min-width:100%}.slide img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}@media (max-width:768px){.slider{height:300px}}@media (max-width:480px){.slider{height:250px}}.banner{align-items:center;background:linear-gradient(90deg,#428eff,#693be6);display:flex;height:100px;justify-content:center;position:relative;text-align:center}.banner-content h2{color:#fff;font-size:36px;position:relative}.search-bar{display:flex;justify-content:center}.search-bar input{background:#fff;border:none;border-radius:55px;box-shadow:0 5px 15px #0003;font-size:25px;height:50px;left:50px;padding:10px;width:800px}.search-bar input,.search-btn{align-items:center;position:relative}.search-btn{background:linear-gradient(90deg,#ff512f,#dd2476);border:none;border-radius:0 30px 30px 0;color:#fff;cursor:pointer;display:flex;font-size:18px;justify-content:center;transition:all .3s ease;width:7%}.search-icon{border-radius:50%;height:30px;transition:transform .3s ease,box-shadow .3s ease;width:30px}.search-btn:hover .search-icon{box-shadow:0 4px 10px #0003;transform:scale(1.1)}.sos-button{background:red;border:none;border-radius:50px;box-shadow:0 4px 10px #0003;color:#fff;cursor:pointer;font-size:20px;font-weight:700;padding:15px 30px;position:absolute;right:20px;transition:.3s;z-index:100}.sos-button:hover{background:darkred;transform:scale(1.1)}.hero{align-items:center;background:linear-gradient(135deg,#e0f7fa,#f1f8e9);display:flex;justify-content:space-between;padding:50px}.hero-content{max-width:50%}.hero h1{font-size:48px}.hero h1,.hero h2{margin-bottom:20px}.hero h2{color:#140b9c;font-size:30px}.hero p{font-size:20px;margin-bottom:30px}.hero-image img{border-radius:15px;max-width:500px;width:100%}@media (max-width:1200px){.search-bar input{width:600px}.search-btn{width:10%}}@media (max-width:768px){.banner{flex-direction:column;height:auto;padding:20px}.search-bar{display:none}.sos-button{margin-top:10px;position:relative;right:auto}.hero{flex-direction:column;padding:30px 20px;text-align:center}.hero-content{margin-bottom:30px;max-width:100%}.hero h1{font-size:32px}.hero h2{font-size:24px}.hero p{font-size:16px}}@media (max-width:576px){.banner-content h2{font-size:24px}.sos-button{font-size:16px;padding:10px 20px}.hero h1{font-size:28px}.hero h2{font-size:20px}}.services{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);display:flex;flex-direction:column;min-height:80vh;overflow:hidden;padding:80px 20px;position:relative;text-align:center}.services-header{margin-bottom:60px;position:relative}.services-header h2{color:#1a365d;font-size:3.5rem;font-weight:700;letter-spacing:1px;margin-bottom:15px;text-shadow:2px 2px 4px #0000001a;text-transform:uppercase}.header-line{background:linear-gradient(90deg,#4299e1,#667eea);border-radius:2px;height:4px;margin:0 auto;position:relative;width:120px}.header-line:after,.header-line:before{background:#4299e1;border-radius:50%;content:"";height:10px;position:absolute;top:50%;transform:translateY(-50%);width:10px}.header-line:before{left:-20px}.header-line:after{right:-20px}.services-container{align-items:flex-start;display:flex;flex-wrap:nowrap;gap:25px;justify-content:center;margin:0 auto;max-width:1600px;min-height:400px;overflow:visible;padding:20px;position:relative;width:100%}.service-card{border-radius:15px;box-shadow:0 5px 15px #00000014;padding:25px;text-align:center;transition:transform .3s ease}@keyframes cardEntrance{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.card-1{animation-delay:.1s}.card-2{animation-delay:.2s}.card-3{animation-delay:.3s}.card-4{animation-delay:.4s}.card-5{animation-delay:.5s}.service-card.active,.service-card:hover{box-shadow:0 25px 50px #00000026,0 15px 30px #0000001a,inset 0 1px 0 #fffc;transform:translateY(-15px) scale(1.03)!important;z-index:100!important}.card-inner{flex-direction:column;height:100%;justify-content:space-between;padding:10px;position:relative;width:100%;z-index:2}.card-icon,.card-inner{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,#4299e11a,#667eea1a);border-radius:50%;flex-shrink:0;justify-content:center;margin-bottom:20px;padding:20px;transition:all .3s ease}.service-card:hover .card-icon{background:linear-gradient(135deg,#4299e133,#667eea33);transform:scale(1.15)}.card-icon img{filter:drop-shadow(2px 2px 4px rgba(0,0,0,.1));transition:transform .3s ease}.service-card:hover .card-icon img{transform:scale(1.1)}.icon-placeholder{background:linear-gradient(135deg,#4299e1,#667eea);border-radius:50%;height:60px;opacity:.7;width:60px}.card-content{flex-direction:column;flex-grow:1;text-align:center;width:100%}.card-content,.card-title{display:flex;justify-content:center}.card-title{align-items:center;color:#2d3748;font-size:1.4rem;font-weight:600;line-height:1.3;margin-bottom:12px;min-height:3.5em;padding:0 10px;transition:color .3s ease}.service-card:hover .card-title{color:#4299e1}.card-description{align-items:center;color:#718096;display:flex;font-size:.95rem;justify-content:center;line-height:1.5;margin-top:8px;min-height:4.5em;padding:0 15px;transition:color .3s ease}.service-card:hover .card-description{color:#4a5568}.card-glow{background:linear-gradient(135deg,#4299e11a,#667eea1a,#4299e10d);border-radius:16px;bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.service-card:hover .card-glow{opacity:1}@media (max-width:1600px){.service-card{min-height:330px;width:250px}.services-container{gap:20px}}@media (max-width:1400px){.service-card{min-height:320px;width:230px}.services-container{gap:18px}.card-icon{height:90px;padding:18px;width:90px}}@media (max-width:1200px){.services-container{flex-wrap:wrap;gap:25px;justify-content:center}.service-card{min-height:350px;width:280px}}@media (max-width:992px){.services{padding:60px 15px}.services-header h2{font-size:2.8rem}.service-card{max-width:300px;min-height:320px;width:calc(50% - 25px)}.card-icon{height:85px;padding:16px;width:85px}.card-title{font-size:1.3rem;min-height:3em}.card-description{font-size:.9rem;min-height:4em}}@media (max-width:768px){.services-header h2{font-size:2.2rem}.services-container{gap:20px;padding:15px}.service-card{max-width:400px;min-height:300px;padding:20px 15px;width:100%}.card-icon{height:80px;margin-bottom:15px;padding:15px;width:80px}.card-title{font-size:1.2rem;min-height:2.8em}.card-description{font-size:.85rem;min-height:3.8em}}@media (max-width:576px){.services{padding:40px 10px}.services-header h2{font-size:1.8rem}.services-container{gap:15px;padding:10px}.service-card{min-height:280px;padding:18px 12px}.card-icon{height:70px;margin-bottom:12px;padding:12px;width:70px}.card-title{font-size:1.1rem;min-height:2.5em;padding:0 5px}.card-description{font-size:.8rem;min-height:3.5em;padding:0 10px}}@media (max-width:400px){.service-card{min-height:260px}.card-icon{height:65px;padding:10px;width:65px}.card-title{font-size:1rem}.card-description{font-size:.75rem}}.service-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;border:1px solid #fff3;border-radius:16px;box-shadow:0 4px 6px #00000012,0 1px 3px #0000001a,inset 0 1px 0 #ffffff80;cursor:pointer;display:flex;flex-direction:column;flex-shrink:0;justify-content:center;margin:0;min-height:350px;opacity:1;padding:25px 20px;position:relative;transform:translateY(0) scale(1);transform-origin:center bottom;transition:all .5s cubic-bezier(.175,.885,.32,1.275);width:280px;z-index:1}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-top-color:#3498db;height:30px;width:30px}.icon-placeholder{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:8px;height:100%;width:100%}.card-icon{height:100px;margin:0 auto 20px;position:relative;width:100px}.card-icon img{height:100%;left:0;object-fit:contain;position:absolute;top:0;width:100%}.card-icon img.loaded{animation:fadeIn .5s ease}.video-section{background:#f3f3f3;padding:50px 20px;text-align:center}.video-section h2{color:#333;font-size:2.5rem;margin-bottom:30px}.video-container{align-items:center;display:flex;gap:30px;justify-content:center;margin:0 auto;max-width:1200px}video{border-radius:10px;box-shadow:0 4px 8px #0003;max-width:600px}.video-description{max-width:400px;text-align:left}.video-description p{color:#555;font-size:1.1rem;line-height:1.6}@media (max-width:992px){.video-container{flex-direction:column}video{max-width:100%}.video-description{max-width:100%;text-align:center}}@media (max-width:768px){.video-section h2{font-size:2rem}}.contact{background:linear-gradient(135deg,#56ccf2,#2f80ed);color:#fff;padding:60px 20px;text-align:center}.contact-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-radius:10px;box-shadow:0 10px 20px #0003;margin:0 auto;max-width:600px;padding:30px}.contact h2{animation:fadeInDown 1s ease;color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px}.contact p{color:#f2f2f2;font-size:1rem}.contact p,.contact-form .form-group{margin-bottom:20px}.contact-form input,.contact-form textarea{background:#fffc;border:none;border-radius:5px;box-sizing:border-box;font-size:1rem;padding:10px 15px;transition:all .3s ease;width:100%}.contact-form input:focus,.contact-form textarea:focus{background:#fff;box-shadow:0 4px 8px #0003;outline:none}.contact-form textarea{resize:vertical}.contact-form button{background:linear-gradient(90deg,#2f80ed,#56ccf2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;transition:all .3s ease;width:100%}.contact-form button:hover{background:linear-gradient(90deg,#56ccf2,#2f80ed);box-shadow:0 8px 15px #0000004d;transform:translateY(-3px)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.contact h2{font-size:2rem}.contact-container{padding:20px}}.footer{background-color:#0f2027;color:#fff;padding:40px 20px;text-align:center}.footer-container{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1200px}.footer p{font-size:1rem;margin-bottom:10px}.social-links{display:flex;gap:20px;list-style:none;margin:0;padding:0}.social-links a{color:#4074e6;font-size:16px;text-decoration:none;transition:color .3s ease}.social-links a:hover{color:#f9c513}@media (max-width:768px){.footer{padding:30px 15px}.social-links{flex-direction:column;gap:10px}}.App>:not(:first-child){margin-top:0}.home-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.home-container>*{width:100%}.loading-page{align-items:center;background:linear-gradient(0deg,#a8e063,#56ab2f);display:flex;font-family:Arial,sans-serif;justify-content:center;min-height:100vh;overflow:hidden}.loading-container{height:300px;max-width:800px;position:relative;width:100%}.bridge{background:#6c757d;border-radius:10px;bottom:100px;box-shadow:0 4px 8px #0000004d;height:20px;left:0;right:0}.bridge,.person{position:absolute}.person{animation:walk 2s linear infinite;background:url(/static/media/heart.1d5371fd7bf046d48e0e.png);background-size:cover;bottom:40px;height:150px;left:-50px;width:150px}@keyframes walk{0%{left:-50px}to{left:calc(100% - 50px)}}.loading-text{color:#fff;font-size:24px;position:absolute;text-align:center;top:20px;width:100%}.heart{animation:beat .8s infinite;background:url(/static/media/heart.1d5371fd7bf046d48e0e.png);background-size:cover;bottom:40px;height:150px;position:absolute;right:10px;width:150px}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.stop-animation{animation:none!important}@media (max-width:768px){.loading-container{height:200px}.heart,.person{height:100px;width:100px}.loading-text{font-size:18px}}.login-page{overflow:hidden;position:relative;width:100%}body{font-family:Inter,Arial,sans-serif}.background-video{inset:0;overflow:hidden;position:fixed;z-index:-1}.video-background{filter:brightness(45%);height:100%;object-fit:cover;width:100%}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-container{backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);background:#ffffffeb;border-radius:22px;box-shadow:0 30px 80px #00000073,inset 0 1px 0 #ffffff59;display:flex;min-height:min(600px,92vh);overflow:hidden;width:min(1000px,95vw)}.image-container{align-items:center;background:linear-gradient(135deg,#2ecc71,#27ae60);display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:clamp(20px,4vw,40px);text-align:center}.image-container img{margin-bottom:30px;max-width:clamp(120px,20vw,200px)}.image-container h2{color:#fff;font-size:clamp(20px,3vw,28px);font-weight:700;margin-bottom:30px}.login-options{display:flex;flex-direction:column;gap:14px;max-width:320px;width:100%}.login-option-btn{align-items:center;background:linear-gradient(135deg,#3cbc40,#2ecc71);border:2px solid #ffffff59;border-radius:14px;box-shadow:0 6px 18px #0000002e,inset 0 1px 0 #fff6;color:#1f1f1f;cursor:pointer;display:flex;font-size:clamp(15px,2.2vw,18px);font-weight:600;gap:10px;justify-content:center;padding:clamp(14px,2.5vw,16px) clamp(20px,4vw,30px);transition:transform .25s ease,box-shadow .25s ease;width:100%}@media (hover:hover){.login-option-btn:hover{background:#fff;box-shadow:0 14px 30px #0000004d,inset 0 1px 0 #ffffff40;transform:translateY(-3px)}}.login-option-btn:active{box-shadow:0 6px 14px #00000040,inset 0 3px 6px #0000004d;transform:translateY(0)}.login-box{display:flex;flex:1.5 1;flex-direction:column;padding:clamp(20px,4vw,40px)}.login-box h1{color:#333;font-size:clamp(22px,3vw,32px);font-weight:700;margin-bottom:25px;text-align:center}.login-form,.registration-form{display:none;flex:1 1}.login-form.active,.registration-form.active{display:block}.login-form input,.registration-form input,.registration-form select{border:2px solid #e0e0e0;border-radius:10px;font-size:15px;margin-bottom:12px;padding:14px;transition:.25s ease;width:100%}.login-form input:focus,.registration-form input:focus,.registration-form select:focus{border-color:#4caf50;box-shadow:0 0 0 3px #4caf5033;outline:none}.login-btn,.register-btn{background:linear-gradient(135deg,#4caf50,#2ecc71);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:600;margin-top:15px;padding:16px;transition:transform .25s ease,box-shadow .25s ease;width:100%}@media (hover:hover){.login-btn:hover,.register-btn:hover{box-shadow:0 10px 24px #4caf5066;transform:translateY(-2px)}}.back-link,.registration-link{color:#4caf50;cursor:pointer;font-size:15px;font-weight:500;margin-top:15px;text-align:center}.registration-form{max-height:520px;overflow-y:auto;padding-right:8px}.registration-form::-webkit-scrollbar{width:6px}.registration-form::-webkit-scrollbar-thumb{background:#4caf50;border-radius:10px}.form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,1fr)}.form-full{grid-column:1/-1}.days-checkbox,.facilities-checkbox{grid-gap:8px;display:grid;gap:8px;margin:10px 0}.days-checkbox{grid-template-columns:repeat(7,1fr)}.facilities-checkbox{grid-template-columns:repeat(4,1fr)}.password-container{position:relative}.eye-icon{cursor:pointer;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.error-message{background:#ffebee;border-radius:8px;color:#c62828;margin-bottom:15px;padding:12px;text-align:center}@media (max-width:900px){.login-container{flex-direction:column}.form-grid{grid-template-columns:1fr}.days-checkbox{grid-template-columns:repeat(4,1fr)}.facilities-checkbox{grid-template-columns:repeat(3,1fr)}}@media (max-width:480px){.login-container{border-radius:0;min-height:100vh}.days-checkbox{grid-template-columns:repeat(3,1fr)}.facilities-checkbox{grid-template-columns:repeat(2,1fr)}}:root{--primary-color:#0d9488;--primary-dark:#0f766e;--primary-light:#2dd4bf;--secondary-color:#1e40af;--accent-color:#7c3aed;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--light-bg:#f0f9ff;--card-bg:#fff;--text-dark:#1e293b;--text-light:#64748b;--shadow-sm:0 2px 8px #0000000d;--shadow-md:0 4px 20px #00000014;--shadow-lg:0 10px 40px #0000001f}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes shimmer{0%{background-position:-200%}to{background-position:200%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.hospital-dashboard{animation:fadeIn .8s ease-out;background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#f0fdf4);font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh;padding:20px}.dashboard-header{animation:slideInLeft .6s ease-out;background:linear-gradient(135deg,#0d9488,#1e40af);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border-radius:20px;box-shadow:0 10px 40px #0000001f;box-shadow:var(--shadow-lg);color:#fff;margin-bottom:30px;overflow:hidden;padding:30px;position:relative}.dashboard-header:before{animation:shimmer 3s linear infinite;background:linear-gradient(45deg,#0000 30%,#ffffff1a 50%,#0000 70%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.dashboard-header:after{animation:float 6s ease-in-out infinite;bottom:-30px;content:"⚕️";font-size:150px;opacity:.1;position:absolute;right:-30px}.header-content{position:relative;z-index:2}.header-logo{align-items:center;cursor:pointer;display:flex;gap:15px;margin-bottom:20px;transition:all .3s ease}.header-logo:hover{transform:translateY(-2px)}.logo-image{align-items:center;display:flex;justify-content:center;min-height:60px;min-width:60px}.logo-image img{background-color:#fff;border:2px solid #ffffff4d;border-radius:50%;cursor:pointer;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.logo-image img:hover{box-shadow:0 0 20px #ffffff4d;transform:scale(1.1)}.logo-fallback{align-items:center;background:linear-gradient(135deg,#0d9488,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));border:2px solid #ffffff4d;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;font-weight:700;height:60px;justify-content:center;transition:transform .3s ease;width:60px}.logo-fallback:hover{transform:scale(1.1)}.logo-text{display:flex;flex-direction:column}.logo-text h1{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#c7d2fe);-webkit-background-clip:text;font-size:2.5em;font-weight:800;letter-spacing:-.5px;margin:0;text-shadow:0 2px 10px #0000001a}.logo-text span{font-size:.9em;font-weight:400;opacity:.9}.dashboard-header h1{align-items:center;display:flex;font-size:2.8em;font-weight:700;gap:15px;margin:0 0 15px}.dashboard-header p{align-items:center;display:flex;font-size:1.1em;gap:10px;margin:8px 0;opacity:.95}.hospital-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:1px solid #fff3;border-radius:20px;display:inline-flex;gap:8px;margin-top:10px;padding:8px 16px}.dashboard-content{animation:fadeIn 1s ease-out .3s both;margin:0 auto;max-width:1400px}.stats-cards{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.stat-card{animation:slideInRight .6s ease-out;background:#fff;background:var(--card-bg);border-left:6px solid #0d9488;border-left:6px solid var(--primary-color);border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);overflow:hidden;padding:30px;position:relative;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stat-card:nth-child(2){animation-delay:.1s}.stat-card:nth-child(3){animation-delay:.2s}.stat-card:nth-child(4){animation-delay:.3s}.stat-card:before{background:linear-gradient(90deg,#0d9488,#7c3aed);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:4px;left:0;position:absolute;top:0;width:100%}.stat-card:hover{box-shadow:0 10px 40px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-12px) scale(1.02)}.stat-card-icon{animation:float 3s ease-in-out infinite;display:inline-block;font-size:2.5em;margin-bottom:15px}.stat-card h3{color:#64748b;color:var(--text-light);font-weight:600;letter-spacing:1.5px;margin-bottom:15px;text-transform:uppercase}.stat-card p{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#7c3aed);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);-webkit-background-clip:text;font-size:48px;font-weight:800;margin:0}.action-section{animation:fadeIn .8s ease-out .4s both;margin-bottom:40px;text-align:center}.edit-beds-btn{align-items:center;background:linear-gradient(135deg,#0d9488,#1e40af);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);border:none;border-radius:15px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);color:#fff;cursor:pointer;display:inline-flex;font-size:18px;font-weight:600;gap:12px;overflow:hidden;padding:18px 45px;position:relative;transition:all .3s ease}.edit-beds-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.edit-beds-btn:hover:before{left:100%}.edit-beds-btn:hover{background:linear-gradient(135deg,#0f766e,#1e3a8a);background:linear-gradient(135deg,var(--primary-dark) 0,#1e3a8a 100%);box-shadow:0 15px 35px #0d94884d;transform:translateY(-5px) scale(1.05)}.view-toggle{display:flex;gap:15px;justify-content:center;margin-top:20px}.view-btn{align-items:center;background:#fff;border:2px solid #2dd4bf;border:2px solid var(--primary-light);border-radius:10px;color:#1e293b;color:var(--text-dark);cursor:pointer;display:flex;font-weight:600;gap:8px;padding:10px 25px;transition:all .3s ease}.view-btn.active{background:#0d9488;background:var(--primary-color);box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);color:#fff}.view-btn.active,.view-btn:hover:not(.active){border-color:#0d9488;border-color:var(--primary-color)}.view-btn:hover:not(.active){transform:translateY(-2px)}.hospital-details-section{grid-gap:30px;animation:fadeIn .8s ease-out .5s both;display:grid;gap:30px;grid-template-columns:1fr 1fr;margin-bottom:40px}@media (max-width:900px){.hospital-details-section{grid-template-columns:1fr}}.hospital-info-card{background:#fff;background:var(--card-bg);border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);overflow:hidden;padding:30px;position:relative}.hospital-info-card:before{background:linear-gradient(135deg,#2dd4bf,#0000 70%);background:linear-gradient(135deg,var(--primary-light) 0,#0000 70%);border-radius:0 20px 0 0;content:"";height:100px;position:absolute;right:0;top:0;width:100px}.hospital-info-card h2{align-items:center;color:#1e293b;color:var(--text-dark);display:flex;font-size:1.8em;gap:10px;margin:0 0 25px;padding-bottom:10px;position:relative}.hospital-info-card h2:after{background:linear-gradient(90deg,#0d9488,#7c3aed);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;bottom:0;content:"";height:4px;left:0;position:absolute;width:60px}.info-grid{grid-gap:20px;gap:20px}.info-item{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #0d9488;border-left:4px solid var(--primary-color);border-radius:12px;padding:20px;transition:all .3s ease}.info-item:hover{box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);transform:translateX(5px)}.info-item strong{color:#1e293b;color:var(--text-dark);color:#64748b;color:var(--text-light);display:block;font-size:.9em;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.bed-summary-card{background:#fff;background:var(--card-bg);border-radius:20px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);margin-top:20px;overflow:hidden;padding:30px;position:relative}.bed-summary-card:before{animation:gradientBG 3s ease infinite;background:linear-gradient(90deg,#0d9488,#7c3aed,#1e40af);background:linear-gradient(90deg,var(--primary-color),var(--accent-color),var(--secondary-color));background-size:200% 100%;content:"";height:4px;left:0;position:absolute;top:0;width:100%}.card-header{flex-wrap:wrap;gap:15px;margin-bottom:30px}.card-header h2{align-items:center;color:#1e293b;color:var(--text-dark);display:flex;font-size:1.8em;gap:10px;margin:0}.category-count{background:linear-gradient(135deg,#2dd4bf,#0d9488);background:linear-gradient(135deg,var(--primary-light) 0,var(--primary-color) 100%);border-radius:20px;color:#fff;font-size:.9em;font-weight:600;padding:8px 20px}.bed-categories-table,.category-count{box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm)}.bed-categories-table{animation:fadeIn .6s ease-out;border-collapse:collapse;border-radius:15px;overflow:hidden;width:100%}.bed-categories-table thead{background:linear-gradient(135deg,#0d9488,#1e40af);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);color:#fff}.bed-categories-table th{font-size:1em;font-weight:600;letter-spacing:.5px;padding:20px;position:relative;text-align:left;text-transform:uppercase}.bed-categories-table th:after{background:#ffffff4d;content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.bed-categories-table th:last-child:after{display:none}.bed-categories-table tbody tr{background:#fff;border-bottom:1px solid #e2e8f0;transition:all .3s ease}.bed-categories-table tbody tr:hover{background:#f0f9ff;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);transform:scale(1.01)}.bed-categories-table td{color:#1e293b;color:var(--text-dark);font-size:1.1em;padding:20px;text-align:center}.bed-categories-table td:first-child{align-items:center;color:#1e293b;color:var(--text-dark);display:flex;font-weight:600;gap:12px;text-align:left;text-transform:capitalize}.status-badge{align-items:center;display:inline-flex;font-size:.9em;gap:6px;justify-content:center;min-width:100px;padding:8px 16px}.status-available{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.status-occupied{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.status-total{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.utilization-progress{background-color:#e2e8f0;height:10px;margin-top:8px;width:100%}.utilization-fill,.utilization-progress{border-radius:10px;overflow:hidden;position:relative}.utilization-fill{height:100%;transition:width 1s cubic-bezier(.34,1.56,.64,1)}.utilization-fill:after{animation:shimmer 2s infinite;background:linear-gradient(90deg,#0000,#ffffff4d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.utilization-low{background:linear-gradient(90deg,#10b981,#34d399)}.utilization-medium{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.utilization-high{background:linear-gradient(90deg,#ef4444,#f87171)}.bed-cards-view{grid-gap:25px;animation:fadeIn .6s ease-out;display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:20px}.bed-category-card{background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #e2e8f0;border-radius:18px;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);overflow:hidden;padding:25px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.bed-category-card:before{background:linear-gradient(90deg,#0d9488,#7c3aed);background:linear-gradient(90deg,var(--primary-color),var(--accent-color));content:"";height:5px;left:0;position:absolute;top:0;width:100%}.bed-category-card:hover{box-shadow:0 10px 40px #0000001f;box-shadow:var(--shadow-lg);transform:translateY(-10px) scale(1.02)}.bed-category-header{align-items:flex-start;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:25px;padding-bottom:15px}.bed-category-header h4{align-items:center;color:#1e293b;color:var(--text-dark);display:flex;font-size:1.4em;font-weight:700;gap:10px;margin:0}.bed-category-icon{animation:float 3s ease-in-out infinite;animation-delay:0s;animation-delay:calc(var(--delay, 0)*.2s);font-size:1.8em}.bed-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);text-align:center}.stat-item{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000000d;box-shadow:var(--shadow-sm);padding:20px 15px;transition:all .3s ease}.stat-item:hover{box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow-md);transform:translateY(-5px)}.stat-item .label{color:#64748b;color:var(--text-light);font-size:.85em;font-weight:500;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-item .value{font-size:2em;font-weight:800}.empty-state{animation:fadeIn .6s ease-out;color:#64748b;color:var(--text-light);padding:60px 20px;text-align:center}.empty-state-icon{animation:float 3s ease-in-out infinite;font-size:4em;margin-bottom:20px}.empty-state h3{color:#1e293b;color:var(--text-dark);font-size:1.5em;margin-bottom:10px}.empty-state p{font-size:1.1em;margin-bottom:30px}.loading-container{background:linear-gradient(135deg,#f0f9ff,#e0f2fe 50%,#f0fdf4);height:100vh;justify-content:center}.loading-container,.loading-logo{align-items:center;display:flex;flex-direction:column}.loading-logo{margin-bottom:30px}.loading-logo-image{align-items:center;display:flex;height:80px;justify-content:center;margin-bottom:15px;width:80px}.loading-logo-image img{background-color:#fff;border:3px solid #0d94884d;border-radius:50%;cursor:pointer;height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.loading-logo-image img:hover{transform:scale(1.1)}.loading-spinner{animation:spin 1.5s linear infinite;border:6px solid #0d94881a;border-top-color:#0d9488;border-top:6px solid var(--primary-color);height:80px;margin-bottom:20px;position:relative;width:80px}.loading-spinner:after{animation:spin 2s linear infinite reverse;border:6px solid #0000;border-radius:50%;border-top-color:#7c3aed;border-top:6px solid var(--accent-color);bottom:-6px;content:"";left:-6px;position:absolute;right:-6px;top:-6px}.floating-elements{height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.floating-element{animation:float 6s ease-in-out infinite;font-size:24px;opacity:.1;position:absolute}.floating-element:first-child{animation-delay:0s;left:5%;top:10%}.floating-element:nth-child(2){animation-delay:1s;right:10%;top:20%}.floating-element:nth-child(3){animation-delay:2s;bottom:30%;left:15%}.floating-element:nth-child(4){animation-delay:3s;bottom:15%;right:5%}.floating-element:nth-child(5){animation-delay:4s;left:20%;top:40%}.floating-logo{bottom:20px;cursor:pointer;height:80px;position:fixed;right:20px;transition:transform .3s ease;width:80px;z-index:100}.floating-logo:hover{transform:scale(1.1)}.floating-logo .logo-fallback,.floating-logo img{border:3px solid #0d9488;border:3px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 20px #0003;height:100%;object-fit:cover;width:100%}.floating-logo .logo-fallback{align-items:center;background:linear-gradient(135deg,#0d9488,#1e40af);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));color:#fff;display:flex;font-size:24px;font-weight:700;justify-content:center}@media (max-width:768px){.dashboard-header h1{font-size:2em}.bed-cards-view,.hospital-details-section,.info-grid,.stats-cards{grid-template-columns:1fr}.bed-summary-card,.dashboard-header,.hospital-info-card{padding:20px}.bed-categories-table{display:block;overflow-x:auto}.card-header{align-items:flex-start;flex-direction:column}.view-toggle{align-items:center;flex-direction:column}.view-btn{justify-content:center;width:100%}.floating-logo{bottom:15px;height:60px;right:15px;width:60px}}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0d9488,#7c3aed);background:linear-gradient(135deg,var(--primary-color) 0,var(--accent-color) 100%);-webkit-background-clip:text}.shadow-glow{box-shadow:0 0 30px #0d948833}.bed-management{background:linear-gradient(135deg,#74ebd5,#acb6e5);font-family:Arial,sans-serif;height:100vh;margin:0;padding:0;position:relative}.bed-management,.container{display:flex;overflow:hidden}.container{box-sizing:border-box;gap:20px;height:100%;padding:20px}.beds-container{align-content:flex-start;align-items:flex-start;background:#ffffff1a;display:flex;flex:2 1;flex-wrap:wrap;gap:5px;margin-right:10px;padding:10px}.beds-container,.filter-box{border-radius:10px;overflow-y:auto}.filter-box{background:#fff;box-shadow:0 4px 10px #0003;flex:1 1;height:calc(100vh - 40px);min-width:350px;padding:21px}.filter-box h2{color:#333;font-size:20px;margin:15px 0 10px}.filter-header{border-bottom:1px solid #eee;margin-bottom:20px;padding-bottom:15px}.filter-header h2{color:#333;font-size:22px;font-weight:600;margin:0 0 15px}.overall-stats{display:flex;gap:10px;margin-top:10px}.overall-stat{background:#f8f9fa;border:1px solid #eee;border-radius:8px;flex:1 1;padding:10px;text-align:center}.stat-label{display:block;font-size:12px;margin-bottom:5px}.stat-value{color:#333;display:block;font-size:18px;font-weight:700}.available-stat{color:#28a745}.occupied-stat{color:#dc3545}.input-group{margin-bottom:15px}.input-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:5px}.label-icon{margin-right:5px}.hospital-select,input[type=number],input[type=text]{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;margin:5px 0;padding:8px;width:100%}.hospital-select:focus,input[type=number]:focus,input[type=text]:focus{box-shadow:0 0 0 2px #28a74533;outline:none}.category-section{margin:20px 0}.category-section h3{color:#333;font-size:18px;font-weight:600;margin:0 0 10px}.section-description{color:#666;font-size:13px;line-height:1.4;margin:0 0 15px}.category-buttons{display:flex;flex-direction:column;gap:8px}.category-btn{align-items:center;background:#f8f9fa;border:1px solid #ccc;border-radius:5px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px;text-align:left}.category-btn:hover:not(:disabled){background:#e9ecef;border-color:#28a745}.category-btn.active{background:#28a745;border-color:#218838;color:#fff}.category-btn:disabled{cursor:not-allowed;opacity:.6}.btn-icon{font-size:16px}.bed-count-badge{background:#007bff;border-radius:10px;color:#fff;font-size:12px;font-weight:600;margin-left:auto;padding:2px 8px}.bed-configuration{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:20px 0;padding:15px}.config-header h3{color:#333;font-size:18px;font-weight:600;margin:0 0 15px}.last-updated{color:#666;font-size:12px;font-style:italic;margin:5px 0 0}.config-inputs{display:flex;flex-direction:column;gap:15px}.config-input{border:1px solid #ccc;border-radius:5px;font-size:14px;padding:8px}.input-hint{color:#6c757d;font-size:12px;font-style:italic;margin-top:4px}.bed-preview{background:#fff;border:1px solid #dee2e6;border-radius:5px;padding:10px}.preview-stat{align-items:center;display:flex;justify-content:space-between}.preview-label{color:#666;font-size:14px}.preview-value{color:#333;font-size:16px;font-weight:700}.action-buttons{display:flex;gap:10px;margin-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:5px;cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:10px}.cancel-btn{background:#6c757d;color:#fff}.cancel-btn:hover:not(:disabled){background:#5a6268}.submit-btn{align-items:center;background:#28a745;color:#fff;display:flex;gap:8px;justify-content:center}.submit-btn:hover:not(:disabled){background:#218838}.submit-btn:disabled{cursor:not-allowed;opacity:.6}.loading-btn-spinner{border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}.bed{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid #0000;border-radius:5px;box-shadow:0 2px 4px #0000001a;cursor:pointer;height:60px;margin:0;overflow:hidden;position:relative;width:60px}.bed.available{border-color:#28a745}.bed.occupied{border-color:#dc3545}.bed-number{background:#000000b3;left:2px;top:2px}.bed-number,.bed-status-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:18px;justify-content:center;position:absolute;width:18px;z-index:1}.bed-status-indicator{bottom:2px;right:2px}.bed.available .bed-status-indicator{background:#28a745}.bed.occupied .bed-status-indicator{background:#dc3545}.category-title{background-color:#ffffffe6;border-radius:8px;box-shadow:2px 2px 5px #0003;font-family:Arial,sans-serif;margin-bottom:5px;margin-top:15px;min-width:250px;padding:10px 15px;text-align:left;width:-webkit-fit-content;width:fit-content}.category-title h2{color:#333;font-size:18px;font-weight:600;margin:0}.category-stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:5px}.category-stats span{border-radius:4px;font-size:12px;font-weight:600;padding:4px 8px}.stat-total{background:#007bff1a;color:#007bff}.stat-available{background:#28a7451a;color:#28a745}.stat-occupied{background:#dc35451a;color:#dc3545}.beds-row{background:#ffffff0d;border-radius:8px;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px;padding:10px}.no-beds{color:#666;padding:40px 20px;text-align:center;width:100%}.empty-state-icon{font-size:40px;margin-bottom:15px;opacity:.5}.no-beds h3{color:#555;font-size:18px;margin:0 0 10px}.no-beds p{color:#777;font-size:14px;margin:0}.hospital-info-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;margin:15px 0;padding:15px}.hospital-info-card h3{color:#333;font-size:16px;font-weight:600;margin:0 0 10px}.hospital-details{font-size:14px}.hospital-details p{color:#555;margin:5px 0}.hospital-details strong{color:#333}.current-stats{margin-top:20px}.current-stats h3{color:#333;font-size:18px;font-weight:600;margin:0 0 10px}.stats-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr}.stat-card{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:12px}.stat-card-header{align-items:center;border-bottom:1px solid #dee2e6;display:flex;gap:8px;margin-bottom:10px;padding-bottom:8px}.category-icon{font-size:18px}.category-name{color:#333;font-size:14px;font-weight:600}.stat-card-body{grid-gap:6px;display:grid;gap:6px}.stat-item{align-items:center;padding:4px 0}.stat-item span:first-child{color:#666;font-size:13px}.stat-item .stat-value{font-size:14px;font-weight:700}.stat-item .available{color:#28a745}.stat-item .occupied{color:#dc3545}.occupancy-rate{border-top:1px solid #dee2e6;margin-top:10px;padding-top:10px}.occupancy-bar{background:#e9ecef;border-radius:3px;height:6px;margin-bottom:5px;overflow:hidden;width:100%}.occupancy-fill{height:100%}.occupancy-text{color:#666;display:block;font-size:11px;font-weight:600;text-align:center}.notification{display:none;position:fixed;right:20px;top:20px;z-index:10000}.notification.show{display:block}.notification-content{align-items:center;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 10px #0003;display:flex;font-size:14px;font-weight:600;gap:10px;min-width:280px;padding:12px 20px}.notification.success{background:#28a745;color:#fff}.notification.error{background:#dc3545;color:#fff}.notification.warning{background:#ffc107;color:#212529}.notification.info{background:#17a2b8;color:#fff}.edit-link{background:#00ff964d;border:none;border-radius:8px;box-shadow:0 0 10px #00ff9666;color:#fff;cursor:pointer;display:inline-block;font-size:14px;font-weight:700;left:20px;padding:8px 15px;position:absolute;text-decoration:none;top:20px;z-index:1000}.edit-link:hover{background:#fff;box-shadow:0 0 15px #00ff96b3;color:#00c6ff}.loading-overlay{align-items:center;background:#00000080;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner{border:4px solid #ffffff4d;border-radius:50%;border-top-color:#28a745;height:40px;margin-bottom:15px;width:40px}.loading-overlay p{color:#fff;font-size:14px;font-weight:500}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}::-webkit-scrollbar-thumb{background:#888;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:1024px){.container{flex-direction:column;height:auto;padding:15px}.beds-container{flex:none;height:50vh;margin-bottom:15px;margin-right:0}.filter-box{height:auto;max-height:50vh;min-width:auto}.bed{height:55px;width:55px}}@media (max-width:768px){.bed-management{padding-top:60px}.edit-link{font-size:12px;left:10px;padding:6px 12px;top:10px}.notification-content{font-size:13px;min-width:250px;padding:10px 15px}.bed{height:50px;width:50px}.bed-number,.bed-status-indicator{font-size:9px;height:16px;width:16px}.category-title{min-width:200px;padding:8px 12px}.category-title h2{font-size:16px}.category-stats span{font-size:11px;padding:3px 6px}}@media (max-width:480px){.container{gap:10px;padding:10px}.bed{height:45px;width:45px}.filter-box{padding:15px}.overall-stats{flex-direction:column}.notification-content{left:50%;min-width:220px;right:auto;transform:translateX(-50%)}}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;animation:none!important;-webkit-animation:none!important;-moz-animation:none!important;-o-animation:none!important;transition:none!important;-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-webkit-user-select:none;user-select:none}:focus{outline:none}button:hover{filter:none;transform:none}button:active{opacity:1;transform:none}.bed,button,input,select{cursor:pointer}.hospital-select:hover,input[type=number]:hover,input[type=text]:hover{border-color:#ccc}.category-btn:hover{background:#f8f9fa;border-color:#ccc}.category-btn.active:hover{background:#28a745;border-color:#218838}.cancel-btn:hover{background:#6c757d}.submit-btn:hover{background:#28a745}.edit-link:hover{background:#00ff964d;box-shadow:0 0 10px #00ff9666;color:#fff}.hospital-select:focus,input[type=number]:focus,input[type=text]:focus{border-color:#28a745;box-shadow:none;transition:none}::-webkit-scrollbar-thumb{-webkit-transition:none;transition:none}::-webkit-scrollbar-thumb:hover{background:#888}.user-dashboard{background:#f5f7fa;min-height:100vh}.user-dashboard .dashboard-header{background:linear-gradient(90deg,#0f2027,#319fad,#4074e6);box-shadow:0 2px 10px #0000001a;color:#fff;padding:20px 0}.user-dashboard .header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.user-dashboard .user-info-header{align-items:center;display:flex;gap:20px}.user-dashboard .dashboard-container{display:flex;gap:30px;margin:30px auto;max-width:1200px;padding:0 20px}.user-dashboard .dashboard-sidebar{flex-shrink:0;width:250px}.user-dashboard .sidebar-section{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;margin-bottom:20px;padding:20px}.user-dashboard .sidebar-section h3{border-bottom:1px solid #eee;color:#4074e6;font-size:16px;margin-bottom:15px;padding-bottom:10px}.user-dashboard .sidebar-section ul{list-style:none;margin:0;padding:0}.user-dashboard .sidebar-section ul li{border-radius:5px;cursor:pointer;margin-bottom:5px;padding:10px}.user-dashboard .sidebar-section ul li.active,.user-dashboard .sidebar-section ul li:hover{background:#4074e6;color:#fff}.user-dashboard .dashboard-content{flex:1 1;min-width:0}.user-dashboard .tab-content{background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;padding:30px}.user-dashboard .logout-btn{background:#fff3;border:1px solid #fff;border-radius:25px;color:#fff;cursor:pointer;font-size:14px;padding:10px 20px;transition:all .3s ease}.user-dashboard .logout-btn:hover{background:#fff;color:#4074e6}.telemedicine-page{background:linear-gradient(135deg,#f5f7fa,#e3f2fd);color:#333;margin-top:80px;min-height:100vh;padding:20px}.telemedicine-header{animation:fadeIn 1s ease-out;background:linear-gradient(135deg,#2196f3,#7e57c2);border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#fff;margin-bottom:30px;padding:40px 20px;text-align:center}.telemedicine-header h1{font-size:2.8rem;font-weight:600;margin-bottom:10px}.welcome-text{font-size:1.2rem;margin:0 auto;max-width:800px;opacity:.9}.telemedicine-main{margin:0 auto;max-width:1200px}.telemedicine-section{animation:slideUp .6s ease-out;background:#fff;border-radius:12px;box-shadow:0 6px 20px #00000014;margin:30px 0;padding:30px}.telemedicine-section h2{border-bottom:2px solid #e3f2fd;color:#2196f3;font-size:1.8rem;margin-bottom:15px;padding-bottom:10px}.telemedicine-section p{color:#666;line-height:1.6;margin-bottom:20px}.video-call-container{background:#f8fdff;border:1px solid #e1f5fe;border-radius:10px;padding:25px}.video-wrapper{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-around;margin-bottom:30px}.video-box{background:#000;border-radius:10px;flex:1 1;min-width:300px;overflow:hidden;position:relative}.video-box h4{background:#00000080;border-radius:5px;color:#fff;font-size:.9rem;left:10px;padding:5px 10px;position:absolute;top:10px;z-index:1}video{background:#222;height:300px;object-fit:cover;width:100%}video.active{border:3px solid #4caf50}video.inactive{background:linear-gradient(45deg,#333 25%,#444 0,#444 50%,#333 0,#333 75%,#444 0);background-size:40px 40px;border:3px solid #ddd}.button-group{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.btn-primary{background:linear-gradient(135deg,#2196f3,#1976d2);border-radius:8px;font-weight:500;min-width:180px;padding:12px 28px}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#1976d2,#0d47a1);box-shadow:0 4px 12px #2196f34d;transform:translateY(-2px)}.btn-primary:disabled{background:#ccc;cursor:not-allowed;transform:none}.btn-secondary{background:#fff;border:2px solid #f44336;border-radius:8px;color:#f44336;cursor:pointer;font-size:1rem;font-weight:500;min-width:180px;padding:12px 28px;transition:all .3s ease}.btn-secondary:hover:not(:disabled){background:#f44336;color:#fff;transform:translateY(-2px)}.btn-secondary:disabled{border-color:#ccc;color:#ccc;cursor:not-allowed}.chat-container{background:#fff9f0;border:1px solid #ffe0b2;border-radius:10px;padding:25px}.chat-box{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.messages-container{background:#fafafa;border-bottom:1px solid #eee;height:300px;overflow-y:auto;padding:20px}.message{margin-bottom:15px;max-width:80%}.message.sent{margin-left:auto}.message.received{margin-right:auto}.message-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:5px}.message.sent .message-header{color:#2196f3}.message.received .message-header{color:#4caf50}.message-time{font-size:.8rem;opacity:.7}.message-content{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;padding:12px 15px}.message.sent .message-content{background:#e3f2fd;border-top-right-radius:2px}.message.received .message-content{background:#f1f8e9;border-top-left-radius:2px}.message-input-container{display:flex;gap:10px;padding:15px}.message-input-container input{border:1px solid #ddd;border-radius:6px;flex:1 1;font-size:1rem;padding:12px 15px;transition:border-color .3s}.message-input-container input:focus{border-color:#2196f3;box-shadow:0 0 0 2px #2196f31a;outline:none}.auth-notice{background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;margin-top:15px;padding:15px;text-align:center}.prescription-container{background:#f8f9fa;border:1px solid #e9ecef;border-radius:10px;padding:25px}.prescription-header{background:#fff;border-left:4px solid #2196f3;border-radius:8px;margin-bottom:20px}.doctor-name{color:#2196f3;font-size:1.1rem;margin:10px 0}.prescription-date{color:#666;font-size:.9rem}.prescription-content{background:#fff;border:1px solid #e0e0e0;border-radius:8px;font-family:Courier New,monospace;line-height:1.8;padding:25px;white-space:pre-wrap}.prescription-actions{margin-top:25px;text-align:center}.contact-info{background:#e8f5e9;border-radius:8px;margin-top:20px;padding:20px;text-align:center}.contact-info p{color:#2e7d32;margin:5px 0}.telemedicine-footer{border-top:1px solid #ddd;color:#666;margin-top:40px;padding:30px 20px;text-align:center}.disclaimer{color:#888;font-size:.9rem;margin:15px auto;max-width:800px}@media (max-width:768px){.telemedicine-page{margin-top:70px;padding:10px}.telemedicine-header h1{font-size:2rem}.telemedicine-section{margin:20px 0;padding:20px}.video-wrapper{flex-direction:column}.video-box{min-width:100%}video{height:250px}.button-group{align-items:center;flex-direction:column}.btn-primary,.btn-secondary{max-width:300px;width:100%}.message{max-width:90%}}@media (max-width:480px){.telemedicine-header{padding:25px 15px}.telemedicine-header h1{font-size:1.6rem}.telemedicine-section h2{font-size:1.4rem}.message-input-container{flex-direction:column}.message-input-container button{width:100%}}.messages-container::-webkit-scrollbar{width:6px}.messages-container::-webkit-scrollbar-track{background:#f1f1f1}.messages-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.messages-container::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.admin-dashboard{background:#f5f7fa;display:flex;font-family:Inter,sans-serif;min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#1a237e,#283593);box-shadow:4px 0 15px #0000001a;color:#fff;display:flex;flex-direction:column;padding:25px 20px;width:280px}.admin-header{border-bottom:1px solid #fff3;margin-bottom:30px;padding-bottom:20px;text-align:center}.admin-header h2{font-size:22px;font-weight:600;margin:0 0 15px}.admin-info{background:#ffffff1a;border-radius:8px;font-size:13px;padding:12px}.admin-info p{margin:5px 0}.admin-stats{background:#ffffff1a;border-radius:10px;margin-bottom:25px;padding:15px}.stat-card h3{color:#bbdefb;font-size:16px;margin-bottom:12px;margin-top:0}.stat-card p{display:flex;font-size:14px;justify-content:space-between;margin:6px 0}.admin-nav{display:flex;flex:1 1;flex-direction:column;gap:10px}.nav-btn{background:#ffffff1a;color:#fff;font-size:15px;padding:14px 18px}.nav-btn:hover{background:#fff3;transform:translateX(5px)}.nav-btn.active{background:#3949ab;box-shadow:0 4px 12px #3949ab4d}.logout-btn{align-items:center;background:#e53935;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:15px;gap:10px;justify-content:center;margin-top:20px;padding:14px;transition:background .3s ease}.logout-btn:hover{background:#c62828}.admin-main{flex:1 1;overflow-y:auto;padding:30px}.search-container{display:flex;gap:15px;margin-bottom:30px}.search-input{border:2px solid #e0e0e0;border-radius:10px;flex:1 1;font-size:15px;padding:12px 20px;transition:border .3s ease}.search-input:focus{border-color:#3949ab;box-shadow:0 0 0 3px #3949ab1a;outline:none}.refresh-btn{align-items:center;background:#3949ab;border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:15px;gap:8px;padding:12px 25px;transition:background .3s ease}.refresh-btn:hover{background:#283593}.tab-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.tab-content h3{color:#1a237e;font-size:24px;margin-bottom:25px}.section{margin-bottom:40px}.section h4{align-items:center;color:#3949ab;display:flex;font-size:18px;gap:10px;margin-bottom:20px}.cards-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 15px #00000014;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-5px)}.card-header{align-items:center;border-bottom:1px solid #eee;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.card-header h4{color:#333;font-size:18px;margin:0}.badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.badge.pending{background:#fff3cd;color:#856404}.badge.approved{background:#d4edda;color:#155724}.badge.rejected{background:#f8d7da;color:#721c24}.card-body p{color:#555;font-size:14px;margin:8px 0}.card-body strong{color:#333;display:inline-block;min-width:120px}.card-actions{display:flex;gap:10px;margin-top:20px}.btn-approve,.btn-delete,.btn-reject,.btn-view{border:none;border-radius:6px;cursor:pointer;flex:1 1;font-size:13px;font-weight:600;padding:8px 15px;transition:all .2s ease}.btn-approve{background:#28a745;color:#fff}.btn-approve:hover{background:#218838}.btn-reject{background:#dc3545;color:#fff}.btn-reject:hover{background:#c82333}.btn-delete{background:#6c757d;color:#fff}.btn-delete:hover{background:#5a6268}.btn-view{background:#17a2b8;color:#fff}.btn-view:hover{background:#138496}.table-container{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-top:20px;overflow:hidden}.admin-table{border-collapse:collapse;width:100%}.admin-table thead{background:#3949ab;color:#fff}.admin-table th{font-size:14px;font-weight:600;padding:16px;text-align:left}.admin-table td{border-bottom:1px solid #eee;color:#555;font-size:14px;padding:16px}.admin-table tbody tr:hover{background:#f8f9fa}.status-badge{border-radius:20px;font-size:12px;font-weight:600;padding:4px 12px}.status-badge.approved{background:#d4edda;color:#155724}.status-badge.pending{background:#fff3cd;color:#856404}.status-badge.rejected{background:#f8d7da;color:#721c24}.actions-cell{display:flex;gap:8px}.actions-cell button{font-size:12px;padding:6px 12px;white-space:nowrap}.settings-section{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;margin-bottom:25px;padding:25px}.settings-section h4{color:#3949ab;font-size:18px;margin-bottom:20px;margin-top:0}.setting-item{margin-bottom:15px}.setting-item label{align-items:center;cursor:pointer;display:flex;font-size:15px;gap:10px}.setting-item input[type=checkbox]{height:18px;width:18px}.form-group{align-items:flex-end;display:flex;gap:15px}.form-input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:15px;padding:12px}.btn-add-admin{background:#28a745;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:15px;padding:12px 25px;white-space:nowrap}.info-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.info-item{background:#f8f9fa;border-radius:8px;font-size:14px;padding:15px}.admin-loading{align-items:center;background:#f5f7fa;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.spinner{animation:spin 1s linear infinite;border:5px solid #e0e0e0;border-radius:50%;border-top-color:#3949ab;height:50px;margin-bottom:20px;width:50px}.no-data{background:#fff;border-radius:12px;box-shadow:0 4px 15px #00000014;color:#999;font-style:italic;padding:40px;text-align:center}@media (max-width:992px){.admin-dashboard{flex-direction:column}.admin-sidebar{gap:15px;width:100%}.admin-nav,.admin-sidebar{flex-direction:row;flex-wrap:wrap}.nav-btn{flex:1 1;min-width:200px}.cards-container{grid-template-columns:1fr}}@media (max-width:768px){.admin-main{padding:20px}.actions-cell,.card-actions,.form-group,.search-container{flex-direction:column}}.admin-login-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.admin-login-container{animation:slideUp .5s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:40px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.admin-login-header{margin-bottom:35px;text-align:center}.admin-login-header h1{color:#1a237e;font-size:28px;margin-bottom:10px}.admin-login-header p{color:#666;font-size:14px;font-weight:500}.admin-login-form{display:flex;flex-direction:column;gap:25px}.admin-error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:8px;color:#c62828;font-size:14px;padding:12px;text-align:center}.form-group label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-group input{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:14px;transition:border .3s ease;width:100%}.form-group input:focus{border-color:#3949ab;box-shadow:0 0 0 3px #3949ab1a;outline:none}.admin-login-btn{background:linear-gradient(135deg,#3949ab,#283593);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:16px;transition:all .3s ease}.admin-login-btn:hover:not(:disabled){box-shadow:0 10px 25px #3949ab4d;transform:translateY(-2px)}.admin-login-btn:disabled{cursor:not-allowed;opacity:.7}.admin-login-footer{border-top:1px solid #eee;margin-top:25px;padding-top:25px;text-align:center}.admin-login-footer p{color:#666;font-size:13px;line-height:1.5;margin-bottom:20px}.back-to-main,.back-to-user-login{background:none;border:2px solid #3949ab;border-radius:8px;color:#3949ab;cursor:pointer;font-size:15px;margin-bottom:10px;padding:12px 25px;transition:all .3s ease;width:100%}.back-to-main:hover,.back-to-user-login:hover{background:#3949ab;color:#fff}.back-to-user-login{border-color:#4caf50;color:#4caf50}.back-to-user-login:hover{background:#4caf50;color:#fff}@media (max-width:768px){.admin-login-container{padding:30px 20px}}.doctor-dashboard{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;min-height:100vh}.dashboard-header{background:#fff;box-shadow:0 2px 10px #0000001a;justify-content:space-between;padding:20px 40px;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.dashboard-header,.header-left{align-items:center;display:flex}.header-left{gap:30px}.header-left h1{color:#2c3e50;font-size:28px}.doctor-info{align-items:center;display:flex;gap:15px}.doctor-avatar{border:3px solid #3498db;border-radius:50%;height:50px;width:50px}.doctor-info h3{color:#2c3e50;font-size:18px;margin:0}.doctor-info p{color:#7f8c8d;font-size:14px;margin:0}.header-right{align-items:center;display:flex;gap:20px}.status-indicator{align-items:center;border-radius:20px;display:flex;font-size:14px;font-weight:600;gap:8px;padding:8px 16px}.status-indicator.online{background:#e8f5e9;color:#2e7d32}.status-indicator.offline{background:#ffebee;color:#c62828}.status-dot{border-radius:50%;display:inline-block;height:10px;width:10px}.status-indicator.online .status-dot{animation:pulse 2s infinite;background:#4caf50}.status-indicator.offline .status-dot{background:#f44336}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.status-toggle-btn{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.status-toggle-btn.online{background:#4caf50;color:#fff}.status-toggle-btn.offline{background:#f44336;color:#fff}.status-toggle-btn:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.dashboard-container{display:flex;min-height:calc(100vh - 90px)}.dashboard-sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;padding:20px;width:250px}.sidebar-nav{display:flex;flex-direction:column;gap:10px}.nav-btn{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:16px;gap:10px;padding:15px;text-align:left;transition:all .3s ease}.nav-btn:hover{background:#f0f7ff}.nav-btn.active{background:#3498db;color:#fff;font-weight:600}.quick-stats{background:#f8f9fa;border-radius:10px;margin-top:40px;padding:20px}.quick-stats h4{color:#2c3e50;margin-bottom:15px}.stat-item{border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:8px 0}.stat-label{color:#666}.stat-value{color:#3498db;font-weight:600}.dashboard-main{flex:1 1;overflow-y:auto;padding:30px}.tab-content{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;min-height:600px;padding:30px}.tab-content h2{border-bottom:2px solid #3498db;color:#2c3e50;margin-bottom:30px;padding-bottom:15px}.appointments-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.appointment-card{align-items:center;background:#f8f9fa;border-left:5px solid #3498db;border-radius:10px;display:flex;justify-content:space-between;padding:20px;transition:transform .3s ease}.appointment-card:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-5px)}.appointment-info h4{color:#2c3e50;margin:0 0 10px}.appointment-time{color:#3498db;font-weight:600;margin:5px 0}.appointment-type{color:#666;font-size:14px}.start-consultation-btn{background:linear-gradient(90deg,#3498db,#2980b9);border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.start-consultation-btn:hover{background:linear-gradient(90deg,#2980b9,#3498db);transform:translateY(-2px)}.consultation-tab .video-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 1fr;height:600px}.video-placeholder{background:#1a1a1a;border-radius:10px;display:flex;flex-direction:column;height:100%;overflow:hidden}.video-feed{align-items:center;background:#2c3e50;color:#fff;display:flex;flex:1 1;justify-content:center;position:relative}.video-feed:before{content:"Patient Video Feed";position:absolute}.video-controls{background:#000c;display:flex;gap:10px;justify-content:center;padding:15px}.control-btn{background:#444;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px;transition:background .3s ease}.control-btn:hover{background:#666}.control-btn.end-call{background:#e74c3c}.control-btn.end-call:hover{background:#c0392b}.consultation-sidebar{background:#f8f9fa;border-radius:10px;padding:20px}.patient-info{margin:20px 0}.patient-info p{color:#2c3e50;margin:10px 0}.quick-actions{display:flex;flex-direction:column;gap:10px;margin-top:30px}.action-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px;transition:all .3s ease}.action-btn:hover{background:#2980b9;transform:translateY(-2px)}.prescription-editor{background:#fff;border-radius:10px;overflow:hidden}.prescription-header{align-items:center;background:#f8f9fa;border-bottom:1px solid #eee;display:flex;justify-content:space-between;padding:20px}.patient-info-prescription h4{color:#2c3e50;margin:0}.patient-info-prescription p{color:#666;margin:5px 0 0}.prescription-actions{display:flex;gap:10px}.print-btn,.save-btn{border:none;border-radius:5px;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.save-btn{background:#2ecc71;color:#fff}.save-btn:hover{background:#27ae60}.print-btn{background:#3498db;color:#fff}.print-btn:hover{background:#2980b9}.prescription-textarea{border:1px solid #ddd;border-radius:5px;font-family:Courier New,monospace;font-size:14px;line-height:1.6;margin:20px 0;padding:20px;resize:vertical;width:100%}.template-buttons{margin-top:30px}.template-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:15px}.template-btn{background:#f0f7ff;border:1px solid #3498db;border-radius:5px;color:#3498db;cursor:pointer;padding:12px;transition:all .3s ease}.template-btn:hover{background:#3498db;color:#fff}.chat-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:300px 1fr;height:600px}.chat-sidebar{background:#f8f9fa;border-radius:10px;overflow-y:auto;padding:20px}.chat-search{margin-bottom:20px}.chat-search input{border:1px solid #ddd;border-radius:5px;padding:10px;width:100%}.chat-patient{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:15px;transition:background .3s ease}.chat-patient:hover{background:#e3f2fd}.patient-avatar{align-items:center;background:#3498db;border-radius:50%;color:#fff;display:flex;height:40px;justify-content:center;margin-right:15px;width:40px}.patient-chat-info h5{color:#2c3e50;margin:0 0 5px}.patient-chat-info p{color:#666;font-size:12px;margin:0}.chat-time{color:#999;font-size:12px;margin-left:auto}.chat-main{background:#fff;border:1px solid #eee;border-radius:10px;display:flex;flex-direction:column;overflow:hidden}.chat-header{align-items:center;background:#3498db;color:#fff;display:flex;justify-content:space-between;padding:15px 20px}.video-call-btn{background:#fff3;border:1px solid #fff;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px;transition:background .3s ease}.video-call-btn:hover{background:#ffffff4d}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:15px;overflow-y:auto;padding:20px}.message{border-radius:15px;max-width:70%;padding:12px 15px;position:relative}.message.patient{align-self:flex-start;background:#f0f0f0;border-bottom-left-radius:5px}.message.doctor{align-self:flex-end;background:#3498db;border-bottom-right-radius:5px;color:#fff}.message-time{color:#999;display:block;font-size:11px;margin-top:5px}.message.doctor .message-time{color:#fffc}.chat-input{border-top:1px solid #eee;display:flex;gap:10px;padding:15px}.chat-input input{border:1px solid #ddd;border-radius:25px;flex:1 1;outline:none;padding:12px}.chat-input button{background:#3498db;border:none;border-radius:25px;color:#fff;cursor:pointer;font-weight:600;padding:12px 30px;transition:background .3s ease}.chat-input button:hover{background:#2980b9}.patients-table{overflow-x:auto}.patients-table table{border-collapse:collapse;margin-top:20px;width:100%}.patients-table th{background:#3498db;color:#fff;padding:15px;text-align:left}.patients-table td{border-bottom:1px solid #eee;padding:15px}.status-active,.status-followup{border-radius:15px;font-size:12px;font-weight:600;padding:5px 10px}.status-active{background:#e8f5e9;color:#2e7d32}.status-followup{background:#fff3e0;color:#ef6c00}.action-small{background:#3498db;border:none;border-radius:3px;color:#fff;cursor:pointer;font-size:12px;margin:0 5px;padding:5px 10px}.action-small:hover{background:#2980b9}@media (max-width:1024px){.dashboard-container{flex-direction:column}.dashboard-sidebar{order:2;width:100%}.chat-container,.consultation-tab .video-container{grid-template-columns:1fr;height:auto}}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:20px;text-align:center}.header-left{flex-direction:column;gap:15px}.appointments-grid{grid-template-columns:1fr}.prescription-header{flex-direction:column;gap:15px;text-align:center}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.doctor-dashboard-page{position:relative;z-index:1}.doctor-dashboard *{box-sizing:border-box}img{loading:eager}*{box-sizing:border-box;margin:0;padding:0}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;overflow-x:hidden}body::-webkit-scrollbar{background:#0000;height:0;width:0}.App{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.btn-primary{background:linear-gradient(90deg,#2f80ed,#56ccf2);border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:12px 30px;transition:all .3s ease}.btn-primary:hover{background:linear-gradient(90deg,#56ccf2,#2f80ed);box-shadow:0 4px 8px #0003;transform:translateY(-2px)}section{padding:60px 0}@media (max-width:768px){section{padding:40px 0}}img:not([loading]){content-visibility:auto}img:nth-of-type(-n+10){loading:eager}.dashboard-sidebar img,.navbar img,.tab-content img:first-child,.user-dashboard-header img{loading:eager!important}img{animation:loading 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;content-visibility:auto}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}img.loaded{animation:none;background:none}.home-page{position:relative;width:100%;z-index:1}.user-dashboard{clip:auto;all:initial;animation:none 0s ease 0s 1 normal none running;-webkit-backface-visibility:visible;backface-visibility:visible;background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;bottom:auto;box-shadow:none;box-sizing:initial;caption-side:top;clear:none;color:#000;column-fill:balance;column-gap:normal;column-rule:medium none currentColor;column-span:1;columns:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-family:serif;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:medium;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;height:auto;-webkit-hyphens:none;hyphens:none;left:auto;letter-spacing:normal;line-height:normal;list-style:disc none outside;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;perspective:none;perspective-origin:50% 50%;position:static;right:auto;tab-size:8;table-layout:auto;text-align:left;text-align-last:auto;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto}.user-dashboard-page{position:relative;z-index:1}.App .user-dashboard{background:#f5f7fa!important;min-height:100vh}.contact,.footer,.hero,.navbar,.services,.slider,.video-section{display:block!important;opacity:1!important;visibility:visible!important}body.dashboard-mode{background:#f5f7fa!important}body.dashboard-mode>#root>*{display:none!important}body.dashboard-mode>#root>.dashboard-wrapper{display:block!important}
/*# sourceMappingURL=main.914914cf.css.map*/