:root{--brand:#080d11;--brand-mid:#1a2530;--brand-light:#eceef0;--brand-pale:#f4f5f6;--orange:#e25302;--orange-dim:#e253021a;--orange-dark:#c04601;--text:#080d11;--text-mid:#3a3f44;--text-muted:#8a8f94;--border:#dde0e3;--border-md:#c4c8cc;--off-white:#f7f8f8;--white:#fff;--status-ok:#2e9e4f;--status-opvolgen:#e8870c;--status-herstellen:#d23b2e;--status-afwezig:#6b7177;--status-onderhoud:#2e9e4f;--ease:cubic-bezier(.16, 1, .3, 1);--radius-sm:4px;--radius-md:8px}@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-Bold.ttf)format("truetype");font-weight:700;font-display:swap}@font-face{font-family:Barlow Condensed;src:url(/fonts/BarlowCondensed-ExtraBold.ttf)format("truetype");font-weight:800;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Light.ttf)format("truetype");font-weight:300;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Outfit;src:url(/fonts/Outfit-Medium.ttf)format("truetype");font-weight:500;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Outfit,system-ui,sans-serif;font-weight:400;line-height:1.6}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input[type=checkbox],input[type=radio]{appearance:auto;background:0 0;border:none;width:auto;padding:0}input:not([type=checkbox]):not([type=radio]),textarea,select{color:var(--text);background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-sm);-webkit-appearance:none;width:100%;transition:border-color .2s var(--ease), box-shadow .2s;outline:none;padding:10px 14px;font-family:Outfit,system-ui,sans-serif;font-size:14px;font-weight:400}input:not([type=checkbox]):not([type=radio]):focus,textarea:focus,select:focus{border-color:var(--brand);background:var(--white);box-shadow:0 0 0 3px #080d110f}textarea{resize:vertical;min-height:80px}.btn-primary{background:var(--orange);color:var(--white);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);transition:background .2s var(--ease), transform .15s;border:none;justify-content:center;align-items:center;gap:6px;padding:12px 24px;font-family:Barlow Condensed,sans-serif;font-size:14px;font-weight:700;display:inline-flex}.btn-primary:active{background:var(--orange-dark);transform:scale(.97)}@media (hover:hover) and (pointer:fine){.btn-primary:hover{background:var(--orange-dark)}}.btn-ghost{color:var(--text-mid);letter-spacing:.06em;text-transform:uppercase;border-radius:var(--radius-sm);border:1px solid var(--border);transition:border-color .2s var(--ease), color .2s;background:0 0;justify-content:center;align-items:center;gap:6px;padding:10px 18px;font-family:Barlow Condensed,sans-serif;font-size:13px;font-weight:700;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn-ghost:hover{border-color:var(--border-md);color:var(--text)}}.btn-ghost:active{transform:scale(.97)}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.5rem}.section-label{letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:.5rem;font-size:11px;font-weight:600;display:block}.screen{background:var(--brand-pale);min-height:100dvh}.screen-header{background:var(--brand);color:var(--white);align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.screen-header h1{letter-spacing:.04em;text-transform:uppercase;font-family:Barlow Condensed,sans-serif;font-size:20px;font-weight:800}.screen-body{max-width:720px;margin:0 auto;padding:1.5rem}.form-group{flex-direction:column;gap:6px;margin-bottom:1rem;display:flex}.form-group label{letter-spacing:.07em;text-transform:uppercase;color:var(--text-mid);font-size:11px;font-weight:500}
