@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary-900:#071231;--color-primary-800:#0a1c38;--color-primary-700:#081a37;--color-primary-600:#1d2940;--color-primary-500:#262f43;--color-primary-400:#193350;--color-accent-100:#fdfdfb;--color-accent-200:#f6f7f7;--color-accent-300:#f1f3f4;--color-accent-400:#b6a49a;--color-accent-500:#89776c;--color-accent-600:#897568;--color-gray-50:#f9fafb;--color-gray-100:#f6f7f9;--color-gray-200:#f1f2f4;--color-gray-300:#ededeb;--color-gray-400:#e8e8e7;--color-gray-500:#c9c6c4;--color-gray-600:#bbb9b8;--color-gray-700:#9ca4ae;--color-gray-800:#6d727a;--color-gray-900:#4e5969;--bg-primary:#fff;--bg-secondary:var(--color-gray-50);--bg-tertiary:var(--color-gray-100);--bg-dark:var(--color-primary-900);--text-primary:var(--color-primary-900);--text-secondary:var(--color-primary-600);--text-tertiary:var(--color-gray-700);--text-light:var(--color-gray-500);--text-inverse:#fff;--color-accent:var(--color-accent-400);--color-accent-light:var(--color-accent-300);--color-accent-dark:var(--color-accent-500);--color-success:#22c55e;--color-success-light:#86efac;--color-warning:#f59e0b;--color-warning-light:#fcd34d;--color-error:#ef4444;--color-error-light:#fca5a5;--color-info:var(--color-primary-600);--color-info-light:var(--color-primary-400);--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--size-xs:.25rem;--size-sm:.5rem;--size-md:1rem;--size-lg:1.5rem;--size-xl:2rem;--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-full:9999px;--border-thin:1px;--border-normal:2px;--border-thick:4px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.35s ease;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-dark{background-color:var(--bg-dark)}.bg-accent{background-color:var(--color-accent)}.bg-accent-light{background-color:var(--color-accent-light)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-light{color:var(--text-light)}.text-inverse{color:var(--text-inverse)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}a{color:var(--color-primary-600);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-400)}.btn{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);text-align:center;cursor:pointer;border:var(--border-thin) solid transparent;border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:disabled:hover{box-shadow:none;transform:none}.btn-primary{background-color:var(--color-accent-400);color:var(--color-primary-900)}.btn-primary:hover:not(:disabled){background-color:var(--color-accent-500);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:var(--color-accent-600);transform:translateY(0)}.btn-secondary{background-color:var(--color-primary-600);color:var(--text-inverse)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-700);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background-color:var(--color-primary-900);transform:translateY(0)}.btn-outline{border-color:var(--color-primary-600);color:var(--color-primary-600);background-color:#0000}.btn-outline:hover:not(:disabled){border-color:var(--color-primary-700);color:var(--color-primary-700);background-color:#1d29400d}.btn-ghost{color:var(--text-secondary);background-color:#0000;border-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--bg-secondary);color:var(--text-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-md);background-color:#dc2626;transform:translateY(-1px)}.card{background-color:var(--bg-primary);border:var(--border-thin) solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-normal), transform var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-interactive{cursor:pointer}.card-interactive:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:var(--border-thin) solid var(--color-gray-200)}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-xs)}.card-subtitle{font-size:var(--text-sm);color:var(--text-tertiary)}.card-body{gap:var(--space-md);flex-direction:column;display:flex}.card-footer{margin-top:var(--space-md);padding-top:var(--space-md);border-top:var(--border-thin) solid var(--color-gray-200);justify-content:flex-end;gap:var(--space-sm);display:flex}.form-group{gap:var(--space-xs);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.form-input,.form-select,.form-textarea{padding:var(--space-sm) var(--space-md);font-family:inherit;font-size:var(--text-base);color:var(--text-primary);background-color:var(--bg-primary);border:var(--border-thin) solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);width:100%;line-height:1.5}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary-600);outline:none;box-shadow:0 0 0 3px #1d29401a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--color-gray-100);color:var(--text-light);cursor:not-allowed}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-light)}.form-hint{font-size:var(--text-xs);color:var(--text-light)}.form-error{font-size:var(--text-xs);color:var(--color-error);margin-top:var(--space-xs)}.form-row{gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.table-container{border:var(--border-thin) solid var(--color-gray-200);border-radius:var(--radius-lg);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-md) var(--space-lg);text-align:left}.table th{background-color:var(--color-gray-100);font-weight:var(--font-semibold);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;border-bottom:var(--border-thin) solid var(--color-gray-200)}.table td{border-bottom:var(--border-thin) solid var(--color-gray-200);color:var(--text-primary)}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:var(--color-gray-50)}.table tbody tr.selected{background-color:var(--color-accent-light)}.header{background-color:var(--bg-primary);border-bottom:var(--border-thin) solid var(--color-gray-200);padding:var(--space-md) 0;z-index:100;position:sticky;top:0}.header-container{max-width:1400px;padding:0 var(--space-xl);justify-content:space-between;align-items:center;gap:var(--space-xl);margin:0 auto;display:flex}.header-logo{align-items:center;gap:var(--space-sm);text-decoration:none;display:flex}.header-logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.header-logo-subtitle{font-size:var(--text-xs);color:var(--text-light);text-transform:uppercase;letter-spacing:.1em}.header-nav{align-items:center;gap:var(--space-lg);display:flex}.header-nav-link{align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;display:flex}.header-nav-link:hover{color:var(--text-primary);background-color:var(--color-gray-100)}.header-nav-link.active{color:var(--color-accent-400);background-color:#b6a49a1a}.header-actions{align-items:center;gap:var(--space-sm);display:flex}.main{max-width:1400px;padding:0 var(--space-xl);min-height:calc(100vh - 200px);margin:0 auto}.main-full{max-width:none;padding:0}.footer{background-color:var(--color-primary-900);color:var(--text-inverse);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-3xl)}.footer-container{max-width:1400px;padding:0 var(--space-xl);gap:var(--space-2xl);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;display:grid}.footer-section h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-inverse);margin-bottom:var(--space-lg)}.footer-section p,.footer-section a{font-size:var(--text-sm);color:var(--color-gray-400);line-height:var(--leading-relaxed);margin-bottom:var(--space-sm);display:block}.footer-section a:hover{color:var(--color-accent-300)}.footer-bottom{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:var(--border-thin) solid #ffffff1a;text-align:center;font-size:var(--text-sm);color:var(--color-gray-500)}.badge{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);align-items:center;line-height:1;display:inline-flex}.badge-primary{color:var(--color-primary-600);background-color:#1d29401a}.badge-secondary{color:var(--color-accent-500);background-color:#b6a49a26}.badge-success{color:var(--color-success);background-color:#22c55e1a}.badge-warning{color:var(--color-warning);background-color:#f59e0b1a}.badge-error{color:var(--color-error);background-color:#ef44441a}.badge-info{color:var(--color-info);background-color:#1d29401a}.alert{align-items:flex-start;gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:var(--leading-normal);display:flex}.alert-icon{flex-shrink:0;width:20px;height:20px}.alert-title{font-weight:var(--font-semibold);margin-bottom:var(--space-xs)}.alert-info{border-left:4px solid var(--color-info);color:var(--color-info);background-color:#1d29400d}.alert-success{border-left:4px solid var(--color-success);color:var(--color-success);background-color:#22c55e0d}.alert-warning{border-left:4px solid var(--color-warning);color:var(--color-warning);background-color:#f59e0b0d}.alert-error{border-left:4px solid var(--color-error);color:var(--color-error);background-color:#ef44440d}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.grid{display:grid}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.m-0{margin:0}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.text-truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hidden{display:none}.visible{display:block}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.border-0{border:none}.border{border:var(--border-thin) solid var(--color-gray-200)}.border-t{border-top:var(--border-thin) solid var(--color-gray-200)}.border-b{border-bottom:var(--border-thin) solid var(--color-gray-200)}.border-l{border-left:var(--border-thin) solid var(--color-gray-200)}.border-r{border-right:var(--border-thin) solid var(--color-gray-200)}.border-primary{border-color:var(--color-primary-600)}.border-accent{border-color:var(--color-accent-400)}.border-error{border-color:var(--color-error)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.w-full{width:100%}.w-auto{width:auto}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn var(--transition-normal) ease-out}.animate-slide-up{animation:slideUp var(--transition-normal) ease-out}.animate-slide-down{animation:slideDown var(--transition-normal) ease-out}.animate-pulse{animation:2s infinite pulse}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-gray-400);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-gray-500)}::selection{background-color:var(--color-accent-400);color:var(--color-primary-900)}:focus-visible{outline:2px solid var(--color-primary-600);outline-offset:2px}@media (width<=1024px){.main,.header-container,.footer-container{padding:0 var(--space-lg)}}@media (width<=768px){html{font-size:15px}.main,.header-container{padding:0 var(--space-md)}.header-nav{display:none}.footer-container{padding:0 var(--space-md);gap:var(--space-lg);grid-template-columns:1fr}.btn{padding:var(--space-sm) var(--space-md);font-size:var(--text-xs)}.card{padding:var(--space-md)}.form-row{grid-template-columns:1fr}.table-container{border:none}.table th,.table td{padding:var(--space-sm)}}@media (width<=480px){.header-logo-text{font-size:var(--text-lg)}.header-logo-subtitle{display:none}.card{box-shadow:none;padding:var(--space-sm);border:none}.form-group{margin-bottom:var(--space-md)}.btn{width:100%}}.card-featured{border:var(--border-thin) solid var(--color-accent-400);background-color:var(--bg-primary)}.title-main{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary-900);line-height:var(--leading-tight);margin-bottom:var(--space-lg)}.title-section{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--color-primary-900);margin-bottom:var(--space-md)}.title-card{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-primary-900)}.subtitle{font-size:var(--text-lg);color:var(--color-primary-600);margin-bottom:var(--space-xl)}.divider{height:var(--border-thin);background:linear-gradient(to right, transparent, var(--color-gray-300), transparent);margin:var(--space-xl) 0}.border-container{border:var(--border-thin) solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-xl)}.hover-lift{transition:transform var(--transition-fast), box-shadow var(--transition-fast)}.hover-lift:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.text-fiets{background:linear-gradient(135deg, var(--color-primary-600), var(--color-accent-400));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.bg-gradient-fiet{background:linear-gradient(135deg, var(--color-primary-900) 0%, var(--color-primary-600) 100%)}.bg-texture{background-color:var(--bg-primary);background-image:radial-gradient(var(--color-gray-100) 1px, transparent 1px);background-size:20px 20px}