@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{--brand-1: #4ade80;--brand-2: #6ee7b7;--brand-3: #a7f3d0;--brand-4: #d1fae5;--brand-gradient: linear-gradient(135deg, #4ade80 0%, #6ee7b7 50%, #a7f3d0 100%);--brand-gradient-soft: linear-gradient(135deg, rgba(74,222,128,.18) 0%, rgba(167,243,208,.1) 100%);--bg-0: #f6fdf9;--bg-1: #ecfdf3;--card-bg: rgba(255,255,255,.82);--card-border: rgba(16,185,129,.14);--card-shadow: 0 20px 60px -20px rgba(6,95,70,.18), 0 8px 24px -12px rgba(6,95,70,.1);--card-shadow-hover: 0 28px 80px -16px rgba(6,95,70,.26), 0 12px 32px -8px rgba(6,95,70,.16);--text: #052e1d;--text-soft: #265b46;--muted: #7a9b8a;--line: rgba(6,95,70,.08);--line-strong: rgba(6,95,70,.14);--surface-input: rgba(255,255,255,.9);--surface-raised: rgba(255,255,255,.72);--surface-hover: rgba(74,222,128,.08);--top-bar-bg: rgba(255,255,255,.78);--sidebar-bg: rgba(255,255,255,.85);--sidebar-width: 240px;--accent: #93daac;--accent-2: #6ee7b7;--accent-soft: rgba(74,222,128,.14);--accent-ring: rgba(74,222,128,.18);--accent-text: #14532d;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--danger-soft: rgba(239,68,68,.1);--info: #3b82f6;--radius-xl: 24px;--radius-lg: 16px;--radius-md: 12px;--radius-sm: 8px;--radius-xs: 6px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}@media(prefers-color-scheme:dark){:root{--is-dark: 1}}[data-theme=dark]{--bg-0: #061a12;--bg-1: #0a261a;--card-bg: rgba(14,38,28,.78);--card-border: rgba(110,231,183,.12);--card-shadow: 0 24px 70px -20px rgba(0,0,0,.65), 0 10px 28px -12px rgba(0,0,0,.5);--card-shadow-hover: 0 32px 90px -16px rgba(16,185,129,.32), 0 16px 40px -10px rgba(0,0,0,.5);--text: #e6fff2;--text-soft: #b8e5cf;--muted: #7a9b8a;--line: rgba(110,231,183,.08);--line-strong: rgba(110,231,183,.18);--surface-input: rgba(255,255,255,.05);--surface-raised: rgba(255,255,255,.04);--surface-hover: rgba(110,231,183,.1);--top-bar-bg: rgba(6,26,18,.8);--sidebar-bg: rgba(10,38,26,.9);--accent: #86efac;--accent-2: #a7f3d0;--accent-soft: rgba(134,239,172,.16);--accent-ring: rgba(134,239,172,.2);--accent-text: #bbf7d0;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}button,input,select,textarea,optgroup{font-family:inherit}html,body{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif;color:var(--text);background:var(--bg-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.01em;line-height:1.6}body:before{content:"";position:fixed;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(74,222,128,.2) 0%,transparent 70%);border-radius:50%;filter:blur(60px);pointer-events:none;z-index:0}body:after{content:"";position:fixed;bottom:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,rgba(167,243,208,.14) 0%,transparent 70%);border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0}#app{position:relative;z-index:1;height:100%}@media(min-width:700px)and (max-width:991px){#app{zoom:.85}}h1,h2,h3,h4,h5,h6{font-family:Space Grotesk,Inter,sans-serif;font-weight:700;margin:0;line-height:1.25;letter-spacing:-.02em}p{margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--card-shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow .3s var(--ease),transform .3s var(--ease),border-color .3s var(--ease)}.card:hover{box-shadow:var(--card-shadow-hover);border-color:#4ade803d}.table-card,.card:has(table){box-shadow:none}.table-card:hover,.card:has(table):hover{box-shadow:none;border-color:var(--card-border)}@media(max-width:699px){.table-card{margin-inline:calc(50% - 50vw);border-radius:0;border-left:none;border-right:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:600;font-family:inherit;cursor:pointer;border:none;transition:all .2s var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:#93daac;color:#fff}.btn-primary:hover{background:#72cc93;color:#fff}.btn-primary:active{background:#56b87a;color:#fff}.btn-secondary{background:var(--accent-soft);color:var(--accent-text);border:1px solid var(--accent-ring)}.btn-secondary:hover{background:#4ade8038}.btn-ghost{background:transparent;color:var(--text-soft);border:1px solid var(--line-strong)}.btn-ghost:hover{background:var(--surface-hover);color:var(--text);border-color:var(--accent-ring)}.btn-danger{background:var(--danger-soft);color:var(--danger);border:1px solid rgba(239,68,68,.2)}.btn-danger:hover{background:#ef444429}.btn-sm{padding:6px 12px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{padding:14px 28px;font-size:16px;border-radius:var(--radius-lg)}.btn-icon{padding:8px;border-radius:var(--radius-sm);aspect-ratio:1;justify-content:center}.btn-block{width:100%;justify-content:center}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:12px;font-weight:600;color:var(--text-soft)}.field-input{position:relative;display:flex;align-items:center}.field-input input,.field-input select,.field-input textarea{width:100%;background:var(--surface-input);border:1.5px solid var(--line-strong);border-radius:var(--radius-md);padding:10px 14px 10px 40px;font-family:inherit;font-size:14px;color:var(--text);outline:none;transition:border-color .2s,box-shadow .2s}.field-input.no-icon input,.field-input.no-icon select,.field-input.no-icon textarea{padding-left:14px}.field-input input:focus,.field-input select:focus,.field-input textarea:focus{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-ring)}.field-icon{position:absolute;left:12px;color:var(--muted);width:16px;height:16px;pointer-events:none;flex-shrink:0}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-green{background:var(--accent-soft);color:var(--accent-text)}.badge-mint{background:#6ee7b72e;color:#047857}.badge-red{background:var(--danger-soft);color:var(--danger)}.badge-orange{background:#f59e0b24;color:#d97706}.badge-blue{background:#3b82f624;color:#2563eb}.badge-green{background:#8b5cf624;color:#166534}.badge-gray{background:#6b72801f;color:var(--muted)}.badge-darkred{background:#991b1b24;color:#991b1b}.status-online{background:#86efac38;color:#047857}.status-staat-klaar{background:#93c5fd3d;color:#1d4ed8}.status-in-behandeling{background:#fcd34d42;color:#a16207}.status-nog-doen{background:#fdba7442;color:#c2410c}.status-wordt-geupdate{background:#c4b5fd42;color:#6d28d9}.status-offline{background:#fca5a54d;color:#b91c1c}.status-failliet{background:#a8a29e42;color:#57534e}.divider{height:1px;background:var(--line);margin:0}*{scrollbar-width:none;-ms-overflow-style:none}::-webkit-scrollbar{width:0;height:0;display:none}.fade-enter-active,.fade-leave-active{transition:opacity .2s var(--ease)}.fade-enter-from,.fade-leave-to{opacity:0}.slide-up-enter-active,.slide-up-leave-active{transition:all .3s var(--ease)}.slide-up-enter-from,.slide-up-leave-to{opacity:0;transform:translateY(16px)}.scale-enter-active,.scale-leave-active{transition:all .25s var(--ease-spring)}.scale-enter-from,.scale-leave-to{opacity:0;transform:scale(.92)}.spinner{width:20px;height:20px;border:2.5px solid var(--line-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:699px){#topbar-actions{display:none!important}}@media(min-width:700px){#topbar-actions .lv-header,#topbar-actions .cv-header,#topbar-actions .tv-header,#topbar-actions .ld-header,#topbar-actions .cd-header{flex:1;min-width:0;margin:0;align-items:center;flex-wrap:nowrap!important;gap:8px}#topbar-actions .lv-header-left,#topbar-actions .lv-header-right,#topbar-actions .cv-header-left{flex-wrap:nowrap!important;align-items:center}#topbar-actions .ld-header h1{font-size:16px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#topbar-actions .tv-header h2{font-size:17px;margin:0}}@media(max-width:699px){.lv-header,.cv-header,.tv-header,.ld-header,.cd-header,.tv-tabs{position:fixed!important;bottom:calc(50px + env(safe-area-inset-bottom,0px));left:0;right:0;z-index:99;margin:0;padding:6px 12px;gap:8px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap!important;justify-content:flex-start!important;align-items:center;min-height:46px;background:#ffffff8c;backdrop-filter:blur(24px) saturate(1.8);-webkit-backdrop-filter:blur(24px) saturate(1.8);border-top:1px solid rgba(255,255,255,.6);box-shadow:0 -8px 24px #065f461a}[data-theme=dark] .lv-header,[data-theme=dark] .cv-header,[data-theme=dark] .tv-header,[data-theme=dark] .ld-header,[data-theme=dark] .cd-header,[data-theme=dark] .tv-tabs{background:#0a261a99;border-top-color:#6ee7b726}.lv-header::-webkit-scrollbar,.cv-header::-webkit-scrollbar,.tv-header::-webkit-scrollbar,.ld-header::-webkit-scrollbar,.cd-header::-webkit-scrollbar,.tv-tabs::-webkit-scrollbar{display:none}.lv-header-left,.lv-header-right,.cv-header-left{display:flex!important;flex-wrap:nowrap!important;gap:8px;flex-shrink:0;align-items:center}.lv-header .list-switcher,.lv-header .search-input,.lv-header .filter,.cv-header .search-input,.cv-header .filter,.tv-header .filter{height:34px;font-size:13px;padding:4px 10px;flex-shrink:0}.lv-header .search-input,.cv-header .search-input{min-width:140px}.shell-content{padding-bottom:calc(102px + env(safe-area-inset-bottom,0px))!important}}.field-flash{animation:field-flash-warn 1.1s var(--ease, ease-out);border-radius:8px}.field-flash.field-invalid,.field-flash.si-title-input--dup{animation:field-flash-red 1.1s var(--ease, ease-out)}@keyframes field-flash-warn{0%{box-shadow:0 0 #f59e0bbf;border-color:#f59e0b}35%{box-shadow:0 0 0 7px #f59e0b66,0 0 16px 2px #f59e0b80;border-color:#f59e0b}to{box-shadow:0 0 #f59e0b00}}@keyframes field-flash-red{0%{box-shadow:0 0 #e14949bf;border-color:#e14949}35%{box-shadow:0 0 0 7px #e1494966,0 0 16px 2px #e1494980;border-color:#e14949}to{box-shadow:0 0 #e1494900}}@media(prefers-reduced-motion:reduce){.field-flash,.field-flash.field-invalid,.field-flash.si-title-input--dup{animation:none}}.si-title-input.field-flash{background:color-mix(in srgb,#f59e0b 22%,var(--surface-input))}.si-title-input--dup.field-flash{background:color-mix(in srgb,#e14949 22%,var(--surface-input))}::view-transition-group(*){animation-duration:.42s;animation-timing-function:cubic-bezier(.16,1,.3,1)}::view-transition-old(*){animation:si-vt-out .14s linear both}::view-transition-new(*){animation:si-vt-in .3s cubic-bezier(.16,1,.3,1) both}@keyframes si-vt-out{to{opacity:0}}@keyframes si-vt-in{0%{opacity:0}}@media(prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none}}.itip{display:inline-flex;align-items:center;white-space:nowrap}.itip:after{content:attr(data-tip);max-width:0;opacity:0;overflow:hidden;font-size:12.5px;font-weight:700;line-height:1;transition:max-width .28s var(--ease),opacity .18s,margin-left .24s var(--ease)}@media(hover:hover)and (pointer:fine){.itip:hover:after,.itip:focus-visible:after{max-width:220px;opacity:1;margin-left:6px}}@media(hover:none){.itip:after{content:none}}html.kb-open .mobile-nav{display:none!important}