.app-wrapper{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background-color:var(--color-sidebar-bg);border-right:var(--border-width) solid var(--color-border);height:100vh;z-index:var(--z-sidebar);transition:transform var(--transition-normal);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-brand{align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-5);border-bottom:var(--border-width) solid #ffffff26;display:flex}.sidebar-brand-icon{background-color:var(--color-accent);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);width:40px;height:40px;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-brand-text{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-sidebar-text);white-space:nowrap}.sidebar-brand-sub{font-size:var(--text-xs);color:#ffffff80;font-weight:var(--weight-normal)}.sidebar-nav{padding:var(--space-4) 0;flex:1;overflow-y:auto}.sidebar-section{padding:var(--space-2) var(--space-5) var(--space-1)}.sidebar-section-title{font-size:.65rem;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.1em;color:#fff6;padding-bottom:var(--space-2);margin-bottom:var(--space-1);border-bottom:1px solid #ffffff1a}.sidebar-link{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);color:#ffffffbf;font-size:var(--text-sm);font-weight:var(--weight-medium);transition:all var(--transition-fast);border-left:4px solid #0000;margin:1px 0;text-decoration:none;display:flex}.sidebar-link:hover{color:var(--color-sidebar-text);background-color:var(--color-sidebar-hover)}.sidebar-link.active{color:var(--color-sidebar-active-text);background-color:var(--color-sidebar-active-bg);border-left-color:var(--color-border);font-weight:var(--weight-bold)}.sidebar-link .sidebar-icon{flex-shrink:0;width:20px;height:20px}.sidebar-link .sidebar-badge{background:var(--color-danger);color:#fff;font-size:.65rem;font-weight:var(--weight-bold);border-radius:var(--border-radius-full);border:2px solid var(--color-border);text-align:center;min-width:22px;margin-left:auto;padding:1px 6px}.sidebar-footer{padding:var(--space-4) var(--space-5);border-top:var(--border-width) solid #ffffff26}.sidebar-user{align-items:center;gap:var(--space-3);display:flex}.sidebar-user-info{flex:1;min-width:0}.sidebar-user-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-sidebar-text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-user-role{font-size:var(--text-xs);color:#ffffff80;text-transform:capitalize}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.topbar{height:var(--topbar-height);background-color:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);z-index:var(--z-topbar);padding:0 var(--space-6);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:var(--space-4);display:flex}.topbar-toggle{cursor:pointer;padding:var(--space-2);color:var(--color-text);background:0 0;border:none;display:none}.topbar-title{font-size:var(--text-lg);font-weight:var(--weight-bold)}.topbar-breadcrumb{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.topbar-breadcrumb a{color:var(--color-text-muted);text-decoration:none}.topbar-breadcrumb a:hover{color:var(--color-primary)}.topbar-breadcrumb .separator{color:var(--color-text-light)}.topbar-right{align-items:center;gap:var(--space-3);display:flex}.page-content{padding:var(--space-6);flex:1}.page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-1)}.page-actions{align-items:center;gap:var(--space-3);display:flex}.grid{gap:var(--space-6);display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-5{grid-template-columns:repeat(5,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.grid-auto-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-auto-md{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.toolbar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.toolbar-search{flex:1;min-width:200px;max-width:360px;position:relative}.toolbar-search .form-input{padding-left:var(--space-10)}.toolbar-search .search-icon{left:var(--space-3);width:18px;height:18px;color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.toolbar-filters{align-items:center;gap:var(--space-2);display:flex}.toolbar-filters .form-select{width:auto;min-width:140px}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.topbar-toggle{display:block}.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.page-content{padding:var(--space-4)}.toolbar{flex-direction:column;align-items:stretch}.toolbar-search{max-width:none}.page-header{flex-direction:column;align-items:flex-start}}.sidebar-overlay{z-index:calc(var(--z-sidebar) - 1);background:#1a1a2e80;display:none;position:fixed;inset:0}@media (width<=768px){.sidebar-overlay.active{display:block}}