/* Clear glass, compact desktop layout. Business records remain the source of truth. */
:root{--green:#467c5a;--text:#243b32;--muted:#728279;--glass-shadow:0 10px 34px rgba(42,74,61,.055),inset 0 1px 0 rgba(255,255,255,.95)}
body{background-color:#eaf2ef;background-image:linear-gradient(130deg,rgba(245,251,249,.12),rgba(240,248,255,.12)),url('clear-lake-background.png');background-position:center;background-size:cover;background-attachment:fixed;color:var(--text)}
.app-shell{grid-template-columns:204px minmax(0,1fr)}
.sidebar{top:16px;height:calc(100dvh - 32px);margin:16px 0 16px 16px;padding:26px 12px;border-radius:24px;background:rgba(244,250,247,.64);box-shadow:0 12px 32px rgba(47,82,67,.06);backdrop-filter:blur(28px) saturate(135%)}
.brand{font-size:15px;gap:8px;padding:0 5px}
.brand-mark{font-size:22px;padding:6px 9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.9)}
.brand small{font-size:10px}
.desktop-nav{margin-top:30px;gap:4px}
.desktop-nav a{font-size:13px;gap:12px;min-height:43px;padding:9px 12px;border-radius:12px}
.desktop-nav a.active{background:linear-gradient(110deg,rgba(212,235,218,.94),rgba(235,247,238,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.9);border-color:rgba(255,255,255,.75)}
.sidebar-note{font-size:10px;padding:16px 8px 0;line-height:1.8}
main{max-width:1630px;padding:24px clamp(20px,2.8vw,44px) 48px}
.beta-banner{font-size:11px;padding:8px 14px;margin:0 0 18px;border-radius:12px;background:rgba(250,253,251,.6);box-shadow:none}
#home .page-header{align-items:center;padding:2px 0 0;margin:0 0 22px}
#home .page-header .eyebrow{font-size:11px;color:#6d8277;margin-bottom:6px;letter-spacing:.02em}
#home .page-header h1{font-size:34px;letter-spacing:-.055em;line-height:1.2;margin-bottom:6px;font-weight:730}
#home .page-header .muted{font-size:13px;letter-spacing:.01em}
#home .page-header .header-badge{display:block;text-decoration:none;background:rgba(255,255,255,.57);padding:7px 12px;font-size:11px;letter-spacing:0;border-radius:12px;color:#527360;box-shadow:none}
#home .cards{gap:14px}
#home .card{display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto auto;align-content:start;align-items:center;gap:7px 10px;min-height:126px;padding:18px 18px 28px;border-radius:19px;background:rgba(255,255,255,.76);box-shadow:var(--glass-shadow);overflow:hidden}
#home .card:nth-child(1){--ring-color:#6ca67b;background:linear-gradient(125deg,rgba(241,250,241,.87),rgba(255,255,255,.74))}
#home .card:nth-child(2){--ring-color:#d2a071;background:linear-gradient(125deg,rgba(255,248,239,.89),rgba(255,255,255,.74))}
#home .card:nth-child(3){--ring-color:#79a5d3;background:linear-gradient(125deg,rgba(239,247,255,.87),rgba(255,255,255,.74))}
#home .card:nth-child(4){--ring-color:#9a94cc;background:linear-gradient(125deg,rgba(247,244,255,.86),rgba(255,255,255,.74))}
#home .card-icon{grid-column:1;grid-row:1;width:34px;height:34px;margin:0;font-size:20px;border-radius:11px;box-shadow:none;background:rgba(218,236,220,.6)}
#home .card h3{grid-column:2;grid-row:1;font-size:13px;line-height:1.4;font-weight:650}
#home .card>p:not(.goal){display:none}
#home .card .goal{grid-column:1/-1;grid-row:2;display:block;min-height:0;min-width:0;padding:0;margin:3px 0 0;font-size:16px;line-height:1.55;font-weight:650;color:#2b4137;position:static;overflow-wrap:normal;word-break:normal;font-variant-numeric:tabular-nums}
#home .card .goal:before{content:'';position:absolute;left:18px;right:18px;bottom:15px;height:4px;width:auto;border-radius:4px;mask:none;-webkit-mask:none;background:rgba(81,117,98,.11)}
#home .card .goal:after{content:'';position:absolute;left:18px;right:18px;bottom:15px;height:4px;width:auto;border-radius:4px;background:linear-gradient(90deg,var(--ring-color) var(--progress,0%),transparent 0)}
#home .card>a{position:absolute;inset:0;font-size:0;color:transparent;border-radius:19px}
#home .card>a:after{content:'↗';position:absolute;top:19px;right:14px;font-size:14px;color:#8d9e93}
#home .home-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px;align-items:start;margin-top:20px}
.home-main-column,.home-aside{display:grid;gap:16px;min-width:0}
#home .home-dashboard .panel{min-height:0;margin:0;padding:20px 22px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.94);box-shadow:var(--glass-shadow);backdrop-filter:blur(24px) saturate(128%)}
#home .home-dashboard .section-heading{margin-bottom:10px;align-items:center}
#home .home-dashboard h2{font-size:17px;letter-spacing:-.02em}
#home .home-dashboard .section-heading>a{font-size:11px;color:#819189;text-decoration:none;white-space:nowrap}
#home .home-dashboard .section-heading>a:hover{color:var(--green)}
#home-task-panel #home-tasks .task-compact{padding:12px 0;border-top:1px solid rgba(80,114,96,.08);gap:5px 12px}
#home .task-compact-title{font-size:16px;font-weight:650;line-height:1.5}
#home .task-completion-dot{border-color:#a8bbb0;width:23px;height:23px;min-height:23px;font-size:13px;box-shadow:none}
#home .task-primary-action{min-height:32px;padding:6px 13px;font-size:11px;border:0;background:rgba(222,237,225,.86);color:#3e6c4c;border-radius:10px}
#home .task-compact.pending .task-primary-action{background:linear-gradient(120deg,#6d9c75,#4e835e);color:#fff;box-shadow:0 4px 10px rgba(62,111,74,.12)}
#home .task-compact-details{font-size:10px;margin-top:1px}
#home .task-compact-details>summary{color:#93a097}
#home .task-compact-details .task-meta{font-size:11px}
#home-week-stats{margin:8px 0 0;font-size:10px;line-height:1.65;color:#84918a}
#home .task-empty{padding:14px 0;margin:0;font-size:13px}
#home .daily-record-entries{margin:0;display:grid;gap:16px}
#home .daily-record-entries .panel>h3{font-size:17px;margin:0 0 6px;letter-spacing:-.02em}
#home .daily-record-entries .panel>small{display:block;font-size:10px;color:#8b9990;margin-bottom:10px;line-height:1.6}
#home .daily-record-entries .daily-check-row{display:grid;grid-template-columns:23px minmax(0,1fr) auto;align-items:center;gap:0 12px;padding:11px 0;border-top:1px solid rgba(80,114,96,.075)}
#home .daily-check-row>h3{font-size:13px;font-weight:600;grid-column:2;grid-row:1;margin:0}
#home .daily-record-entries .daily-check-row>p{grid-column:2;grid-row:2;margin:0;color:#93a098;font-size:10px;line-height:1.7}
#home .daily-record-entries .daily-check-row>.task-completion-dot{width:23px;height:23px;min-height:23px;padding:0;grid-column:1;grid-row:1/span 2;font-size:13px;appearance:none}
#home .daily-record-entries .daily-check-row>button:not(.task-completion-dot){grid-column:3;grid-row:1/span 2;min-height:29px;padding:5px 12px;font-size:10px;line-height:1.5;border:0;border-radius:9px;background:rgba(225,237,228,.72);color:#557562;box-shadow:none}
#home .daily-check-row.completed>.task-completion-dot,#home .task-compact.completed>.task-completion-dot{background:#679973;border-color:#679973;color:#fff}
#home .daily-check-row.completed>h3{opacity:.62;color:#7e8f83;text-decoration:line-through}
#home .home-week-panel{padding:20px}
#home-week-range{font-size:11px;margin:0 0 12px;color:#8e9b92;font-variant-numeric:tabular-nums}
.home-week-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}
.home-day{display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 2px;border:0;background:transparent;color:#93a097;border-radius:12px;font:inherit;font-size:11px;cursor:pointer}
.home-day.today{background:rgba(222,236,225,.55);color:#426b4e}
.home-day-dot{display:grid;place-items:center;width:23px;height:23px;border:1px solid #d4dfd6;border-radius:50%;font-size:20px;line-height:1;background:rgba(255,255,255,.6)}
.home-day.has-records .home-day-dot{border-color:#8eb79b;color:#5b926c;background:#e1eee3}
.home-day small{font-size:9px;min-height:14px}
.home-week-legend{font-size:9px;color:#a2ada5;margin:8px 0 16px;text-align:center}
#home-week-overview{display:grid;gap:16px;padding-top:16px;border-top:1px solid rgba(80,114,96,.09)}
.home-week-metric{display:grid;grid-template-columns:20px minmax(0,1fr);gap:3px 7px;font-size:11px;color:#728278;align-items:center}
.home-week-icon{color:#7c9c83;font-size:17px;grid-row:1/span 2}
.home-week-metric strong{grid-column:2;font-size:12px;font-weight:550;color:#3b5445;line-height:1.5;overflow-wrap:anywhere}
.home-week-metric progress{grid-column:2;width:100%;height:4px;appearance:none;border:none;border-radius:4px;background:#e8eee9;accent-color:#7caa88}
.home-week-metric progress::-webkit-progress-bar{background:#e8eee9;border-radius:4px}
.home-week-metric progress::-webkit-progress-value{background:#8db69a;border-radius:4px}
.home-week-metric progress::-moz-progress-bar{background:#8db69a;border-radius:4px}
.home-backup-panel{display:flex;gap:12px;align-items:flex-start}
.home-backup-icon{font-size:25px;color:#83a4b2;line-height:1.3}
.home-backup-panel h3{font-size:13px;margin:0 0 5px}
.home-backup-panel p{font-size:11px;color:#8a9a8f;line-height:1.8;margin:0 0 7px}
.home-backup-panel a,.home-guide-link a{font-size:11px;color:#60816a;text-decoration:none}
.home-guide-link{padding:0 16px;font-size:11px;text-align:center;color:#98a79c}
.home-guide-link p{margin:0 0 5px}
.home-dashboard .panel,.cards .card{transition:box-shadow .18s ease,background .18s ease}
#home .card:hover{box-shadow:0 12px 38px rgba(42,74,61,.1),inset 0 1px 0 #fff}
.home-day:hover{background:rgba(224,239,229,.6)}
@media(min-width:1500px){#home .home-dashboard{grid-template-columns:minmax(0,1fr) 340px}#home .card .goal{font-size:18px}}
@media(max-width:1120px){.app-shell{grid-template-columns:185px minmax(0,1fr)}main{padding:24px}.sidebar{margin-left:12px}.brand{font-size:13px}.brand-mark{font-size:18px}#home .home-dashboard{grid-template-columns:minmax(0,1fr) 255px;gap:14px}#home .home-dashboard .panel{padding:18px}#home .cards{gap:10px}#home .card{padding:15px 14px 26px}#home .card .goal{font-size:14px}#home .card .goal:before,#home .card .goal:after{left:14px;right:14px}}
@media(max-width:960px){#home .cards{grid-template-columns:repeat(2,minmax(0,1fr))}#home .home-dashboard{grid-template-columns:minmax(0,1fr)}.home-aside{grid-template-columns:1fr 1fr;align-items:start}.home-week-panel{grid-row:span 2}.home-guide-link{align-self:center}}
@media(max-width:650px){.app-shell{display:block}.sidebar{display:none}main{padding:20px 16px 100px}.beta-banner{font-size:10px}#home .page-header{margin:12px 0 18px}#home .page-header h1{font-size:29px}#home .page-header .header-badge{display:none}#home .card{min-height:110px;padding:14px 14px 25px}#home .card .goal{font-size:14px}#home .home-dashboard .panel{padding:18px}.home-aside{grid-template-columns:1fr}.home-week-panel{grid-row:auto}#home .daily-record-entries .daily-check-row>button:not(.task-completion-dot){font-size:11px;min-height:34px}.home-day{padding:7px}}
@media(prefers-reduced-motion:reduce){.home-dashboard .panel,.cards .card{transition:none}}
@supports not (backdrop-filter:blur(1px)){#home .home-dashboard .panel,.sidebar{background:rgba(250,253,250,.96)}}