@font-face{font-family:DM Sans;src:url(/fonts/DMSans.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/Inter.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Archivo;src:url(/fonts/Archivo.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Michroma;src:url(/fonts/Michroma.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#F4F5F7;--bg-2:#ECEDF0;--card:#FFFFFF;--card-2:#FFFFFF;--card-hover:#FAFAFB;--border:#E3E5EA;--border-soft:#EDEEF1;--text:#0C0D0F;--text-secondary:#5F6470;--text-dim:#8A8F9B;--primary:#636D80;--accent:#636D80;--accent-2:#4E5769;--accent-soft:rgba(99,109,128,0.10);--accent-glow:rgba(99,109,128,0.18);--on-accent:#FFFFFF;--success:#177A4C;--error:#A8342A;--warning:#8A5F0D;--radius:14px;--radius-lg:22px;--pill:999px;--shadow:0 1px 2px rgba(12,13,15,0.05),0 6px 20px rgba(12,13,15,0.06);--shadow-lg:0 12px 34px rgba(12,13,15,0.12);--shadow-diep:0 18px 44px rgba(12,13,15,0.22);--scrim:rgba(12,13,15,0.45);--scrim-diep:rgba(12,13,15,0.72);--op-scrim:#FFFFFF;--camera-grond:#000000;--ruit:#0000000d;--grad-accent:linear-gradient(135deg,#767F92,#636D80);--font-kop:"DM Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-tekst:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;--font-cijfer:"Archivo",ui-sans-serif,system-ui,-apple-system,sans-serif;--font-merk:"Michroma","Eurostile","Bank Gothic",ui-sans-serif,sans-serif;--gewicht-kop:800;--border-hover:#CBCED6;--scrollbar:#D3D5DB;--scrollbar-hover:#BEC1C9;--skeleton:#ECEDF0;--skeleton-hi:#E1E3E8;--ring-steps:#2FA8E0;--ring-training:#828C9E;--ring-recovery:#177A4C;--toestel:#000000;--toestel-rand:#2A2C31;--toestel-scherm:#0C0D0F;--toestel-bubbel:#2A2C31;--toestel-kaart:#17181C;--toestel-kaart-rand:#2A2C31;--toestel-tekst:#9A9DA6;--toestel-lijn:#33363D}:root[data-theme=dark]{--bg:#0C0D0F;--bg-2:#121316;--card:#202226;--card-2:#2A2C31;--card-hover:#2A2C31;--border:#33363D;--border-soft:#26282D;--text:#EDEEF0;--text-secondary:#9A9DA6;--text-dim:#6E727C;--primary:#E4E6EA;--accent:#E4E6EA;--accent-2:#C9CCD3;--accent-soft:rgba(228,230,234,0.10);--accent-glow:rgba(228,230,234,0.16);--on-accent:#0C0D0F;--success:#5BC493;--error:#F09183;--warning:#E5B96B;--shadow:0 1px 2px rgba(0,0,0,0.30),0 6px 20px rgba(0,0,0,0.34);--shadow-lg:0 14px 36px rgba(0,0,0,0.50);--shadow-diep:0 18px 44px rgba(0,0,0,0.45);--scrim:rgba(6,7,8,0.62);--scrim-diep:rgba(6,7,8,0.82);--grad-accent:linear-gradient(135deg,#F5F6F8,#D9DCE2);--border-hover:#43464E;--scrollbar:#33363D;--scrollbar-hover:#43464E;--skeleton:#202226;--skeleton-hi:#2A2C31;--ring-training:#E4E6EA;--ring-recovery:#5BC493}:root[data-theme=dark] body{background-image:radial-gradient(1100px 620px at 82% -10%,rgba(228,230,234,.045),transparent 60%),radial-gradient(900px 600px at 4% 2%,rgba(228,230,234,.03),transparent 55%)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);background-image:radial-gradient(1100px 620px at 82% -10%,rgba(99,109,128,.055),transparent 60%),radial-gradient(900px 600px at 4% 2%,rgba(99,109,128,.04),transparent 55%);background-attachment:fixed;color:var(--text);font-family:var(--font-tekst);font-size:14px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-kop);font-weight:var(--gewicht-kop);margin:0;letter-spacing:-.6px;line-height:1.15}h1{font-size:26px}.brand-woord{font-family:var(--font-merk);font-weight:400;letter-spacing:.22em;text-transform:uppercase}::selection{background:var(--accent-soft);color:var(--accent-2)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar);border-radius:8px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}.layout{display:flex;min-height:100vh}.sidebar{width:232px;border-right:1px solid var(--border-soft);background:linear-gradient(180deg,var(--bg-2),var(--bg));padding:22px 14px;display:flex;flex-direction:column;gap:4px;position:-webkit-sticky;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 10px 22px}.sidebar a.nav,.sidebar button.nav{display:flex;align-items:center;gap:11px;padding:10px 13px;min-height:44px;border-radius:var(--radius);color:var(--text-secondary);font-weight:600;font-size:14px;position:relative;transition:background .16s ease,color .16s ease}.sidebar a.nav:hover,.sidebar button.nav:hover{background:var(--card);color:var(--text)}.sidebar a.nav.active,.sidebar button.nav.active{background:var(--accent-soft);color:var(--accent)}.sidebar a.nav.active:before,.sidebar button.nav.active:before{content:"";position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:3px;background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.sidebar .footer{margin-top:auto;padding:10px;color:var(--text-secondary);font-size:12px;border-top:1px solid var(--border-soft)}.main{flex:1 1;padding:28px 32px;max-width:1240px;min-width:0}.hamburger{align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;border:1px solid var(--border);background:var(--card-2);color:var(--text);font-size:19px;cursor:pointer;flex:0 0 auto}.hamburger,.nav-backdrop{display:none}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.lift{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.lift:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.grid{display:grid;grid-gap:14px;gap:14px}.kpis{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}.two{grid-template-columns:2fr 1fr}.three{grid-template-columns:1fr 1fr 1fr}@media (max-width:900px){.three,.two{grid-template-columns:1fr}}.kpi{position:relative;overflow:hidden}.kpi .label{color:var(--text-secondary);font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.7px}.kpi .value{font-size:30px;font-weight:900;margin-top:6px;letter-spacing:-1px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi .value small{font-size:13px;color:var(--text-secondary);font-weight:500}.kpi .delta{font-size:12px;margin-top:3px;font-weight:700}.up{color:var(--success)}.down{color:var(--error)}.pill{display:inline-flex;align-items:center;gap:5px;padding:4px 11px;border-radius:var(--pill);font-size:12px;font-weight:700;line-height:1.4}.pill.success{background:color-mix(in srgb,var(--success) 14%,transparent);color:var(--success)}.pill.accent{background:var(--accent-soft);color:var(--accent)}.pill.warning{background:color-mix(in srgb,var(--warning) 14%,transparent);color:var(--warning)}.pill.error{background:color-mix(in srgb,var(--error) 13%,transparent);color:var(--error)}.pill.muted{background:color-mix(in srgb,var(--text-secondary) 14%,transparent)}.pill.muted,.section-title{color:var(--text-secondary)}.section-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.9px;margin:4px 0 10px}.muted{color:var(--text-secondary)}.small{font-size:12px}button.primary{background:var(--grad-accent);color:var(--on-accent);border:none;padding:13px 22px;border-radius:var(--pill);font-weight:800;font-size:14px;cursor:pointer;width:100%;box-shadow:0 6px 20px var(--accent-glow);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}button.primary:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:0 10px 28px var(--accent-glow)}button.primary:active{transform:translateY(0)}button.ghost{background:transparent;color:var(--text);border:1px solid var(--border);padding:11px 18px;border-radius:var(--pill);font-weight:700;cursor:pointer;transition:border-color .16s ease,background .16s ease}button.ghost:hover{border-color:var(--accent);background:var(--accent-soft)}input,select{background:var(--bg-2);border:1.5px solid var(--border);border-radius:var(--radius);color:var(--text);padding:12px 14px;font-size:14px;width:100%;font-family:inherit;transition:border-color .16s ease,box-shadow .16s ease}input[type=checkbox],input[type=radio]{width:auto;padding:0;border:none;border-radius:0;background:none;accent-color:var(--accent);flex-shrink:0}input::placeholder{color:var(--text-dim)}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);background:var(--card)}table{width:100%;border-collapse:collapse}th{text-align:left;color:var(--text-secondary);font-size:11px;text-transform:uppercase;letter-spacing:.6px;padding:9px 10px;border-bottom:1px solid var(--border)}td{padding:11px 10px;border-bottom:1px solid var(--border-soft);font-size:13px}tr:last-child td{border-bottom:none}.avatar{width:32px;height:32px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-weight:800;color:var(--on-accent);font-size:13px;background:var(--grad-accent)!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-450px 0}to{background-position:450px 0}}@keyframes glowPulse{0%,to{box-shadow:var(--shadow)}50%{box-shadow:0 0 0 1px var(--accent-glow),0 8px 26px var(--accent-glow)}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}.card{position:relative;animation:fadeUp .5s cubic-bezier(.22,.61,.36,1) backwards}.card:before{content:"";position:absolute;inset:0 0 auto 0;height:1px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,transparent,var(--accent-glow) 50%,transparent);pointer-events:none}.card:hover{transform:translateY(-3px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.grid>:first-child{animation-delay:.03s}.grid>:nth-child(2){animation-delay:.07s}.grid>:nth-child(3){animation-delay:.11s}.grid>:nth-child(4){animation-delay:.15s}.grid>:nth-child(5){animation-delay:.19s}.grid>:nth-child(6){animation-delay:.23s}.grid>:nth-child(n+7){animation-delay:.27s}.kpi:after{content:"";position:absolute;top:-40%;right:-25%;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,var(--accent-glow),transparent 70%);pointer-events:none}.kpi .value{text-shadow:none}.section-title{display:inline-flex;align-items:center;gap:8px}.section-title:before{content:"";width:3px;height:12px;border-radius:3px;background:var(--grad-accent);box-shadow:0 0 10px var(--accent-glow)}.pill{transition:transform .14s ease,filter .14s ease}.pill:hover{transform:translateY(-1px);filter:brightness(1.08)}.sidebar button.nav:active{transform:scale(.97)}.card[style*="--accent"]{animation:fadeUp .5s cubic-bezier(.22,.61,.36,1) backwards,glowPulse 5.5s ease-in-out 1s infinite}.skeleton{background:linear-gradient(90deg,var(--skeleton) 25%,var(--skeleton-hi) 37%,var(--skeleton) 63%);background-size:450px 100%;animation:shimmer 1.4s ease-in-out infinite;border-radius:10px}.skel-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.ds-wrap{min-height:100vh;align-items:center;padding:30px 18px 44px;position:relative;background-image:radial-gradient(900px 500px at 70% -6%,rgba(99,109,128,.055),transparent 60%)}.ds-inner,.ds-wrap{display:flex;flex-direction:column}.ds-inner{width:100%;max-width:960px;gap:18px;animation:fadeUp .5s cubic-bezier(.22,.61,.36,1) backwards}.ds-grid{display:grid;grid-template-columns:1.25fr .85fr;grid-gap:16px;gap:16px;align-items:start}@media (max-width:820px){.ds-grid{grid-template-columns:1fr}}.ds-photo{position:relative;width:100%;height:260px;border-radius:var(--radius-lg);overflow:hidden;isolation:isolate;border:1px solid var(--accent-soft);background:var(--card-2);box-shadow:var(--shadow),0 10px 30px var(--accent-glow)}.ds-photo img{filter:saturate(.82) contrast(1.03) brightness(1.01)}.ds-photo:before{background:linear-gradient(180deg,rgba(228,230,234,.16),transparent 32%),linear-gradient(155deg,rgba(51,54,61,.18),rgba(32,34,38,.1) 55%,rgba(12,13,15,.2));mix-blend-mode:soft-light}.ds-photo:after,.ds-photo:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.ds-photo:after{background:linear-gradient(180deg,transparent 52%,rgba(12,13,15,.78))}.ds-photo-badge{position:absolute;left:12px;bottom:12px;z-index:2;display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--pill);background:rgba(12,13,15,.66);border:1px solid rgba(237,238,240,.18);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:700;color:var(--op-scrim)}.ds-dot{width:8px;height:8px;border-radius:50%;background:var(--success);box-shadow:0 0 8px var(--success)}@media (max-width:900px){.hamburger{display:inline-flex}.nav-backdrop{display:block;position:fixed;inset:0;background:var(--scrim-diep);z-index:40}.sidebar{position:fixed;top:0;left:0;height:100vh;width:268px;transform:translateX(-100%);transition:transform .25s ease;z-index:50;overflow-y:auto}.sidebar.open{transform:translateX(0);box-shadow:var(--shadow-diep)}body,html{overflow-x:hidden;max-width:100%}.layout{max-width:100vw}.layout,.main{overflow-x:hidden}.main{padding:18px 15px;max-width:100%;min-width:0;width:100%}.main header{flex-wrap:wrap;gap:8px}.three,.two{grid-template-columns:1fr!important}.kpis{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.card{min-width:0;max-width:100%}.card table{display:block;overflow-x:auto}h1{font-size:22px!important}}