:root{--color-danger:#e74c3c;--color-danger-hover:#c0392b;--color-success:#27ae60;--color-success-hover:#219150;--color-surface:#fff;--color-body-text:#555;--color-muted-text:#7f8c8d;--color-accent-blue:#3498db;--color-accent-blue-focus:#2980b9;--color-background:#f4f6f8;--color-table-border:#ddd;--color-date-group-label:#4a5568;--color-heading-primary:#1a365d;--color-date-group-border:#e2e8f0;--color-table-header-text:#333;--color-heading-secondary:#2c3e50;--color-input-border-neutral:#cbd5e0;--color-stat-card-background:#e8f4f8;--color-date-group-background:#f8f9fa;--color-table-header-background:#f2f2f2;--font-base:Arial, sans-serif}*{box-sizing:border-box;font-family:var(--font-base)}body{background-color:var(--color-background);min-height:100vh;margin:0}body:has(.container){padding:20px}#root{width:100%;min-height:100vh}#root:has(>.container){justify-content:center;align-items:center;min-height:calc(100vh - 40px);display:flex}.container{background-color:var(--color-surface);text-align:center;border-radius:12px;width:100%;max-width:500px;padding:30px;box-shadow:0 4px 15px #0000001a}.top-actions{justify-content:flex-end;margin-bottom:24px;display:flex}.sign-out-button{border:1px solid var(--color-input-border-neutral);width:32px;height:32px;color:var(--color-body-text);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.sign-out-button:hover{border-color:var(--color-danger);color:var(--color-danger)}.header-container{text-align:left;justify-content:flex-start;align-items:center;gap:15px;margin-bottom:15px;display:flex}.logo{object-fit:contain;width:auto;max-height:60px}.header-text{flex-direction:column;display:flex}.hoof-titel{color:var(--color-heading-primary);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:2em;line-height:1.1}.container h2{color:var(--color-heading-secondary);margin:5px 0 0;font-size:1.2em;font-weight:400}.date-group{text-align:left;background-color:var(--color-date-group-background);border:1px solid var(--color-date-group-border);border-radius:8px;margin:15px 0;padding:10px 15px}.date-group label{color:var(--color-date-group-label);margin-bottom:5px;font-size:.9em;font-weight:700;display:block}.date-group .date-value{color:var(--color-table-header-text);font-size:1em}.input-group{margin:20px 0}.input-label-row{justify-content:center;align-items:center;gap:6px;margin-bottom:8px;display:flex}label.input-label{color:var(--color-table-header-text);font-weight:700}.info-tooltip{color:var(--color-muted-text);cursor:help;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}input[type=number].ouderdom-input{text-align:center;border:2px solid var(--color-accent-blue);border-radius:8px;outline:none;width:80%;padding:15px;font-size:1.5em;transition:border-color .2s}input[type=number].ouderdom-input:focus{border-color:var(--color-accent-blue-focus);box-shadow:0 0 8px #3498db66}.counter-badge{color:var(--color-muted-text);margin-top:10px;font-size:.9em}.btn-voltooi{background-color:var(--color-success);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:15px;padding:12px 25px;font-size:1em;font-weight:700}.btn-voltooi:hover{background-color:var(--color-success-hover)}.foutboodskap{color:var(--color-danger);margin-top:6px;font-size:.85em}.stat-card{background-color:var(--color-stat-card-background);text-align:center;border-radius:8px;margin-bottom:20px;padding:15px}.stat-card h3{color:var(--color-accent-blue-focus);margin:0;font-size:2em}.stat-card span{color:var(--color-body-text);font-size:.9em}table{border-collapse:collapse;width:100%;margin-top:10px}th,td{border-bottom:1px solid var(--color-table-border);text-align:left;padding:10px}th{background-color:var(--color-table-header-background);color:var(--color-table-header-text)}.aantal-kolom{text-align:right;font-weight:700}.services-table{width:auto;min-width:320px;max-width:100%;display:inline-table}.services-table .aantal-kolom{white-space:nowrap}.login-form{text-align:left}.form-group{margin:15px 0}.form-group label{color:var(--color-table-header-text);margin-bottom:6px;font-size:.9em;font-weight:700;display:block}.form-group input{border:1px solid var(--color-input-border-neutral);border-radius:6px;outline:none;width:100%;padding:10px 12px;font-size:1em}.form-group input:focus{border-color:var(--color-accent-blue-focus);box-shadow:0 0 8px #3498db66}.btn-primary{background-color:var(--color-accent-blue);color:#fff;cursor:pointer;border:none;border-radius:6px;width:100%;margin-top:10px;padding:12px 25px;font-size:1em;font-weight:700}.btn-primary:hover{background-color:var(--color-accent-blue-focus)}.btn-secondary{color:var(--color-body-text);border:1px solid var(--color-input-border-neutral);cursor:pointer;background-color:#0000;border-radius:6px;padding:12px 25px;font-size:1em;font-weight:700}.btn-secondary:hover{border-color:var(--color-danger);color:var(--color-danger)}.admin-shell{background-color:var(--color-surface);text-align:left;flex-direction:column;width:100%;min-height:100vh;padding:30px;display:flex}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px;display:flex}.admin-nav{gap:8px;display:flex}.admin-nav-link{color:var(--color-body-text);border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.9em;font-weight:700;text-decoration:none;display:inline-flex}.admin-nav-link.active{background-color:var(--color-stat-card-background);color:var(--color-accent-blue-focus)}.admin-main{flex:1;width:100%;margin-top:10px}.dashboard-layout{grid-template-columns:1fr 300px;align-items:start;gap:24px;display:grid}.dashboard-main{min-width:0}.dashboard-sidebar{flex-direction:column;gap:20px;min-width:0;display:flex}.dashboard-sidebar .admin-filter-row{margin-bottom:0}.sidebar-filter-group{flex-direction:column;gap:8px;display:flex}.sidebar-filter-label{color:var(--color-date-group-label);font-size:.9em;font-weight:700}.status-toggle{border:1px solid var(--color-input-border-neutral);border-radius:6px;display:flex;overflow:hidden}.status-toggle-option{border:none;border-right:1px solid var(--color-input-border-neutral);color:var(--color-body-text);cursor:pointer;background:0 0;flex:1;padding:8px 10px;font-size:.85em}.status-toggle-option:last-child{border-right:none}.status-toggle-option.active{background-color:var(--color-stat-card-background);color:var(--color-accent-blue-focus);font-weight:700}.bracket-toggle-list{flex-wrap:wrap;gap:6px;display:flex}.bracket-toggle-pill{border:1px solid var(--color-input-border-neutral);color:var(--color-body-text);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:.8em;display:inline-flex}.sidebar-export-group{flex-flow:wrap}@media (width<=900px){.dashboard-layout{grid-template-columns:1fr}}.admin-filter-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.admin-filter-row label{color:var(--color-date-group-label);font-size:.9em;font-weight:700}.admin-filter-row input[type=date]{border:1px solid var(--color-input-border-neutral);border-radius:6px;outline:none;padding:8px 10px;font-size:.9em}.admin-filter-row input[type=date]:focus{border-color:var(--color-accent-blue-focus);box-shadow:0 0 8px #3498db66}.export-button{border:1px solid var(--color-input-border-neutral);color:var(--color-body-text);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:.85em;text-decoration:none;display:inline-flex}.export-button:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue-focus)}.admin-clickable-row{cursor:pointer}.admin-clickable-row:hover{background-color:var(--color-stat-card-background)}.admin-back-link{color:var(--color-accent-blue-focus);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;margin-bottom:15px;padding:0;font-size:.9em;display:inline-flex}.admin-action-row{justify-content:flex-end;margin-bottom:15px;display:flex}.admin-inline-button{align-items:center;gap:6px;width:auto;margin-top:0;display:inline-flex}.icon-button{border:1px solid var(--color-input-border-neutral);color:var(--color-body-text);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;margin-left:6px;padding:6px;display:inline-flex}.icon-button:hover{border-color:var(--color-accent-blue);color:var(--color-accent-blue-focus)}.admin-row-actions{text-align:right;white-space:nowrap}.admin-inline-form{background-color:var(--color-date-group-background);border:1px solid var(--color-date-group-border);text-align:left;border-radius:8px;padding:15px}.admin-form-actions{gap:10px;display:flex}.admin-form-actions .btn-primary,.admin-form-actions .btn-secondary{width:auto;margin-top:0}.chart-header{margin-bottom:10px}.chart-header-title-row{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.chart-header-title{color:var(--color-heading-secondary);margin:0;font-size:1em;font-weight:700}.chart-header-actions{align-items:center;gap:8px;display:flex}.chart-header-unit{color:var(--color-muted-text);white-space:nowrap;font-size:.8em}.chart-download-button{color:var(--color-muted-text);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:2px;line-height:0;display:inline-flex}.chart-download-button:hover{color:var(--color-accent-blue-focus)}.chart-header-subtitle{color:var(--color-muted-text);margin:2px 0 0;font-size:.85em}.attendance-charts{flex-direction:column;gap:16px;margin-bottom:24px;display:flex}.chart-panel{background-color:var(--color-surface);border:1px solid var(--color-date-group-border);border-radius:6px;padding:14px 16px}.attendance-charts-scroll{overflow-x:auto}.grand-total-kpi{margin-bottom:24px}.grand-total-kpi-value-row{align-items:baseline;gap:8px;display:flex}.grand-total-kpi-value{color:var(--color-accent-blue-focus);font-size:2.5em;font-weight:700}