.confirmation-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.confirmation-dialog{background-color:#fff;padding:20px;border-radius:15px;box-shadow:0 2px 10px #0000001a;max-width:400px;width:100%}.confirmation-dialog p{margin-bottom:20px;font-size:18px}.confirmation-dialog-buttons{display:flex;justify-content:flex-end}.confirmation-dialog-buttons button{padding:10px 20px;margin-left:10px;border:none;border-radius:12px;cursor:pointer;font-size:16px}.cancel-button{background-color:red;color:#fff}.confirm-button:hover,.cancel-button:hover{background-color:#8b0000!important;color:#fff}.register-container{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;justify-content:center;align-items:center;z-index:1000}.register-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999}.register-form{background:#fff;border-radius:4px;width:100%;max-width:700px;box-shadow:0 4px 20px #00000026;z-index:1001;position:relative;margin:20px}.register-header{background:#e53935;color:#fff;padding:4px 8px;font-size:9px;font-weight:500;display:flex;justify-content:space-between;align-items:center;height:50px}.register-header span{font-size:18px;font-weight:600}.register-form-content{padding:25px;display:grid;grid-template-columns:1.2fr 1fr;gap:8px}.register-form-control{width:100%;padding:2px 6px;border:1px solid #e0e0e0;border-radius:3px;font-size:10px;height:24px;transition:border-color .2s}.register-form-control::placeholder{color:#9e9e9e;font-size:11px}.register-heading{color:#424242;font-size:10px;font-weight:600;margin:6px 0 3px;text-transform:uppercase;letter-spacing:.5px}.register-form-group{margin-bottom:2px}.password-group{display:flex;gap:4px}.register-generate-btn{background:#e53935;color:#fff;border:none;border-radius:4px;padding:2px 6px;font-size:10px;height:24px;cursor:pointer;transition:background-color .2s;white-space:nowrap}.register-add-btn{background:#e53935;color:#fff;border:none;border-radius:4px;padding:4px;font-size:10px;width:100%;height:26px;cursor:pointer;transition:background-color .2s;margin-top:6px}.register-emergency-contact{grid-column:span 2;margin-top:4px}.register-emergency-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.register-left-section,.register-right-section{display:flex;flex-direction:column;gap:2px}.register-image-upload{display:flex;flex-direction:column;align-items:center;margin-bottom:15px}.register-image-placeholder{width:100px;height:100px;border-radius:50%;border:2px dashed #ccc;display:flex;justify-content:center;align-items:center;cursor:pointer;overflow:hidden;background-color:#f5f5f5;transition:border-color .3s}.register-image-placeholder:hover{border-color:#e53935}.register-image-hint{margin-top:5px;font-size:12px;color:#666}.register-image-placeholder img{width:100%;height:100%;object-fit:cover}.register-btn-close{background:none;border:none;color:#fff;font-size:14px;cursor:pointer;padding:0;margin:0;line-height:1;display:flex;align-items:center;justify-content:center;width:16px;height:16px;transition:opacity .2s}.register-btn-close:hover{opacity:.8}.error-message{color:#e53935;font-size:8px;margin-top:2px}.register-form-control.error{border-color:#e53935}.register-form-group{position:relative}.loading-spinner{position:absolute;right:8px;top:50%;transform:translateY(-50%)}.editprofile-modal-content{background-color:#fff;border-radius:30px;padding:20px;width:100%;margin:auto}h2{font-size:24px;margin-bottom:20px;text-align:center;color:#333}form{display:flex;flex-direction:column}.form-group{margin-bottom:15px}input[type=text],input[type=password],input[type=file],select{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;font-size:16px;transition:border-color .3s}input[type=text]:focus,input[type=password]:focus,select:focus{border-color:red;outline:none}button{padding:10px;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .3s}button[type=submit]:hover{background-color:#8b0000!important}.img-preview-container{display:flex;justify-content:center;margin-bottom:20px}.img-preview-container img{width:150px;height:150px;border-radius:50%;object-fit:cover}.edit-submit{background-color:red;color:#fff;height:40px;width:50%;font-size:12px;margin-left:auto;display:block}.register-right-section{display:flex;flex-direction:column;gap:2px}.navbar{display:flex;justify-content:space-between;align-items:center;background:#00000080;padding:15px 65px;position:fixed;top:0;width:100%;z-index:1000;transition:background-color .3s ease,transform .3s ease-in-out}.navbar-brand{display:flex;align-items:center}.navbar-brand a{color:#aa050c;text-decoration:none;font-size:1.4em;font-weight:700;margin-right:10px}.navbar-logo{height:50px;width:50px;margin-bottom:5px}.navbar-nav{list-style:none;display:flex;flex-direction:row;gap:15px;margin:0;padding:0}.nav-item .nav-link{color:#fff;text-decoration:none;font-size:.8em;transition:color .3s ease;margin-left:15px;margin-top:5px;outline:none}.nav-item .nav-link:hover,.nav-item .nav-link:focus{color:#aa050c;background-color:transparent;outline:none;box-shadow:none}.navbar-user{display:flex;align-items:center;gap:10px}.user-profile{position:relative}.user-avatar{width:50px;height:50px;border-radius:50%;border:2px solid #fff;cursor:pointer;opacity:1;transition:opacity .3s ease;object-fit:cover}.user-avatar.loading{opacity:.5}.user-avatar.loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f0f0f0;border-radius:50%}.dropdown{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0000001a;z-index:1000;min-width:150px;padding:10px}.dropdown button{display:block;width:100%;padding:8px 16px;text-align:left;border:none;background:none;cursor:pointer;white-space:nowrap;color:#aa050c!important}.dropdown button:hover{color:#fff!important;background-color:#aa050c!important}.navbar-user .dropdown{right:0;left:auto;transform:none}.navbar-edit-profile-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.navbar-edit-profile-modal .editprofile-modal-content{background:#fff;border-radius:0;padding:20px;max-width:500px;width:90%;max-height:90vh;overflow-y:auto}.navbar-login-button{background-color:#aa050c;color:#fff;padding:5px 20px;border-radius:0;cursor:pointer;width:100px;height:40px;font-size:1rem;font-weight:700}.navbar-login-button:hover{background-color:#aa050c!important;color:#fff!important}.logout-button{background-color:#fff!important;color:#aa050c!important}.logout-button:hover{color:#fff!important;background-color:#aa050c!important}.navbar-visible{transform:translateY(0)}.navbar-hidden{transform:translateY(-100%)}.notification-icon{position:relative;cursor:pointer;color:#fff;font-size:1.2em;margin-right:15px}.notification-count{position:absolute;top:-5px;right:-10px;background-color:#aa050c;color:#fff;border-radius:50%;padding:2px 6px;font-size:.8em;height:20px;width:20px;display:flex;justify-content:center;align-items:center}.notification-dropdown{position:absolute;top:60px;right:10px;background-color:#333;color:#fff;border-radius:8px;box-shadow:0 4px 8px #0003;width:500px;padding:10px;z-index:1000;max-height:80vh;overflow-y:auto}.notification-dropdown::-webkit-scrollbar{width:8px}.notification-dropdown::-webkit-scrollbar-track{background:#333;border-radius:8px;margin:5px 0}.notification-dropdown::-webkit-scrollbar-thumb{background-color:#888;border-radius:8px;border:2px solid #444}.notification-dropdown::-webkit-scrollbar-thumb:hover{background-color:#555}.notification-item{display:flex;align-items:center;padding:10px;border-bottom:1px solid #444;color:#fff}.notification-item.unread{font-weight:700;background-color:#444}.notification-item.read{color:#999}.notification-item:last-child{border-bottom:none}.notification-empty{padding:10px;color:#999;text-align:center}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:10px;border-bottom:1px solid #444;font-weight:700}.notification-header button{background:none;border:none;color:#fff;cursor:pointer;font-size:.9em}.notification-header button:hover{text-decoration:underline}.about-dropdown-container{position:relative}.about-dropdown{top:100%;left:50%;transform:translate(-40%);text-align:center;min-width:160px;padding-top:8px;margin-top:-8px}.about-dropdown button{width:100%;white-space:nowrap;padding:8px 16px}.mobile-menu-button{display:none;background:none;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:5px;margin-left:auto;margin-right:10px;align-items:center;height:100%;margin-bottom:0}@media (max-width: 1024px){.mobile-menu-button{display:flex}.navbar{padding:12px 40px;align-items:center;min-height:60px}.navbar-brand{width:auto;flex:1;display:flex;align-items:center}.navbar-nav{display:none}.navbar-nav.mobile-open{display:flex;position:absolute;top:100%;left:0;width:100%;background:#000000e6;padding:20px;flex-direction:column;align-items:center;gap:20px}.nav-item{width:100%;text-align:center}.nav-item .nav-link{display:block;padding:10px;margin:0;font-size:1rem}.about-dropdown{position:static;width:100%;margin-top:10px;background:#000c;left:0;transform:none}.about-dropdown button{width:100%;padding:10px 20px;color:#fff!important;text-align:left;display:block;background:transparent;border:none;font-size:1rem;margin:5px 0}.about-dropdown div{display:flex;flex-direction:column;width:100%;align-items:flex-start}.about-dropdown button:hover{background-color:#aa050ccc!important}.nav-item{width:100%;text-align:left}.nav-item .nav-link{text-align:left;padding-left:20px}.navbar-logo{height:45px;width:45px}.notification-dropdown{width:300px;right:0}}@media (max-width: 768px){.navbar{padding:10px 20px}.navbar-logo{height:40px;width:40px}.user-avatar{width:35px;height:35px}}@media (max-width: 480px){.navbar{padding:8px 15px}.navbar-logo{height:30px;width:30px}.user-avatar{width:30px;height:30px}.notification-dropdown{width:250px;right:-15px}}.app-navbar{display:flex!important;justify-content:space-between!important;align-items:center!important;background:#00000080!important;padding:15px 65px!important;position:fixed!important;top:0!important;width:100%!important;z-index:1000!important}.app-navbar .navbar-brand{display:flex!important;align-items:center!important}.app-navbar .navbar-brand a{color:#aa050c!important;text-decoration:none!important;font-size:1.4em!important;font-weight:700!important;margin-right:10px!important}.app-navbar .navbar-nav{list-style:none!important;display:flex!important;flex-direction:row!important;gap:15px!important;margin:0!important;padding:0!important}.app-navbar .nav-item .nav-link{color:#fff!important;text-decoration:none!important;font-size:.8em!important;transition:color .3s ease!important;margin-left:15px!important;margin-top:5px!important;outline:none!important;background:transparent!important;border:0!important}.app-navbar .nav-item .nav-link:hover,.app-navbar .nav-item .nav-link:focus{color:#aa050c!important;background-color:transparent!important;box-shadow:none!important}.app-navbar .dropdown{position:absolute!important;background-color:#fff!important;border:1px solid #ccc!important;border-radius:4px!important;box-shadow:0 2px 5px #0000001a!important;z-index:1000!important;min-width:150px!important;padding:10px!important}@media (max-width: 1024px){.app-navbar{padding:12px 40px!important;min-height:60px!important}.app-navbar .mobile-menu-button{display:flex!important}.app-navbar .navbar-nav{display:none!important}.app-navbar .navbar-nav.mobile-open{display:flex!important;position:absolute!important;top:100%!important;left:0!important;width:100%!important;background:#000000e6!important;padding:20px!important;flex-direction:column!important;align-items:center!important;gap:20px!important}}body,html{font-family:Roboto,sans-serif}*{box-sizing:border-box}