.sidebar{width:var(--sidebar-width);height:100vh;position:fixed;left:0;top:0;background-color:var(--color-bg-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;padding:var(--spacing-lg) 0;z-index:100}.sidebar-header{padding:0 var(--spacing-lg) var(--spacing-xl)}.sidebar-header h2{color:var(--color-blue-primary);font-weight:700;margin-bottom:var(--spacing-xs)}.sidebar-header p{color:var(--color-text-muted);font-size:.85rem}.sidebar-nav{flex:1 1;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:0 var(--spacing-md)}.nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);color:var(--color-text-main);border-radius:var(--radius-card);transition:all .2s ease;font-weight:500}.nav-item:hover{background-color:var(--color-bg-base)}.nav-item-active{background-color:var(--color-blue-light);color:var(--color-blue-primary)}.nav-icon{flex-shrink:0}.sidebar-footer{padding:0 var(--spacing-md)}.app-header{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xl);background-color:var(--color-bg-surface);border-bottom:1px solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:90}.page-title{margin:0}.header-actions{gap:var(--spacing-xl)}.header-actions,.search-bar{display:flex;align-items:center}.search-bar{background-color:var(--color-bg-base);border-radius:20px;padding:var(--spacing-sm) var(--spacing-md);width:300px}.search-icon{color:var(--color-text-muted);margin-right:var(--spacing-sm)}.search-bar input{border:none;background:none;outline:none;width:100%;font-family:inherit;font-size:.95rem}.sync-status{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--color-success);font-size:.85rem;font-weight:500}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;height:64px;background-color:var(--color-bg-surface);border-top:1px solid var(--color-border);z-index:100;justify-content:space-around;align-items:center}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-text-muted);font-size:.75rem;font-weight:500}.bottom-nav-item.active{color:var(--color-blue-primary)}.app-layout,.app-main{display:flex;min-height:100vh}.app-main{flex:1 1;margin-left:var(--sidebar-width);flex-direction:column}.app-content{flex:1 1;padding:var(--spacing-xl)}@media (max-width:768px){.sidebar{display:none}.bottom-nav{display:flex}.app-main{margin-left:0;margin-bottom:64px}.app-header{padding:0 var(--spacing-md)}.search-bar{width:200px}}