:root{--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-card:#1a2235;--bg-hover:#243049;--border:#2a3a52;--text-primary:#e8edf5;--text-secondary:#8896ab;--text-muted:#5a6a80;--accent:#6366f1;--accent-hover:#818cf8;--accent-dim:#312e81;--success:#34d399;--warning:#fbbf24;--danger:#f87171;--signal-hoog:#f59e0b;--signal-kritiek:#ef4444;--signal-middel:#3b82f6;--signal-laag:#6b7280}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;min-height:100vh}.sidebar{width:220px;background:var(--bg-secondary);border-right:1px solid var(--border);padding:20px 0;flex-shrink:0;position:fixed;top:0;left:0;bottom:0}.logo{display:flex;align-items:center;gap:10px;padding:0 20px 20px;border-bottom:1px solid var(--border);margin-bottom:12px}.logo-icon{color:var(--accent);font-size:20px}.logo-text{font-size:16px;font-weight:700;letter-spacing:.05em;color:var(--text-primary)}.sidebar ul{list-style:none;padding:0 8px}.sidebar li{margin-bottom:2px}.nav-item{display:block;padding:8px 12px;color:var(--text-secondary);text-decoration:none;border-radius:6px;font-size:14px;transition:all .15s}.nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.content{flex:1 1;margin-left:220px;padding:24px 32px;max-width:1200px}h1{font-size:24px;font-weight:700;margin-bottom:20px}h2{font-size:18px;font-weight:600;margin-bottom:12px;color:var(--text-secondary)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:20px;margin-bottom:16px}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px;margin-bottom:24px}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:12px;font-weight:600}.badge-accent{background:var(--accent-dim);color:var(--accent-hover)}.badge-success{background:rgba(52,211,153,.15);color:var(--success)}.badge-warning{background:rgba(251,191,36,.15);color:var(--warning)}.badge-danger{background:rgba(248,113,113,.15);color:var(--danger)}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border:1px solid var(--border);border-radius:6px;background:var(--bg-card);color:var(--text-primary);font-size:14px;cursor:pointer;transition:all .15s}.btn:hover{background:var(--bg-hover)}.btn-primary,.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-success{background:rgba(52,211,153,.15);border-color:var(--success);color:var(--success)}.btn-danger{background:rgba(248,113,113,.15);border-color:var(--danger);color:var(--danger)}.empty-state{text-align:center;padding:48px 24px;color:var(--text-muted)}.empty-state h3{font-size:16px;color:var(--text-secondary);margin-bottom:8px}.skeleton{background:var(--bg-hover);border-radius:4px;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.8}}