Switch to 5-day rolling view with clock/weather info panel

- Show today + next 4 days instead of a fixed Sun-Sat week grid
- Replace Next Week column with a right-side info panel (live clock,
  date, current weather + 3-day forecast)
- Simplify topbar to just the view pill, date range, and member filter
- Adjust grid to repeat(5, 1fr) 190px

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

static/css/style.css

@@ -16,48 +16,16 @@ html, body {
     height: 100vh;
     display: flex;
     flex-direction: column;
-    padding: 18px 24px 24px;
+    padding: 14px 20px 20px;
 }
 
 /* ---------- Top bar ---------- */
 
 .topbar {
-    display: flex;
-    align-items: flex-start;
-    justify-content: space-between;
-    margin-bottom: 18px;
-    flex-wrap: wrap;
-    gap: 12px;
-}
-
-.date-time {
-    display: flex;
-    align-items: baseline;
-    gap: 10px;
-}
-
-.icon-badge {
-    font-size: 22px;
-    margin-right: 2px;
-}
-
-.header-date {
-    font-size: 28px;
-    font-weight: 700;
-    color: #1F2430;
-}
-
-.header-time {
-    font-size: 18px;
-    font-weight: 500;
-    color: #8A8F9C;
-}
-
-.nav-row {
     display: flex;
     align-items: center;
     gap: 10px;
-    margin-top: 10px;
+    margin-bottom: 14px;
 }
 
 .pill {
@@ -83,79 +51,21 @@ html, body {
     background-repeat: no-repeat;
 }
 
-.week-nav {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    background: #FFFFFF;
-    border: 1px solid #E3E5EA;
-    border-radius: 18px;
-    padding: 4px 8px;
-}
-
-.nav-arrow {
-    border: none;
-    background: transparent;
-    font-size: 18px;
-    line-height: 1;
-    color: #4A4E5A;
-    cursor: pointer;
-    padding: 4px 8px;
-    border-radius: 50%;
-}
-
-.nav-arrow:hover {
-    background: #F0F1F4;
-}
-
-.week-range {
+.date-range-label {
     font-size: 13px;
     font-weight: 600;
     color: #4A4E5A;
-    min-width: 80px;
-    text-align: center;
 }
 
-.topbar-right {
-    display: flex;
-    align-items: center;
-    gap: 14px;
-}
+/* ---------- Topbar right-side items removed — now live in info panel ---------- */
 
-.weather-chip {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    background: #FFFFFF;
-    border: 1px solid #E3E5EA;
-    border-radius: 18px;
-    padding: 6px 14px;
-}
-
-.weather-icon {
-    width: 22px;
-    height: 22px;
-    background-size: contain;
-    background-repeat: no-repeat;
-}
-
-.current-temp {
-    font-size: 14px;
-    font-weight: 700;
-    color: #4A4E5A;
-}
-
-.wifi-icon {
-    font-size: 18px;
-    color: #8A8F9C;
-}
 
 /* ---------- Week grid ---------- */
 
 .week-grid {
     flex: 1;
     display: grid;
-    grid-template-columns: repeat(7, 1fr) 1.1fr;
+    grid-template-columns: repeat(5, 1fr) 190px;
     gap: 12px;
     min-height: 0;
 }
@@ -232,36 +142,6 @@ html, body {
     margin-top: 1px;
 }
 
-.next-week-column {
-    background: #FFFFFF;
-    border-radius: 14px;
-    padding: 14px 12px;
-    display: flex;
-    flex-direction: column;
-    cursor: pointer;
-}
-
-.next-week-column:hover {
-    background: #F7F8FA;
-}
-
-.next-week-title {
-    font-size: 14px;
-    font-weight: 700;
-    color: #1F2430;
-}
-
-.next-week-range {
-    font-size: 11px;
-    color: #A6AAB4;
-    margin-bottom: 10px;
-}
-
-.next-week-count {
-    font-size: 13px;
-    color: #4A4E5A;
-    font-weight: 600;
-}
 
 .event-placeholder {
     grid-column: 1 / -1;
@@ -271,6 +151,110 @@ html, body {
     font-size: 14px;
 }
 
+/* ---------- Info panel (clock + weather) ---------- */
+
+.info-panel {
+    background: #FFFFFF;
+    border-radius: 14px;
+    padding: 18px 14px;
+    display: flex;
+    flex-direction: column;
+    gap: 0;
+    overflow: hidden;
+}
+
+.info-clock {
+    font-size: 42px;
+    font-weight: 700;
+    color: #1F2430;
+    letter-spacing: -1px;
+    line-height: 1;
+}
+
+.info-weekday {
+    font-size: 13px;
+    font-weight: 600;
+    color: #A6AAB4;
+    text-transform: uppercase;
+    letter-spacing: 0.05em;
+    margin-top: 4px;
+}
+
+.info-date {
+    font-size: 15px;
+    font-weight: 700;
+    color: #4A4E5A;
+    margin-top: 2px;
+}
+
+.info-divider {
+    height: 1px;
+    background: #F0F1F4;
+    margin: 14px 0;
+}
+
+.info-weather-current {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+}
+
+.info-weather-current .owm-icon {
+    width: 40px;
+    height: 40px;
+}
+
+.info-current-temp {
+    font-size: 28px;
+    font-weight: 700;
+    color: #1F2430;
+}
+
+.info-current-desc {
+    font-size: 11px;
+    color: #A6AAB4;
+    text-transform: capitalize;
+    margin-top: 2px;
+}
+
+.info-forecast {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    margin-top: 12px;
+}
+
+.forecast-row {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    font-size: 12px;
+}
+
+.forecast-row .f-day {
+    font-weight: 600;
+    color: #4A4E5A;
+    width: 30px;
+}
+
+.forecast-row .f-icon .owm-icon {
+    width: 22px;
+    height: 22px;
+}
+
+.forecast-row .f-temps {
+    text-align: right;
+    color: #4A4E5A;
+}
+
+.forecast-row .f-temps .f-max {
+    font-weight: 700;
+}
+
+.forecast-row .f-temps .f-min {
+    color: #A6AAB4;
+}
+
 /* ---------- Add button ---------- */
 
 .add-fab {