.sidebar{width:var(--sidebar-width);background:var(--color-bg-secondary);border-right:1px solid var(--color-glass-border);z-index:var(--z-sticky);transition:width var(--duration-normal) var(--ease-default);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden}.sidebar-collapsed{width:var(--sidebar-collapsed-width)}.sidebar-header{padding:var(--space-4) var(--space-4);height:var(--topbar-height);border-bottom:1px solid var(--color-glass-border);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-logo{align-items:center;gap:var(--space-3);color:var(--color-text-primary);text-decoration:none;display:flex;overflow:hidden}.sidebar-logo-icon{border-radius:var(--radius-lg);background:#14b8a61a;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.sidebar-logo-text{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);background:var(--gradient-accent);-webkit-text-fill-color:transparent;white-space:nowrap;letter-spacing:.02em;-webkit-background-clip:text;background-clip:text}.sidebar-toggle{border-radius:var(--radius-md);width:28px;height:28px;color:var(--color-text-muted);transition:all var(--duration-fast) var(--ease-default);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--color-glass);color:var(--color-text-primary)}.sidebar-collapsed .sidebar-toggle{margin-left:auto;margin-right:auto}.sidebar-nav{padding:var(--space-3) var(--space-2);gap:var(--space-1);flex-direction:column;flex:1;display:flex;overflow:hidden auto}.sidebar-nav-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--duration-fast) var(--ease-default);white-space:nowrap;text-decoration:none;display:flex;position:relative;overflow:hidden}.sidebar-nav-item:hover{background:var(--color-glass);color:var(--color-text-primary)}.sidebar-nav-item.active{color:var(--color-accent);background:#14b8a614}.sidebar-nav-indicator{background:var(--gradient-accent);border-radius:0 var(--radius-full) var(--radius-full) 0;width:3px;height:20px;animation:scaleIn var(--duration-fast) var(--ease-bounce);position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.sidebar-nav-label{text-overflow:ellipsis;overflow:hidden}.sidebar-collapsed .sidebar-nav-item{padding:var(--space-2);justify-content:center}.sidebar-collapsed .sidebar-nav-icon{margin:0}.sidebar-footer{padding:var(--space-3) var(--space-2);border-top:1px solid var(--color-glass-border);flex-shrink:0}.sidebar-user{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) var(--ease-default);display:flex;overflow:hidden}.sidebar-user:hover{background:var(--color-glass)}.sidebar-user-info{flex:1;min-width:0;overflow:hidden}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.sidebar-user-role{font-size:var(--text-xs);color:var(--color-text-muted)}.sidebar-collapsed .sidebar-user{padding:var(--space-2);justify-content:center}@media (max-width:768px){.sidebar{z-index:var(--z-sticky);transform:translate(-100%)}.sidebar.sidebar-mobile-open{transform:translate(0)}}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:calc(var(--z-sticky) - 1);background:#00000080;display:none;position:fixed;inset:0}@media (max-width:768px){.sidebar-overlay{display:block}}
.dashboard-layout{min-height:100vh;display:flex}.dashboard-main{min-width:0;margin-left:var(--sidebar-width);background:var(--color-bg-primary);min-height:100vh;transition:margin-left var(--duration-normal) var(--ease-default);flex:1}.layout-collapsed .dashboard-main{margin-left:var(--sidebar-collapsed-width)}.page-content{padding:var(--space-6);max-width:var(--content-max-width);animation:fadeIn var(--duration-normal) var(--ease-out)}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header-left{gap:var(--space-1);flex-direction:column;display:flex}.page-header-actions{align-items:center;gap:var(--space-3);display:flex}.stats-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.content-grid{gap:var(--space-6);display:grid}.content-grid-2{grid-template-columns:repeat(2,1fr)}.content-grid-3{grid-template-columns:repeat(3,1fr)}.content-grid-4{grid-template-columns:repeat(4,1fr)}.dashboard-charts-grid{gap:var(--space-6);grid-template-columns:1fr 380px;display:grid}.quick-actions-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.toolbar-left{align-items:center;gap:var(--space-3);flex-wrap:wrap;flex:1;display:flex}.toolbar-right,.filter-bar{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-glass);border:1px solid var(--color-glass-border);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-default);display:inline-flex}.filter-chip:hover{border-color:var(--color-glass-border-hover);background:var(--color-glass-hover)}.filter-chip.active{border-color:var(--color-accent);color:var(--color-accent);background:#14b8a61a}.filter-chip-remove{border-radius:var(--radius-full);width:14px;height:14px;color:var(--color-text-muted);transition:color var(--duration-fast);justify-content:center;align-items:center;font-size:10px;display:flex}.filter-chip-remove:hover{color:var(--color-error)}@media (max-width:1024px){.content-grid-2,.content-grid-3,.content-grid-4,.dashboard-charts-grid{grid-template-columns:1fr}.quick-actions-grid{grid-template-columns:repeat(2,1fr)}.stats-grid{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:768px){.dashboard-main{margin-left:0}.page-content{padding:var(--space-4)}.page-header-actions{flex-wrap:wrap;width:100%}.page-header-actions>*{min-width:calc(33.333% - var(--space-3));flex:1;justify-content:center}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.quick-actions-grid{grid-template-columns:1fr}}@media (max-width:480px){.page-header-actions>*{min-width:100%}}