:root{--blr-green: #009B80;--blr-green-rgb: 0 155 128;--blr-green-dark: #017E68;--blr-green-deeper: #016B58;--focus-canvas: #017E68;--focus-canvas-rgb: 1 126 104;--focus-sheet: #F7F6F2;--tile-blue: #1C86C8;--tile-orange: #E0552C;--tile-slate: #6E7B8A;--tile-teal: #1A9E80;--tile-purple: #7C5CBF;--text-white: #ffffff;--text-white-70: rgba(255, 255, 255, .82);--text-white-50: rgba(255, 255, 255, .78);--tile-radius: 18px;--tile-gap: 14px;--sheet-radius: 22px;--focus-ring: rgba(255, 255, 255, .85);--font-sans: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--tile-bg: rgba(255, 255, 255, .12);--tile-border: rgba(255, 255, 255, .3);--text-muted: rgba(255, 255, 255, .82);--border-color: rgba(255, 255, 255, .2);--primary: #1C86C8;--surface-sunken: #015C4B;--surface-raised: #016F5B;--surface-raised-2: #01806A;--hairline: rgba(255, 255, 255, .12);--hairline-strong: rgba(255, 255, 255, .22);--accent: #38A8E0;--accent-ink: #08344C;--success: #2CC2A0;--success-rgb: 44 194 160;--success-text: #BFF2E4;--warning: #E6A73C;--warning-text: #F4D48A;--danger: #C9463F;--danger-text: #F2A6A0;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.375rem;--text-2xl: 1.75rem;--text-3xl: 2.125rem;--leading-tight: 1.2;--leading-normal: 1.45;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--radius-xl: 24px;--radius-pill: 999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .16);--shadow-md: 0 6px 20px rgba(0, 0, 0, .22);--shadow-lg: 0 14px 40px rgba(0, 0, 0, .3);--ease-out: cubic-bezier(.22, 1, .36, 1);--dur-fast: .15s;--dur-base: .2s;--dur-slow: .28s;--bottomnav-height: 64px;--z-content: 1;--z-bottomnav: 40;--z-dropdown: 60;--z-backdrop: 70;--z-sheet: 80;--z-toast: 90}[data-kind=home]{--blr-green: #343434;--blr-green-rgb: 52 52 52;--blr-green-dark: #2A2A2A;--blr-green-deeper: #242424;--surface-sunken: #2A2A2A;--surface-raised: #3E3E3E;--surface-raised-2: #474747;--focus-canvas: #2A2A2A;--focus-canvas-rgb: 42 42 42}[data-kind=opname]{--blr-green: #009B80;--blr-green-rgb: 0 155 128;--focus-canvas: #017E68;--focus-canvas-rgb: 1 126 104;--success: #2CC2A0;--success-rgb: 44 194 160;--success-text: #BFF2E4;--blr-green-dark: #017E68;--blr-green-deeper: #016B58;--surface-sunken: #015C4B;--surface-raised: #016F5B;--surface-raised-2: #01806A}[data-kind=inventarisatie]{--blr-green: #0291C8;--blr-green-rgb: 2 145 200;--focus-canvas: #0E7CAC;--focus-canvas-rgb: 14 124 172;--success: #5CC4EE;--success-rgb: 92 196 238;--success-text: #CFEDFB;--blr-green-dark: #0E7FB0;--blr-green-deeper: #0B6E99;--surface-sunken: #0B6E99;--surface-raised: #0E7FB0;--surface-raised-2: #1288BE;--tile-blue: #0E7FB0;--primary: #0E7FB0;--accent: #7FD8F5;--accent-ink: #013A52}[data-kind=profiel]{--blr-green: #EB5D2E;--blr-green-rgb: 235 93 46;--focus-canvas: #C6431C;--focus-canvas-rgb: 198 67 28;--success: #FF9166;--success-rgb: 255 145 102;--success-text: #FFDFCF;--blr-green-dark: #C6431C;--blr-green-deeper: #A83817;--surface-sunken: #A83817;--surface-raised: #C6431C;--surface-raised-2: #D24E24;--tile-blue: #C6431C;--primary: #C6431C;--accent: #FFD8C7;--accent-ink: #5A1C0A}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/poppins-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/poppins-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/poppins-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100dvh;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:var(--font-sans);background-color:var(--blr-green);color:var(--text-white)}#root{min-height:100dvh;display:flex;flex-direction:column}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]):not([type=submit]):not([type=button]),select,textarea{font-size:16px}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:inherit}[role=button]{transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}[role=button]:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}[role=button]:active{transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media(max-width:430px){html{font-size:15px}}:where(button){transition:transform var(--dur-fast) var(--ease-out)}:where(button):not(:disabled):active{transform:scale(.97)}:where(button):disabled{transform:none}.ui-btn{appearance:none;font-family:var(--font-sans);font-weight:700;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);line-height:1;text-decoration:none;transition:background-color var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.ui-btn--md{padding:.7rem 1.1rem;font-size:var(--text-sm)}.ui-btn--lg{padding:.9rem 1.3rem;font-size:var(--text-base)}.ui-btn--block{width:100%}.ui-btn--primary{background:var(--text-white);color:var(--blr-green-dark)}.ui-btn--primary:hover{background:#eef3f1}.ui-btn--secondary{background:transparent;color:var(--text-white);border:1px solid var(--tile-border);font-weight:600}.ui-btn--secondary:hover{background:#ffffff1a}.ui-btn--danger{background:var(--danger, #C9463F);color:var(--text-white);border:none}.ui-btn--danger:hover{background:#b93d37}.ui-btn--danger-solid{background:var(--danger, #C9463F);color:var(--text-white);border:none;letter-spacing:.01em}.ui-btn--danger-solid:hover{background:#b93d37}.ui-btn:active{transform:scale(.97)}.ui-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.ui-chip{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .6rem;border-radius:var(--radius-pill, 999px);font-size:var(--text-xs, .75rem);background:var(--tile-bg);border:1px solid var(--tile-border);color:var(--text-white)}.ui-chip--role{font-weight:600;text-transform:capitalize}.ui-card{background:var(--tile-bg);border:1px solid var(--tile-border);border-radius:var(--tile-radius);padding:var(--space-4) var(--space-5);display:flex;flex-direction:column;gap:var(--space-2)}.ui-card--sunken{background:var(--surface-sunken);border-color:var(--hairline)}.ui-card--interactive{cursor:pointer;transition:background-color var(--dur-base) var(--ease-out),transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.ui-card--interactive:hover{background:#ffffff29;transform:translateY(-2px);box-shadow:var(--shadow-md)}.ui-card--interactive:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.ui-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin:0 0 var(--space-3)}.ui-section-header__title{margin:0;font-size:var(--text-base);font-weight:700;color:var(--text-white)}.ui-section-header__aside{font-size:var(--text-sm);color:var(--text-white-70)}.ui-highlight{position:relative;overflow:hidden;display:flex;align-items:center;gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-xl);border:1px solid var(--hairline);background:radial-gradient(38% 60% at 88% 18%,rgba(255,255,255,.12),transparent 70%),radial-gradient(46% 80% at 104% 118%,rgba(255,255,255,.1),transparent 68%),linear-gradient(160deg,#ffffff1a,#0000000f),var(--blr-green);box-shadow:var(--shadow-md);text-align:left;width:100%;color:var(--text-white);cursor:pointer;transition:transform var(--dur-base) var(--ease-out),box-shadow var(--dur-base) var(--ease-out)}.ui-highlight:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.ui-highlight:active{transform:translateY(0)}.ui-highlight__badge{flex:0 0 auto;width:56px;height:56px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;background:#ffffff24;color:var(--text-white)}.ui-highlight__body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.ui-highlight__eyebrow{margin:0 0 2px;font-size:var(--text-xs);font-weight:600;color:var(--text-white-70)}.ui-highlight__title{margin:0;font-size:var(--text-xl);font-weight:800;line-height:var(--leading-tight);text-wrap:balance}.ui-highlight__subtitle{margin:4px 0 0;font-size:var(--text-sm);color:var(--text-white-70)}.ui-highlight__chevron{flex:0 0 auto;color:var(--text-white-70)}.ui-bottomnav{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-bottomnav);display:flex;background:rgb(var(--blr-green-rgb) / .72);-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3);border-top:1px solid var(--hairline-strong);padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -6px 24px #00000038}@media(prefers-reduced-transparency:reduce){.ui-bottomnav{background:var(--surface-sunken);-webkit-backdrop-filter:none;backdrop-filter:none}}.ui-nav-item{position:relative;flex:1 1 0;min-height:var(--bottomnav-height);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:none;border:none;cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);font-weight:600;color:var(--text-white-70);transition:color var(--dur-fast) var(--ease-out)}.ui-nav-item:hover,.ui-nav-item--active{color:var(--text-white)}.ui-nav-item--active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:3px;border-radius:0 0 3px 3px;background:var(--accent);animation:ui-bar-in var(--dur-base) var(--ease-out) both}@media(min-width:768px){.ui-bottomnav{left:50%;right:auto;transform:translate(-50%);bottom:calc(env(safe-area-inset-bottom,0) + 14px);width:auto;justify-content:center;gap:.35rem;padding:.4rem .6rem;background:rgb(var(--blr-green-rgb) / .62);-webkit-backdrop-filter:blur(22px) saturate(1.4);backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg)}.ui-nav-item{flex:0 0 auto;min-width:108px;min-height:56px;border-radius:var(--radius-pill)}.ui-nav-item--active:before{display:none}.ui-nav-item--active{background:#ffffff29}}@media(min-width:768px)and (prefers-reduced-transparency:reduce){.ui-bottomnav{background:var(--surface-sunken);-webkit-backdrop-filter:none;backdrop-filter:none}}.ui-skeleton{position:relative;overflow:hidden;background:#ffffff14;border-radius:var(--tile-radius, 22px)}.ui-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);animation:ui-shimmer 1.4s ease-in-out infinite}@keyframes ui-shimmer{to{transform:translate(100%)}}@keyframes ui-materialize{0%{opacity:0;transform:translateY(-10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes ui-fade-in{0%{opacity:0}to{opacity:1}}@keyframes ui-phase-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:none}}@keyframes ui-sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes ui-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes ui-bar-in{0%{opacity:0;transform:translate(-50%) scaleX(.4)}to{opacity:1;transform:translate(-50%) scaleX(1)}}@keyframes ui-step-next{0%{opacity:0;transform:translate(18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes ui-step-prev{0%{opacity:0;transform:translate(-18px);filter:blur(3px)}to{opacity:1;transform:none;filter:none}}@keyframes ui-rise{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}.ui-anim-materialize{animation:ui-materialize var(--dur-base) var(--ease-out) both}.ui-anim-fade-in{animation:ui-fade-in var(--dur-base) var(--ease-out) both}.ui-anim-phase{animation:ui-phase-in var(--dur-base) var(--ease-out) both}.ui-step-next{animation:ui-step-next var(--dur-base) var(--ease-out) both}.ui-step-prev{animation:ui-step-prev var(--dur-base) var(--ease-out) both}.ui-step-field{animation:ui-rise var(--dur-base) var(--ease-out) 70ms both}.ui-focus-cta{transition:transform var(--keyboard-anim, .25s cubic-bezier(.32, .72, 0, 1)),opacity var(--dur-fast) var(--ease-out)}.ui-focus-tool{transition:opacity var(--dur-fast) var(--ease-out)}.ui-focus-tool:active{opacity:.62}.ui-focus-sheet{background:var(--focus-sheet, #F7F6F2);color:#10201c;border-radius:28px 28px 0 0;position:relative;--text-white: #10201C;--text-white-70: #5A6963;--text-white-50: #5A6963}.ui-focus-drawer{transition:transform var(--dur-slow, .28s) cubic-bezier(.32,.72,0,1)}.ui-focus-sheet:before{content:"";position:absolute;inset:0 0 auto;height:40px;border-radius:28px 28px 0 0;pointer-events:none;z-index:-1;box-shadow:0 -10px 26px #00000029}.ui-focus-sheet--paneel:before{content:none}[data-open=lijst]:before{content:none}.ui-focus-sheet__greep{display:block;width:44px;height:5px;border-radius:999px;background:#dad7cc;margin:12px auto;flex-shrink:0}.ui-focus-canvas.ui-focus-canvas--leeg{background-color:transparent}.ui-focus-grondvlak{position:fixed;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(to bottom,var(--focus-canvas) 0 50%,var(--focus-sheet) 50%)}.ui-anim-phase.ui-focus-canvas{position:relative;z-index:1}.ui-anim-phase.ui-focus-vast{position:fixed;inset:0;margin:0;overflow:hidden}@media(min-width:768px){.ui-focus-grondvlak{background-image:linear-gradient(to right,var(--focus-canvas) 0 var(--focus-rail-breedte, 248px),var(--focus-sheet) var(--focus-rail-breedte, 248px))}.ui-anim-phase.ui-focus-canvas{--focus-wortel-top: 0px;--focus-wortel-bg: transparent;height:100dvh;overflow:hidden}}.ui-focus-sheet--paneel{border-radius:0;box-shadow:none;background:transparent}.ui-focus-tegel{transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.ui-focus-tegel:active{transform:translateY(1px) scale(.985);box-shadow:0 1px 2px #10201c1f}.ui-focus-step-next{animation:ui-step-next var(--dur-fast) var(--ease-out) both}.ui-focus-step-prev{animation:ui-step-prev var(--dur-fast) var(--ease-out) both}.ui-focus-canvas{--blr-green: var(--focus-canvas);--blr-green-rgb: var(--focus-canvas-rgb);background-color:var(--focus-canvas);isolation:isolate;--text-white-70: #ffffff;--text-white-50: #ffffff;--focus-line: rgba(255, 255, 255, .6);--tile-border: var(--focus-line)}.ui-anim-sheet{animation:ui-sheet-up .32s cubic-bezier(.32,.72,0,1) both}.ui-anim-backdrop{animation:ui-backdrop-in var(--dur-slow) var(--ease-out) both}@keyframes ui-sheet-settle{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@keyframes ui-sheet-settle-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px)}}@keyframes ui-backdrop-out{0%{opacity:1}to{opacity:0}}.ui-anim-sheet-settle{animation:ui-sheet-settle var(--dur-base) var(--ease-out) both}.ui-anim-sheet-out{animation:ui-sheet-settle-out var(--dur-fast) var(--ease-out) both}.ui-anim-backdrop-out{animation:ui-backdrop-out var(--dur-fast) var(--ease-out) both}@keyframes ui-done-badge{0%{opacity:0;transform:scale(.6)}62%{opacity:1;transform:scale(1.06)}to{opacity:1;transform:scale(1)}}@keyframes ui-done-check{0%{stroke-dashoffset:32}to{stroke-dashoffset:0}}@keyframes ui-done-rise{0%{opacity:0;transform:translateY(10px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}.ui-done-badge{animation:ui-done-badge .5s var(--ease-out) both}.ui-done-check{stroke-dasharray:32;animation:ui-done-check .4s var(--ease-out) .34s both}.ui-done-rise{animation:ui-done-rise .5s var(--ease-out) both}@keyframes ui-check-in{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.14)}to{opacity:1;transform:scale(1)}}.ui-check-in{animation:ui-check-in .34s var(--ease-out) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[role=button]:hover,[role=button]:active,button:active{transform:none}.ui-focus-cta{transition:transform var(--keyboard-anim, .25s cubic-bezier(.32, .72, 0, 1)),opacity .01ms linear!important}}