:root{--preventix-dark: #0f172a;--preventix-blue: #0284c7;--preventix-accent: #0ea5e9;--preventix-accent-hover: #0369a1;--status-open: #64748b;--status-progress: #d97706;--status-done: #16a34a;--prio-laag: #16a34a;--prio-midden: #d97706;--prio-hoog: #ea580c;--prio-kritiek: #dc2626;--danger: #dc2626;--danger-bg: #fee2e2;--bob-beeld: #0284c7;--bob-oordeel: #7c3aed;--bob-besluit: #16a34a;--font-primary: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;--radius: 8px;--radius-sm: 6px;--tap: 44px;--transition: all .18s ease-in-out;--maxw: 1200px;--bg: #f8fafc;--bg-surface: #ffffff;--bg-muted: #f1f5f9;--bg-inset: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #334155;--text-strong: #0f172a;--text-muted: #64748b;--text-invert: #ffffff;--nav-bg: #ffffff;--shadow: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px -8px rgba(15, 23, 42, .18);--accent: var(--preventix-accent);--accent-hover: var(--preventix-accent-hover);--focus-ring: 0 0 0 3px rgba(14, 165, 233, .4)}@media(prefers-color-scheme:dark){:root{--bg: #0b1220;--bg-surface: #111a2e;--bg-muted: #172136;--bg-inset: #0e1626;--border: #24314c;--border-strong: #33456a;--text: #cbd5e1;--text-strong: #f1f5f9;--text-muted: #94a3b8;--nav-bg: #0f172a;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px -8px rgba(0, 0, 0, .6);--danger-bg: #3b1717}}:root[data-theme=dark]{--bg: #0b1220;--bg-surface: #111a2e;--bg-muted: #172136;--bg-inset: #0e1626;--border: #24314c;--border-strong: #33456a;--text: #cbd5e1;--text-strong: #f1f5f9;--text-muted: #94a3b8;--nav-bg: #0f172a;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 12px 24px -8px rgba(0, 0, 0, .6);--danger-bg: #3b1717}:root[data-theme=light]{--bg: #f8fafc;--bg-surface: #ffffff;--bg-muted: #f1f5f9;--bg-inset: #f8fafc;--border: #e2e8f0;--border-strong: #cbd5e1;--text: #334155;--text-strong: #0f172a;--text-muted: #64748b;--nav-bg: #ffffff;--shadow: 0 4px 6px -1px rgba(15, 23, 42, .06), 0 2px 4px -1px rgba(15, 23, 42, .04);--shadow-lg: 0 12px 24px -8px rgba(15, 23, 42, .18);--danger-bg: #fee2e2}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-primary);background-color:var(--bg);color:var(--text);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh}#root{min-height:100dvh}h1,h2,h3,h4{color:var(--text-strong);font-weight:700;line-height:1.2}h1{font-size:1.75rem}h2{font-size:1.35rem}h3{font-size:1.1rem}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font-family:inherit;font-size:1rem;color:inherit}:focus-visible{outline:none;box-shadow:var(--focus-ring);border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 1rem}.stack{display:flex;flex-direction:column;gap:1rem}.row{display:flex;gap:.75rem;align-items:center}.row-wrap{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--text-muted)}.small{font-size:.85rem}.center{text-align:center}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:1.25rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--tap);padding:.6rem 1.1rem;font-weight:600;border:1px solid transparent;border-radius:var(--radius-sm);background:var(--bg-muted);color:var(--text-strong);cursor:pointer;transition:var(--transition);white-space:nowrap}.btn:hover{border-color:var(--border-strong)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:var(--accent);color:var(--text-invert);box-shadow:0 4px 10px #0ea5e933}.btn-primary:hover{background:var(--accent-hover);border-color:transparent}.btn-danger{background:var(--danger-bg);color:var(--danger)}.btn-danger:hover{border-color:var(--danger)}.btn-ghost{background:transparent}.btn-ghost:hover{background:var(--bg-muted)}.btn-sm{min-height:34px;padding:.3rem .7rem;font-size:.85rem}.btn-block{width:100%}label{font-weight:600;font-size:.9rem;color:var(--text-strong)}.field{display:flex;flex-direction:column;gap:.35rem}input,select,textarea{min-height:var(--tap);padding:.55rem .7rem;background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-strong);width:100%}textarea{min-height:84px;resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;border-radius:999px;font-size:.78rem;font-weight:700;color:var(--text-invert);white-space:nowrap}.tag{display:inline-flex;padding:.1rem .55rem;border-radius:999px;font-size:.75rem;font-weight:600;border:1px solid var(--border-strong);color:var(--text-muted);background:var(--bg-inset)}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--border)}table{width:100%;border-collapse:collapse;background:var(--bg-surface);min-width:480px}th,td{text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--border)}th{font-size:.8rem;text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted)}tr:last-child td{border-bottom:none}.grid{display:grid;gap:1rem}.grid-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.error-text{color:var(--danger);font-size:.9rem}.empty{padding:2rem 1rem;text-align:center;color:var(--text-muted)}.pill-row{display:flex;flex-wrap:wrap;gap:.4rem}