.login-container{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-container:before{content:"";filter:blur(8px);z-index:-1;background-image:url(../media/generated-image.c0f77bf1.png);background-position:50%;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.login-card{background:var(--white-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1;border:1px solid rgba(255,255,255,.25);border-radius:24px;width:90%;max-width:1100px;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden;box-shadow:0 10px 20px rgba(0,0,0,.1),0 0 0 1px rgba(255,255,255,.1)}.login-hero{color:var(--white-color);background:linear-gradient(145deg,var(--primary-color),var(--primary-color));border-radius:24px;flex-direction:column;flex:1;gap:30px;margin:3px;padding:34px;display:flex;position:relative;overflow:hidden}.login-hero:before{content:"";background:radial-gradient(circle,rgba(255,255,255,0) 0%,rgba(0,0,0,.84) 70%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hospital-brand{z-index:2;text-align:center;position:relative}.hospital-logo{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff;border:1px solid rgba(255,255,255,.25);border-radius:10px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 23px;padding:4px;transition:all .4s;display:flex;position:relative}.logo-pulse{background:var(--secondary-color);opacity:0;z-index:-1;border-radius:10px;animation:2s infinite pulse;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pulse{0%{opacity:0;transform:scale(1)}50%{opacity:.4}to{opacity:0;transform:scale(1.2)}}.hospital-brand h1{letter-spacing:-.5px;margin-bottom:.5rem;font-size:2.4rem;font-weight:800;line-height:1.2}.hospital-brand h1 span{color:var(--secondary-color);font-weight:500}.hospital-brand p{opacity:.9;letter-spacing:.5px;margin-bottom:1.5rem;font-size:1.05rem}.brand-underline{background:linear-gradient(90deg,var(--secondary-color),rgba(16,164,211,.3));border-radius:3px;width:60px;height:3px;margin:1.5rem auto}.emergency-contacts{z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.2);border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:24px 30px;position:relative}.emergency-contacts h3{justify-content:center;align-items:center;gap:.6rem;margin-bottom:1.8rem;padding-bottom:9px;font-size:18px;display:flex;position:relative}.emergency-contacts h3:after{content:"";background:linear-gradient(90deg,var(--secondary-color),rgba(16,164,211,.3));border-radius:3px;width:70px;height:3px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.contact-grid{grid-template-columns:1fr;gap:1.2rem;display:grid}.contact-card{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.05);border-radius:12px;align-items:center;gap:1.2rem;padding:10px;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex}.contact-card:hover{background:rgba(255,255,255,.15);transform:translateY(-1px);box-shadow:0 5px 15px rgba(0,0,0,.1)}.contact-icon{background:var(--secondary-dark-color);border-radius:10px;justify-content:center;align-items:center;width:44px;min-width:44px;height:44px;min-height:44px;padding:10px;transition:all .3s;display:flex}.contact-card:hover .contact-icon{background:rgba(16,164,211,.3);transform:rotate(10deg)}.contact-icon svg{width:22px;height:22px;fill:var(--white-color)}.contact-label{opacity:1;text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem;font-size:.75rem;font-weight:500}.contact-number{letter-spacing:.7px;font-size:1rem}.login-form-container{background:var(--white-color);flex-direction:column;flex:1;justify-content:center;padding:3.5rem;display:flex}.form-header{text-align:center;margin-bottom:2.8rem}.form-header h2{color:var(--primary-color);margin-bottom:.6rem;font-size:2.2rem;font-weight:700;line-height:1.2}.form-header h2 span{color:var(--primary-color);font-weight:800}.form-header p{color:var(--secondary-dark-color);letter-spacing:.3px;font-size:1rem}.header-divider{background:linear-gradient(90deg,var(--secondary-color),rgba(16,164,211,.3));border-radius:3px;width:116px;height:3px;margin:10px auto 0}.login-form{width:100%}.form-group{margin-bottom:30px;transition:all .3s;position:relative}.form-group.active{transform:translateY(-3px)}.form-group label{color:var(--primary-color);align-items:center;gap:.5rem;margin-bottom:4px;font-size:17px;display:flex}.form-group label svg{fill:var(--primary-color)}.password-length-indicator{color:var(--primary-color);margin-left:auto;font-size:.8rem;font-weight:500}.input-container{background:var(--gray-color-2);border:1px solid transparent;border-radius:12px;align-items:center;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:inset 0 1px 3px rgba(0,0,0,.05)}.form-group.active .input-container,.form-group:hover .input-container{background:var(--white-color);border-color:var(--secondary-color);box-shadow:0 5px 15px rgba(16,164,211,.1),inset 0 1px 3px rgba(0,0,0,.05)}.form-group.error .input-container{border-color:var(--red-color);background:rgba(231,76,60,.05);animation:.5s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.form-group input{color:var(--primary-color);letter-spacing:.3px;background:0 0;border:none;border-radius:12px;width:100%;padding:15px 19px;font-size:1rem;font-weight:500;transition:all .3s}.form-group input:focus{outline:none}.form-group input::placeholder{color:var(--primary-color);opacity:.8;font-weight:400}.valid-icon{width:20px;height:20px;fill:var(--light-green-color);z-index:1;position:absolute;right:1rem}.password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:24px;height:24px;padding:0;transition:all .2s;display:flex;position:absolute;right:1rem}.password-toggle:hover{transform:scale(1.1)}.password-toggle svg{fill:#7a8ba9;width:20px;height:20px;transition:all .2s}.password-toggle:hover svg{fill:var(--secondary-color)}.password-strength{background:var(--white-color);border-radius:2px;width:100%;height:4px;margin-top:.8rem;position:relative;overflow:hidden}.password-strength:before{content:"";background:linear-gradient(90deg,var(--red-light-color),var(--yellow-dark),var(--light-green-color));opacity:.2;height:100%;position:absolute;top:0;left:0;right:0}.strength-bar{background:var(--red-light-color);z-index:1;width:0%;height:100%;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative}.strength-bar.active{background:var(--yellow-dark)}.strength-bar.strong{background:var(--light-green-color)}.error-message{color:var(--red-light-color);align-items:center;gap:.4rem;margin-top:.6rem;font-size:.85rem;font-weight:500;display:flex}.error-message svg{fill:var(--red-light-color)}.password-hint{color:var(--gray-dark-color);margin-top:.4rem;font-size:.8rem;font-weight:400}.login-button{background:linear-gradient(135deg,var(--secondary-color),#0e93bf);width:100%;color:var(--white-color);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.8rem;padding:1.2rem;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 6px rgba(16,164,211,.2),0 1px 3px rgba(0,0,0,.08)}.login-button:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);width:100%;height:100%;transition:all .6s;position:absolute;top:0;left:-100%}.login-button:hover{transform:translateY(-3px);box-shadow:0 7px 14px rgba(16,164,211,.3),0 3px 6px rgba(0,0,0,.1)}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(0)}.login-button:disabled{background:var(--primary-color);cursor:not-allowed;box-shadow:none;transform:none}.login-button:disabled:before{display:none}.login-icon{width:20px;height:20px;fill:var(--white-color)}.spinner{border:3px solid rgba(255,255,255,.3);border-top-color:var(--white-color);border-radius:50%;width:22px;height:22px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.form-footer{text-align:center;color:var(--gray-dark-color);margin-top:2.5rem;font-size:.9rem}.form-footer a{color:var(--secondary-color);font-weight:500;text-decoration:none;transition:all .2s;position:relative}.form-footer a:after{content:"";background:var(--secondary-color);width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.form-footer a:hover{color:var(--secondary-color)}.form-footer a:hover:after{width:100%}.security-badge{color:var(--primary-color);background:rgba(16,164,211,.1);border-radius:20px;justify-content:center;align-items:center;gap:.6rem;margin-top:1.2rem;padding:.6rem 1rem;font-size:.8rem;display:flex}.security-badge svg{width:16px;height:16px;fill:var(--light-green-color)}@media (max-width:992px){.login-card{max-width:850px}.login-hero,.login-form-container{padding:2.5rem}}@media (max-width:768px){.login-container{align-items:flex-start;padding:1.5rem}.login-card{flex-direction:column;min-height:auto;margin:2rem 0}.login-hero{flex:none;padding:2.5rem}.login-form-container{padding:2.5rem}.hospital-brand h1{font-size:2rem}}@media (max-width:480px){.login-container{padding:1rem}.login-card{width:95%}.form-header h2{font-size:1.8rem}.form-options{flex-direction:column;align-items:flex-start;gap:1.2rem}.forgot-password{margin-top:.5rem}.contact-card{padding:.8rem}.login-hero,.login-form-container{padding:2rem}}
.dialog-overlay{z-index:var(--z-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn var(--transition-fast)ease-out;background-color:rgba(0,0,0,.5);justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.dialog{background:var(--white-color);border-radius:var(--radius-md);width:100%;max-width:1440px;height:95vh;max-height:800px;animation:var(--transition-normal)ease-out forwards slideUp;box-shadow:var(--shadow-style-1);flex-direction:column;display:flex;overflow:hidden;transform:translateY(-20px)}@keyframes slideUp{to{transform:translateY(0)}}.dialog-header{color:var(--white-color);background:var(--primary-color);padding:var(--spacing-sm)var(--spacing-md);justify-content:space-between;align-items:flex-start;display:flex;position:relative}.dialog-header:after{content:"";background:linear-gradient(90deg,var(--secondary-color)0%,var(--secondary-dark-color)100%);height:4px;position:absolute;bottom:0;left:0;right:0}.dialog-header-content{flex:1}.dialog-title{font-size:20px;font-weight:700}.close-button{color:var(--white-color);cursor:pointer;background:var(--secondary-color);width:var(--header-height);height:var(--header-height);transition:all var(--transition-fast);border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:30px;display:flex}.close-button:hover{background:var(--gray-color-2);color:var(--primary-color)}.dialog-content{flex-direction:column;flex:1;display:flex;overflow:auto}.section-header{padding:var(--spacing-md)var(--spacing-lg)var(--spacing-xs)}.section-title{color:var(--primary-color);margin-bottom:var(--spacing-xs);font-size:1.125rem;font-weight:700}.search-section{padding:var(--spacing-md)var(--spacing-lg);border-bottom:1px solid var(--light-gray-color);background:var(--white-color);z-index:var(--z-search);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0}.search-container{align-items:center;display:flex;position:relative}.search-input{width:100%;padding:var(--spacing-sm)50px var(--spacing-sm)50px;border:1px solid var(--gray-color-2);border-radius:var(--radius-md);transition:all var(--transition-fast);box-shadow:var(--shadow-sm);color:var(--primary-color);outline:none;font-size:1rem}.search-input:focus{gray-colorr:var(--secondary-color);box-shadow:0 0 0 3px rgba(16,164,211,.2)}.search-icon{left:var(--spacing-md);color:var(--secondary-color);font-size:1.25rem;position:absolute}.clear-search-button{right:var(--spacing-md);color:var(--gray-color-2);cursor:pointer;padding:var(--spacing-xs);width:var(--icon-size-sm);height:var(--icon-size-sm);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.25rem;display:flex;position:absolute}.clear-search-button:hover{background:var(--light-gray-color);color:var(--gray-dark-color)}.quick-access-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px;padding:0 20px 5px;display:grid}.quick-access-item{background-color:var(--white-color);border:1px solid var(--gray-color-2);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;box-shadow:var(--shadow-sm);align-items:center;padding:6px;display:flex}.quick-access-item:hover{box-shadow:var(--shadow-md);gray-colorr:var(--secondary-color);transform:translateY(-1px)}.quick-access-icon-container{border-radius:var(--radius-md);width:var(--icon-size-md);height:var(--icon-size-md);margin-right:var(--spacing-md);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.quick-access-icon{font-size:1.5rem}.quick-access-text{flex:1;min-width:0}.quick-access-title{color:var(--primary-color);margin-bottom:var(--spacing-xs);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.divider{background-color:rgba(30,48,102,.35);height:1px;margin:6px 23px}.menu-section{padding:9px 23px var(--spacing-lg);flex:1;overflow:auto}.menu-categories{gap:var(--spacing-md);grid-template-columns:repeat(5,1fr);display:grid}.menu-category{background:var(--white-color);box-shadow:var(--shadow-sm);overflow:hidden}.category-header{cursor:pointer;transition:all var(--transition-fast);border-left:4px solid transparent;border:1px solid var(--gray-color-2);border-radius:var(--radius-lg);align-items:center;padding:7px;display:flex}.category-icon{width:var(--icon-size-lg);height:var(--icon-size-lg);background:var(--gray-color-2);border-radius:var(--radius-md);margin-right:var(--spacing-md);color:var(--secondary-color);flex-shrink:0;justify-content:center;align-items:center;font-size:1.25rem;display:flex}.category-content{flex:1;min-width:0}.category-title{color:var(--primary-color);font-weight:600}.category-description{color:var(--gray-dark-color);font-size:.75rem}.category-arrow{color:var(--secondary-color);margin-left:var(--spacing-xs);transition:transform var(--transition-fast);margin-left:auto;font-size:1rem}.category-header:hover .category-arrow{transform:translateY(2px)}.menu-items{border:1px solid var(--gray-color-2);border-radius:var(--radius-lg);gap:var(--spacing-xs);display:grid}.menu-item{padding:var(--spacing-sm)var(--spacing-md);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);align-items:center;display:flex}.menu-item:hover{background-color:var(--gray-color-2)}.item-icon{background:var(--white-color);border-radius:var(--radius-md);width:32px;height:32px;color:var(--primary-color);flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;font-size:1rem;display:flex}.item-content{flex:1;min-width:0}.item-label{color:var(--primary-color);margin-bottom:2px;font-weight:500}.item-description{color:var(--gray-dark-color);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.collapsed{display:none}.no-results{text-align:center;height:386px;padding:var(--spacing-lg);background:var(--white-color);border-radius:var(--radius-xl);margin-top:var(--spacing-md);flex-direction:column;justify-content:center;align-items:center;display:flex}.no-results-icon{color:var(--secondary-color);margin-bottom:var(--spacing-md);opacity:.7;font-size:3.5rem}.no-results-title{color:var(--primary-color);margin-bottom:var(--spacing-xs);font-size:1.25rem;font-weight:600}.no-results-subtitle{color:var(--gray-dark-color);max-width:400px;line-height:1.5}.suggestion-dropdown{z-index:var(--z-dropdown)!important;background:var(--white-color)!important;border:1px solid var(--gray-color-2)!important;border-radius:var(--radius-sm)!important;width:100%!important;max-height:320px!important;margin-top:5px!important;list-style:none!important;position:absolute!important;top:100%!important;left:0!important;overflow-y:auto!important}.suggestion-item{cursor:pointer!important;align-items:center!important;padding:10px!important;display:flex!important}.suggestion-item:hover,.suggestion-item.highlighted{background-color:var(--gray-color-2)!important;border-left:4px solid var(--primary-color)!important;color:var(--primary-color)!important;font-weight:600!important}.suggestion-icon{margin-right:var(--spacing-xs)!important}@media (max-width:768px){.dialog{border-radius:0;width:100%;height:100vh;max-height:none}.quick-access-grid,.menu-categories{grid-template-columns:repeat(2,1fr)}.menu-items{padding-left:60px}}@media (max-width:480px){.quick-access-grid,.menu-categories{grid-template-columns:1fr}.category-header{padding:var(--spacing-sm)}.menu-items{padding-left:52px}}
.navbar{z-index:1000;background-color:var(--primary-color);width:100%;position:-webkit-sticky;position:sticky;height:var(--Navbar-height)!important}.navbar-toolbar{justify-content:space-between;align-items:center;padding:10px;display:flex;height:var(--Navbar-height)!important}.navbar-logo-container{background-color:var(--white-color);border-radius:6px;align-items:center;padding:3px 6px;transition:transform .2s ease-in-out;display:flex}.navbar-logo{width:auto;height:30px;display:block}.flex-grow{flex-grow:1}.search-button{color:var(--primary-color);cursor:pointer;box-shadow:0 3px 8px var(--primary-color);background:var(--white-color);border:none;border-radius:6px;padding:6px 10px;font-size:15px;font-weight:600;transition:all .3s ease-in-out}.search-button:hover{background:var(--secondary-color);color:var(--white-color);transform:translateY(-1px)}.search-button:active{transform:scale(.97)}.icon-button{color:var(--white-color);cursor:pointer;background-color:var(--white-color);border-radius:30%;justify-content:center;align-items:center;padding:6px;font-size:15px;display:flex;position:relative}.icon-button-ms{color:var(--white-color);cursor:pointer;background-color:var(--white-color);border-radius:30%;justify-content:center;align-items:center;margin-left:7px;padding:6px;font-size:14px;font-weight:900;display:flex;position:relative}.icon-button:hover,.icon-button-ms:hover{background-color:var(--secondary-color);color:var(--white-color);transform:translateY(-1px)}.badge{color:var(--white-color);background-color:#f44336;border-radius:50%;padding:0 2px;font-size:10px;font-weight:700;position:absolute;top:0;right:0}.desktop-icons{display:none}.mobile-icons{display:flex}@media (min-width:768px){.desktop-icons{gap:10px;margin-left:9px;display:flex}.mobile-icons{display:none}}.dropdown-menu{z-index:9999;background:var(--white-color);min-width:171px;box-shadow:var(--shadow-md);border-radius:6px;padding:5px 0;animation:.2s dropdownFade;position:absolute}.dropdown-item{cursor:pointer;color:var(--primary-color);border-radius:6px;margin:4px 12px;padding:12px 20px;font-size:15px;transition:all .2s}.dropdown-item:hover{background-color:var(--secondary-color);color:var(--white-color)}.dropdown-label{color:var(--gray-dark-color);margin:0;font-size:14px}.icon-label{cursor:pointer;align-items:center;gap:14px;padding:5px 10px;display:flex}.icon-label:hover{background-color:var(--gray-color-2)}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}