:root{--hubbae-blauw: #273583;--hubbae-cyaan: #00a6e0;--hubbae-mint: #66dcbe;--hubbae-mint-donker: #3cd3ac;--hubbae-lichtblauw: #e9ebf6;--bg: #f5f6fb;--surface: #ffffff;--surface-alt: #f2f4fb;--ink: #1b1b1b;--ink-soft: #454a5e;--muted: #5b6275;--line: #e2e5f0;--line-strong: #c5cadf;--accent: var(--hubbae-blauw);--accent-dark: #1c2766;--accent-soft: var(--hubbae-lichtblauw);--link: var(--hubbae-blauw);--link-hover: #1c2766;--cta: var(--hubbae-mint);--cta-dark: var(--hubbae-mint-donker);--cta-ink: var(--hubbae-blauw);--ok: #106b4a;--ok-soft: #dbf1e7;--warn: #8a5300;--warn-soft: #fdefd6;--danger: #a80b2a;--danger-soft: #fde5e9;--radius-vlak: 18px;--radius-knop: 999px;--radius: 8px;--shadow: 0 1px 2px rgba(39, 53, 131, .06), 0 4px 14px rgba(39, 53, 131, .06);color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}@font-face{font-family:Noticia Text;src:url(/fonts/noticia-text-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noticia Text;src:url(/fonts/noticia-text-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans TC,Calibri,Segoe UI,system-ui,-apple-system,Arial,sans-serif;font-size:15px;line-height:1.5}h1,h2,h3{margin:0;line-height:1.25;font-weight:650;color:var(--accent)}h1,.display{font-family:Noticia Text,Georgia,Times New Roman,serif;font-weight:700}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0 0 .75rem}a{color:var(--link);text-decoration:none}a:hover{color:var(--link-hover);text-decoration:underline}.app{min-height:100%;display:flex;flex-direction:column}.topbar{background:var(--surface);color:var(--accent);border-bottom:1px solid var(--line);padding:.65rem 1.5rem;display:flex;align-items:center;gap:1.5rem;flex-wrap:wrap}.topbar__brand{font-weight:650;font-size:1.05rem;display:flex;align-items:center;gap:.6rem;color:inherit;text-decoration:none}.topbar__brand:hover{text-decoration:none}.topbar__logo{height:30px;width:auto;display:block}.topbar__product{padding-left:.75rem;border-left:1px solid var(--line-strong);font-family:Noticia Text,Georgia,serif;font-weight:700;font-size:1.05rem;color:var(--accent)}.topbar__spacer{flex:1}.topbar__user{font-size:.85rem;color:var(--ink-soft);display:flex;align-items:center;gap:.75rem}.nav{background:var(--surface);border-bottom:1px solid var(--line);padding:0 1.5rem;display:flex;gap:.25rem;overflow-x:auto}.nav a{padding:.75rem .9rem;color:var(--ink-soft);font-size:.92rem;font-weight:550;border-bottom:2px solid transparent;white-space:nowrap}.nav a:hover{color:var(--link);text-decoration:none}.nav a.active{color:var(--accent);border-bottom:3px solid var(--cta)}.page{flex:1;padding:1.5rem;max-width:1380px;width:100%;margin:0 auto}.page--smal{max-width:52rem}.opdracht-tekst{max-height:28rem;overflow-y:auto;padding:.25rem 1rem .25rem 0;line-height:1.55}.opdracht-tekst h3{font-size:1rem;margin:1.25rem 0 .4rem}.opdracht-tekst h3:first-child{margin-top:0}.page__header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1.25rem}.page__header p{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}.kop-context{display:grid;grid-template-columns:auto 1fr;gap:.15rem .9rem;margin:.5rem 0 0;font-size:.9rem}.kop-context dt{color:var(--muted)}.kop-context dd{margin:0;font-weight:600}.formulier-slot{border:0;padding:0;margin:0;min-width:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-vlak);box-shadow:var(--shadow);padding:1.1rem 1.25rem}.card+.card{margin-top:1rem}.card__title{font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:650;margin-bottom:.75rem}.grid{display:grid;gap:1rem}.grid--2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid--4{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);border-radius:var(--radius-knop);padding:.45rem .85rem;font:inherit;font-size:.9rem;font-weight:550;cursor:pointer;transition:background .12s ease,border-color .12s ease}.btn:hover:not(:disabled){background:var(--surface-alt)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--cta);border-color:var(--cta);color:var(--cta-ink);font-weight:700}.btn--primary:hover:not(:disabled){background:var(--cta-dark)}.btn--ghost{border-color:transparent;background:transparent;color:var(--link)}.btn--danger{border-color:var(--danger);color:var(--danger)}.btn--small{padding:.25rem .55rem;font-size:.82rem}.btn--link{border:none;background:none;padding:0;color:var(--link);text-decoration:underline;font-size:inherit}.btn--link:hover:not(:disabled){background:none;color:var(--link-hover)}.btn-row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.field{margin-bottom:.9rem}.field>label,.field__label{display:block;font-size:.85rem;font-weight:600;color:var(--ink-soft);margin-bottom:.3rem}.field__required{color:var(--danger)}input[type=text],input[type=email],input[type=password],input[type=date],input[type=number],select,textarea{width:100%;padding:.5rem .65rem;border:1px solid var(--line-strong);border-radius:8px;font:inherit;font-size:.92rem;background:var(--surface);color:var(--ink)}textarea{min-height:84px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}.field__error{color:var(--danger);font-size:.83rem;margin-top:.25rem}.field__hint{color:var(--muted);font-size:.83rem;margin-top:.25rem}.checkbox{display:inline-flex;align-items:center;gap:.4rem;font-size:.88rem;cursor:pointer}.checkbox input{width:auto}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius-vlak);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:.88rem}thead th{text-align:left;padding:.6rem .75rem;background:var(--surface-alt);border-bottom:1px solid var(--line);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);white-space:nowrap}tbody td{padding:.6rem .75rem;border-bottom:1px solid var(--line);vertical-align:top}tbody tr:last-child td{border-bottom:none}tbody tr.is-open>td{background:var(--accent-soft)}.row-toggle{background:none;border:none;padding:0;font:inherit;color:var(--link);cursor:pointer;text-align:left;font-weight:600}.detail-cell{background:var(--surface-alt);padding:1rem 1.25rem!important}.badge{display:inline-block;padding:.1rem .5rem;border-radius:999px;font-size:.75rem;font-weight:650;white-space:nowrap;background:var(--surface-alt);color:var(--ink-soft);border:1px solid var(--line)}.badge--ok{background:var(--ok-soft);color:var(--ok);border-color:transparent}.badge--warn{background:var(--warn-soft);color:var(--warn);border-color:transparent}.badge--danger{background:var(--danger-soft);color:var(--danger);border-color:transparent}.badge--accent{background:var(--accent-soft);color:var(--accent-dark);border-color:transparent}.check{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;font-size:.72rem;font-weight:700;border:1px solid var(--line-strong);color:var(--muted);background:var(--surface)}.check--on{background:var(--ok-soft);border-color:transparent;color:var(--ok)}.check-row{display:inline-flex;gap:.25rem}.meter__head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.35rem}.meter__label{font-weight:600;font-size:.9rem}.meter__value{font-size:.8rem;color:var(--muted)}.meter__track{height:10px;border-radius:999px;background:var(--line);overflow:hidden;display:flex}.meter__segment{height:100%}.meter__segment--ok{background:#22a06b}.meter__segment--partial{background:#eab308}.meter__segment--none{background:var(--line-strong)}.meter__legend{display:flex;gap:.9rem;font-size:.78rem;color:var(--muted);margin-top:.4rem;flex-wrap:wrap}.legend-dot{display:inline-block;width:9px;height:9px;border-radius:3px;margin-right:.3rem}.bar-chart{display:grid;gap:.55rem}.bar-chart__row{display:grid;grid-template-columns:170px 1fr 44px;align-items:center;gap:.6rem;font-size:.85rem}.bar-chart__track{background:var(--line);border-radius:6px;height:18px;overflow:hidden}.bar-chart__fill{background:var(--hubbae-cyaan);height:100%;border-radius:6px;min-width:2px}.bar-chart__value{text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.stat{display:flex;flex-direction:column;gap:.15rem}.stat__value{font-size:1.9rem;font-weight:680;line-height:1.1}.stat__label{font-size:.85rem;color:var(--muted)}.notice{border-radius:var(--radius-vlak);padding:.7rem .9rem;font-size:.88rem;border:1px solid var(--line);background:var(--surface-alt);color:var(--ink-soft)}.notice--warn{background:var(--warn-soft);border-color:transparent;color:var(--warn)}.notice--danger{background:var(--danger-soft);border-color:transparent;color:var(--danger)}.notice--info{background:var(--accent-soft);border-color:transparent;color:var(--accent-dark)}.notice--ok{background:var(--ok-soft);border-color:transparent;color:var(--ok)}.notice+.notice{margin-top:.6rem}.empty{padding:2rem 1rem;text-align:center;color:var(--muted);font-size:.9rem}.filters{display:flex;gap:.85rem;flex-wrap:wrap;align-items:flex-end;margin-bottom:1rem}.filters .field{margin-bottom:0;min-width:180px}.login{min-height:100%;display:grid;place-items:center;padding:2rem 1rem;background:linear-gradient(160deg,var(--hubbae-lichtblauw) 0%,var(--bg) 65%)}.login__card{width:100%;max-width:400px}.login__logo{height:44px;width:auto;display:block;margin-bottom:.75rem}.login__title{font-size:1.7rem;color:var(--accent)}.login__hint{margin-top:1rem;font-size:.82rem;color:var(--muted);background:var(--surface-alt);border-radius:8px;padding:.65rem .8rem}.doc-list{display:grid;gap:.4rem}.doc-row{display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:.86rem}.doc-row__name{flex:1;min-width:0;overflow-wrap:anywhere}.comment{border:1px solid var(--line);border-radius:var(--radius);padding:.65rem .8rem;background:var(--surface)}.comment+.comment{margin-top:.6rem}.comment--customer{border-left:3px solid var(--hubbae-blauw)}.comment--advisor{border-left:3px solid var(--hubbae-cyaan)}.comment__meta{display:flex;gap:.5rem;align-items:center;font-size:.78rem;color:var(--muted);margin-bottom:.3rem;flex-wrap:wrap}.comment__replies{margin-top:.55rem;margin-left:1rem;padding-left:.75rem;border-left:2px solid var(--line)}.dropzone{border:2px dashed var(--line-strong);border-radius:var(--radius);padding:2rem 1rem;text-align:center;color:var(--muted);background:var(--surface-alt);cursor:pointer;transition:border-color .12s ease,background .12s ease}.dropzone--active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-dark)}.month{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);overflow:hidden}.month+.month{margin-top:.75rem}.month__head{display:flex;align-items:center;gap:.75rem;padding:.6rem .85rem;background:var(--surface-alt);border-bottom:1px solid var(--line);flex-wrap:wrap}.month__title{font-weight:650;text-transform:capitalize}.week{display:flex;align-items:center;gap:.75rem;padding:.5rem .85rem;border-bottom:1px solid var(--line);flex-wrap:wrap}.week:last-child{border-bottom:none}.week__label{font-size:.82rem;color:var(--muted);min-width:150px;font-variant-numeric:tabular-nums}.week__days{display:flex;gap:.25rem}.day{width:38px;height:40px;border-radius:7px;border:1px solid var(--line-strong);background:var(--surface);cursor:pointer;font:inherit;font-size:.7rem;color:var(--muted);display:grid;place-items:center;line-height:1.1;padding:0}.day--present{background:var(--ok-soft);border-color:#86c9a4;color:var(--ok);font-weight:650}.day:disabled{cursor:not-allowed;opacity:.55}.day--buiten{text-decoration:line-through;background:var(--bg)}.day--voorstel{border-style:dashed;font-weight:400}.status-dot{width:10px;height:10px;border-radius:999px;display:inline-block}.status-dot--green{background:#22a06b}.status-dot--yellow{background:#eab308}.status-dot--red{background:#dc2626}.form-block{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:1rem 1.15rem}.form-block+.form-block{margin-top:1rem}.form-block__title{font-weight:650;color:var(--accent-dark);margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--line)}.rating{padding:.75rem 0;border-bottom:1px dashed var(--line)}.rating:last-of-type{border-bottom:none}.rating__text{font-size:.9rem;margin-bottom:.5rem}.rating__controls{display:flex;gap:1.25rem;align-items:center;flex-wrap:wrap}.rating__slider{flex:1;min-width:240px}.rating__slider input[type=range]{width:100%;accent-color:var(--accent)}.rating__scale{display:flex;justify-content:space-between;font-size:.74rem;color:var(--muted);margin-top:-.15rem}.rating__value{font-size:.8rem;color:var(--accent-dark);font-weight:650;min-width:100px}.rating__flags{display:flex;gap:.9rem}.rating--muted .rating__slider{opacity:.45}.rating--muted .rating__value{color:var(--muted);font-weight:400}.muted{color:var(--muted)}.small{font-size:.85rem}.mono{font-variant-numeric:tabular-nums}.nowrap{white-space:nowrap}.stack{display:grid;gap:.75rem}.inline{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.right{margin-left:auto}.mt{margin-top:1rem}.mb{margin-bottom:1rem}.spinner{padding:2rem;text-align:center;color:var(--muted)}.skip-link{position:absolute;left:-9999px}