*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0f1117;--bg-card: #1a1d27;--bg-card-hover: #21253a;--bg-modal: #1e2130;--border: #2e3250;--border-light: #3d4268;--accent: #4f6ef7;--accent-hover: #3d5ce0;--accent-light: rgba(79, 110, 247, .15);--green: #22c55e;--green-light: rgba(34, 197, 94, .15);--red: #ef4444;--red-light: rgba(239, 68, 68, .15);--yellow: #f59e0b;--yellow-light: rgba(245, 158, 11, .15);--text: #e2e6f3;--text-muted: #8b92b8;--text-dim: #555e85;--radius: 12px;--radius-sm: 8px;--shadow: 0 4px 24px rgba(0,0,0,.4)}body{font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;line-height:1.5;font-size:14px}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,select,textarea{font-family:inherit;outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}._card_1o4hg_1{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s;min-width:0}._card_1o4hg_1:hover{border-color:var(--border-light);box-shadow:0 8px 32px #0000004d}._top_1o4hg_17{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;gap:8px}._idBlock_1o4hg_25{display:flex;flex-direction:column;gap:2px}._idType_1o4hg_31{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim)}._id_1o4hg_25{font-size:18px;font-weight:700;letter-spacing:.04em;color:var(--text);font-variant-numeric:tabular-nums}._topRight_1o4hg_47{display:flex;align-items:center;gap:8px}._klantNaamRow_1o4hg_54{display:flex;align-items:center;gap:6px;flex-wrap:wrap}._klantStatus_1o4hg_61{font-size:10px;font-weight:600;padding:2px 7px;border-radius:20px;letter-spacing:.03em}._klantStatus_1o4hg_61._orange_1o4hg_69{background:#fb923c2e;color:#fb923c}._klantStatus_1o4hg_61._blue_1o4hg_70{background:#4f6ef72e;color:#7d9ff7}._klantStatus_1o4hg_61._purple_1o4hg_71{background:#a78bfa2e;color:#a78bfa}._editBtn_1o4hg_73{background:none;color:var(--text-dim);font-size:15px;width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .15s}._editBtn_1o4hg_73:hover{background:var(--accent-light);color:var(--accent)}._deleteBtn_1o4hg_90{background:none;color:var(--text-dim);font-size:13px;width:24px;height:24px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .15s}._deleteBtn_1o4hg_90:hover{background:var(--red-light);color:var(--red)}._info_1o4hg_108{padding:0 16px 14px;display:flex;flex-direction:column;gap:6px}._merkModel_1o4hg_115{font-size:15px;font-weight:600;color:var(--text)}._jaar_1o4hg_121{font-weight:400;color:var(--text-muted)}._dim_1o4hg_126{color:var(--text-dim)}._meta_1o4hg_128{display:flex;gap:8px;flex-wrap:wrap}._metaTag_1o4hg_134{font-size:12px;color:var(--text-muted);background:var(--bg);border:1px solid var(--border);border-radius:6px;padding:2px 8px}._notities_1o4hg_143{font-size:12px;color:var(--text-muted);font-style:italic;line-height:1.4}._divider_1o4hg_151{height:1px;background:var(--border);margin:0}._klantenSection_1o4hg_158{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px;flex:1}._klantenHeader_1o4hg_166{display:flex;align-items:center;justify-content:space-between}._klantenTitle_1o4hg_172{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim);display:flex;align-items:center;gap:6px}._count_1o4hg_183{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0 6px;font-size:11px;color:var(--text-muted)}._addKlantBtn_1o4hg_192{background:var(--accent-light);color:var(--accent);border:1px solid rgba(79,110,247,.3);font-size:12px;font-weight:500;padding:4px 10px;border-radius:6px;transition:all .15s}._addKlantBtn_1o4hg_192:hover{background:var(--accent);color:#fff;border-color:var(--accent)}._empty_1o4hg_208{font-size:12px;color:var(--text-dim);font-style:italic}._klantList_1o4hg_214{list-style:none;display:flex;flex-direction:column;gap:8px}._klantItem_1o4hg_221{display:flex;align-items:flex-start;gap:8px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 10px}._klantInfo_1o4hg_231{flex:1;display:flex;flex-direction:column;gap:3px;min-width:0}._klantNaam_1o4hg_54{font-size:13px;font-weight:600;color:var(--text)}._klantContact_1o4hg_245{display:flex;flex-wrap:wrap;gap:6px}._contactLink_1o4hg_251{font-size:11px;color:var(--text-muted);text-decoration:none;transition:color .15s}._contactLink_1o4hg_251:hover{color:var(--accent)}._klantNotitie_1o4hg_259{font-size:11px;color:var(--text-dim);font-style:italic}._klantActions_1o4hg_265{display:flex;flex-direction:column;gap:4px;flex-shrink:0}._editKlantBtn_1o4hg_272{background:none;color:var(--text-dim);font-size:13px;width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}._editKlantBtn_1o4hg_272:hover{background:var(--accent-light);color:var(--accent)}._removeKlant_1o4hg_289{background:none;color:var(--text-dim);font-size:12px;width:20px;height:20px;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .15s}._removeKlant_1o4hg_289:hover{background:var(--red-light);color:var(--red)}._overlay_1swl1_1{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}._modal_1swl1_13{background:var(--bg-modal);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);width:100%;max-width:480px;animation:_slideIn_1swl1_1 .18s ease}@keyframes _slideIn_1swl1_1{0%{opacity:0;transform:translateY(-12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}._header_1swl1_28{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--border)}._title_1swl1_36{font-size:16px;font-weight:600;color:var(--text)}._close_1swl1_42{background:none;color:var(--text-muted);font-size:16px;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:background .15s,color .15s}._close_1swl1_42:hover{background:var(--red-light);color:var(--red)}._body_1swl1_60{padding:20px 24px 24px}@media (max-width: 480px){._overlay_1swl1_1{align-items:flex-end;padding:0}._modal_1swl1_13{max-width:100%;border-radius:var(--radius) var(--radius) 0 0;max-height:92dvh;overflow-y:auto;animation:_slideUp_1swl1_1 .22s ease}@keyframes _slideUp_1swl1_1{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}._header_1swl1_28{padding:16px 18px 14px}._body_1swl1_60{padding:16px 18px 28px}}._form_h2pik_1{display:flex;flex-direction:column;gap:14px}._row_h2pik_7{display:flex}._toggleGroup_h2pik_11{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px;gap:3px}._toggle_h2pik_11{background:none;color:var(--text-muted);font-size:13px;font-weight:500;padding:5px 14px;border-radius:6px;transition:all .15s}._toggle_h2pik_11._active_h2pik_30{background:var(--accent);color:#fff}._toggle_h2pik_11:not(._active_h2pik_30):hover{background:var(--border);color:var(--text)}._grid2_h2pik_40{display:grid;grid-template-columns:1fr 1fr;gap:12px}._field_h2pik_46{display:flex;flex-direction:column;gap:5px}._label_h2pik_52{font-size:12px;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em}._input_h2pik_60,._select_h2pik_60,._textarea_h2pik_60{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:8px 12px;font-size:14px;transition:border-color .15s;width:100%}._input_h2pik_60:focus,._select_h2pik_60:focus,._textarea_h2pik_60:focus{border-color:var(--accent)}._input_h2pik_60::placeholder,._textarea_h2pik_60::placeholder{color:var(--text-dim)}._select_h2pik_60{cursor:pointer}._select_h2pik_60 option{background:var(--bg-modal)}._textarea_h2pik_60{resize:vertical;min-height:72px}._error_h2pik_92{color:var(--red);font-size:13px;background:var(--red-light);border:1px solid rgba(239,68,68,.3);padding:8px 12px;border-radius:var(--radius-sm)}._actions_h2pik_101{display:flex;gap:10px;justify-content:flex-end;padding-top:4px}._btnPrimary_h2pik_108{background:var(--accent);color:#fff;font-size:14px;font-weight:500;padding:9px 20px;border-radius:var(--radius-sm);transition:background .15s}._btnPrimary_h2pik_108:hover{background:var(--accent-hover)}._btnSecondary_h2pik_119{background:var(--bg);color:var(--text-muted);border:1px solid var(--border);font-size:14px;font-weight:500;padding:9px 16px;border-radius:var(--radius-sm);transition:all .15s}._btnSecondary_h2pik_119:hover{background:var(--border);color:var(--text)}@media (max-width: 480px){._grid2_h2pik_40{grid-template-columns:1fr;gap:14px}._actions_h2pik_101{flex-direction:column-reverse}._btnPrimary_h2pik_108,._btnSecondary_h2pik_119{width:100%;text-align:center;padding:11px 16px}}._message_rtf2u_1{color:var(--text-muted);font-size:14px;line-height:1.5;margin:0 0 20px}._actions_rtf2u_8{display:flex;gap:10px;justify-content:flex-end}._cancel_rtf2u_14{background:var(--bg-card);color:var(--text);border:1px solid var(--border);padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:500;transition:background .15s}._cancel_rtf2u_14:hover{background:var(--bg-hover)}._confirm_rtf2u_29{background:var(--red);color:#fff;border:1px solid transparent;padding:8px 16px;border-radius:var(--radius);font-size:14px;font-weight:600;transition:opacity .15s}._confirm_rtf2u_29:hover{opacity:.85}@media (max-width: 480px){._actions_rtf2u_8{flex-direction:column-reverse}._cancel_rtf2u_14,._confirm_rtf2u_29{width:100%;text-align:center;padding:11px 16px}}._app_1p1aa_1{min-height:100vh;display:flex;flex-direction:column}._header_1p1aa_8{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid var(--border);background:var(--bg-card);gap:16px;flex-wrap:wrap;position:sticky;top:0;z-index:10}._headerLeft_1p1aa_22{display:flex;align-items:center;gap:12px}._logo_1p1aa_28{display:flex;align-items:center;gap:8px}._logoIcon_1p1aa_34{font-size:22px}._logoText_1p1aa_36{font-size:20px;font-weight:700;color:var(--text);letter-spacing:-.02em}._headerSub_1p1aa_43{font-size:12px;color:var(--text-dim);border-left:1px solid var(--border);padding-left:12px}._headerActions_1p1aa_50{display:flex;align-items:center;gap:8px}._btnPrimary_1p1aa_56{background:var(--accent);color:#fff;font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--radius-sm);transition:background .15s;white-space:nowrap}._btnPrimary_1p1aa_56:hover{background:var(--accent-hover)}._btnPrimary_1p1aa_56:disabled{opacity:.4;cursor:not-allowed}._btnOutline_1p1aa_69{background:none;color:var(--text-muted);border:1px solid var(--border);font-size:13px;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);transition:all .15s;white-space:nowrap}._btnOutline_1p1aa_69:hover{background:var(--border);color:var(--text)}._btnOutline_1p1aa_69:disabled{opacity:.4;cursor:not-allowed}._filterBar_1p1aa_84{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;gap:12px;border-bottom:1px solid var(--border);flex-wrap:wrap}._statusFilters_1p1aa_94{display:flex;gap:4px;flex-wrap:wrap}._filterBtn_1p1aa_100{background:none;color:var(--text-muted);font-size:13px;font-weight:500;padding:5px 12px;border-radius:6px;border:1px solid transparent;display:flex;align-items:center;gap:6px;transition:all .15s}._filterBtn_1p1aa_100:hover{background:var(--border);color:var(--text)}._filterBtn_1p1aa_100._filterActive_1p1aa_115{background:var(--accent-light);color:var(--accent);border-color:#4f6ef74d}._filterCount_1p1aa_121{background:#ffffff14;border-radius:10px;padding:0 6px;font-size:11px}._filterActive_1p1aa_115 ._filterCount_1p1aa_121{background:#4f6ef733}._zoekInput_1p1aa_132{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:7px 14px;font-size:13px;width:240px;transition:border-color .15s}._zoekInput_1p1aa_132:focus{border-color:var(--accent)}._zoekInput_1p1aa_132::placeholder{color:var(--text-dim)}._main_1p1aa_146{flex:1;padding:24px}._grid_1p1aa_151{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;align-items:start}._emptyState_1p1aa_159{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:80px 24px;text-align:center}._emptyIcon_1p1aa_169{font-size:48px;opacity:.4}._emptyText_1p1aa_171{color:var(--text-dim);font-size:15px}@media (max-width: 768px){._header_1p1aa_8{padding:12px 16px}._main_1p1aa_146{padding:16px}._filterBar_1p1aa_84{padding:10px 16px}._zoekInput_1p1aa_132{width:100%}}@media (max-width: 480px){._header_1p1aa_8{flex-direction:column;align-items:flex-start;padding:12px 14px;gap:10px}._headerLeft_1p1aa_22{width:100%}._headerSub_1p1aa_43{display:none}._headerActions_1p1aa_50{width:100%;justify-content:stretch}._headerActions_1p1aa_50 button{flex:1;justify-content:center;text-align:center;font-size:12px;padding:8px}._filterBar_1p1aa_84{padding:10px 14px}._main_1p1aa_146{padding:12px 14px}._grid_1p1aa_151{grid-template-columns:1fr;gap:12px}._emptyState_1p1aa_159{padding:60px 16px}}