@import"https://fonts.bunny.net/css?family=inter:400,500,600,700&display=swap";:root{--cms-primary: #1e40af;--cms-secondary: #64748b;--cms-accent: #0ea5e9;--cms-success: #10b981;--cms-light: #f8fafc;--cms-dark: #0f172a;--cms-border: #e2e8f0;--funeral-gold: #d4af37;--funeral-navy: #0b1a3f;--funeral-bg: #f8fafc;--funeral-card: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--cms-secondary);background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:100vh}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}main{flex:1}.container-narrow{max-width:1000px;margin:0 auto}.cms-banner{background:linear-gradient(135deg,var(--cms-primary),#1d4ed8);color:#fff;text-align:center;padding:.65rem 1rem;font-size:.9rem;font-weight:600}.cms-banner i{margin-right:.5rem;color:var(--cms-accent)}.navbar-logo{height:32px;width:auto;vertical-align:middle}.navbar-funeral{background:var(--funeral-card);border-bottom:1px solid var(--cms-border)}.navbar-funeral .nav-link{font-weight:600;color:var(--cms-dark)}.navbar-funeral .nav-link.active,.navbar-funeral .nav-link:hover{color:var(--cms-primary)}.btn-funeral-gold{background:var(--funeral-gold);color:#0f172a;border:none;font-weight:700;box-shadow:0 8px 30px #d4af3759}.btn-funeral-gold:hover{background:#c59b1f;color:#0f172a}.btn-funeral-primary{background:var(--cms-primary);border-color:var(--cms-primary);color:#fff;font-weight:600}.btn-funeral-primary:hover{background:#1d4ed8;color:#fff}.btn-outline-funeral{border-color:var(--funeral-gold);color:var(--funeral-gold)}.btn-outline-funeral:hover{background:var(--funeral-gold);color:#0f172a}.cms-footer{background:var(--cms-dark);color:#fff;text-align:center;padding:1.5rem 1rem;margin-top:auto}.cms-footer a{color:var(--cms-accent);font-weight:600}.hero-section{background:linear-gradient(135deg,var(--funeral-navy),#12265c);color:#fff;padding:4rem 1rem}.section-padding{padding:4rem 1rem}.card-funeral{border:none;border-radius:14px;box-shadow:0 15px 45px #00000014;background:#fff}.card-funeral .card-title{color:var(--cms-dark);font-weight:700}.card-funeral .card-text{color:var(--cms-secondary)}.badge-pill{border-radius:50px;padding:.4rem .75rem}.section-heading{font-weight:800;letter-spacing:-.02em;color:var(--cms-dark)}.text-muted{color:#6b7280!important}.alert{border-radius:10px}.login-container{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-header{animation:fadeIn 1s ease-out .2s both}.login-card{animation:slideUp .8s ease-out .4s both;transform:translateY(20px);opacity:0}.login-card .card-body{padding:1.75rem 2rem}.login-card .card-header{padding:.875rem 1.5rem}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.login-title{font-weight:700;letter-spacing:-.02em;background:linear-gradient(135deg,var(--cms-dark) 0%,var(--cms-primary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-subtitle{font-weight:500;letter-spacing:.08em;font-size:1.1rem}.login-logo{max-width:120px;height:auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s ease}.login-logo:hover{transform:scale(1.05)}.form-control-enhanced{border:1.5px solid var(--cms-border);border-radius:8px;padding:.75rem 1rem;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.form-control-enhanced:focus{border-color:var(--cms-primary);box-shadow:0 0 0 3px #1e40af1a;background:#fff;transform:translateY(-1px)}.form-label-enhanced{font-weight:600;color:var(--cms-dark);margin-bottom:.5rem;letter-spacing:.01em;font-size:.85rem;display:block}.password-field{position:relative}.password-field .form-control-enhanced{padding-right:2.5rem}.password-toggle{position:absolute;right:.75rem;top:70%;transform:translateY(-50%);background:none;border:none;color:var(--cms-secondary);cursor:pointer;font-size:1rem;transition:all .2s ease;z-index:10;padding:.25rem}.password-toggle:hover{color:var(--cms-primary);transform:translateY(-50%) scale(1.1)}.btn-login{background:linear-gradient(135deg,var(--cms-primary) 0%,#1d4ed8 100%)!important;border:none!important;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;font-size:.9rem;letter-spacing:.02em;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;min-height:2.8rem;display:flex;align-items:center;justify-content:center;width:100%;color:#fff!important;box-shadow:0 4px 15px #1e40af40!important}.btn-login .button-text{display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-login:hover{transform:translateY(-2px);box-shadow:0 10px 30px #1e40af66!important;background:linear-gradient(135deg,#1d4ed8,#1e40af)!important;color:#fff!important}.btn-login:active{transform:translateY(0)}.btn-login.loading{pointer-events:none}.btn-login .loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:none}.btn-login.loading .loading-spinner{display:block}.btn-login.loading .button-text{opacity:0}.spinner{display:inline-block;width:20px;height:20px}.spinner:after{content:" ";display:block;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(255,255,255,.2);border-top-color:#fff;border-right-color:#fff;animation:spin .75s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.login-loading-overlay{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-stages{background:#fff;border-radius:16px;padding:2.5rem 3rem;box-shadow:0 20px 60px #0000004d;min-width:400px;max-width:90vw}.loading-stage{margin-bottom:1.5rem;opacity:.3;transform:translate(-10px);transition:all .4s cubic-bezier(.4,0,.2,1)}.loading-stage:last-child{margin-bottom:0}.loading-stage.active{opacity:1;transform:translate(0)}.loading-stage.completed{opacity:.6;transform:translate(0)}.loading-stage.completed .stage-icon{background:#10b981;color:#fff}.loading-stage.completed .stage-progress .progress-bar{width:100%!important;background:#10b981}.stage-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,var(--cms-primary) 0%,#1d4ed8 100%);color:#fff;margin-right:1rem;font-size:1rem;transition:all .3s ease;vertical-align:middle}.loading-stage.active .stage-icon{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 #1e40afb3}50%{transform:scale(1.05);box-shadow:0 0 0 10px #1e40af00}}.stage-text{display:inline-block;font-weight:600;font-size:1rem;color:#1f2937;vertical-align:middle}.stage-progress{height:4px;background:#e5e7eb;border-radius:2px;margin-top:.75rem;overflow:hidden;position:relative}.loading-stage.active .stage-progress .progress-bar{background:linear-gradient(90deg,var(--cms-primary),#1d4ed8,var(--cms-primary));background-size:200% 100%;animation:progressShimmer 1.5s ease-in-out infinite}.loading-stage.completed .stage-progress .progress-bar{animation:none}@keyframes progressShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.stage-progress .progress-bar{height:100%;width:0;background:linear-gradient(90deg,var(--cms-primary),#1d4ed8);border-radius:2px;transition:width .8s cubic-bezier(.4,0,.2,1)}.loading-stage.active .stage-progress .progress-bar{width:75%}@media(max-width:576px){.loading-stages{padding:2rem 1.5rem;min-width:unset;width:90vw}.stage-text{font-size:.9rem}.stage-icon{width:32px;height:32px;font-size:.9rem}}.form-check-enhanced{display:flex;align-items:center;gap:.35rem;margin:.75rem 0}.form-check-input-enhanced{width:1rem;height:1rem;border:2px solid var(--cms-border);border-radius:3px;transition:all .2s ease}.form-check-input-enhanced:checked{background-color:var(--cms-primary);border-color:var(--cms-primary)}.form-check-label-enhanced{font-weight:500;color:var(--cms-secondary);font-size:.85rem;-webkit-user-select:none;user-select:none;cursor:pointer;margin-left:0}.forgot-password-link{color:var(--cms-primary);text-decoration:none;font-weight:500;font-size:.85rem;transition:all .2s ease;padding:.5rem;border-radius:6px;display:inline-block;margin-top:.25rem}.forgot-password-link:hover{color:#1d4ed8;background:#1e40af0d;text-decoration:none;transform:translateY(-1px)}.form-group{position:relative;margin-bottom:1.25rem}.form-actions{animation:slideUp .6s ease-out .9s both;display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}@media(max-width:768px){.hero-section{padding:3rem 1rem}.login-card .card-body{padding:1.5rem 1.25rem}.login-card .card-header{padding:.75rem 1.25rem}.login-header .login-logo{max-width:100px}.form-group{margin-bottom:1rem}}body{margin:0;min-height:100vh;display:flex;flex-direction:column}#root{min-height:100vh;display:flex;flex-direction:column}.admin-wrapper{min-height:100vh;display:flex;background:#f5f7fb}.admin-sidebar-wrapper{position:relative;z-index:1000}.admin-sidebar{width:260px;background:var(--admin-sidebar, #2c3e50);color:#fff;position:fixed;top:0;left:0;height:100vh;display:flex;flex-direction:column;transition:width .3s ease,transform .3s ease}.admin-sidebar.collapsed{width:72px}.admin-sidebar.mobile-hidden{transform:translate(-100%)}.admin-sidebar.mobile-visible{transform:translate(0)}.sidebar-header{padding:20px;background:var(--admin-dark, #1a252f);border-bottom:2px solid var(--admin-accent, #3498db);text-align:center}.sidebar-header .sidebar-logo{max-width:60px;max-height:60px;filter:brightness(0) invert(1);background-color:#ffffff1a;padding:8px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.sidebar-header h4{margin:0;font-size:1.1rem;font-weight:600}.sidebar-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0}.sidebar-scrollable{flex:1;overflow-y:auto;overflow-x:hidden;min-height:0;padding-bottom:20px}.sidebar-scrollable::-webkit-scrollbar{width:6px}.sidebar-scrollable::-webkit-scrollbar-track{background:#0000001a}.sidebar-scrollable::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-scrollable::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-header{color:#ffffffb3;font-size:.75rem;letter-spacing:.5px;padding:14px 18px 6px;text-transform:uppercase}.nav-section{margin-bottom:6px}.admin-sidebar .nav-link{color:#ffffffe6;padding:12px 18px;display:flex;align-items:center;gap:10px;text-decoration:none;transition:all .2s ease}.admin-sidebar .nav-link:hover{background:var(--admin-sidebar-hover, #34495e);color:#fff}.admin-sidebar .nav-link.active{background:var(--admin-accent, #3498db);color:#fff;border-left:4px solid rgba(255,255,255,.8)}.admin-sidebar .nav-dropdown .dropdown-toggle{width:100%;border:none;background:transparent;text-align:left}.admin-sidebar .submenu{background:#00000014;border-top:1px solid rgba(255,255,255,.08);display:none}.admin-sidebar .submenu.show{display:block}.admin-sidebar .submenu .nav-link{padding-left:48px;font-size:.9rem}.admin-sidebar .sidebar-footer .nav-link{border-top:1px solid rgba(255,255,255,.1)}.admin-content{margin-left:260px;transition:margin-left .3s ease;width:calc(100% - 260px);display:flex;flex-direction:column}.admin-content.expanded{margin-left:72px;width:calc(100% - 72px)}.admin-navbar{background:#fff;border-bottom:1px solid #e5e7eb;padding:12px 24px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 2px 8px #0000000a;position:sticky;top:0;z-index:900}.admin-main{padding:24px}.content-wrapper{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-card{border:none;border-radius:12px;box-shadow:0 10px 30px #0000000f}@media(max-width:992px){.admin-sidebar{position:fixed;transform:translate(-100%)}.admin-sidebar.mobile-visible{transform:translate(0)}.admin-content{margin-left:0;width:100%}.admin-overlay{position:fixed;inset:0;background:#0006;z-index:900}}.portal-switcher{position:relative;display:inline-block}.portal-switcher-toggle{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.375rem;color:inherit;cursor:pointer;transition:all .3s ease;font-size:.875rem;font-weight:500}.portal-switcher-toggle:hover{background:#ffffff26;border-color:#ffffff4d}.portal-name{white-space:nowrap}.portal-switcher-dropdown{position:absolute;top:calc(100% + .5rem);right:0;background:#fff;border-radius:.5rem;box-shadow:0 4px 20px #00000026;min-width:280px;z-index:1060;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .3s ease;pointer-events:none}.portal-switcher:hover .portal-switcher-dropdown,.portal-switcher-toggle:focus+.portal-switcher-dropdown,.portal-switcher-dropdown.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.portal-switcher-header{padding:1rem 1.25rem;border-bottom:1px solid #f0f0f0}.portal-switcher-header h6{margin:0 0 .25rem;font-size:.875rem;font-weight:600;color:#2c3e50}.portal-switcher-header p{margin:0;font-size:.75rem;color:#6c757d}.portal-list{padding:.5rem}.portal-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.375rem;text-decoration:none;color:#2c3e50;transition:all .3s ease;position:relative}.portal-item:hover{background:#f8f9fa;text-decoration:none}.portal-item.active{background:linear-gradient(135deg,rgba(var(--portal-color-rgb, 0, 123, 255),.1),rgba(var(--portal-color-rgb, 0, 123, 255),.05))}.portal-icon{width:40px;height:40px;border-radius:.5rem;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.125rem;flex-shrink:0}.portal-info{flex:1;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.portal-title{font-weight:600;font-size:.875rem}.portal-badge{background:#28a745;color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.topbar-item .portal-switcher-toggle{background:transparent;border-color:transparent;color:#2c3e50}.topbar-item .portal-switcher-toggle:hover{background:#f8f9fa}.sidebar-header .portal-switcher-toggle{width:100%;justify-content:center}@media(max-width:768px){.portal-switcher-toggle .portal-name{display:none}.portal-switcher-dropdown{right:auto;left:50%;transform:translate(-50%) translateY(-10px)}.portal-switcher:hover .portal-switcher-dropdown{transform:translate(-50%) translateY(0)}}.announcement-banner-container{position:fixed;top:0;left:0;right:0;z-index:9999;pointer-events:none}.announcement-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;margin-bottom:1px;box-shadow:0 2px 8px #00000026;animation:slideDown .3s ease-out;pointer-events:auto}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.announcement-banner.announcement-critical{animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.9}}.announcement-banner.announcement-info{background-color:#d1ecf1;border-left:4px solid #0c5460;color:#0c5460}.announcement-banner.announcement-success{background-color:#d4edda;border-left:4px solid #155724;color:#155724}.announcement-banner.announcement-warning{background-color:#fff3cd;border-left:4px solid #856404;color:#856404}.announcement-banner.announcement-danger{background-color:#f8d7da;border-left:4px solid #721c24;color:#721c24}.announcement-banner.announcement-maintenance{background-color:#e2e3e5;border-left:4px solid #383d41;color:#383d41}.announcement-icon{flex-shrink:0;font-size:1.5rem}.announcement-content{flex:1;min-width:0}.announcement-title{font-weight:600;font-size:1.1rem;margin-bottom:.25rem}.announcement-message{font-size:.95rem;line-height:1.4}.announcement-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.announcement-action-btn,.announcement-acknowledge-btn,.announcement-dismiss-btn{border:none;background:none;cursor:pointer;padding:.5rem 1rem;border-radius:.25rem;font-weight:500;transition:all .2s;white-space:nowrap}.announcement-action-btn{background-color:#0000001a;color:inherit}.announcement-action-btn:hover{background-color:#0003}.announcement-acknowledge-btn{background-color:#28a745e6;color:#fff}.announcement-acknowledge-btn:hover{background-color:#28a745}.announcement-dismiss-btn{background-color:#0000001a;color:inherit;padding:.5rem;font-size:1.2rem}.announcement-dismiss-btn:hover{background-color:#0003}@media(max-width:768px){.announcement-banner{flex-direction:column;align-items:flex-start;padding:1rem}.announcement-actions{width:100%;justify-content:flex-end;margin-top:.5rem}.announcement-message{font-size:.9rem}}body.has-announcements{padding-top:0}.announcement-banner-container:has(>.announcement-banner:nth-child(2)){max-height:60vh;overflow-y:auto}:root{--staff-primary: #27ae60;--staff-secondary: #2ecc71;--staff-accent: #16a085;--staff-warning: #f39c12;--staff-danger: #e74c3c;--staff-info: #3498db;--staff-light: #ecf0f1;--staff-dark: #2c3e50;--staff-sidebar-width: 280px;--staff-topbar-height: 60px}.staff-wrapper{display:flex;min-height:100vh;background-color:#f8f9fa}.staff-sidebar-wrapper{width:0;flex-shrink:0}.staff-sidebar-wrapper.collapsed{width:0}.staff-sidebar{position:fixed;top:0;left:0;width:var(--staff-sidebar-width);height:100vh;background:linear-gradient(180deg,var(--staff-dark),#34495e);color:#fff;overflow-y:auto;overflow-x:hidden;transition:all .3s ease;z-index:1070;box-shadow:2px 0 10px #0000001a}.staff-sidebar.collapsed{width:70px}.staff-sidebar.mobile{transform:translate(-100%)}.staff-sidebar.mobile:not(.collapsed){transform:translate(0)}.sidebar-header{padding:1.5rem 1rem;background:#0000001a;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;min-height:var(--staff-topbar-height)}.sidebar-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:#fff;font-weight:600;font-size:1.125rem}.brand-logo{height:32px;width:auto}.brand-text{white-space:nowrap}.sidebar-close{background:none;border:none;color:#fff;font-size:1.25rem;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center}.sidebar-user{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.user-info-link{text-decoration:none;color:inherit;display:block;border-radius:8px;padding:.5rem;margin:-.5rem;transition:background-color .2s}.user-info-link:hover{background-color:#ffffff1a}.user-info{display:flex;align-items:center;gap:.75rem}.user-avatar{width:40px;height:40px;border-radius:50%;background:var(--staff-primary);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.875rem;flex-shrink:0;overflow:hidden}.avatar-image{width:100%;height:100%;object-fit:cover}.avatar-text{color:#fff}.user-details{flex:1;min-width:0}.user-name{font-weight:600;font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.75rem;color:#ffffffb3}.sidebar-nav{padding:1rem 0}.nav-section{margin-bottom:1.5rem}.nav-section-title{padding:.5rem 1.5rem;color:#fff9;font-size:.75rem;text-transform:uppercase;font-weight:600;letter-spacing:1px}.nav-list{list-style:none;padding:0;margin:0}.nav-item{margin-bottom:.25rem}.staff-sidebar .nav-link,.staff-sidebar .nav-toggle{display:flex;align-items:center;padding:.75rem 1.5rem;color:#fffc;text-decoration:none;transition:all .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;gap:.75rem}.staff-sidebar .nav-link:hover,.staff-sidebar .nav-toggle:hover{color:#fff;background:#ffffff1a;padding-left:2rem}.staff-sidebar .nav-link.active{background:linear-gradient(90deg,var(--staff-primary),var(--staff-secondary));color:#fff;border-left:4px solid var(--staff-secondary)}.nav-icon{width:20px;text-align:center;flex-shrink:0}.nav-dot{font-size:.5rem}.nav-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-badge{background:var(--staff-warning);color:#fff;padding:.125rem .5rem;border-radius:10px;font-size:.75rem;font-weight:600;flex-shrink:0}.nav-arrow{flex-shrink:0;transition:transform .3s ease}.nav-item.open .nav-arrow{transform:rotate(90deg)}.staff-sidebar .nav-submenu{list-style:none;padding:0;margin:0;background:#0000001a}.staff-sidebar .nav-submenu .nav-link{padding-left:3.5rem;font-size:.875rem}.staff-sidebar .nav-submenu .nav-link:hover{padding-left:4rem}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);margin-top:auto}.footer-links{display:flex;flex-direction:column;gap:.5rem}.footer-link{display:flex;align-items:center;gap:.75rem;padding:.5rem .75rem;color:#fffc;text-decoration:none;border-radius:.25rem;transition:all .3s ease}.footer-link:hover{background:#ffffff1a;color:#fff}.staff-sidebar.collapsed .sidebar-brand .brand-text,.staff-sidebar.collapsed .user-details,.staff-sidebar.collapsed .nav-section-title,.staff-sidebar.collapsed .nav-label,.staff-sidebar.collapsed .nav-badge,.staff-sidebar.collapsed .nav-arrow,.staff-sidebar.collapsed .footer-link span{display:none}.staff-sidebar.collapsed .nav-link,.staff-sidebar.collapsed .nav-toggle{justify-content:center;padding-left:1.5rem;padding-right:1.5rem}.staff-sidebar.collapsed .nav-link:hover,.staff-sidebar.collapsed .nav-toggle:hover{padding-left:1.5rem}.staff-sidebar.collapsed .nav-submenu{display:none}.staff-content{flex:1;margin-left:var(--staff-sidebar-width);transition:margin-left .3s ease;min-height:100vh;display:flex;flex-direction:column}.staff-content.expanded{margin-left:70px}.staff-topbar{height:var(--staff-topbar-height);background:#fff;box-shadow:0 2px 4px #00000014;border-bottom:1px solid #dee2e6;position:sticky;top:0;z-index:1050;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem}.topbar-title{font-size:1.25rem;font-weight:600;color:var(--staff-dark);margin:0}.dropdown-menu{position:absolute;top:100%;right:0;margin-top:.5rem;background:#fff;border-radius:.5rem;box-shadow:0 4px 20px #00000026;min-width:220px;z-index:1060}.dropdown-menu.show{display:flex;flex-direction:column}.dropdown-menu-right{right:0;left:auto}.dropdown-header{padding:1rem 1.25rem;border-bottom:1px solid #f0f0f0}.dropdown-header h6{margin:0;font-size:.875rem;font-weight:600;color:var(--staff-dark)}.dropdown-header .user-info{display:flex;flex-direction:column;gap:.25rem}.dropdown-header .user-name{font-weight:600;font-size:.875rem;color:var(--staff-dark)}.dropdown-header .user-email{font-size:.75rem;color:#6c757d}.dropdown-header .role-badge{display:inline-block;background:var(--staff-primary);color:#fff;padding:.125rem .5rem;border-radius:.25rem;font-size:.75rem;font-weight:500;margin-top:.25rem}.dropdown-body{max-height:300px;overflow-y:auto}.dropdown-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1.25rem;color:var(--staff-dark);text-decoration:none;transition:background-color .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer;font-size:.875rem}.dropdown-item:hover{background:#f8f9fa}.dropdown-item.text-danger{color:var(--staff-danger)}.dropdown-divider{height:1px;background:#f0f0f0;margin:.5rem 0}.dropdown-footer{padding:.75rem 1.25rem;border-top:1px solid #f0f0f0}.dropdown-footer-link{color:var(--staff-primary);text-decoration:none;font-size:.875rem;font-weight:500;display:block;text-align:center}.dropdown-footer-link:hover{color:var(--staff-secondary);text-decoration:underline}.notifications-dropdown{min-width:320px}.empty-state{padding:2rem 1rem;text-align:center;color:#6c757d}.empty-state p{margin:0;font-size:.875rem}.staff-main{flex:1;padding:2rem;background:#f8f9fa;width:100%;overflow-x:hidden}.content-wrapper{max-width:100%;width:100%;margin:0 auto}.staff-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#00000080;z-index:1060}@media(max-width:992px){.staff-content{margin-left:0}.staff-main{padding:1rem}.dashboard-hero{padding:1.5rem}.hero-title{font-size:1.5rem}.hero-subtitle{font-size:.9rem}}@media(max-width:576px){.staff-topbar{padding:0 1rem}.topbar-title{display:none}.staff-main{padding:.75rem}.dashboard-hero{padding:1.25rem;border-radius:12px}.hero-title{font-size:1.25rem}.stat-card{padding:1rem}}