.overview-page{background:var(--background);flex-direction:column;height:100dvh;display:flex;position:fixed;inset:0;overflow:hidden}.overview-header-inner{justify-content:space-between;align-items:center;gap:12px;max-width:688px;height:80px;margin:0 auto;padding:0 24px;display:flex}.overview-header-inner h1{font-size:calc(21px * var(--text-scale,1));letter-spacing:-.035em;text-align:center;font-weight:550}.overview-back,.overview-header-spacer{flex-shrink:0;width:44px;min-height:44px}.overview-back{color:#b5b5b5;border-radius:50%;place-items:center;display:grid}.overview-back:hover{color:#fff;background:#202020}.overview-content{overscroll-behavior:none;scrollbar-width:none;flex:1;min-height:0;overflow-y:auto}.overview-content::-webkit-scrollbar{display:none}.overview-content-inner{width:100%;max-width:688px;margin:0 auto;padding:30px 24px}.overview-panel{background:#131313;border:1px solid #303030;border-radius:20px;padding:28px}.overview-panel .settings-primary-button{text-decoration:none}.overview-year-row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.overview-year-row h2{font-size:calc(25px * var(--text-scale,1));letter-spacing:-.035em;font-weight:550}.overview-year-label select{color:#f0f0f0;min-width:106px;min-height:44px;font-size:calc(16px * var(--text-scale,1));background:#1d1d1d;border:1px solid #393939;border-radius:11px;padding:9px 13px}.overview-totals{background:#131313;border:1px solid #2c2c2c;border-radius:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px 12px;margin-bottom:24px;padding:24px;display:grid}.overview-totals>div:nth-child(2){text-align:right}.overview-totals>div>span{font-size:calc(13px * var(--text-scale,1));color:#a1a1a1;line-height:1.5;display:block}.overview-totals strong{font-size:calc(35px * var(--text-scale,1));letter-spacing:-.05em;overflow-wrap:anywhere;margin-top:12px;font-weight:500;line-height:1.2;display:block}.overview-totals p{font-size:calc(12px * var(--text-scale,1));color:#858585;grid-column:1/-1}.overview-months table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:calc(15px * var(--text-scale,1))}.overview-months th:first-child{text-align:left;width:43%}.overview-months th:nth-child(2){width:22%}.overview-months th:nth-child(3){width:35%}.overview-months thead th{font-size:calc(12px * var(--text-scale,1));color:#929292;text-align:right;padding:0 0 12px;font-weight:400;line-height:1.5}.overview-months tbody tr{border-top:1px solid #282828}.overview-months tbody th{padding:16px 8px 16px 0;font-weight:400}.overview-months tbody th strong{font-size:calc(15px * var(--text-scale,1));font-weight:500;line-height:1.5;display:block}.overview-months tbody th small{color:#8c8c8c;font-size:calc(12px * var(--text-scale,1));margin-top:2px;line-height:1.5;display:block}.overview-months td{text-align:right;font-size:calc(15px * var(--text-scale,1));font-variant-numeric:tabular-nums;overflow-wrap:anywhere;padding:16px 0 16px 6px}.overview-empty{color:#a1a1a1;font-size:calc(14px * var(--text-scale,1));text-align:center;padding:24px 0;line-height:1.6}.overview-loading{color:#a1a1a1;font-size:calc(14px * var(--text-scale,1));justify-content:center;align-items:center;gap:12px;padding:64px 10px;display:flex}.overview-footer{text-align:center;padding:10px 20px calc(14px + env(safe-area-inset-bottom,0px));background:var(--background);font-size:calc(clamp(10px,3vw,12px) * var(--text-scale,1));color:#a1a1a1;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:0 14px;display:flex}.overview-footer a{text-underline-offset:3px;align-items:center;min-height:32px;text-decoration:underline;display:inline-flex}.overview-footer a:hover{color:#eee}html[data-theme=light] .overview-back{color:#60605d}html[data-theme=light] .overview-back:hover{color:#171717;background:#e8e8e4}html[data-theme=light] :is(.overview-panel,.overview-totals){background:#fff;border-color:#d1d1cb}html[data-theme=light] .overview-year-label select{color:#20201e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f5f5f2;border-color:#bfbfba}html[data-theme=light] :is(.overview-totals>div>span,.overview-totals p,.overview-months thead th,.overview-months tbody th small,.overview-loading,.overview-footer),html[data-theme=light] .overview-empty{color:#62625f}html[data-theme=light] .overview-months tbody tr{border-color:#dcdcd8}html[data-theme=light] .overview-footer a:hover{color:#171717}@media (max-width:600px){.overview-header-inner{height:70px;padding:0 16px}.overview-header-inner h1{font-size:calc(20px * var(--text-scale,1))}.overview-content-inner{padding:24px 20px}.overview-totals{gap:20px 10px;padding:21px 20px}.overview-totals strong{font-size:calc(29px * var(--text-scale,1))}.overview-year-row h2{font-size:calc(24px * var(--text-scale,1))}.overview-panel{padding:24px 20px}}@media (max-width:360px){.overview-header-inner{gap:8px}.overview-header-inner h1{font-size:calc(18px * var(--text-scale,1))}.overview-content-inner{padding:20px 16px}.overview-totals{padding:18px 16px}.overview-totals strong{font-size:calc(25px * var(--text-scale,1))}.overview-months tbody th strong,.overview-months td{font-size:calc(14px * var(--text-scale,1))}.overview-months thead th{font-size:calc(11px * var(--text-scale,1))}}@media print{.overview-page{height:auto;position:static;overflow:visible}.overview-content{overflow:visible}.overview-header-inner,.overview-footer,.overview-year-label{display:none}.overview-content-inner{padding:0}.overview-totals{break-inside:avoid;color:#111;background:#fff;border-color:#ddd}.overview-months tr{break-inside:avoid}}.overview-view-switch{background:var(--surface);border:1px solid var(--border);border-radius:14px;gap:6px;margin-bottom:20px;padding:5px;display:flex}.overview-view-switch button{color:var(--muted);font:inherit;border-radius:10px;flex:1;padding:10px 14px}.overview-view-switch button[aria-pressed=true]{background:var(--accent,#8ab4fa);color:var(--accent-foreground,#101010);font-weight:600}.overview-calendar-year{gap:18px;margin-top:24px;display:grid}.overview-calendar-legend{color:var(--muted);align-items:center;gap:9px;margin:0;font-size:13px;display:flex}.overview-calendar-legend>span{background:var(--accent,#8ab4fa);border-radius:4px;flex-shrink:0;width:12px;height:12px}.overview-calendar-month{border:1px solid var(--border);background:var(--surface);border-radius:20px;padding:20px}.overview-calendar-month h3{margin:0 0 14px;font-size:20px;font-weight:550}.overview-calendar-month .feature-calendar{margin-bottom:0}.overview-calendar-month .has-training{background:var(--accent,#8ab4fa);color:var(--accent-foreground,#101010);border-color:var(--accent,#8ab4fa);font-weight:650}.overview-calendar-month .has-training:after{background:currentColor}.overview-calendar-day{border-top:1px solid var(--border);margin-top:18px;padding-top:15px}.overview-calendar-day h4{margin:0 0 10px;font-size:14px;font-weight:500}.overview-calendar-day p{flex-direction:column;gap:3px;margin:9px 0;font-size:14px;display:flex}.overview-calendar-day p span{color:var(--muted)}
