.sidebar{position:fixed;top:0;left:0;width:var(--sidebar-width);height:100vh;background-color:var(--bg-surface);border-right:1px solid var(--border);padding:var(--spacing-lg);display:flex;flex-direction:column;z-index:1000;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-md);border-bottom:1px solid var(--border)}.sidebar-logo img{width:40px;height:40px;border-radius:8px}.sidebar-logo-text{font-size:1.25rem;font-weight:600;background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{list-style:none;flex-grow:1}.nav-item{margin-bottom:.5rem}.nav-link{display:block;padding:.5rem .75rem;color:var(--text-secondary);border-radius:6px;transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--code-bg);color:var(--primary)}.nav-link.active{background-color:var(--primary);color:#fff}.sidebar-footer{margin-top:auto;padding-top:var(--spacing-md);border-top:1px solid var(--border)}.sidebar-footer-links{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.sidebar-footer-link{color:var(--text-muted);transition:color var(--transition-fast)}.sidebar-footer-link:hover{color:var(--primary)}.sidebar-footer-text{font-size:.75rem;color:var(--text-muted);margin-bottom:.25rem}.menu-toggle{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:1001;background-color:var(--bg-surface);border:1px solid var(--border);border-radius:6px;padding:.75rem;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;background-color:var(--text-primary);margin:4px 0;transition:all var(--transition-fast)}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:999}