.sidebar-header { display: flex; flex-direction: column; align-items: center; background: #f8f8f8; padding: 2rem 1rem; position: fixed; height: 100vh; width: 250px; left: 0; top: 0; z-index: 1000; box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1); } .sidebar-header .profile-pic img { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; border: 3px solid #ff6b35; } .sidebar-header .profile-info { text-align: center; margin: 1rem 0; } .sidebar-header h1 { font-size: 1.3rem; margin: 0.5rem 0; color: #333; } .sidebar-header p { font-size: 0.9rem; color: #666; } .sidebar-header nav ul { list-style: none; width: 100%; padding: 0; } .sidebar-header nav li { margin: 1rem 0; } .sidebar-header nav a { display: flex; align-items: center; gap: 0.5rem; color: #333; text-decoration: none; padding: 0.5rem; border-radius: 5px; transition: background 0.3s; } .sidebar-header nav a:hover { background: #ff6b35; color: white; } .sidebar-header .social-links { display: flex; gap: 1rem; margin-top: 2rem; } .sidebar-header .social-links a { color: #333; font-size: 1.2rem; }