@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Mono:wght@400;700&display=swap";.sp-global-quick-nav[data-v-82d10eea]{right:16px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed}.sp-global-quick-nav.with-tabs[data-v-82d10eea]{bottom:calc(94px + env(safe-area-inset-bottom))}@media (max-width:480px){.sp-global-quick-nav[data-v-82d10eea]{right:auto;left:max(12px, env(safe-area-inset-left));align-items:flex-start}}.sp-global-fab[data-v-82d10eea]{color:#fff;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b1220eb;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:center;width:50px;height:50px;display:inline-flex;box-shadow:0 14px 34px #00000047}.sp-global-fab.primary[data-v-82d10eea]{background:linear-gradient(#3b82f6f2,#2563ebf2)}.sp-global-fab.toggle[data-v-82d10eea],.sp-global-fab.handle[data-v-82d10eea]{opacity:.5;background:#0b1220b8;width:38px;height:38px}.sp-global-fab.toggle[data-v-82d10eea]:hover,.sp-global-fab.handle[data-v-82d10eea]:hover{opacity:1}.sp-global-fab.toggle[data-v-82d10eea] ion-icon,.sp-global-fab.handle[data-v-82d10eea] ion-icon{font-size:18px}.sp-global-fab.secondary[data-v-82d10eea]:hover,.sp-global-fab.primary[data-v-82d10eea]:hover{transform:translateY(-1px)}.sp-global-fab[data-v-82d10eea] svg,.sp-global-fab[data-v-82d10eea] ion-icon{font-size:22px}html.plt-mobileweb:not(.plt-hybrid):not(.plt-pwa) .sp-global-quick-nav[data-v-82d10eea]{bottom:18px}html.plt-mobileweb:not(.plt-hybrid):not(.plt-pwa) .sp-global-quick-nav.with-tabs[data-v-82d10eea]{bottom:94px}.ui-bev[data-v-669c0274]{border-radius:var(--r-lg,16px);background:var(--bg-card,#1e293b);color:var(--t1);border:0;width:calc(100% - 32px);max-width:380px;padding:0;box-shadow:0 20px 50px #00000073}.ui-bev[data-v-669c0274]::backdrop{background:#080f199e}.ui-bev-vorm[data-v-669c0274]{flex-direction:column;gap:12px;padding:22px;display:flex}.ui-bev-titel[data-v-669c0274]{color:var(--t1);margin:0;font-size:17px;font-weight:700}.ui-bev-tekst[data-v-669c0274]{-webkit-user-select:text;user-select:text;white-space:pre-line;color:var(--t2);margin:0;font-size:14.5px;line-height:1.55}.ui-bev-veld[data-v-669c0274]{font:inherit;border-radius:var(--r-md,10px);border:1px solid var(--bd);background:var(--bg-2);width:100%;color:var(--t1);resize:vertical;padding:10px 12px;font-size:15px}.ui-bev-veld[data-v-669c0274]:focus{outline:2px solid var(--c-primary);outline-offset:1px;border-color:var(--c-primary)}.ui-bev-keuzes[data-v-669c0274]{flex-direction:column;gap:6px;display:flex}.ui-bev-keuze[data-v-669c0274]{border:1px solid var(--bd);border-radius:var(--r-md,10px);background:var(--bg-2);min-height:44px;color:var(--t1);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;font-size:15px;display:flex}.ui-bev-keuze[data-v-669c0274]:has(input:checked){border-color:var(--c-primary);background:var(--bg-1)}.ui-bev-keuze input[data-v-669c0274]{accent-color:var(--c-primary);width:18px;height:18px}.ui-bev-knoppen[data-v-669c0274]{gap:8px;margin-top:4px;display:flex}.ui-bev-annuleer[data-v-669c0274],.ui-bev-ok[data-v-669c0274]{border-radius:var(--r-md,10px);min-height:44px;font:inherit;cursor:pointer;border:1px solid var(--bd);background:var(--bg-1);color:var(--t2);flex:1;padding:10px 14px;font-size:14px;font-weight:600;transition:background .15s,border-color .15s,transform .12s}.ui-bev-annuleer[data-v-669c0274]:hover{background:var(--bg-2)}.ui-bev-annuleer[data-v-669c0274]:active,.ui-bev-ok[data-v-669c0274]:active{transform:scale(.97)}.ui-bev-ok[data-v-669c0274]{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.ui-bev-ok[data-v-669c0274]:hover{background:var(--c-primary-hover);border-color:var(--c-primary-hover)}.ui-bev-ok.is-gevaarlijk[data-v-669c0274]{background:var(--c-red);border-color:var(--c-red)}.ui-bev-ok.is-gevaarlijk[data-v-669c0274]:hover{background:#b91c1c;border-color:#b91c1c}@media (prefers-reduced-motion:reduce){.ui-bev-annuleer[data-v-669c0274],.ui-bev-ok[data-v-669c0274]{transition:none}}.sp-statusbalk-achtergrond{height:env(safe-area-inset-top,0px);z-index:2147482000;pointer-events:none;background:#f8faff;position:fixed;top:0;left:0;right:0}@media (max-width:480px){.sp-build-badge{display:none}}.sp-build-badge{left:6px;bottom:calc(4px + env(safe-area-inset-bottom,0px));z-index:2147483000;color:#94a3b8bf;pointer-events:none;background:#00000047;border-radius:6px;padding:1px 6px;font:10px/1.4 monospace;position:fixed}.sp-chat-toast{top:max(16px, env(safe-area-inset-top));z-index:999999;background:var(--bg-card,#1e293b);border:1px solid var(--bd,#ffffff1a);cursor:pointer;border-radius:16px;align-items:center;gap:10px;width:360px;max-width:calc(100vw - 32px);padding:12px 16px;animation:.25s toast-in;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0006}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.sp-chat-toast ion-icon{color:#60a5fa;flex-shrink:0;font-size:22px}.sp-chat-toast-body{flex:1;min-width:0}.sp-chat-toast-name{color:var(--t1,#f1f5f9);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;display:block;overflow:hidden}.sp-chat-toast-msg{color:var(--t3,#94a3b8);white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.sp-chat-toast-close{color:var(--t3,#94a3b8);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 4px;font-size:14px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--t-display:40px;--t-h1:28px;--t-h2:22px;--t-h3:18px;--t-h4:16px;--t-body:14px;--t-caption:13px;--t-small:12px;--t-overline:11px;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--font-num:"DM Sans", ui-monospace, monospace;--c-primary:#0284c7;--c-primary-hover:#0369a1;--c-primary-tint:#0ea5e9;--c-accent:#06b6d4;--c-accent-hover:#0891b2;--c-topbar:#0f172a;--c-success:#10b981;--c-success-dim:#ecfdf5;--c-success-border:#a7f3d0;--c-cyan:#0284c7;--c-cyan-light:#0ea5e9;--c-cyan-bright:#06b6d4;--c-cyan-dim:#e0f2fe;--c-cyan-glow:#bae6fd;--c-cyan-border:#7dd3fc;--c-blue:#0284c7;--c-blue-light:#0ea5e9;--c-blue-bright:#06b6d4;--c-blue-dim:#e0f2fe;--c-blue-glow:#bae6fd;--c-teal:#0d9488;--c-teal-dim:#f0fdfa;--c-indigo:#4f46e5;--c-indigo-dim:#eef2ff;--c-green:#10b981;--c-green-dim:#ecfdf5;--c-amber:#d97706;--c-amber-dim:#fffbeb;--c-red:#dc2626;--c-red-dim:#fef2f2;--c-purple:#7c3aed;--c-purple-dim:#f5f3ff;--bg-base:#f8faff;--bg-1:#fff;--bg-2:#f1f5f9;--bg-card:#fff;--bg-hover:#f1f5f9;--bd:#e2e8f0;--bd-hover:#cbd5e1;--bd-blue:#7dd3fc;--t1:#0f172a;--t2:#475569;--t3:#94a3b8;--font:"DM Sans", sans-serif;--font-cond:"DM Sans", sans-serif;--font-mono:"DM Sans", sans-serif;--r-sm:8px;--r-md:12px;--r-lg:16px;--r-xl:20px;--sh-sm:0 1px 2px #0f172a0d;--sh-md:0 4px 12px #0f172a14, 0 2px 4px #0f172a0a;--sh-lg:0 10px 30px #0f172a1a, 0 4px 8px #0f172a0d;--sh-cyan:0 2px 8px #0284c72e;--grad-cyan:linear-gradient(135deg, #0284c7, #0ea5e9);--grad-teal:linear-gradient(135deg, #0d9488, #14b8a6);--ion-background-color:var(--bg-base);--ion-text-color:var(--t1);--ion-toolbar-background:var(--c-topbar);--ion-card-background:var(--bg-card);--ion-color-primary:var(--c-primary);--ion-color-primary-rgb:2,132,199;--ion-color-primary-shade:var(--c-primary-hover);--ion-color-primary-tint:var(--c-primary-tint);--ion-color-danger:var(--c-red);--ion-color-success:var(--c-success);--ion-color-warning:var(--c-amber);--ion-tab-bar-background:var(--c-topbar);--ion-tab-bar-border-color:transparent;--ion-border-color:var(--bd);--ion-item-background:transparent;--ion-modal-background:var(--bg-1)}*,:before,:after{box-sizing:border-box}html,body,#app,ion-app,ion-content{background:var(--bg-base);color:var(--t1);font-family:var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}ion-content::part(background){background:0 0}body,ion-title,ion-label,ion-button,ion-input,ion-select,ion-text,ion-chip{font-family:var(--font)}button,[role=button]{-webkit-tap-highlight-color:transparent;touch-action:manipulation;cursor:pointer;font-family:var(--font);background:0 0;border:none}button,.sp-nav-item,.sp-training-item,.sp-stat-chip{-webkit-user-select:none;user-select:none}ion-content,.sp-multi-select,.sp-scroll-tabs,.sp-tab-scroll{-webkit-overflow-scrolling:touch}ion-header,ion-toolbar{--background:var(--c-topbar);--color:#fff;--border-color:#ffffff0f}ion-title{font-family:var(--font-cond);letter-spacing:-.01em;font-size:17px;font-weight:700;color:#fff!important}ion-searchbar{--background:var(--bg-1);--border-radius:var(--r-md);--color:var(--t1);--placeholder-color:var(--t3);--icon-color:var(--t2);--clear-button-color:var(--t2);font-family:var(--font)}ion-item{--padding-start:0;--inner-padding-end:0;--border-color:var(--bd);--background:transparent;--color:var(--t1)}ion-card{background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-lg);box-shadow:var(--sh-sm);margin:0}ion-tab-bar{--background:var(--c-topbar);--padding-bottom:env(safe-area-inset-bottom,0px);border-top:1px solid #ffffff0f;padding-bottom:env(safe-area-inset-bottom,0px)!important}html.plt-mobileweb:not(.plt-hybrid):not(.plt-pwa) ion-tab-bar{--padding-bottom:0px;padding-bottom:0!important}@supports (height:100svh){html.plt-mobileweb:not(.plt-hybrid):not(.plt-pwa) body{height:100svh}html.plt-mobileweb.met-tabbalk:not(.plt-hybrid):not(.plt-pwa){background:var(--c-topbar)}}ion-tab-button{--color:#94a3b8;--color-selected:var(--c-accent)}ion-tab-button ion-label{font-family:var(--font);letter-spacing:.02em;margin-top:2px;font-size:10px;font-weight:600}ion-modal{--background:var(--bg-1)}ion-segment{--background:var(--bg-2);border-radius:var(--r-md);border:1px solid var(--bd)}ion-segment-button{--color:var(--t2);--color-checked:#fff;--indicator-color:transparent;min-height:38px;font-family:var(--font);letter-spacing:0;font-size:13px;font-weight:600}ion-segment-button::part(native){border-radius:calc(var(--r-md) - 2px)}ion-segment-button.segment-button-checked::part(native){background:var(--c-primary)}.page-pad{padding:16px}.page-pad-wide{padding:16px;padding-top:max(16px, env(safe-area-inset-top));padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(90px, env(safe-area-inset-bottom));max-width:860px;margin:0 auto}.sp-nav-item:active,.sp-training-item:active,.sp-next-card:active{opacity:.85;transition:transform .1s,opacity .1s;transform:scale(.982)}.sp-btn-primary:active{transform:scale(.97)}.sp-pill:active,.sp-chip-btn:active{opacity:.6}.sp-header-icon-btn{min-width:44px;min-height:44px}.sp-pill,.sp-chip-btn,.sp-scroll-tab,.sp-tab-btn{min-height:44px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.sp-card{background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-lg);box-shadow:var(--sh-sm);padding:18px;transition:border-color .2s,box-shadow .2s}.sp-card.clickable{cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s}.sp-card.clickable:hover{border-color:var(--bd-hover);box-shadow:var(--sh-md)}.sp-header{padding-top:env(safe-area-inset-top,0px);justify-content:space-between;align-items:center;gap:14px;margin-bottom:20px;display:flex}.sp-header-actions{align-items:center;gap:8px;display:flex}.sp-header-icon-btn{border-radius:var(--r-md);border:1px solid var(--bd);background:var(--bg-1);width:40px;height:40px;color:var(--t2);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.sp-header-icon-btn:hover{border-color:var(--bd-hover);color:var(--c-primary);background:var(--bg-2)}.sp-brand{font-family:var(--font-cond);color:var(--t1);letter-spacing:-.02em;align-items:center;gap:8px;font-size:20px;font-weight:800;display:flex}.sp-brand ion-icon{color:var(--c-accent);font-size:22px}.sp-brand-badge{font-family:var(--font);border-radius:var(--r-sm);padding:2px 8px;font-size:10px;font-weight:600}.sp-brand-badge.coach{background:var(--c-teal-dim);color:var(--c-teal);border:1px solid #99f6e4}.sp-brand-badge.admin{background:var(--c-purple-dim);color:var(--c-purple);border:1px solid #ddd6fe}.sp-hero{margin-bottom:22px}.sp-hero-name{font-family:var(--font-cond);color:var(--t1);letter-spacing:-.03em;font-size:28px;font-weight:800;line-height:1.15}.sp-hero-name span{color:var(--c-primary)}.sp-hero-date{color:var(--t2);margin-top:5px;font-size:14px;font-weight:400}.sp-stat-row{gap:8px;margin-bottom:20px;display:flex}.sp-stat-chip{background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-md);text-align:center;box-shadow:var(--sh-sm);flex:1;padding:14px 10px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.sp-stat-chip:before{content:"";background:var(--c-accent);opacity:0;height:2px;transition:opacity .2s;position:absolute;top:0;left:0;right:0}.sp-stat-chip:hover:before{opacity:1}.sp-stat-val{font-family:var(--font);color:var(--t1);letter-spacing:-.03em;font-size:22px;font-weight:700;line-height:1}.sp-stat-lbl{font-family:var(--font);color:var(--t3);margin-top:5px;font-size:11px;font-weight:500}.sp-nav-item{background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-md);cursor:pointer;text-align:left;width:100%;box-shadow:var(--sh-sm);align-items:center;gap:14px;margin-bottom:8px;padding:14px 16px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.sp-nav-item:hover{border-color:var(--bd-hover);background:var(--bg-2)}.sp-nav-icon{border-radius:var(--r-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:19px;display:flex}.sp-nav-icon.blue{background:var(--c-cyan-dim);color:var(--c-primary)}.sp-nav-icon.cyan{background:var(--c-teal-dim);color:var(--c-teal)}.sp-nav-icon.green{background:var(--c-green-dim);color:var(--c-green)}.sp-nav-icon.amber{background:var(--c-amber-dim);color:var(--c-amber)}.sp-nav-icon.red{background:var(--c-red-dim);color:var(--c-red)}.sp-nav-icon.purple{background:var(--c-purple-dim);color:var(--c-purple)}.sp-nav-icon.gray{background:var(--bg-2);color:var(--t2)}.sp-nav-title{color:var(--t1);font-size:14px;font-weight:600}.sp-nav-sub{color:var(--t3);margin-top:2px;font-size:12px;line-height:1.4}.sp-nav-arrow{color:var(--t3);flex-shrink:0;margin-left:auto;font-size:14px}.sp-training-item{text-align:left;background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-md);cursor:pointer;box-shadow:var(--sh-sm);border-left:3px solid #0000;align-items:flex-start;gap:14px;margin-bottom:8px;padding:14px 16px;transition:border-color .2s,border-left-color .2s,box-shadow .2s;display:flex}.sp-training-item:hover{border-color:var(--bd);border-left-color:var(--c-accent);box-shadow:var(--sh-md)}.sp-training-date-badge{text-align:center;background:var(--c-cyan-dim);border:1px solid var(--c-cyan-border);border-radius:var(--r-sm);min-width:44px;padding:6px 4px}.sp-training-day{font-family:var(--font);color:var(--c-primary);font-size:19px;font-weight:700;line-height:1}.sp-training-mon{font-family:var(--font);text-transform:uppercase;letter-spacing:.08em;color:var(--t3);margin-top:3px;font-size:9px;font-weight:600}.sp-training-body{flex:1;min-width:0}.sp-training-title{color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.sp-training-meta{color:var(--t3);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:12px;display:flex}.sp-next-card{text-align:left;background:var(--c-cyan-dim);border:1px solid var(--c-cyan-border);border-left:3px solid var(--c-accent);border-radius:var(--r-lg);cursor:pointer;padding:18px 20px;transition:transform .2s,border-color .2s,box-shadow .2s;position:relative}.sp-next-card:hover{border-color:var(--c-accent);box-shadow:var(--sh-md);transform:translateY(-1px)}.sp-badge{font-family:var(--font);border-radius:999px;flex-shrink:0;align-items:center;padding:3px 9px;font-size:11px;font-weight:600;display:inline-flex}.sp-badge.blue{background:var(--c-cyan-dim);color:var(--c-primary);border:1px solid var(--c-cyan-border)}.sp-badge.cyan{color:#0e7490;background:#cffafe;border:1px solid #67e8f9}.sp-badge.green{background:var(--c-green-dim);color:#047857;border:1px solid #6ee7b7}.sp-badge.amber{background:var(--c-amber-dim);color:#b45309;border:1px solid #fde68a}.sp-badge.red{background:var(--c-red-dim);color:#b91c1c;border:1px solid #fecaca}.sp-badge.gray{background:var(--bg-2);color:var(--t2);border:1px solid var(--bd)}.sp-badge.purple{background:var(--c-purple-dim);color:var(--c-purple);border:1px solid #ddd6fe}.sp-section-label{font-family:var(--font);letter-spacing:.06em;color:var(--t3);text-transform:uppercase;align-items:center;gap:10px;margin:24px 0 10px;font-size:11px;font-weight:600;display:flex}.sp-section-label:after{content:"";background:var(--bd);flex:1;height:1px}.sp-btn-primary{background:var(--c-primary);border-radius:var(--r-md);color:#fff;width:100%;font-family:var(--font);letter-spacing:.01em;cursor:pointer;border:none;justify-content:center;align-items:center;gap:8px;margin-top:20px;padding:15px;font-size:15px;font-weight:700;transition:background .15s,transform .15s,opacity .15s;display:flex}.sp-btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.sp-btn-primary:not(:disabled):hover{background:var(--c-primary-hover)}.sp-btn-secondary{background:var(--bg-1);border:1px solid var(--bd);border-radius:var(--r-md);width:100%;color:var(--t1);font-family:var(--font);cursor:pointer;margin-top:10px;padding:13px;font-size:14px;font-weight:600;transition:border-color .2s,background .2s}.sp-btn-secondary:hover{border-color:var(--bd-hover);background:var(--bg-2)}.sp-btn-danger{background:var(--c-red-dim);border-radius:var(--r-md);color:#b91c1c;width:100%;font-family:var(--font);cursor:pointer;border:1px solid #fecaca;margin-top:14px;padding:13px;font-size:14px;font-weight:600}.sp-field{background:var(--bg-1);border:1px solid var(--bd);border-radius:var(--r-md);align-items:center;gap:10px;padding:12px 14px;transition:border-color .2s,background .2s,box-shadow .2s;display:flex}.sp-field:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px var(--c-cyan-dim)}.sp-field-icon{color:var(--t3);flex-shrink:0;font-size:17px;transition:color .2s}.sp-field:focus-within .sp-field-icon{color:var(--c-primary)}.sp-field input,.sp-field textarea,.sp-field select{color:var(--t1);font-family:var(--font);background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px}.sp-field input::placeholder,.sp-field textarea::placeholder{color:var(--t3)}.sp-field-label{font-family:var(--font);text-transform:uppercase;letter-spacing:.06em;color:var(--t3);margin:14px 0 5px;font-size:11px;font-weight:600}.sp-avatar{background:var(--c-primary);color:#fff;width:36px;height:36px;font-family:var(--font);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.sp-avatar.lg{border-radius:50%;width:54px;height:54px;font-size:19px}.sp-profile-banner{border-radius:var(--r-lg);align-items:center;gap:16px;margin-bottom:10px;padding:18px 20px;display:flex}.sp-profile-banner.swimmer{background:var(--c-cyan-dim);border:1px solid var(--c-cyan-border)}.sp-profile-banner.coach{background:var(--c-teal-dim);border:1px solid #99f6e4}.sp-profile-banner.admin{background:var(--c-purple-dim);border:1px solid #ddd6fe}.sp-empty{background:var(--bg-2);border:1px dashed var(--bd);border-radius:var(--r-md);color:var(--t3);align-items:center;gap:10px;margin-bottom:8px;padding:20px 16px;font-size:14px;display:flex}.sp-notif-dot{background:var(--c-red);border:2px solid var(--bg-1);border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.sp-notification-item.unread{border-left:3px solid var(--c-accent);padding-left:13px}.sp-notification-item.unread .sp-nav-title{font-weight:700}.sp-skeleton{background:var(--bg-2);border:1px solid var(--bd);border-radius:var(--r-md);position:relative;overflow:hidden}.sp-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#0f172a0a,#0000);animation:1.8s infinite shimmer;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-100%)}.sp-pill-row{flex-wrap:wrap;gap:6px;margin:10px 0 14px;display:flex}.sp-pill{border:1px solid var(--bd);background:var(--bg-1);color:var(--t2);font-family:var(--font);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:500;transition:all .2s}.sp-pill.active{background:var(--c-cyan-dim);color:var(--c-primary);border-color:var(--c-cyan-border)}.sp-chip-btn{border-radius:var(--r-sm);border:1px solid var(--bd);background:var(--bg-1);color:var(--t1);font-family:var(--font);cursor:pointer;padding:9px 14px;font-size:13px;font-weight:500;transition:all .2s}.sp-chip-btn.active{background:var(--c-cyan-dim);border-color:var(--c-cyan-border);color:var(--c-primary)}.sp-chip-btn.danger{background:var(--c-red-dim);color:#b91c1c;border-color:#fecaca}.sp-tab-scroll,.sp-scroll-tabs{scrollbar-width:none;-ms-overflow-style:none;cursor:grab;-webkit-user-select:none;user-select:none;gap:6px;margin-bottom:16px;padding-bottom:6px;display:flex;overflow:auto}.sp-tab-scroll.is-dragging,.sp-scroll-tabs.is-dragging{cursor:grabbing}.sp-scroll-tabs::-webkit-scrollbar{display:none}.sp-tab-scroll::-webkit-scrollbar{display:none}.sp-pill-row::-webkit-scrollbar{display:none}.sp-tab-btn,.sp-scroll-tab{white-space:nowrap;border:1px solid var(--bd);background:var(--bg-1);color:var(--t2);font-family:var(--font);cursor:pointer;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:500;transition:all .2s}.sp-tab-btn.active,.sp-scroll-tab.active{background:var(--c-cyan-dim);color:var(--c-primary);border-color:var(--c-cyan-border)}.sp-grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.sp-grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.sp-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.sp-grid{gap:10px;display:grid}.sp-list{flex-direction:column;gap:8px;display:flex}.sp-section-stack{flex-direction:column;gap:10px;display:flex}.sp-kv{color:var(--t2);border-bottom:1px solid var(--bd);justify-content:space-between;gap:12px;padding:10px 0;font-size:14px;display:flex}.sp-kv:last-child{border-bottom:none}.sp-kv strong{color:var(--t1);font-weight:600}.sp-kv-stack{flex-direction:column;display:flex}.sp-divider{background:var(--bd);height:1px;margin:18px 0}.sp-mono{font-family:var(--font)}.sp-date-bubble{color:var(--t3);font-size:13px}.sp-role-chip{font-family:var(--font);border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.sp-role-chip.blue{background:var(--c-cyan-dim);color:var(--c-primary)}.sp-role-chip.cyan{color:#0e7490;background:#cffafe}.sp-role-chip.purple{background:var(--c-purple-dim);color:var(--c-purple)}.sp-danger-btn{background:var(--c-red-dim);color:#b91c1c;border:1px solid #fecaca}.sp-danger-card{border-color:#fecaca!important}.sp-danger-note{color:#b91c1c;font-size:13px}.sp-success-box{background:var(--c-success-dim);color:#047857;border:1px solid var(--c-success-border);border-radius:var(--r-md);padding:12px 14px}.ui-field-wrap,.sp-field,input,select,textarea{min-width:0}input,select,textarea{max-width:100%}.sp-login-shell{background:var(--bg-base);min-height:100%;position:relative;overflow:hidden}.sp-login-shell:before{content:"";background:var(--c-primary);z-index:2;height:3px;position:absolute;top:0;left:0;right:0}.sp-login-orb{display:none}.sp-login-center{z-index:1;place-items:center;min-height:100%;padding:36px 18px;display:grid;position:relative}.sp-login-card{border-radius:var(--r-xl);background:var(--bg-1);border:1px solid var(--bd);width:min(100%,440px);min-width:0;max-width:100%;box-shadow:var(--sh-md);padding:30px}.sp-login-brand{flex-direction:column;align-items:center;gap:12px;margin-bottom:26px;display:flex}.sp-login-logo{border-radius:var(--r-lg);background:var(--c-primary);color:#fff;place-items:center;width:72px;height:72px;font-size:32px;display:grid}.sp-login-role-row{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.sp-login-role-chip{text-align:center;border:1px solid var(--bd);border-radius:var(--r-md);background:var(--bg-1);min-width:0;color:var(--t2);font-family:var(--font);cursor:pointer;flex:auto;padding:11px 8px;font-size:13px;font-weight:600;transition:all .2s}.sp-login-role-chip.active{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}.sp-chart-wrap{width:100%;min-width:0;height:max(160px,min(40vw,220px));position:relative;overflow:hidden}.sp-chart-wrap.tall{height:max(200px,min(50vw,260px))}.sp-streak-card{background:var(--c-cyan-dim);border:1px solid var(--c-cyan-border);border-left:3px solid var(--c-accent);border-radius:var(--r-md);align-items:center;gap:12px;margin-bottom:16px;padding:13px 16px;display:flex}.sp-toggle-row{border-bottom:1px solid var(--bd);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.sp-toggle-row:last-child{border-bottom:none}.sp-toggle-copy{flex-direction:column;gap:4px;display:flex}.sp-toggle-switch{background:var(--bg-2);border:1px solid var(--bd);cursor:pointer;border-radius:999px;flex-shrink:0;width:50px;height:28px;transition:all .22s;position:relative}.sp-toggle-switch:after{content:"";background:var(--t3);border-radius:50%;width:20px;height:20px;transition:all .22s;position:absolute;top:3px;left:3px}.sp-toggle-switch.active{background:var(--c-primary);border-color:var(--c-primary)}.sp-toggle-switch.active:after{background:#fff;left:25px}.sp-select-wrap{position:relative}select{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}select option{color:#0f172a;background:#fff}.sp-native-select{background:var(--bg-1);border:1px solid var(--bd);border-radius:var(--r-md);width:100%;color:var(--t1);font-family:var(--font);outline:none;padding:12px 14px;font-size:16px;transition:border-color .2s}.sp-native-select:focus{border-color:var(--c-primary)}.sp-multi-select{border:1px solid var(--bd);border-radius:var(--r-md);background:var(--bg-1);flex-direction:column;gap:6px;max-height:220px;padding:10px;display:flex;overflow:auto}.sp-checkbox-row{color:var(--t1);align-items:center;gap:10px;font-size:14px;display:flex}.sp-checkbox-row input[type=checkbox]{accent-color:var(--c-primary)}.sp-check-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.sp-textarea{resize:vertical;width:100%;min-height:110px;color:var(--t1);font-family:var(--font);background:0 0;border:none;outline:none;font-size:16px}.sp-3col-head,.sp-3col-row{grid-template-columns:minmax(0,1.6fr) repeat(3,minmax(0,1fr));align-items:center;gap:10px;display:grid}.sp-3col-head{color:var(--t3);font-family:var(--font);text-transform:uppercase;letter-spacing:.08em;margin-bottom:10px;font-size:11px;font-weight:600}.sp-3col-row{border-top:1px solid var(--bd);padding:12px 0}.sp-3col-row:first-of-type{border-top:0}.sp-training-choice-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.sp-training-choice{border:1px solid var(--bd);background:var(--bg-1);color:var(--t2);font-family:var(--font);cursor:pointer;border-radius:999px;padding:7px 14px;font-size:12px;font-weight:500;transition:all .2s}.sp-training-choice.active.present{background:var(--c-success-dim);color:#047857;border-color:#6ee7b7}.sp-training-choice.active.absent{background:var(--c-red-dim);color:#b91c1c;border-color:#fecaca}.sp-inline-actions{flex-wrap:wrap;gap:8px;display:flex}.sp-fullcalendar-wrap .fc{color:var(--t1);font-family:var(--font)}.sp-fullcalendar-wrap .fc-theme-standard td,.sp-fullcalendar-wrap .fc-theme-standard th,.sp-fullcalendar-wrap .fc-theme-standard .fc-scrollgrid{border-color:var(--bd)}.sp-fullcalendar-wrap .fc .fc-toolbar-title{color:var(--t1);font-size:17px;font-family:var(--font-cond);font-weight:700}.sp-fullcalendar-wrap .fc .fc-button{background:var(--bg-1);border-color:var(--bd);color:var(--t1);font-family:var(--font);border-radius:var(--r-sm);min-height:44px;font-weight:600}.sp-fullcalendar-wrap .fc .fc-button-primary:not(:disabled).fc-button-active,.sp-fullcalendar-wrap .fc .fc-button-primary:not(:disabled):active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.sp-fullcalendar-wrap .fc .fc-daygrid-day-number,.sp-fullcalendar-wrap .fc .fc-col-header-cell-cushion,.sp-fullcalendar-wrap .fc .fc-timegrid-axis-cushion,.sp-fullcalendar-wrap .fc .fc-timegrid-slot-label-cushion{color:var(--t2);font-family:var(--font);font-size:11px}.sp-fullcalendar-wrap .fc-event{background:var(--c-primary);color:#fff;border:none;font-weight:600}@media (max-width:560px){.sp-fullcalendar-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.sp-fullcalendar-wrap .fc-timegrid .fc-scrollgrid{min-width:620px}}.sp-offline-bar{z-index:99999;background:var(--c-red);color:#fff;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));font-family:var(--font);text-align:center;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex;position:fixed;top:0;left:0;right:0}.sp-alert .alert-wrapper{background:var(--bg-1)!important;border:1px solid var(--bd)!important;border-radius:var(--r-lg)!important;box-shadow:var(--sh-md)!important}.sp-alert .alert-title{color:var(--t1)!important;font-family:var(--font-cond)!important;font-weight:700!important}.sp-alert .alert-message{color:var(--t2)!important}.sp-alert [role=destructive]{color:var(--c-red)!important}.sp-reminder-card{margin-bottom:14px}.ani-1{animation:.32s cubic-bezier(.25,.8,.25,1) both sp-fade-up}.ani-2{animation:.32s cubic-bezier(.25,.8,.25,1) 60ms both sp-fade-up}.ani-3{animation:.32s cubic-bezier(.25,.8,.25,1) .12s both sp-fade-up}.ani-4{animation:.32s cubic-bezier(.25,.8,.25,1) .18s both sp-fade-up}.ani-5{animation:.32s cubic-bezier(.25,.8,.25,1) .24s both sp-fade-up}@keyframes sp-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{to{transform:translate(100%)}}.sp-card-header{color:var(--t1);letter-spacing:-.01em;align-items:center;gap:10px;margin-bottom:14px;font-size:15px;font-weight:800;line-height:1.3;display:flex}.sp-card-header-icon{color:var(--c-accent);flex-shrink:0;font-size:20px}.sp-card-desc{color:var(--t2);margin-bottom:14px;font-size:13px;line-height:1.55}.sp-card-hint{color:var(--t3);margin-top:10px;font-size:12px;line-height:1.55}.sp-warn-box{background:var(--c-amber-dim);color:#92400e;border:1px solid #fde68a;border-radius:12px;margin:14px 0;padding:12px 14px;font-size:12px;line-height:1.55}.sp-info-box{background:var(--c-cyan-dim);border:1px solid var(--c-cyan-border);color:var(--t2);border-radius:12px;margin:14px 0;padding:12px 14px;font-size:12px;line-height:1.55}.sp-success-box{background:var(--c-success-dim);border:1px solid var(--c-success-border);color:#047857;border-radius:12px;margin:14px 0;padding:12px 14px;font-size:12px;line-height:1.55}.sp-btn-primary.warning{background:var(--c-amber);color:#fff}.sp-btn-primary.warning:not(:disabled):hover{background:#b45309}.sp-btn-primary.danger{background:var(--c-red);color:#fff}.sp-btn-primary.danger:not(:disabled):hover{background:#b91c1c}.sp-field select{color:var(--t1);font-family:var(--font);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%2394a3b8' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 4px center no-repeat;border:none;outline:none;flex:1;min-width:0;padding-right:24px;font-size:16px}.sp-field select option{color:#0f172a;background:#fff}.sp-field textarea{color:var(--t1);font-family:var(--font);resize:vertical;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:16px;line-height:1.5}.sp-field textarea::placeholder{color:var(--t3)}.sp-native-select{border-radius:var(--r-md,12px);border:1px solid var(--bd);background:var(--bg-1);width:100%;color:var(--t1);font-family:var(--font);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 5l3 3 3-3' stroke='%2394a3b8' fill='none' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding:12px 32px 12px 14px;font-size:16px;transition:border-color .2s}.sp-native-select:focus{border-color:var(--c-primary);outline:none}.sp-native-select option{color:#0f172a;background:#fff}.sp-ion-field{--background:transparent;--border-color:var(--bd);--padding-start:0;--inner-padding-end:0;border:1px solid var(--bd);border-radius:var(--r-md,12px);background:var(--bg-1);padding:4px 12px;transition:border-color .2s}.sp-ion-field:hover{border-color:var(--bd-hover)}.sp-avatar.sm{width:28px;height:28px;font-size:10px}@media (max-width:720px){.sp-grid-4,.sp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:480px){.sp-grid-4,.sp-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.sp-grid-2{grid-template-columns:minmax(0,1fr)}.sp-stat-row{gap:6px}.sp-stat-chip{padding:10px 6px}.sp-stat-val{font-size:18px}.sp-stat-lbl{font-size:10px}.page-pad-wide{padding-left:max(12px, env(safe-area-inset-left));padding-right:max(12px, env(safe-area-inset-right));padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(90px, env(safe-area-inset-bottom))}.sp-hero-name{font-size:24px}.sp-lane{grid-template-columns:56px minmax(0,1fr)}.sp-lane-end{flex-wrap:wrap;grid-column:2;justify-content:flex-start}.sp-rij{flex-wrap:wrap}.sp-rij-acties{flex-basis:100%;justify-content:flex-end}.sp-rij-acties>.sp-chip-btn{flex:0 auto}.sp-chart-wrap{height:180px}.sp-chart-wrap.tall{height:200px}.sp-3col-head,.sp-3col-row{grid-template-columns:minmax(0,1.4fr) repeat(3,minmax(0,1fr));gap:6px;font-size:12px}}.t-display{font-family:var(--font-num);font-size:var(--t-display);letter-spacing:-.04em;color:var(--t1);font-weight:700;line-height:1}.t-h1{font-family:var(--font);font-size:var(--t-h1);letter-spacing:-.03em;color:var(--t1);font-weight:800;line-height:1.15}.t-h2{font-family:var(--font);font-size:var(--t-h2);letter-spacing:-.02em;color:var(--t1);font-weight:700;line-height:1.2}.t-h3{font-family:var(--font);font-size:var(--t-h3);letter-spacing:-.01em;color:var(--t1);font-weight:700;line-height:1.3}.t-h4{font-family:var(--font);font-size:var(--t-h4);letter-spacing:-.005em;color:var(--t1);font-weight:600}.t-body{font-family:var(--font);font-size:var(--t-body);color:var(--t2);font-weight:400;line-height:1.5}.t-caption{font-family:var(--font);font-size:var(--t-caption);color:var(--t3);font-weight:500}.t-overline{font-family:var(--font);font-size:var(--t-overline);text-transform:uppercase;letter-spacing:.12em;color:var(--t3);font-weight:600}.t-num{font-family:var(--font-num);font-feature-settings:"tnum" 1;letter-spacing:-.01em}.sp-time{font-family:var(--font-num);color:var(--t1);align-items:baseline;gap:6px;display:inline-flex}.sp-time-num{font-size:var(--t-display);letter-spacing:-.04em;font-weight:700;line-height:1}.sp-time-num.md{font-size:28px}.sp-time-num.sm{font-size:20px}.sp-time-unit{font-family:var(--font);text-transform:uppercase;letter-spacing:.12em;color:var(--t3);font-size:11px;font-weight:600}.sp-lane{text-align:left;align-items:center;gap:var(--s-3);background:var(--bg-card);border:1px solid var(--bd);border-radius:var(--r-md);box-shadow:var(--sh-sm);grid-template-columns:56px 1fr auto;padding:12px 14px;transition:border-color .2s,transform .15s,box-shadow .2s;display:grid;position:relative;overflow:hidden}.sp-lane:before{content:"";background:var(--c-cyan-dim);pointer-events:none;width:56px;position:absolute;top:0;bottom:0;left:0}.sp-lane.clickable{cursor:pointer}.sp-lane.clickable:hover{border-color:var(--bd-hover);box-shadow:var(--sh-md)}.sp-lane.clickable:active{transform:scale(.99)}.sp-lane-num{font-family:var(--font-num);color:var(--c-primary);text-align:center;z-index:1;white-space:nowrap;font-size:16px;font-weight:700;position:relative}.sp-lane-body{min-width:0}.sp-lane-title{font-size:var(--t-body);color:var(--t1);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.sp-lane-meta{font-size:var(--t-small);color:var(--t3);flex-wrap:wrap;gap:8px;margin-top:2px;display:flex}.sp-lane-meta span:not(:last-child):after{content:"·";opacity:.5;margin-left:8px}.sp-lane-end{flex-shrink:0;align-items:center;gap:8px;display:flex}@media (min-width:768px){.page-pad-wide:has(>.bh-top){padding-bottom:32px}}.sp-rij{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sp-rij-tekst{flex:200px;min-width:0}.sp-rij-acties{flex-wrap:wrap;align-items:center;gap:6px;margin-left:auto;display:flex}.sp-rij-een-regel{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sp-depth{background:var(--bg-2);border:1px solid var(--bd);border-radius:4px;width:8px;height:60px;position:relative;overflow:hidden}.sp-depth-fill{background:var(--c-primary);transition:height .4s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:0;right:0}.sp-depth-fill.full{background:var(--c-red)}.sp-depth-fill.high{background:var(--c-amber)}.sp-depth-fill.normal{background:var(--c-primary)}.sp-depth-fill.low{background:var(--t3)}.sp-depth-h{background:var(--bg-2);border-radius:3px;width:100%;height:6px;position:relative;overflow:hidden}.sp-depth-h-fill{background:var(--c-primary);transition:width .4s cubic-bezier(.4,0,.2,1);position:absolute;top:0;bottom:0;left:0}.sp-depth-h-fill.full{background:var(--c-red)}.sp-depth-h-fill.high{background:var(--c-amber)}.sp-depth-h-fill.low{background:var(--t3)}.sp-wave{width:100%;height:24px;margin:var(--s-5) 0 var(--s-3);color:var(--bd);opacity:.8;display:block}.sp-meta{gap:var(--s-2);font-size:var(--t-small);color:var(--t3);flex-wrap:wrap;align-items:center;display:flex}.sp-meta span{align-items:center;gap:4px;display:inline-flex}.sp-meta span:not(:last-child):after{content:"";background:var(--t3);width:3px;height:3px;margin-left:var(--s-2);opacity:.5;border-radius:50%}.sp-pool-grid{background:var(--bd);border-radius:var(--r-md);border:1px solid var(--bd);flex-direction:column;gap:2px;padding:2px;display:flex;overflow:hidden}.sp-pool-grid>*{border-radius:calc(var(--r-md) - 2px);background:var(--bg-card)}.sp-overline{font-family:var(--font);font-size:var(--t-overline);text-transform:uppercase;letter-spacing:.14em;color:var(--c-primary);margin-bottom:var(--s-2);font-weight:600}@keyframes sp-ripple{0%{opacity:.3;transform:scale(0)}to{opacity:0;transform:scale(2.5)}}.sp-ripple-host{position:relative;overflow:hidden}.sp-ripple-host:after{content:"";pointer-events:none;background:radial-gradient(circle, var(--c-primary) 0%, transparent 60%);opacity:0;transform-origin:var(--ripple-x,50%) var(--ripple-y,50%);position:absolute;top:0;bottom:0;left:0;right:0;transform:scale(0)}.sp-ripple-host.tapped:after{animation:.6s ease-out sp-ripple}.sp-empty-rich{align-items:center;gap:var(--s-3);background:var(--bg-2);border:1px dashed var(--bd);border-radius:var(--r-lg);padding:var(--s-6) var(--s-4);color:var(--t2);text-align:center;flex-direction:column;display:flex}.sp-empty-rich-icon{background:var(--c-cyan-dim);border:1px solid var(--c-cyan-border);width:48px;height:48px;color:var(--c-primary);border-radius:50%;justify-content:center;align-items:center;font-size:22px;display:flex}.sp-empty-rich-title{font-size:var(--t-h4);color:var(--t1);font-weight:700}.sp-empty-rich-text{font-size:var(--t-caption);color:var(--t3);max-width:280px}.sp-card.surface{background:var(--bg-1)}.sp-card.deep{background:var(--c-cyan-dim);border-color:var(--c-cyan-border)}.sp-card.compact{border-radius:var(--r-md);padding:12px 14px}.sp-card.flush{padding:0}.sp-pagina-uitleg{color:var(--t3);max-width:62ch;margin:-4px 0 14px;font-size:13px;line-height:1.45}