:root{--bg:#f7f9f8;--surface:#fff;--surface-soft:#fbfcfb;--border:#dfe6e2;--border-strong:#cbd8d1;--text:#101312;--text-soft:#5f6d68;--text-muted:#8a9691;--primary:#a8cf35;--primary-dark:#78a319;--success:#8dbb27;--success-soft:#f0f8dc;--warning:#f5b62f;--warning-soft:#fff6de;--danger:#d85c5c;--danger-soft:#fdeeee;--info:#0085a8;--info-soft:#e6f6fa;--shadow-sm:0 2px 8px #1013120d;--shadow-md:0 8px 24px #10131214;--radius-sm:6px;--radius-md:8px;--radius-lg:8px;--container:1600px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.login-shell{background:linear-gradient(135deg, #a8cf352e, transparent 42%), linear-gradient(315deg, #0085a81f, transparent 46%), var(--bg);place-items:center;min-height:100vh;padding:28px;display:grid}.login-panel{gap:28px;width:min(100%,390px);display:grid}.brand-lockup{text-align:center;justify-items:center;gap:14px;display:grid}.brand-lockup__logo{object-fit:contain;width:220px;height:auto}.brand-lockup p{color:var(--text-soft);margin:0;font-size:16px;font-weight:700}.brand-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm);align-items:center;gap:14px;padding:18px 20px;display:flex}.brand-card__logo{object-fit:contain;flex-shrink:0;width:72px;height:auto}.brand-card__title{font-size:17px;font-weight:800;line-height:1.2}.brand-card__subtitle{color:var(--text-soft);margin-top:4px;font-size:14px;font-weight:600}.login-form{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fff;gap:14px;padding:20px;display:grid}.login-form__button{width:100%}.page-container{max-width:var(--container);margin:0 auto;padding:44px 56px 56px}.card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid #e6ebf2;padding:20px}.button,.button-primary,.button-secondary,.button-danger{border-radius:var(--radius-md);border:1px solid var(--border);min-height:44px;color:var(--text);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}.button:hover,.button-primary:hover,.button-secondary:hover,.button-danger:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.button:disabled,.button-primary:disabled,.button-secondary:disabled,.button-danger:disabled{cursor:not-allowed;opacity:.5;box-shadow:none;transform:none}.button--primary,.button-primary{background:var(--text);border-color:var(--text);color:#fff}.button--danger,.button-danger{color:var(--danger);background:#fff;border-color:#efc0c0}.button--success{background:var(--primary);border-color:var(--primary);color:#fff}.button-secondary{border-color:var(--border);color:var(--text);background:#fff}input,select,textarea{border:1px solid var(--border);border-radius:var(--radius-md);width:100%;min-height:44px;font:inherit;color:var(--text);background:#fff;padding:10px 12px}textarea{resize:vertical;min-height:72px}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #4f94e81f}.app-shell{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:48px;display:grid}.app-shell__main{min-width:0}.app-shell__sidebar{justify-self:end;width:360px;position:sticky;top:24px}@media (max-width:1280px){.app-shell{grid-template-columns:minmax(0,1fr) 320px;gap:32px}.app-shell__sidebar{width:320px}}@media (max-width:1100px){.app-shell{grid-template-columns:1fr}.app-shell__sidebar{width:100%;position:static}}.user-menu-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.user-menu-card__top{align-items:center;gap:14px;padding:20px;display:flex}.user-menu-card__avatar{aspect-ratio:1;background:var(--success-soft);width:64px;height:64px;color:var(--primary-dark);border:1px solid #d5eaa5;border-radius:999px;flex:0 0 64px;place-items:center;font-size:20px;font-weight:700;line-height:1;display:grid;overflow:hidden}.user-menu-card__avatar-image{border-radius:inherit;object-fit:cover;object-position:center;width:100%;height:100%;display:block}.user-menu-card__name{font-size:17px;font-weight:700}.user-menu-card__email{color:var(--text-soft);margin-top:4px;font-size:14px}.user-menu-card__role{border-radius:var(--radius-sm);background:var(--success-soft);color:var(--primary-dark);margin-top:10px;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.user-menu-card__actions{border-top:1px solid var(--border)}.menu-action{text-align:left;border:0;border-bottom:1px solid var(--border);width:100%;font:inherit;cursor:pointer;background:#fff;padding:18px 20px;display:block}.menu-action:hover{color:var(--info);background:#fbfcfb}.menu-action:last-child{border-bottom:0}.menu-action--danger{color:var(--danger)}.page-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.page-header__back{color:var(--info);margin-bottom:10px;font-size:15px;font-weight:500}.page-header__title{letter-spacing:0;margin:0;font-size:42px;line-height:1.05}.page-header__description{color:var(--text-soft);margin:12px 0 0;font-size:18px}.section-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.section-card__header{justify-content:space-between;align-items:flex-start;gap:16px;padding:22px 24px 0;display:flex}.section-card__title{margin:0;font-size:22px;font-weight:700}.section-card__description{color:var(--text-soft);margin:8px 0 0;font-size:16px}.section-card__content{padding:24px}.status-badge{border-radius:var(--radius-md);border:1px solid #0000;align-items:center;min-height:34px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.status-badge--warning{background:var(--warning-soft);color:#8a6200;border-color:#f4d487}.status-badge--success{background:var(--success-soft);color:var(--primary-dark);border-color:#d5eaa5}.status-badge--danger{background:var(--danger-soft);color:var(--danger);border-color:#efc1c1}.status-badge--info{background:var(--info-soft);color:var(--info);border-color:#b8e4ee}.status-badge--neutral,.status-badge--muted{color:#586273;background:#f3f5f8;border-color:#dce2ea}.filter-bar{border-bottom:1px solid #e6ebf2;flex-wrap:wrap;align-items:end;gap:20px;margin-bottom:24px;padding-bottom:24px;display:flex}.filter-field{min-width:220px}.filter-field__label{color:var(--text-soft);margin-bottom:8px;font-size:14px;font-weight:600;display:block}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.stat-card{border-radius:var(--radius-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm);background:#fff;overflow:hidden}.stat-card--warning{background:linear-gradient(#fff8e8 0%,#fff 62%)}.stat-card--info{background:linear-gradient(#e8f7fb 0%,#fff 62%)}.stat-card--success{background:linear-gradient(#f1f9df 0%,#fff 62%)}.stat-card__header{justify-content:space-between;gap:12px;padding:22px 20px 14px;display:flex}.stat-card__title-wrap{align-items:center;gap:12px;display:flex}.stat-card__icon{border-radius:var(--radius-md);background:#1013120f;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.stat-card__title{margin:0;font-size:20px;font-weight:700}.stat-card__subtitle{color:var(--text-soft);margin:4px 0 0;font-size:15px}.stat-card__body{padding:0 20px 20px}.stat-card__footer{padding:16px 20px 20px}.dashboard-stat-card .stat-card__footer{display:none}.side-stack{gap:24px;display:grid}.eyebrow{color:var(--info);text-transform:uppercase;margin:0;font-size:14px;font-weight:800}.payment-stats{margin-bottom:20px}.board-period-status{min-height:44px;color:var(--text-soft);align-items:center;gap:10px;margin-left:auto;font-weight:700;display:flex}.stat-number{font-size:32px;line-height:1;display:block}.board-grid,.board-secondary-grid{grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);align-items:start;gap:20px;margin-bottom:20px;display:grid}.board-secondary-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:20px}.board-session-groups{gap:22px;display:grid}.board-session-groups__header{border-bottom:1px solid #edf2ef;justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;padding-bottom:10px;display:flex}.board-session-groups__header strong{font-size:16px}.board-session-groups__header span{color:var(--text-soft);font-size:14px;font-weight:600}.board-session-groups__subheader{color:var(--text-soft);text-transform:uppercase;margin:14px 0 10px;font-size:13px;font-weight:900}.month-status{gap:18px;display:grid}.month-status__progress{gap:8px;display:grid}.month-status__bar{background:#edf2ef;border-radius:999px;height:10px;overflow:hidden}.month-status__bar span{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--info));height:100%;display:block}.close-month-panel{gap:22px;display:grid}.close-month-panel__title{font-size:18px;font-weight:800}.close-month-panel p,.admin-action-row p{color:var(--text-soft);margin:8px 0 0}.close-blockers{border-radius:var(--radius-md);background:var(--warning-soft);color:#6f5208;border:1px solid #f4d487;gap:8px;margin:0;padding:12px 14px 12px 30px;font-weight:700;display:grid}.export-actions{flex-wrap:wrap;gap:10px;display:flex}.compact-form{gap:14px;display:grid}.admin-user-form{border-bottom:1px solid #edf2ef;margin-bottom:24px;padding-bottom:24px}.compact-form label{gap:7px;display:grid}.compact-form label span{color:var(--text-soft);font-size:14px;font-weight:700}.compact-form__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.request-list{gap:12px;margin-top:18px;display:grid}.request-list--wide{margin-top:0}.request-list__item{border-radius:var(--radius-md);background:#fbfcfb;border:1px solid #edf2ef;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.request-list__item--stacked{align-items:flex-start}.request-list__item strong,.request-list__item span{display:block}.request-list__item span{color:var(--text-soft);margin-top:4px;font-size:14px;font-weight:600}.request-list__item p{color:var(--text-soft);margin:10px 0 0}.payment-table-wrap{overflow-x:auto}.payment-table{border-collapse:separate;border-spacing:0;width:100%}.payment-table th,.payment-table td{text-align:left;border-bottom:1px solid #e9efeb;padding:14px 12px}.payment-table th{color:var(--text-soft);font-size:14px;font-weight:800}.payment-table td{font-weight:600}.profile-photo-preview{background:var(--success-soft);width:44px;height:44px;color:var(--primary-dark);border-radius:999px;place-items:center;font-weight:900;display:grid;overflow:hidden}.profile-photo-preview__image{object-fit:cover;width:100%;height:100%}.inline-upload-form{grid-template-columns:minmax(180px,1fr) auto;align-items:center;gap:10px;display:grid}.admin-user-actions{gap:10px;min-width:340px;display:grid}.inline-link-form{grid-template-columns:minmax(110px,.6fr) minmax(180px,1fr) auto;align-items:center;gap:10px;display:grid}.inline-link-form select,.inline-upload-form input{min-height:40px;padding:8px}.admin-action-row{justify-content:space-between;align-items:center;gap:20px;display:flex}.admin-action-stack{gap:18px;display:grid}.admin-action-stack .admin-action-row+.admin-action-row{border-top:1px solid #edf2ef;padding-top:18px}.single-column-content{max-width:760px}.session-scroll-area{max-height:420px;padding-right:4px;overflow-y:auto}.session-scroll-area::-webkit-scrollbar{width:6px}.session-scroll-area::-webkit-scrollbar-track{background:0 0}.session-scroll-area::-webkit-scrollbar-thumb{background:0 0;border-radius:999px}.session-scroll-area:hover::-webkit-scrollbar-thumb{background:#d5dbe5}.session-preview-list{gap:10px;display:grid}.session-preview-list--board{grid-template-columns:repeat(2,minmax(0,1fr))}.session-preview-list--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.session-preview-item{display:block}.session-preview-item--interactive{border-radius:var(--radius-md);background:#fbfcfb;border:1px solid #edf2ef;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;transition:all .18s;display:flex}.session-preview-item--interactive:hover{background:#fff;border-color:#d5e5dc;transform:translateY(-1px);box-shadow:0 4px 14px #1013120f}.session-preview-list--board .session-preview-item--interactive{align-items:flex-start;min-height:118px}.session-preview-list--compact .session-preview-item--interactive{align-items:flex-start;min-height:88px}.session-preview-item__main{flex:1;min-width:0}.session-preview-item__title{font-size:17px;font-weight:700;line-height:1.35}.session-preview-item__meta{color:var(--text);margin-top:4px;font-size:16px}.session-preview-item__sub{color:var(--text-soft);margin-top:4px}.session-preview-item__arrow{color:#98a2b3;flex-shrink:0;font-size:26px;line-height:1}.session-preview-item__badges{flex-direction:column;align-items:flex-end;gap:8px;display:flex}.session-preview-empty{color:var(--text-soft);padding:8px 0}.info-list{display:grid}.info-list__row{border-bottom:1px solid #ebeff5;grid-template-columns:220px 1fr;gap:18px;padding:14px 0;display:grid}.info-list__row:last-child{border-bottom:0}.info-list__label{color:#404a5a;font-weight:500}.info-list__value{font-weight:500}.detail-back-link{color:var(--info);align-items:center;gap:8px;font-size:15px;font-weight:500;display:inline-flex}.detail-feedback{border-radius:var(--radius-md);border:1px solid #0000;margin-bottom:20px;padding:14px 18px;font-size:15px;font-weight:500}.detail-feedback--success{color:#1f7a42;background:#ecfdf3;border-color:#b7ebc8}.detail-feedback--error{color:#c23b3b;background:#fef2f2;border-color:#f5c2c2}.workflow-notice{border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:16px 18px;display:flex}.workflow-notice p{color:var(--text-soft);margin:0;font-weight:600}.workflow-notice--success{background:#fbfdf5;border-color:#d5eaa5}.workflow-notice--warning{background:#fffaf0;border-color:#f4d487}.workflow-notice--danger{background:#fff7f7;border-color:#efc1c1}.workflow-notice--info{background:#f3fbfd;border-color:#b8e4ee}.detail-grid{grid-template-columns:minmax(0,1fr) minmax(640px,1.25fr);align-items:start;gap:28px;display:grid}.detail-card{min-height:100%}.detail-form{gap:24px;display:grid}.attendance-table-wrap{overflow-x:auto}.attendance-table{border-collapse:separate;border-spacing:0;width:100%}.attendance-table th,.attendance-table td{text-align:left;vertical-align:middle;border-bottom:1px solid #e9edf4;padding:16px 14px}.attendance-table th{color:var(--text-soft);white-space:nowrap;background:0 0;font-size:15px;font-weight:700}.attendance-table tbody tr:hover{background:#fafcff}.attendance-table--compact th:first-child{width:28%}.attendance-table--compact th:nth-child(2),.attendance-table--compact th:nth-child(3){width:12%}.attendance-table--compact th:nth-child(4){width:22%}.attendance-table--compact th:nth-child(5){width:26%}.attendance-table__name{font-weight:700;line-height:1.35}.attendance-table__subtle{color:var(--text-soft);margin-top:6px;font-size:13px;font-weight:500}.attendance-table__checkbox-cell{width:80px}.attendance-checkbox{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;position:relative}.attendance-checkbox input{opacity:0;cursor:pointer;position:absolute;inset:0}.attendance-checkbox span{background:#fff;border:1.5px solid #c8d1de;border-radius:6px;width:22px;height:22px;transition:all .18s}.attendance-checkbox input:checked+span{background:var(--info);border-color:var(--info);box-shadow:inset 0 0 0 4px #fff}.attendance-checkbox input:disabled+span{background:#f3f5f8;border-color:#d7dde7}.inline-replacement-state{color:var(--text-soft);font-size:14px}.inline-replacement-form{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.inline-replacement-form__select{min-width:180px}.inline-replacement-form__button{min-height:40px;padding:0 14px}.attendance-remarks{border-radius:var(--radius-md);width:100%;min-width:220px;min-height:56px;padding:10px 12px;font-size:14px}.attendance-actions{justify-content:flex-end;gap:12px;padding-top:4px;display:flex}@media (max-width:1200px){.inline-replacement-form{grid-template-columns:1fr}.inline-replacement-form__select{min-width:140px}.detail-grid{grid-template-columns:1fr}}@media (max-width:1000px){.stats-grid,.board-grid,.board-secondary-grid,.session-preview-list--board,.session-preview-list--compact{grid-template-columns:1fr}}@media (max-width:768px){body{padding-bottom:92px}.page-container{padding:16px 14px 32px}.app-shell{gap:20px}.app-shell__sidebar{order:-1}.side-stack{gap:12px}.brand-card{padding:12px 14px}.brand-card__logo{width:52px}.brand-card__title{font-size:15px}.brand-card__subtitle{font-size:12px}.user-menu-card{overflow:visible}.user-menu-card__top{padding:14px}.user-menu-card__avatar{flex-basis:54px;width:54px;height:54px}.user-menu-card__name{font-size:18px;line-height:1.2}.user-menu-card__email{word-break:break-word;font-size:13px}.user-menu-card__role{margin-top:8px}.user-menu-card__actions{z-index:20;border:1px solid var(--border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;padding:6px;display:grid;position:fixed;bottom:12px;left:12px;right:12px;box-shadow:0 12px 36px #10131224}.menu-action{border-radius:var(--radius-md);text-align:center;border:0;place-items:center;min-height:50px;padding:8px 6px;font-size:12px;font-weight:800;line-height:1.15;display:grid}.menu-action:hover{box-shadow:none;transform:none}.menu-action--danger{background:var(--danger-soft)}.page-header{gap:12px;margin-bottom:22px;display:grid}.page-header__title{font-size:30px}.page-header__description{font-size:16px}.section-card__header{padding:18px 16px 0;display:grid}.section-card__title{font-size:20px}.section-card__description{font-size:15px}.section-card__content{padding:18px 16px}.info-list__row{grid-template-columns:1fr;gap:6px}.filter-field{min-width:100%}.board-period-status{width:100%;margin-left:0}.board-session-groups__header,.admin-action-row,.request-list__item,.workflow-notice{display:grid}.compact-form__grid,.inline-upload-form,.inline-link-form{grid-template-columns:1fr}.session-scroll-area{max-height:none;padding-right:0;overflow:visible}.session-preview-item--interactive{min-height:0;display:grid}.session-preview-item__badges{flex-flow:wrap;align-items:flex-start}.stat-card__header{padding:18px 16px 12px}.stat-card__body{padding:0 16px 16px}.attendance-table-wrap{overflow:visible!important}.attendance-table,.attendance-table thead,.attendance-table tbody,.attendance-table tr,.attendance-table th,.attendance-table td{display:block;width:100%!important}.attendance-table colgroup,.attendance-table thead{display:none}.attendance-table tbody{gap:12px;display:grid}.attendance-table tr{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);padding:14px}.attendance-table td{border-bottom:1px solid #edf2ef;gap:7px;padding:10px 0;font-size:14px;display:grid}.attendance-table td:last-child{border-bottom:0}.attendance-table td:before{color:var(--text-soft);text-transform:uppercase;font-size:12px;font-weight:900}.attendance-table td:first-child:before{content:"Trainer"}.attendance-table td:nth-child(2):before{content:"Aanwezig"}.attendance-table td:nth-child(3):before{content:"Optionele vervanger"}.attendance-table td:nth-child(4):before{content:"Opmerking"}.attendance-table__checkbox-cell{width:100%}.attendance-remarks{min-width:140px}.attendance-actions{z-index:10;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);background:#fffffff5;grid-template-columns:1fr;padding:10px;position:sticky;bottom:88px;display:grid!important}.attendance-actions .button{width:100%}.payment-table-wrap{overflow:visible}.payment-table,.payment-table thead,.payment-table tbody,.payment-table tr,.payment-table th,.payment-table td{width:100%;display:block}.payment-table thead{display:none}.payment-table tbody{gap:12px;display:grid}.payment-table tr{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-soft);padding:14px}.payment-table td{border-bottom:1px solid #edf2ef;grid-template-columns:minmax(100px,.7fr) minmax(0,1fr);gap:12px;padding:9px 0;display:grid}.payment-table td:last-child{border-bottom:0}.payment-table td:before{color:var(--text-soft);text-transform:uppercase;font-size:12px;font-weight:900}.payment-table td:first-child:before{content:"Naam"}.payment-table td:nth-child(2):before{content:"Info"}.payment-table td:nth-child(3):before{content:"Bedrag"}.payment-table td:nth-child(4):before{content:"Rol"}.payment-table td:nth-child(5):before{content:"Actie"}.profile-photo-preview{width:52px;height:52px}.admin-user-actions{min-width:0}}