.staff-sidebar[data-v-2eb76d3a]{background:#34495e;box-shadow:2px 0 5px #0000001a;color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .3s ease;width:250px;z-index:1000}.sidebar-brand[data-v-2eb76d3a]{background:#0000001a;border-bottom:1px solid hsla(0,0%,100%,.1);padding:20px}.brand-link[data-v-2eb76d3a]{align-items:center;color:#fff;display:flex;text-decoration:none}.brand-logo[data-v-2eb76d3a]{filter:brightness(0) invert(1);height:32px;margin-right:10px}.brand-text[data-v-2eb76d3a]{font-size:18px;font-weight:600}.sidebar-nav[data-v-2eb76d3a]{padding:20px 0}.nav-list[data-v-2eb76d3a]{list-style:none;margin:0;padding:0}.nav-item[data-v-2eb76d3a]{margin:0}.nav-section[data-v-2eb76d3a]{margin-top:20px;padding:8px 20px}.nav-section-title[data-v-2eb76d3a]{color:#fff9;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.nav-link[data-v-2eb76d3a]{align-items:center;border-left:3px solid transparent;color:#fffc;display:flex;padding:12px 20px;position:relative;text-decoration:none;transition:all .3s ease}.nav-link[data-v-2eb76d3a]:hover{background:#ffffff1a;border-left-color:#3498db;color:#fff}.nav-link.active[data-v-2eb76d3a]{background:#3498db33;border-left-color:#3498db;color:#3498db}.nav-icon[data-v-2eb76d3a]{font-size:16px;margin-right:12px;text-align:center;width:20px}.nav-text[data-v-2eb76d3a]{flex:1;font-size:14px;font-weight:500}.nav-badge[data-v-2eb76d3a]{background:#e74c3c;border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:8px;min-width:18px;padding:2px 6px;text-align:center}.nav-divider[data-v-2eb76d3a]{margin:15px 0}.nav-divider hr[data-v-2eb76d3a]{border:none;border-top:1px solid hsla(0,0%,100%,.1);margin:0}.nav-item:not(.nav-section):not(.nav-divider) .nav-link[data-v-2eb76d3a]{border-radius:0}.nav-item:not(.nav-section):not(.nav-divider) .nav-link[data-v-2eb76d3a]:hover{background:linear-gradient(90deg,#3498db1a,#ffffff1a)}@media (max-width:768px){.staff-sidebar[data-v-2eb76d3a]{transform:translate(-100%)}.staff-sidebar.open[data-v-2eb76d3a]{transform:translate(0)}}.staff-sidebar[data-v-2eb76d3a]::-webkit-scrollbar{width:4px}.staff-sidebar[data-v-2eb76d3a]::-webkit-scrollbar-track{background:#ffffff1a}.staff-sidebar[data-v-2eb76d3a]::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.staff-sidebar[data-v-2eb76d3a]::-webkit-scrollbar-thumb:hover{background:#ffffff80}.staff-header[data-v-91927ec1]{background:#fff;border-bottom:1px solid #e9ecef;box-shadow:0 2px 8px #0000001a;height:70px;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:999}.header-left[data-v-91927ec1],.staff-header[data-v-91927ec1]{align-items:center;display:flex}.menu-toggle[data-v-91927ec1]{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;display:none;font-size:18px;margin-right:15px;padding:8px;transition:background-color .2s}.menu-toggle[data-v-91927ec1]:hover{background:#f8f9fa}.page-title[data-v-91927ec1]{color:#2c3e50;font-size:24px;font-weight:600;margin:0}.header-actions[data-v-91927ec1],.header-right[data-v-91927ec1]{align-items:center;display:flex}.header-actions[data-v-91927ec1]{gap:20px}.header-stats[data-v-91927ec1]{display:flex;gap:16px}.stat-item[data-v-91927ec1]{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;gap:8px;padding:8px 12px}.stat-item i[data-v-91927ec1]{color:#007bff;font-size:16px}.stat-label[data-v-91927ec1]{color:#6c757d;font-size:12px;font-weight:500}.stat-value[data-v-91927ec1]{background:#007bff;border-radius:10px;color:#2c3e50;color:#fff;font-size:14px;font-weight:600;min-width:20px;padding:2px 6px;text-align:center}.header-item[data-v-91927ec1]{position:relative}.btn-notification[data-v-91927ec1],.btn-profile[data-v-91927ec1]{align-items:center;background:none;border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;padding:8px 12px;transition:all .2s}.btn-notification[data-v-91927ec1]:hover,.btn-profile[data-v-91927ec1]:hover{background:#f8f9fa;border-color:#e9ecef}.btn-notification[data-v-91927ec1]{color:#6c757d;font-size:18px;position:relative}.notification-badge[data-v-91927ec1]{background:#dc3545;border-radius:10px;color:#fff;font-size:10px;font-weight:600;min-width:18px;padding:2px 6px;position:absolute;right:2px;text-align:center;top:2px}.profile-avatar[data-v-91927ec1]{border:2px solid #e9ecef;border-radius:50%;height:32px;margin-right:8px;width:32px}.profile-name[data-v-91927ec1]{color:#2c3e50;font-size:14px;font-weight:500;margin-right:8px}.dropdown-menu[data-v-91927ec1]{background:#fff;border:1px solid #e9ecef;border-radius:12px;box-shadow:0 8px 24px #00000026;margin-top:8px;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.notification-dropdown[data-v-91927ec1]{width:320px}.dropdown-header[data-v-91927ec1]{background:#f8f9fa;border-bottom:1px solid #e9ecef;padding:16px 20px}.dropdown-header h6[data-v-91927ec1]{color:#2c3e50;font-size:14px;font-weight:600;margin:0}.empty-notifications[data-v-91927ec1]{color:#6c757d;font-size:14px;padding:24px 20px;text-align:center}.notification-item[data-v-91927ec1]{align-items:flex-start;border-bottom:1px solid #f8f9fa;display:flex;padding:12px 20px;transition:background-color .2s}.notification-item[data-v-91927ec1]:hover{background:#f8f9fa}.notification-item[data-v-91927ec1]:last-child{border-bottom:none}.notification-item i[data-v-91927ec1]{font-size:14px;margin-right:12px;margin-top:2px}.notification-content p[data-v-91927ec1]{color:#2c3e50;font-size:14px;line-height:1.4;margin:0 0 4px}.notification-content small[data-v-91927ec1]{color:#6c757d;font-size:12px}.dropdown-footer[data-v-91927ec1]{background:#f8f9fa;border-top:1px solid #e9ecef;padding:12px 20px;text-align:center}.dropdown-footer a[data-v-91927ec1]{color:#007bff;font-size:14px;font-weight:500;text-decoration:none}.dropdown-footer a[data-v-91927ec1]:hover{text-decoration:underline}.profile-info[data-v-91927ec1]{align-items:center;display:flex}.profile-avatar-large[data-v-91927ec1]{border:2px solid #e9ecef;border-radius:50%;height:48px;margin-right:12px;width:48px}.profile-info h6[data-v-91927ec1]{color:#2c3e50;font-size:14px;font-weight:600;margin:0 0 2px}.profile-info small[data-v-91927ec1]{color:#6c757d;display:block;font-size:12px}.profile-role[data-v-91927ec1]{margin-top:4px}.role-badge[data-v-91927ec1]{background:#28a745;border-radius:8px;color:#fff;font-size:10px;font-weight:600;padding:2px 6px;text-transform:uppercase}.dropdown-body[data-v-91927ec1]{padding:8px 0}.dropdown-item[data-v-91927ec1]{align-items:center;color:#2c3e50;display:flex;font-size:14px;padding:10px 20px;text-decoration:none;transition:background-color .2s}.dropdown-item[data-v-91927ec1]:hover{background:#f8f9fa;color:#2c3e50}.dropdown-item i[data-v-91927ec1]{color:#6c757d;font-size:14px;margin-right:12px;width:16px}.dropdown-divider[data-v-91927ec1]{border:none;border-top:1px solid #e9ecef;margin:8px 0}@media (max-width:768px){.menu-toggle[data-v-91927ec1]{display:block}.page-title[data-v-91927ec1]{font-size:20px}.header-stats[data-v-91927ec1],.profile-name[data-v-91927ec1]{display:none}.dropdown-menu[data-v-91927ec1]{min-width:260px;right:-10px}.notification-dropdown[data-v-91927ec1]{width:300px}}@media (max-width:480px){.staff-header[data-v-91927ec1]{padding:0 16px}.dropdown-menu[data-v-91927ec1]{right:-16px}}[data-v-967ff8a3]{box-sizing:border-box}html{overflow-x:hidden;width:100%}.staff-layout[data-v-967ff8a3]{background:#f8f9fa;display:flex;max-width:100%;min-height:100vh;width:100vw}.staff-layout[data-v-967ff8a3],.staff-main[data-v-967ff8a3]{overflow-x:hidden;position:relative}.staff-main[data-v-967ff8a3]{flex:1;margin-left:250px;min-width:0;transition:margin-left .3s ease;width:calc(100% - 250px)}.staff-content[data-v-967ff8a3]{box-sizing:border-box;max-width:none;min-height:calc(100vh - 70px);overflow-x:hidden;padding:20px;width:100%}@media (max-width:768px){.staff-main[data-v-967ff8a3]{margin-left:0;width:100%}}