first commit

frontend/app/css/header_LB.css

@@ -0,0 +1,75 @@
+.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;
+}