@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#17251f;background:#f4f6f2;font-synthesis:none;--ink: #17251f;--muted: #78817c;--line: #e1e6df;--lime: #c9f35b;--dark: #19352a;--card: #fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:246px;background:#142d24;color:#fff;padding:30px 18px 24px;display:flex;flex-direction:column;z-index:20}.brand{padding:0 10px 36px;display:flex;align-items:center;gap:11px;font:800 20px Manrope;letter-spacing:2.5px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--lime);color:#1a3429;transform:rotate(-4deg)}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.settings{width:100%;border:0;background:transparent;color:#8fa59c;border-radius:10px;padding:12px 13px;display:flex;gap:12px;align-items:center;font-weight:600;cursor:pointer;text-align:left}.sidebar nav svg,.settings svg{width:19px}.sidebar nav button:hover,.sidebar nav button.active{background:#244438;color:#fff}.sidebar nav button.active:before{content:"";position:absolute;left:0;width:3px;height:22px;background:var(--lime);border-radius:0 4px 4px 0}.sidebar-bottom{margin-top:auto}.sync-card{border:1px solid #365047;border-radius:13px;padding:14px;margin-bottom:14px;background:#19362b}.sync-title{font-weight:700;font-size:13px;display:flex;align-items:center;gap:8px}.garmin-dot{width:8px;height:8px;border-radius:50%;background:#70df9c;box-shadow:0 0 0 4px #29513e}.sync-meta{font-size:11px;color:#8fa59c;margin:7px 0 12px 16px}.sync-card button{width:100%;border:1px solid #466057;color:#dce8e3;background:transparent;border-radius:8px;padding:8px;font-size:11px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:7px;cursor:pointer}.sync-card button svg{width:13px}.settings{padding-left:9px}.profile{margin-top:15px;border-top:1px solid #30483f;padding:20px 5px 0;display:grid;grid-template-columns:36px 1fr 20px;align-items:center;gap:9px}.profile>span{width:36px;height:36px;display:grid;place-items:center;background:var(--lime);color:#173328;border-radius:50%;font-size:12px;font-weight:800}.profile div{display:flex;flex-direction:column;font-size:12px}.profile small{color:#8fa59c;margin-top:2px}.profile svg{width:17px;color:#80978d}.close-menu{display:none}main{margin-left:246px;min-height:100vh;padding:0 38px 60px;max-width:1660px}.topbar{height:112px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.topbar p,.eyebrow{margin:0 0 5px;font-size:10px;letter-spacing:1.6px;font-weight:800;color:#8a948e}h1,h2,h3{font-family:Manrope,sans-serif;margin:0}h1{font-size:27px;letter-spacing:-.7px}h2{font-size:21px;letter-spacing:-.5px}.header-actions,.weather{display:flex;align-items:center}.weather{gap:10px;margin-right:18px;padding-right:18px;border-right:1px solid var(--line)}.weather>svg{color:#d6a341}.weather span{display:flex;flex-direction:column;font-size:12px}.weather small{color:var(--muted);margin-top:2px}.sync-icon,.menu-button{border:1px solid var(--line);background:#fff;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;cursor:pointer}.sync-icon svg{width:18px}.menu-button{display:none}.spinning{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-banner{padding:13px 16px;margin-bottom:18px;background:#fff0ed;color:#a63d2d;border:1px solid #ffd1ca;border-radius:10px}.error-banner button{margin-left:8px;border:0;background:transparent;text-decoration:underline;cursor:pointer}.loading-state{height:60vh;display:grid;place-content:center;justify-items:center;color:#68736d}.loading-state svg{color:#4d735f}.pulse{animation:pulse 1.2s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.15);opacity:.55}}.hero-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(310px,.85fr);gap:20px}.recovery-card,.week-summary,.plan-day,.stats-row>div,.activities-section{background:var(--card);border:1px solid var(--line);border-radius:15px}.recovery-card{padding:23px 25px 0}.card-heading,.summary-top{display:flex;justify-content:space-between;align-items:flex-start}.card-heading>svg{color:#739b45;background:#eff8df;border-radius:50%;padding:9px;width:38px;height:38px}.recovery-content{display:grid;grid-template-columns:118px 1fr;align-items:center;gap:24px;padding:21px 0}.score-ring{--score: 82%;width:108px;height:108px;border-radius:50%;background:conic-gradient(var(--lime) var(--score),#edf0eb 0);display:grid;place-items:center;position:relative}.score-ring:after{content:"";position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:#fff;border-radius:50%}.score-ring div{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center}.score-ring strong{font:800 32px Manrope}.score-ring span{color:var(--muted);font-size:10px}.recovery-copy>p{color:#66716b;font-size:13px;line-height:1.6;max-width:440px;margin:0 0 13px}.recovery-time{font-size:11px;display:flex;align-items:center;gap:7px;color:#5c6b63}.recovery-time svg{width:15px;color:#789350}.recovery-metrics{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding:17px 0}.recovery-metrics>div{display:flex;align-items:center;gap:9px;border-right:1px solid var(--line);padding:0 15px}.recovery-metrics>div:first-child{padding-left:0}.recovery-metrics>div:last-child{border:0}.recovery-metrics svg{width:18px;color:#71837a}.recovery-metrics span{display:flex;flex-direction:column}.recovery-metrics small{color:#929b96;font-size:8px;font-weight:800;letter-spacing:.7px}.recovery-metrics strong{font-size:15px;margin-top:4px}.recovery-metrics em{font: 600 8px DM Sans;color:#4a815e;padding:3px 5px;border-radius:4px;background:#e9f5e9;margin-left:4px;vertical-align:2px}.recovery-metrics i{font: 500 9px DM Sans;color:var(--muted)}.week-summary{padding:23px 24px;display:flex;flex-direction:column}.week-chip{background:#f0f2ef;padding:6px 8px;border-radius:5px;color:#78847e;font-size:9px;font-weight:800}.progress-wrap{margin:27px 0 20px}.progress-label{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);margin-bottom:8px}.progress-label strong{color:var(--ink)}.progress-track{background:#e9ede8;height:7px;border-radius:5px;overflow:hidden}.progress-track span{display:block;height:100%;background:var(--lime);border-radius:inherit;transition:width .5s}.week-numbers{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:10px;padding:13px 0}.week-numbers>div{display:flex;flex-direction:column;padding:0 13px;border-right:1px solid var(--line)}.week-numbers>div:last-child{border:0}.week-numbers span{color:var(--muted);font-size:9px}.week-numbers strong{font-size:12px;margin-top:4px;white-space:nowrap}.text-button{margin-top:auto;padding:18px 0 0;border:0;border-top:1px solid var(--line);background:transparent;color:#405d4f;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.text-button svg{width:16px}.section-block{margin-top:34px;scroll-margin-top:20px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:15px}.outline-button{background:transparent;border:1px solid #d6dcd7;border-radius:8px;height:35px;padding:0 12px;font-size:10px;font-weight:700;display:flex;gap:7px;align-items:center;cursor:pointer}.outline-button svg{width:14px}.plan-grid{display:grid;grid-template-columns:repeat(7,minmax(128px,1fr));gap:9px;overflow-x:auto;padding-bottom:3px}.plan-day{min-height:210px;padding:14px;cursor:pointer;transition:transform .18s,border-color .18s}.plan-day:hover{transform:translateY(-2px);border-color:#bfcbbf}.plan-day.today{border:2px solid #89a962;padding:13px;box-shadow:0 4px 14px #35523912}.plan-day.done{background:#f8faf6}.day-head{display:flex;justify-content:space-between;align-items:start}.day-head>span:first-child{display:flex;flex-direction:column;color:#9ba39e;font-size:9px}.day-head strong{color:var(--ink);font-size:11px;margin-bottom:2px}.done-check{width:18px;height:18px;background:#dff0c3;color:#527337;border-radius:50%;display:grid;place-items:center}.done-check svg{width:12px}.today-dot{width:7px;height:7px;border-radius:50%;background:#91af65;box-shadow:0 0 0 4px #eff5e7}.sport-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;margin:18px 0 11px}.sport-icon svg{width:18px}.sport-icon.fietsen{color:#446c31;background:#eaf5dc}.sport-icon.hardlopen{color:#bd6a30;background:#fff0e4}.sport-icon.zwemmen{color:#34729b;background:#e5f2fa}.sport-icon.kracht{color:#7455a3;background:#eee8f9}.sport-icon.rust{color:#7c8581;background:#eef0ef}.intensity{color:#8b9490;font-size:8px;text-transform:uppercase;letter-spacing:.7px;font-weight:700}.plan-day h3{font-size:12px;line-height:1.35;margin:4px 0 8px}.plan-day p{font-size:10px;color:#7f8984;display:flex;align-items:center;gap:4px;margin:0}.plan-day p svg{width:12px}.day-action{width:100%;border:0;background:transparent;border-top:1px solid var(--line);padding:10px 0 0;margin-top:13px;font-size:9px;color:#6c7b73;cursor:pointer;text-align:left}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px}.stats-row>div{padding:18px;display:grid;grid-template-columns:35px 1fr;column-gap:11px}.stat-icon{grid-row:1 / 4;width:35px;height:35px;display:grid;place-items:center;border-radius:9px}.stat-icon svg{width:17px}.stat-icon.lime{background:#edf7df;color:#5c7b34}.stat-icon.red{background:#fee9e6;color:#c35b51}.stat-icon.blue{background:#e5f2fa;color:#3d7595}.stat-icon.orange{background:#fff0e3;color:#bd713d}.stats-row p{margin:0;color:#808a85;font-size:9px}.stats-row strong{font:800 21px Manrope;margin-top:2px}.stats-row strong small{font:500 9px DM Sans;color:#8b948f}.stats-row em{font-style:normal;color:#9ba39f;font-size:8px}.stats-row em.positive{color:#548260}.activities-section{padding:22px 23px}.activity-toolbar{border-top:1px solid var(--line);padding:15px 0;display:flex;justify-content:space-between;gap:15px}.type-tabs{display:flex;gap:4px}.type-tabs button{border:0;background:transparent;padding:7px 12px;border-radius:6px;font-size:10px;font-weight:700;color:#89928e;cursor:pointer}.type-tabs button.active{color:#2f4c3e;background:#eef2ed}.search-box{border:1px solid var(--line);border-radius:8px;height:34px;display:flex;align-items:center;padding:0 10px;color:#949d98}.search-box svg{width:14px}.search-box input{width:140px;border:0;outline:0;font-size:10px;padding-left:7px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:940px}th{text-align:left;color:#929b96;font-size:8px;letter-spacing:.5px;border-bottom:1px solid var(--line);padding:9px 10px;white-space:nowrap}th:first-child,td:first-child{padding-left:0}th:last-child,td:last-child{padding-right:0}th button{background:transparent;border:0;cursor:pointer}th button svg{width:13px}td{padding:12px 10px;border-bottom:1px solid #edf0ec;font-size:10px;white-space:nowrap}tbody tr{cursor:pointer;transition:background .15s}tbody tr:hover{background:#fafbf9}.activity-name{display:flex;align-items:center;min-width:205px}.sport-icon.small{width:31px;height:31px;border-radius:8px;margin:0 9px 0 0}.sport-icon.small svg{width:15px}.activity-name div{display:flex;flex-direction:column}.activity-name strong{font-size:11px}.activity-name small{color:#949d98;margin-top:3px;font-size:8px}.heart-value{color:#5e6b65;display:flex;align-items:center;gap:5px}.heart-value svg{width:12px;color:#d66b64;fill:#d66b64}.effect{display:flex;align-items:center;gap:7px}.effect>span{display:flex;gap:2px}.effect i{width:5px;height:11px;border-radius:2px;background:#e1e6e1}.effect i.filled{background:#9fc66a}.empty-state{padding:35px;text-align:center;color:var(--muted);font-size:12px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#10231cb8;z-index:50;display:grid;place-items:center;padding:20px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.activity-modal{width:min(570px,100%);background:#fff;border-radius:18px;padding:30px;position:relative;box-shadow:0 25px 70px #07120e50}.activity-modal>.sport-icon{margin-top:0}.activity-modal h2{font-size:25px;margin:5px 0 24px}.modal-close{position:absolute;right:20px;top:20px;width:34px;height:34px;border:1px solid var(--line);border-radius:9px;background:#fff;display:grid;place-items:center;cursor:pointer}.modal-close svg{width:17px}.modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.modal-grid div{background:#f5f7f4;border-radius:10px;padding:13px;display:flex;flex-direction:column}.modal-grid small{color:var(--muted);font-size:9px;margin-bottom:5px}.modal-grid strong{font-size:13px}@media(max-width:1180px){.hero-grid{grid-template-columns:1fr}.stats-row{grid-template-columns:repeat(2,1fr)}.plan-grid{grid-template-columns:repeat(7,145px)}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .25s;width:260px}.sidebar.open{transform:translate(0)}.close-menu{display:grid;place-items:center;position:absolute;right:16px;top:28px;border:0;color:#fff;background:transparent}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#091b157d;z-index:15}main{margin-left:0;padding:0 18px 40px}.topbar{height:92px;margin-bottom:22px;justify-content:flex-start;gap:13px}.menu-button{display:grid;flex-shrink:0}h1{font-size:21px}.header-actions{margin-left:auto}.weather{display:none}.hero-grid{grid-template-columns:1fr}.recovery-card{padding:20px 18px 0}.recovery-content{grid-template-columns:92px 1fr;gap:15px}.score-ring{width:86px;height:86px}.score-ring strong{font-size:26px}.recovery-metrics{grid-template-columns:repeat(2,1fr);row-gap:17px}.recovery-metrics>div{padding:0 10px}.recovery-metrics>div:nth-child(2){border:0}.recovery-metrics>div:nth-child(3){padding-left:0}.section-heading{align-items:center}.outline-button{padding:0 9px}.stats-row{grid-template-columns:1fr 1fr}.activities-section{padding:18px 15px}.activity-toolbar{flex-direction:column}.type-tabs{overflow-x:auto}.search-box input{width:100%}}@media(max-width:480px){.stats-row,.recovery-content{grid-template-columns:1fr}.recovery-copy{margin-top:-5px}.week-numbers strong{font-size:10px}.modal-grid{grid-template-columns:1fr}.activity-modal{max-height:90vh;overflow-y:auto}}