:root{--primary: #003D5C;--primary-dark: #002A40;--primary-light: #005780;--secondary: #0088CC;--success: #22c55e;--success-dark: #16a34a;--danger: #dc2626;--danger-dark: #b91c1c;--warning: #f59e0b;--warning-dark: #d97706;--info: #3b82f6;--text-dark: #111827;--text-secondary: #6b7280;--text-light: #9ca3af;--background: #ffffff;--background-light: #f9fafb;--background-dark: #f3f4f6;--border: #e5e7eb;--border-light: #f3f4f6;--gradient-primary: linear-gradient(135deg, #22c55e 0%, #3b82f6 100%);--gradient-hero: linear-gradient(135deg, rgba(34, 197, 94, .1), rgba(59, 130, 246, .1));--gradient-danger: linear-gradient(135deg, #dc2626 0%, #b91c1c 100%);--gradient-wallet: linear-gradient(135deg, #3b82f6 0%, #9333ea 100%);--glass-bg: rgba(255, 255, 255, .5);--glass-bg-strong: rgba(255, 255, 255, .7);--glass-bg-dark: rgba(0, 61, 92, .1);--glass-border: rgba(0, 61, 92, .15);--glass-border-light: rgba(255, 255, 255, .2);--glass-blur: blur(10px);--glass-blur-strong: blur(20px);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-md: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, monospace;--text-xs: 12px;--text-sm: 14px;--text-base: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--text-5xl: 48px;--text-6xl: 60px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.75;--spacing-0: 0px;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--radius-none: 0px;--radius-sm: 4px;--radius-base: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 32px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--transition-all: all .3s ease;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 900;--z-modal: 1000;--z-popover: 1100;--z-tooltip: 1200;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-md);font-weight:var(--font-semibold);font-size:var(--text-base);font-family:var(--font-family);text-decoration:none;transition:var(--transition-all);border:none;cursor:pointer;white-space:nowrap;line-height:1}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--primary);color:#fff;box-shadow:var(--shadow)}.btn-primary:hover:not(:disabled){background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:var(--text-secondary);color:#fff;box-shadow:var(--shadow)}.btn-secondary:hover:not(:disabled){background:var(--text-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-success{background:var(--success);color:#fff;box-shadow:var(--shadow)}.btn-success:hover:not(:disabled){background:var(--success-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-danger{background:var(--danger);color:#fff;box-shadow:var(--shadow)}.btn-danger:hover:not(:disabled){background:var(--danger-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-warning{background:var(--warning);color:#fff;box-shadow:var(--shadow)}.btn-warning:hover:not(:disabled){background:var(--warning-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-ghost{background:transparent;color:var(--text-dark);border:2px solid var(--glass-border)}.btn-ghost:hover:not(:disabled){background:var(--glass-bg-dark);border-color:var(--primary)}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--text-sm)}.btn-lg{padding:var(--spacing-5) var(--spacing-8);font-size:var(--text-lg)}.btn-icon{padding:var(--spacing-3);border-radius:var(--radius-full)}.btn-block{width:100%}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-6);box-shadow:var(--shadow);transition:var(--transition-all)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.card-strong{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong)}.card-header{font-size:var(--text-xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-4);color:var(--text-dark)}.card-body{color:var(--text-dark)}.card-footer{margin-top:var(--spacing-4);padding-top:var(--spacing-4);border-top:1px solid var(--border)}.feature-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-8);text-align:center;transition:var(--transition-all)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary)}.feature-card-icon{font-size:var(--text-5xl);margin-bottom:var(--spacing-4)}.feature-card-title{font-size:var(--text-2xl);font-weight:var(--font-bold);margin-bottom:var(--spacing-3);color:var(--text-dark)}.feature-card-description{color:var(--text-secondary);line-height:var(--leading-relaxed)}.stat-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:2px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--spacing-6);text-align:center}.stat-card-value{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--primary);margin-bottom:var(--spacing-2)}.stat-card-label{font-size:var(--text-sm);color:var(--text-secondary)}input,textarea,select{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--glass-border);border-radius:var(--radius-md);font-size:var(--text-base);font-family:var(--font-family);background:#fffc;transition:var(--transition-all);color:var(--text-dark)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--primary);background:#fffffff2;box-shadow:0 0 0 3px #003d5c1a}input::placeholder,textarea::placeholder{color:var(--text-light)}label{display:block;font-weight:var(--font-semibold);margin-bottom:var(--spacing-2);color:var(--text-dark);font-size:var(--text-sm)}.form-group{margin-bottom:var(--spacing-4)}.form-error{color:var(--danger);font-size:var(--text-sm);margin-top:var(--spacing-1)}.form-help{color:var(--text-secondary);font-size:var(--text-sm);margin-top:var(--spacing-1)}.toggle-switch{position:relative;width:60px;height:32px;border-radius:var(--radius-full);transition:background-color var(--transition-base);cursor:pointer;flex-shrink:0;border:none;outline:none}.toggle-switch.active{background-color:var(--success)}.toggle-switch.inactive{background-color:var(--text-light)}.toggle-switch:hover{opacity:.85}.toggle-knob{position:absolute;top:3px;width:26px;height:26px;border-radius:var(--radius-full);background-color:#fff;transition:transform var(--transition-base);box-shadow:var(--shadow-sm);pointer-events:none}.toggle-knob.active{transform:translate(30px)}.toggle-knob.inactive{transform:translate(3px)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1}.badge-primary{background:var(--primary);color:#fff}.badge-success{background:var(--success);color:#fff}.badge-danger{background:var(--danger);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-secondary{background:var(--background-dark);color:var(--text-secondary)}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal-backdrop);padding:var(--spacing-5);animation:fadeIn var(--transition-base)}.modal-content{background:var(--glass-bg-strong);-webkit-backdrop-filter:var(--glass-blur-strong);backdrop-filter:var(--glass-blur-strong);border:2px solid var(--glass-border);border-radius:var(--radius-xl);padding:var(--spacing-8);max-width:500px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:slideUp var(--transition-base);z-index:var(--z-modal)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.nav{display:flex;gap:var(--spacing-2)}.nav-link{padding:var(--spacing-2) var(--spacing-4);border-radius:var(--radius-base);text-decoration:none;color:var(--text-dark);font-weight:var(--font-medium);transition:var(--transition-base)}.nav-link:hover{background:var(--glass-bg);color:var(--primary)}.nav-link.active{background:var(--glass-bg);color:var(--primary);font-weight:var(--font-semibold)}.alert{padding:var(--spacing-4);border-radius:var(--radius-md);border-left:4px solid;margin-bottom:var(--spacing-4)}.alert-success{background:#22c55e1a;border-color:var(--success);color:var(--success-dark)}.alert-danger{background:#dc26261a;border-color:var(--danger);color:var(--danger-dark)}.alert-warning{background:#f59e0b1a;border-color:var(--warning);color:var(--warning-dark)}.alert-info{background:#3b82f61a;border-color:var(--info);color:#1e40af}.spinner{border:3px solid var(--glass-border);border-top:3px solid var(--primary);border-radius:var(--radius-full);width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:4px}:root{--primary-color: var(--primary);--secondary-color: var(--primary-light);--accent-color: var(--secondary);--success-color: var(--success);--danger-color: var(--danger);--warning-color: var(--warning);--text-light: var(--text-secondary);--background-light: var(--background-light);--border-color: var(--border)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:var(--text-dark);background-image:url(/formulier.png);background-size:cover;background-position:center center;background-attachment:fixed;background-repeat:no-repeat;line-height:1.6;overflow-x:hidden}.glass{background:#ffffff80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,61,92,.15);border-radius:16px}.glass-strong{background:#ffffffb3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(0,61,92,.15);border-radius:16px}.app-container{display:flex;height:100vh;overflow:hidden}.main-content{flex:1;overflow-y:auto;padding:24px}.sos-button{width:200px;height:200px;background:var(--danger-color);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:48px;font-weight:800;box-shadow:0 0 0 20px #dc262633,0 0 0 40px #dc26261a;animation:pulse 2s infinite;cursor:pointer;transition:all .3s ease;border:none;font-family:inherit}.sos-button:hover{transform:scale(1.05)}.sos-button:active{transform:scale(.95)}.sos-button.active{background:#b91c1c;animation:pulse-fast 1s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 0 20px #dc262633,0 0 0 40px #dc26261a}50%{transform:scale(1.05);box-shadow:0 0 0 25px #dc262640,0 0 0 50px #dc262626}}@keyframes pulse-fast{0%,to{transform:scale(1);box-shadow:0 0 0 25px #dc26264d,0 0 0 50px #dc262633}50%{transform:scale(1.1);box-shadow:0 0 0 30px #dc262666,0 0 0 60px #dc26264d}}.container{max-width:1200px;margin:0 auto;padding:0 24px}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-semibold{font-weight:600}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:32px}.text-4xl{font-size:40px}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mt-5{margin-top:40px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:40px}.ml-1{margin-left:8px}.ml-2{margin-left:16px}.mr-1{margin-right:8px}.mr-2{margin-right:16px}.p-1{padding:8px}.p-2{padding:16px}.p-3{padding:24px}.p-4{padding:32px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}.gap-4{gap:32px}.w-full{width:100%}.h-full{height:100%}.hidden{display:none}.block{display:block}.rounded{border-radius:8px}.rounded-lg{border-radius:12px}.rounded-xl{border-radius:16px}.rounded-full{border-radius:9999px}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--text-light)}.text-danger{color:var(--danger-color)}.text-success{color:var(--success-color)}.text-warning{color:var(--warning-color)}.bg-danger{background-color:var(--danger-color)}.bg-success{background-color:var(--success-color)}.bg-warning{background-color:var(--warning-color)}@media(max-width:768px){.sos-button{width:160px;height:160px;font-size:36px}.main-content{padding:16px}}