dist files for v1.4.0 built

style.css

@@ -455,44 +455,96 @@ body {
 
 .history-modal-content .modal-body {
     overflow-y: auto;
-    padding: 0; /* Padding is handled by inner elements */
+    padding: 0;
+    /* Padding is handled by inner elements */
 }
 
 /* History Styles */
-.history-month-group {
-    margin-bottom: 24px;
+.history-year-group {
+    margin-bottom: 16px;
 }
 
-.history-month-header {
-    position: sticky;
-    top: 0;
+.history-year-header {
     background: var(--bg-card);
     padding: 12px 20px;
     margin: 0;
-    font-size: 1.1rem;
+    font-size: 1.2rem;
     font-weight: 700;
     color: var(--text-primary);
-    border-bottom: 1px solid var(--border-color);
-    border-top: 1px solid var(--border-color);
-    z-index: 10;
+    border-bottom: 2px solid var(--border-color);
+    position: sticky;
+    top: 0;
+    z-index: 12;
 }
 
-.history-month-group:first-child .history-month-header {
-    border-top: none;
+.history-month-group {
+    border-bottom: 1px solid var(--border-color);
+}
+
+.history-month-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 14px 20px;
+    margin: 0;
+    font-size: 1.05rem;
+    font-weight: 600;
+    color: var(--text-primary);
+    background: var(--bg-body);
+    cursor: pointer;
+    transition: background 0.2s;
+}
+
+.history-month-header:hover {
+    background: var(--border-color);
+    /* Slight hover effect */
+}
+
+.history-month-summary {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    font-size: 0.95rem;
+    color: var(--text-secondary);
+}
+
+.history-month-content {
+    display: none;
+    /* Collapsed by default */
+    background: var(--bg-card);
+}
+
+.history-month-group.open .history-month-content {
+    display: block;
+    /* Expanded when open class is present */
+}
+
+.history-month-group.open .history-month-header .material-icons-round {
+    transform: rotate(180deg);
+}
+
+.history-month-header .material-icons-round {
+    transition: transform 0.3s;
+    font-size: 20px;
 }
 
 .history-week-group {
-    padding: 16px 20px 8px;
+    padding: 12px 20px;
+    border-bottom: 1px dashed var(--border-color);
+}
+
+.history-week-group:last-child {
+    border-bottom: none;
 }
 
 .history-week-header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 0.95rem;
+    font-size: 0.9rem;
     font-weight: 600;
     color: var(--text-secondary);
-    margin-bottom: 12px;
+    margin-bottom: 10px;
 }
 
 .history-week-summary {