diff --git a/src/web/templates/user/base.html b/src/web/templates/user/base.html
index b0bff2f..b1a879a 100644
--- a/src/web/templates/user/base.html
+++ b/src/web/templates/user/base.html
@@ -37,17 +37,60 @@
::-webkit-scrollbar-track { background: #3d4848; }
::-webkit-scrollbar-thumb { background: #5a6868; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover { background: #6a7878; }
+
+ /* Sidebar collapse styles */
+ aside { transition: width 0.3s ease; }
+ aside.collapsed { width: 4rem; }
+ aside.collapsed .sidebar-text { display: none; }
+ aside.collapsed .nav-link { justify-content: center; padding-left: 1rem; padding-right: 1rem; }
+ aside.collapsed .logo-container { justify-content: center; }
+ aside.collapsed .logo-full { display: none; }
+ aside.collapsed .user-info { display: none; }
+ /* Center profile avatar when collapsed */
+ aside.collapsed .p-4.border-b > div { justify-content: center; }
+ /* Center bottom links when collapsed */
+ aside.collapsed .p-4.border-t a { justify-content: center; padding-left: 1rem; padding-right: 1rem; }
+ main { transition: margin-left 0.3s ease; }
+ main.sidebar-collapsed { margin-left: 4rem; }
+ .toggle-btn { cursor: pointer; transition: transform 0.3s ease; }
+ aside.collapsed .toggle-btn { transform: rotate(180deg); }
+
+
+
+
+
{% block head %}{% endblock %}
-