@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: #16a34a;--accent-2: #4ade80;--accent-soft: rgba(74,222,128,.14);--accent-ring: rgba(74,222,128,.32);--accent-text: #047857;--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,.36);--accent-text: #bbf7d0;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0;overflow-x: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%}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}.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:#16a34a;color:#fff}.btn-primary:hover{background:#15803d}.btn-primary:active{background:#166534}.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:13px;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-nog-doen{background:var(--danger-soft);color:var(--danger)}.status-in-behandeling{background:#f59e0b24;color:#d97706}.status-staat-klaar{background:#3b82f624;color:#2563eb}.status-online{background:var(--accent-soft);color:var(--accent-text)}.status-wordt-geupdate{background:#8b5cf624;color:#166534}.status-offline{background:#991b1b29;color:#991b1b}.status-failliet{background:#6b728024;color:#4b5563}.divider{height:1px;background:var(--line);margin:0}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted)}.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}