.workspace-layout{display:flex;min-height:100vh}.sidebar{position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-primary);z-index:var(--z-sidebar);display:flex;flex-direction:column;overflow:hidden;transition:transform var(--transition-base),width var(--transition-base)}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-3-5);border-bottom:1px solid var(--border-primary);min-height:45px}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-decoration:none}.sidebar-brand:hover{color:var(--text-primary)}.sidebar-brand-icon{width:20px;height:20px;background:var(--brand-primary);color:#fff;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--font-weight-bold);flex-shrink:0}.sidebar-toggle{padding:var(--space-0-5);color:var(--text-secondary);border-radius:var(--radius-sm);font-size:.9rem;line-height:1;opacity:.6}.sidebar-toggle:hover{background:var(--bg-hover);opacity:1}.sidebar-nav{flex:1;overflow-y:auto;padding:var(--space-1) 0}.sidebar-section-label{padding:var(--space-2) var(--space-3-5) var(--space-0-5);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.6px;color:var(--text-secondary);font-weight:var(--font-weight-medium);-webkit-user-select:none;user-select:none}.sidebar-item{display:flex;align-items:center;gap:var(--space-2-5);padding:3px var(--space-3-5);margin:0;font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast);text-decoration:none;position:relative;line-height:1.4}.sidebar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-item.active{background:var(--bg-active);color:var(--text-primary);font-weight:var(--font-weight-medium)}.sidebar-item-icon{width:20px;text-align:center;flex-shrink:0;font-size:1rem;line-height:1;opacity:.8}.sidebar-item .badge{margin-left:auto;font-size:10px;padding:0 var(--space-1-5);border-radius:var(--radius-full);background:var(--brand-primary);color:#fff;font-weight:var(--font-weight-medium);line-height:1.5}.sidebar-sub{padding-left:var(--space-8)}.sidebar-sub .sidebar-item{font-size:var(--font-size-xs);padding:2px var(--space-3-5)}.main-content{flex:1;margin-left:var(--sidebar-width);min-height:100vh;display:flex;flex-direction:column;transition:margin-left var(--transition-base)}.topnav{display:flex;align-items:center;justify-content:space-between;height:var(--topnav-height);padding:0 var(--space-3);border-bottom:1px solid var(--border-primary);background:var(--bg-primary);position:sticky;top:0;z-index:var(--z-topnav)}.topnav-left,.topnav-right{display:flex;align-items:center;gap:var(--space-2)}.topnav-search{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-1) var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--text-placeholder);cursor:pointer;min-width:180px;transition:background var(--transition-fast)}.topnav-search:hover{background:var(--bg-hover)}.topnav-user{display:flex;align-items:center;gap:var(--space-1-5);padding:var(--space-0-5) var(--space-1-5);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.topnav-user:hover{background:var(--bg-hover)}.topnav-avatar{width:26px;height:26px;border-radius:var(--radius-full);background:var(--brand-light);color:var(--brand-primary);display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.content-area{flex:1;padding:var(--space-6) var(--content-padding);max-width:100%}.content-area.with-right-panel{display:grid;grid-template-columns:1fr var(--right-panel-width);gap:var(--space-6)}.content-main{min-width:0}.content-right-panel{border-left:1px solid var(--border-primary);padding-left:var(--space-5);position:sticky;top:var(--topnav-height);height:calc(100vh - var(--topnav-height));overflow-y:auto}.right-panel-section{margin-bottom:var(--space-5)}.right-panel-section h4{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);margin-bottom:var(--space-2);font-weight:var(--font-weight-medium)}.right-panel-card{display:block;padding:var(--space-3);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-1);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast);color:inherit;text-decoration:none}.right-panel-card:hover{background:var(--bg-hover)}.right-panel-card--static,.right-panel-card--static:hover{cursor:default;background:var(--bg-secondary)}.sidebar-collapsed .sidebar{width:var(--sidebar-collapsed)}.sidebar-collapsed .sidebar-item span,.sidebar-collapsed .sidebar-section-label,.sidebar-collapsed .sidebar-brand span,.sidebar-collapsed .sidebar-item .badge{display:none}.sidebar-collapsed .sidebar-item{justify-content:center;padding:var(--space-2)}.sidebar-collapsed .main-content{margin-left:var(--sidebar-collapsed)}@media(max-width:768px){.sidebar{transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar.open{transform:translate(0)}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:calc(var(--z-sidebar) - 1);display:none}.sidebar-overlay.open{display:block}.main-content{margin-left:0!important}.content-area{padding:var(--space-4);padding-bottom:64px}.content-area.with-right-panel{grid-template-columns:1fr}.content-right-panel{display:none}.topnav-search{min-width:120px}}