.l-statusbar{text-align:center;padding:var(--space-xs);font-size:var(--text-sm);font-weight:500;position:fixed;top:0;left:0;right:0;z-index:200;height:var(--topbar-height);cursor:pointer}
.l-statusbar:hover{filter:brightness(0.95)}
.l-layout{display:flex;min-height:calc(100vh - var(--topbar-height));margin-top:var(--topbar-height)}
.l-sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-color);display:flex;flex-direction:column;position:fixed;top:var(--topbar-height);left:0;bottom:0;z-index:100}
.l-sidebar-header{padding:var(--space-xl) var(--space-2xl) var(--space-md);border-bottom:1px solid var(--border-color)}
.l-sidebar-header .l-client-name{font-weight:700;font-size:var(--text-lg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.l-sidebar-nav{padding:var(--space-sm) 0;flex:1;overflow-y:auto}
.l-sidebar-footer{padding:var(--space-md) var(--space-2xl);border-top:1px solid var(--border-color);font-size:var(--text-sm);color:var(--text-light)}
.l-nav-item{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-2xl);font-size:var(--text-md);color:var(--text-muted);text-decoration:none;border-left:2px solid transparent}
.l-nav-item:hover{color:var(--text-primary);background:var(--bg-hover)}
.l-nav-item.active{color:var(--text-primary);background:var(--bg-hover);border-left-color:var(--text-primary);font-weight:600}
.l-nav-icon{font-size:var(--text-base);width:1.2rem;text-align:center;opacity:0.4}
.l-nav-item.active .l-nav-icon{opacity:1}
.l-main{margin-left:var(--sidebar-width);flex:1;padding:var(--space-2xl) var(--space-3xl)}
.l-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-color);min-height:36px}
.l-topbar-title{font-weight:600;font-size:var(--text-xl)}
.l-topbar-right{display:flex;align-items:center;gap:var(--space-md)}
.l-topbar-name{font-size:var(--text-base);color:var(--text-muted)}
.l-topbar-avatar{width:26px;height:26px;border-radius:50%;background:var(--border-color);display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:700;color:var(--text-muted);text-decoration:none}
.l-tabs{display:flex;gap:0;margin:var(--space-md) 0 var(--space-lg);border-bottom:1px solid var(--border-color);overflow-x:auto}
.l-tab{padding:var(--space-sm) var(--space-lg);font-size:var(--text-base);cursor:pointer;border:none;background:none;color:var(--text-muted);border-bottom:2px solid transparent;white-space:nowrap;text-decoration:none}
.l-tab:hover{color:var(--text-primary)}
.l-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary);font-weight:500}
.l-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:700px){.l-grid{grid-template-columns:1fr}}
.l-statbar{display:flex;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}
.l-section-title{font-size:var(--text-lg);font-weight:600;margin:var(--space-xl) 0 var(--space-md)}
.l-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color);gap:var(--space-md)}
.l-row:last-child{border:none}
.l-activity-row{display:flex;gap:var(--space-md);padding:var(--space-sm) 0;border-bottom:1px solid var(--border-color);font-size:var(--text-md)}
.l-activity-row:last-child{border:none}
.l-activity-dot{width:5px;height:5px;border-radius:50%;margin-top:var(--space-sm);flex-shrink:0}