:root{--merk-diep: #0F2444;--merk-donker: #1E3A5F;--merk-licht: #2D5A87;--merk-accent: #1D4ED8;--merk-zacht: #60A5FA;--merk-gradient: linear-gradient(135deg, #1E3A5F 0%, #2D5A87 100%);--merk-hero: linear-gradient(160deg, #0F2444 0%, #1E3A5F 50%, #2D5A87 100%);--opp-app: #F5F6F8;--opp-kaart: #FFFFFF;--opp-zacht: #F9FAFB;--opp-gevuld: #F3F4F6;--rand: #E5E7EB;--rand-sterk: #D1D5DB;--rand-veld: #8A9099;--tekst: #1F2937;--tekst-medium: #374151;--tekst-zacht: #6B7280;--tekst-op-merk: #FFFFFF;--grijs-decor: #9CA3AF;--grijs-decor-zacht:#D1D5DB;--gevaar: #DC2626;--gevaar-tekst: #991B1B;--gevaar-gradient: linear-gradient(135deg, #DC2626 0%, #B91C1C 100%);--gevaar-vlak: #FEE2E2;--gevaar-vlak-zacht:#FEF2F2;--gevaar-rand: #FCA5A5;--waarschuwing: #F59E0B;--waarschuwing-tekst:#92400E;--waarschuwing-vlak:#FEF3C7;--waarschuwing-vlak-zacht: #FFF7ED;--waarschuwing-rand:#FED7AA;--succes: #059669;--succes-tekst: #065F46;--succes-vlak: #D1FAE5;--succes-vlak-zacht:#F0FDF4;--succes-rand: #A7F3D0;--info: #2563EB;--info-tekst: #1E40AF;--info-vlak: #EFF6FF;--info-vlak-sterk: #DBEAFE;--info-rand: #BFDBFE;--info-vlak-flauw: #F8FAFF;--idee: #8B5CF6;--idee-vlak: #F5F3FF;--idee-rand: #DDD6FE;--fleet: #0EA5E9;--fleet-vlak: #F0F9FF;--fleet-rand: #BAE6FD;--kledij: #0D9488;--kledij-vlak: #F0FDFA;--kledij-rand: #99F6E4;--radius-klein: 10px;--radius: 12px;--radius-groot: 14px;--fs-xs: 11px;--fs-sm: 13px;--fs-md: 15px;--fs-lg: 17px;--fs-xl: 22px;--raakvlak: 44px}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--opp-app)}body{font-family:DM Sans,Nunito,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none}::-webkit-scrollbar{display:none}*{-ms-overflow-style:none;scrollbar-width:none}*{-webkit-overflow-scrolling:touch}input,select,textarea{font-size:16px!important}button:not(:disabled):active,[role=button]:active,[role=switch]:active{filter:brightness(.94);transform:scale(.98)}label:has(>input[type=file]):active{filter:brightness(.94);transform:scale(.98)}:focus-visible{outline:2px solid var(--merk-licht);outline-offset:2px;border-radius:4px}.volledig-scherm{min-height:100vh;min-height:100dvh}#root{padding-bottom:env(safe-area-inset-bottom,0px)}