@font-face{font-family:Source Sans Pro;src:url('source-sans-pro.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Source Sans Pro;src:url('source-sans-pro-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
:root{--blue:#0000aa;--navy:#1d1d50;--sky:#94d4e5;--pale:#ebf5f5;--orange:#ffaa00;--line:#d9e2e9;--muted:#545970;font-family:'Source Sans Pro',Arial,sans-serif;color:var(--navy);background:#f6f8fb;font-size:16px;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{border:1px solid var(--line);border-radius:6px;background:white;cursor:pointer;padding:10px 16px;min-height:42px;font-weight:700}button:hover{border-color:var(--blue);background:var(--pale)}button:disabled{opacity:.48;cursor:default}button.primary{background:var(--blue);color:white;border-color:var(--blue)}button.primary:hover{background:var(--navy)}button.quiet{background:transparent;border:0;font-size:14px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--orange);outline-offset:2px}input,select,textarea{background:white;border:1px solid #b9c3d3;border-radius:5px;padding:10px;max-width:100%;min-width:0}input[type=checkbox]{accent-color:var(--blue);width:18px;height:18px}label{display:flex;flex-direction:column;gap:7px;font-weight:700}label.inline{flex-direction:row;align-items:center;font-weight:400}small{font-size:13px;font-weight:400;color:var(--muted)}[hidden]{display:none!important}.top{padding:16px 32px;background:white;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--line);flex-wrap:wrap}.logo{width:198px;height:auto;display:block}.product{border-left:2px solid var(--sky);padding:12px 24px;font-size:20px;color:var(--blue)}.account{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.navigation{background:white;padding:0 32px;display:flex;gap:20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.navigation button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:17px 8px;color:var(--muted)}.navigation button.active{color:var(--blue);border-color:var(--blue)}main{max-width:1440px;padding:36px 32px;margin:auto}h1{font-size:30px;line-height:1.2;letter-spacing:.04em;margin:8px 0 12px;color:var(--navy)}h2{font-size:24px;margin:0;line-height:1.25}.eyebrow{font-size:12px;color:var(--blue);font-weight:700;letter-spacing:.12em;margin:0 0 8px}.muted{color:var(--muted)}p{line-height:1.5}.pagehead{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.pagehead p{margin-bottom:0}.weekbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:20px 0;flex-wrap:wrap}.weeknav{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.weeknav strong{min-width:230px;text-align:center}.tablewrap{overflow:auto;background:white;border:1px solid var(--line);border-radius:8px}table{border-collapse:collapse;width:100%;font-size:15px}th{text-align:left;background:var(--pale);color:var(--navy);font-weight:700;padding:17px 14px;border-bottom:1px solid var(--line)}td{padding:18px 14px;border-bottom:1px solid var(--line);vertical-align:middle}tr:last-child td{border-bottom:0}.weektable{min-width:880px;table-layout:fixed}.weektable th:first-child{width:32%;padding-left:24px}.weektable td:first-child{padding-left:24px}.weektable th:not(:first-child),.weektable td:not(:first-child){text-align:center}.activity-name{display:block;font-weight:700;margin-bottom:4px;overflow-wrap:anywhere}.group-name{color:var(--muted);font-size:13px}.cell{display:flex;align-items:center;justify-content:center;gap:2px}.cell input{width:62px;min-width:0;text-align:center;padding:10px 3px;font-variant-numeric:tabular-nums}.cell input.filled{background:#f0f2ff;border-color:#bec4ed;color:var(--blue);font-weight:700}.cell button{font-size:13px;border:0;padding:2px;min-height:30px;min-width:18px;color:var(--muted)}.cell button.has-note{color:var(--blue);background:var(--pale)}.sum{font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.weektable tfoot td{background:var(--pale);border-top:1px solid var(--line)}.savebar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;color:var(--muted);flex-wrap:wrap}.savebar>div{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.savebar strong{font-size:24px;color:var(--navy);margin-left:12px;font-variant-numeric:tabular-nums}.filterbar{display:flex;align-items:end;gap:16px;margin:24px 0;flex-wrap:wrap}.filterbar label{max-width:300px}.report-total{padding:16px;background:var(--pale);border-left:4px solid var(--blue)}footer{display:flex;justify-content:space-between;gap:20px;padding:28px 32px;color:var(--muted);font-size:13px;border-top:1px solid var(--line);background:white;flex-wrap:wrap}footer span:last-child{color:var(--blue);letter-spacing:.12em;font-weight:700}.login-layout{display:grid;grid-template-columns:1fr 1fr;min-height:650px;max-width:1440px;margin:auto;background:white}.login-panel{padding:64px 60px}.login-panel h1{font-size:38px}.login-panel form{display:grid;gap:20px;margin:30px 0}.brand-pattern{background:var(--blue) url('patroon.png') center/cover}.demo-banner{background:var(--pale);color:var(--navy);text-align:center;padding:8px 16px;font-size:13px}.empty{padding:35px;text-align:center;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:12px;background:white;color:var(--navy);width:min(720px,94vw);max-height:88vh;padding:28px;box-shadow:0 16px 80px #1d1d5033}dialog::backdrop{background:#10103288}dialog form{display:grid;gap:18px}.dialoghead{display:flex;align-items:center;justify-content:space-between;gap:14px}.dialoghead button{font-size:22px;border:0;padding:3px 12px}.dialogfoot{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid var(--line);padding-top:18px}#choose-list{max-height:45vh;overflow:auto}.choice-group{font-size:16px;margin:22px 0 10px;color:var(--blue)}.choice{display:flex;align-items:start;gap:10px;padding:10px 0;font-weight:400}.choice input{flex-shrink:0}.badge{padding:4px 8px;background:var(--pale);border-radius:4px;font-size:13px;white-space:nowrap}.badge.archived{background:#f0f0f3;color:var(--muted)}#message:not(:empty){padding:14px 24px;background:var(--pale);border-left:5px solid var(--blue);margin:12px 24px}#message.error{background:#fff1ed;border-color:#9f3125;color:#722318}.dialog-error{background:#fff1ed;color:#722318;padding:12px;border-radius:4px}.unsaved{font-weight:700;color:var(--blue)}.invalid{border:2px solid #9f3125!important}.row-muted{color:var(--muted)}
@media(max-width:1000px){.top{padding:14px 20px;gap:14px}.logo{width:165px}.product{font-size:18px;padding:10px 16px}.account{gap:4px}.navigation{padding:0 20px;gap:12px}main{padding:26px 20px}.login-panel{padding:40px 30px}.weektable th:first-child{width:30%}}
@media(max-width:650px){.top{padding:12px 16px}.logo{width:142px}.product{padding:7px 14px;font-size:16px}.account{width:100%;justify-content:space-between;font-size:14px}.navigation{padding:0 12px;gap:8px}.navigation button{font-size:14px;padding:12px 6px}main{padding:24px 14px}h1{font-size:25px}.pagehead{align-items:start;flex-direction:column}.weeknav strong{min-width:180px;font-size:15px}.savebar>div{width:100%;justify-content:space-between;gap:10px}.filterbar{align-items:stretch}.filterbar label{width:100%;max-width:none}.login-layout{grid-template-columns:1fr;min-height:0}.login-panel{padding:35px 24px}.login-panel h1{font-size:30px}.brand-pattern{height:120px;background-size:cover}.login-panel form{margin:24px 0}dialog{padding:20px}.tablewrap table:not(.weektable){min-width:700px}footer{padding:22px 16px}.cell button{min-width:24px;min-height:40px}.weektable{min-width:960px}#message:not(:empty){margin:10px 14px;padding:12px}}