:root{--navy:#0d1b2a;--navy-mid:#1b2d42;--navy-light:#243447;--steel:#3a5068;--accent:#4a9ebf;--accent-dim:#2d7a9a;--gold:#c9a84c;--success:#3daa6e;--warning:#e8962e;--danger:#d45454;--text-primary:#f0f4f8;--text-secondary:#8ba5be;--text-muted:#5a7a94;--border:#243447;--border-light:#2d4055;--surface:#182535;--surface-raised:#1e2f40;--font-main:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:8px;--radius-lg:12px;--shadow:0 2px 8px #0000004d;--shadow-lg:0 8px 24px #0006}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background:var(--navy);color:var(--text-primary);min-height:100vh;font-size:14px;line-height:1.5}a{color:var(--accent);text-decoration:none}button{font-family:var(--font-main);cursor:pointer;border-radius:var(--radius);border:none;font-size:13px;font-weight:500;transition:all .15s}.btn-primary{background:var(--accent);color:#fff;padding:8px 16px}.btn-primary:hover{background:#5baed0}.btn-secondary{background:var(--navy-light);color:var(--text-primary);border:1px solid var(--border-light);padding:8px 16px}.btn-secondary:hover{background:var(--steel)}.btn-danger{background:var(--danger);color:#fff;padding:8px 16px}.btn-success{background:var(--success);color:#fff;padding:8px 16px}.btn-sm{padding:5px 10px;font-size:12px}.btn-icon{justify-content:center;align-items:center;padding:6px;display:inline-flex}input,select,textarea{font-family:var(--font-main);background:var(--navy-light);border:1px solid var(--border-light);border-radius:var(--radius);color:var(--text-primary);outline:none;width:100%;padding:8px 12px;font-size:13px;transition:border-color .15s}input:focus,select:focus{border-color:var(--accent)}input::placeholder{color:var(--text-muted)}select option{background:var(--navy-mid)}label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px;font-size:12px;font-weight:500;display:block}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.badge{border-radius:100px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge-bevestigd{color:var(--success);background:#3daa6e33}.badge-onbevestigd{color:var(--accent);background:#4a9ebf33}.badge-gepland{color:var(--gold);background:#c9a84c33}.badge-ter-bevestiging{color:var(--warning);background:#e8962e33}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;text-align:left;border-bottom:1px solid var(--border);padding:8px 12px;font-size:11px;font-weight:600}td{border-bottom:1px solid var(--border);padding:10px 12px;font-size:13px}tr:last-child td{border-bottom:none}tr:hover td{background:#ffffff08}.form-row{gap:16px;margin-bottom:16px;display:grid}.form-row.cols-2{grid-template-columns:1fr 1fr}.form-row.cols-3{grid-template-columns:1fr 1fr 1fr}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--navy-mid);border:1px solid var(--border-light);border-radius:var(--radius-lg);width:100%;max-width:560px;max-height:90vh;box-shadow:var(--shadow-lg);padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.modal-title{font-size:16px;font-weight:600}.stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px 20px}.stat-value{font-size:28px;font-weight:700;font-family:var(--font-mono)}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.07em;margin-top:2px;font-size:11px}.progress-bar{background:var(--navy-light);border-radius:100px;height:6px;margin-top:8px;overflow:hidden}.progress-fill{border-radius:100px;height:100%;transition:width .5s}.toast{background:var(--navy-mid);border:1px solid var(--border-light);border-radius:var(--radius);box-shadow:var(--shadow-lg);z-index:200;align-items:center;gap:8px;padding:12px 16px;font-size:13px;display:flex;position:fixed;bottom:24px;right:24px}.toast.success{border-left:3px solid var(--success)}.toast.error{border-left:3px solid var(--danger)}.divider{background:var(--border);height:1px;margin:20px 0}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mt-4{margin-top:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--navy)}::-webkit-scrollbar-thumb{background:var(--steel);border-radius:3px}