.app-header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:var(--surface-color);border-bottom:1px solid var(--border-color);z-index:var(--z-fixed)}.header-content{display:flex;align-items:center;justify-content:space-between;height:100%;padding:0 var(--spacing-md);max-width:100%}.header-left{display:flex;align-items:center;gap:var(--spacing-md)}.menu-button{background:none;border:none;color:var(--text-primary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.menu-button:hover{background-color:var(--background-color)}.logo-link{text-decoration:none;color:inherit}.logo{display:flex;align-items:center;gap:var(--spacing-sm)}.logo-text{font-size:var(--font-size-xl);font-weight:700;color:var(--primary-color)}.header-right{display:flex;align-items:center;gap:var(--spacing-md)}.notification-button{position:relative;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:var(--spacing-sm);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}.notification-button:hover{background-color:var(--background-color);color:var(--text-primary)}.notification-badge{position:absolute;top:6px;right:6px;background-color:var(--error-color);color:#fff;font-size:var(--font-size-xs);font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center;line-height:1}.user-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;cursor:pointer;border:2px solid var(--border-light)}.avatar-image{width:100%;height:100%;object-fit:cover}@media (min-width: 769px){.header-content{padding:0 var(--spacing-xl)}}.sidebar{position:fixed;top:var(--header-height);left:-280px;width:280px;height:calc(100vh - var(--header-height));background-color:var(--surface-color);border-right:1px solid var(--border-color);z-index:var(--z-sticky);transition:left .3s ease;overflow-y:auto}.sidebar-open{left:0}.sidebar-nav{display:flex;flex-direction:column;height:100%;padding:var(--spacing-md) 0}.nav-items{flex:1}.nav-item-group{margin-bottom:var(--spacing-xs)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;min-height:48px;border-right:3px solid transparent}.nav-item:hover{background-color:var(--background-color);color:var(--text-primary)}.nav-item-active{background-color:#2563eb1a;color:var(--primary-color);border-right-color:var(--primary-color)}.nav-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.nav-label{font-weight:500;font-size:var(--font-size-base)}.submenu{background-color:var(--background-color);border-left:2px solid var(--border-light);margin-left:var(--spacing-lg)}.submenu-item{display:block;padding:var(--spacing-sm) var(--spacing-lg);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);transition:all .2s ease;border-left:3px solid transparent}.submenu-item:hover{background-color:var(--surface-color);color:var(--text-primary)}.submenu-item-active{color:var(--primary-color);background-color:var(--surface-color);border-left-color:var(--primary-color)}.submenu-label{display:block}.sidebar-footer{border-top:1px solid var(--border-color);padding-top:var(--spacing-md)}.sign-out-button{width:100%;background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:var(--font-size-base)}.sign-out-button:hover{color:var(--error-color);background-color:#dc26261a}@media (min-width: 769px){.sidebar{position:relative;top:0;left:0;height:calc(100vh - var(--header-height));transform:translate(-100%);transition:transform .3s ease}.sidebar-open{transform:translate(0)}.desktop-sidebar-always-visible{transform:translate(0);position:static;height:calc(100vh - var(--header-height))}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--nav-height);background-color:var(--surface-color);border-top:1px solid var(--border-color);z-index:var(--z-fixed);box-shadow:0 -2px 10px #0000001a}.mobile-nav-content{display:flex;height:100%}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--text-secondary);text-decoration:none;transition:all .2s ease;min-height:44px;touch-action:manipulation}.mobile-nav-item:hover,.mobile-nav-item:active{background-color:var(--background-color);color:var(--text-primary)}.mobile-nav-item-active{color:var(--primary-color);background-color:#2563eb1a}.mobile-nav-icon{display:flex;align-items:center;justify-content:center;margin-bottom:2px}.mobile-nav-label{font-size:var(--font-size-xs);font-weight:500;line-height:1;text-align:center}@media (max-width: 480px){.mobile-nav-item{padding:6px 4px}.mobile-nav-label{font-size:10px}}.quick-action-hover{transition:all .3s ease}.quick-action-hover:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026!important;text-decoration:none}.quick-action-hover:hover .bg-primary{background-color:var(--bs-primary)!important}.quick-action-hover:hover .bg-info{background-color:var(--bs-info)!important}.quick-action-hover:hover .bg-success{background-color:var(--bs-success)!important}.quick-action-hover:hover .bg-warning{background-color:var(--bs-warning)!important}@media (max-width: 576px){.metric-card-responsive h3{font-size:1.5rem!important}.metric-card-responsive .bg-opacity-10{padding:.75rem!important}.metric-card-responsive svg{width:20px!important;height:20px!important}}.card.shadow-sm:hover{box-shadow:0 .5rem 1rem #00000026!important;transition:box-shadow .3s ease}@media (max-width: 768px){.quick-action-hover .card-body{padding:1rem!important}.quick-action-hover svg{width:24px!important;height:24px!important}.quick-action-hover .bg-opacity-10{padding:.75rem!important}}.hover-bg-light:hover{background-color:#0000000d!important}.btn-outline-primary.btn-sm{font-size:.8rem;padding:.25rem .75rem}.badge.fw-normal{font-weight:500!important}@media (max-width: 992px){.dashboard-content-mobile{margin-left:0!important}}@media (max-width: 768px){.dashboard-metrics-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 576px){.d-grid[style*="minmax(300px, 1fr)"]{grid-template-columns:1fr!important}}.dev-tools-card{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.loading-state{min-height:200px;display:flex;align-items:center;justify-content:center}.card-list-item{transition:background-color .2s ease}.card-list-item:hover{background-color:#00000005}a.text-decoration-none:hover{color:var(--bs-primary)!important}.badge{font-size:.75em;font-weight:500}@media (max-width: 991.98px){.dashboard-content{padding-bottom:140px!important}}