Style: Improved sidebar spacing (icons and footer)

assets/css/style.css

@@ -78,6 +78,7 @@ body::before {
     padding: 25px;
     display: flex;
     flex-direction: column;
+    gap: 2rem; /* Minimum spacing between sections */
     box-shadow: 10px 0 30px rgba(0,0,0,0.1);
     z-index: 100;
     min-height: 100vh;
@@ -85,7 +86,7 @@ body::before {
 
 .sidebar .navbar-brand {
     color: var(--text-light);
-    margin-bottom: 40px;
+    margin-bottom: 10px; /* Reduced because of gap */
     text-align: center;
     text-decoration: none;
     display: block;
@@ -134,8 +135,20 @@ body::before {
     box-shadow: 0 4px 15px rgba(76, 175, 80, 0.4);
 }
 
-/* Modern Card Design (Glassmorphism) */
-.card {
+.sidebar .nav-link i.fa-fw {
+    margin-right: 25px; /* Increased icon spacing */
+    width: 24px; /* Slightly wider to center properly */
+    text-align: center;
+}
+
+.sidebar .username-display {
+    margin-top: auto;
+    padding-top: 30px; /* Increased padding */
+    border-top: 1px solid rgba(255,255,255,0.1);
+    text-align: center;
+    font-size: 0.9rem;
+    color: rgba(255, 255, 255, 0.7);
+}
     background: var(--glass-bg);
     backdrop-filter: var(--glass-blur);
     -webkit-backdrop-filter: var(--glass-blur);