.sidebar{border-right:1px solid var(--border-color);z-index:100;background:var(--bg-surface);border-top:none;border-bottom:none;border-left:none;border-radius:0;flex-direction:column;width:250px;height:100vh;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-header{white-space:nowrap;border-bottom:1px solid #657b831a;padding:2rem 1.5rem}.logo-icon{flex-shrink:0;margin-right:.75rem}.logo-text{background:linear-gradient(135deg,var(--accent-success),#34d399);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:1.5rem .75rem;display:flex;overflow:hidden auto}.nav-item{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;width:100%;padding:.75rem .875rem;font-size:.9rem;font-weight:500;display:flex;overflow:hidden}.nav-item:hover{color:var(--text-primary);background:#657b8314}.nav-item.active{color:var(--accent-primary);background:#268bd21f}.nav-icon{flex-shrink:0;width:20px;height:20px;margin-right:.875rem}.nav-label{opacity:1;transition:opacity .2s;overflow:hidden}.sidebar-footer{border-top:1px solid #657b831a;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.sidebar-toggle{color:var(--text-muted)}.sidebar-toggle:hover{color:var(--accent-primary);background:#268bd214}.btn-logout{color:var(--text-muted)}.btn-logout:hover{color:var(--accent-danger);background:#dc322f14}.sidebar-sync:hover{color:var(--accent-primary);background:#268bd214}.sidebar-sync.syncing{color:var(--accent-primary);pointer-events:none}.sidebar-collapsed{width:72px}.sidebar-collapsed .sidebar-header{justify-content:center;padding:1.5rem 0;display:flex}.sidebar-collapsed .logo-icon{margin-right:0}.sidebar-collapsed .nav-label{opacity:0;width:0;overflow:hidden}.sidebar-collapsed .sidebar-nav{align-items:center;padding:1.5rem .5rem}.sidebar-collapsed .nav-item{justify-content:center;width:48px;padding:.75rem}.sidebar-collapsed .nav-icon{margin-right:0}.sidebar-collapsed .sidebar-footer{align-items:center}.app-layout{min-height:100vh;display:flex;overflow-x:hidden}.main-content{padding:var(--page-padding);flex:1;min-width:0;margin-left:250px;transition:margin-left .3s cubic-bezier(.4,0,.2,1),padding-bottom .3s cubic-bezier(.4,0,.2,1);overflow-x:hidden}.sidebar-is-collapsed .main-content{margin-left:72px}@media (max-width:768px){.app-layout{flex-direction:column}.main-content,.sidebar-is-collapsed .main-content{padding:var(--page-padding);min-width:0;margin-left:0;padding-bottom:80px}.sidebar,.sidebar.sidebar-collapsed{border-right:none;border-top:1px solid var(--border-color);z-index:999;flex-direction:row;height:64px;transition:none;top:auto;bottom:0;width:100%!important}.sidebar-header,.sidebar-footer{display:none!important}.sidebar-nav{flex-direction:row;justify-content:space-around;align-items:center;width:100%;padding:0 .5rem;overflow:visible}.nav-item,.sidebar-collapsed .nav-item{flex-direction:column;justify-content:center;gap:.15rem;width:auto;padding:.35rem .5rem;font-size:.6rem}.nav-icon,.sidebar-collapsed .nav-icon{width:20px;height:20px;margin-bottom:2px;margin-right:0}.nav-label,.sidebar-collapsed .nav-label{opacity:1;width:auto;overflow:visible}}