*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f6f4ff;--bg1:#ede9ff;--card:#ffffff;--border:rgba(160,32,240,0.18);--text:#1a1128;--muted:rgba(26,17,40,0.52);--primary:#A020F0;--secondary:#FF4DD2;--grad:linear-gradient(135deg,#A020F0,#FF4DD2);--surface:rgba(160,32,240,0.05);--r:10px;--nav-bg:#ffffff}[data-theme=dark]{--bg:#0f0a1a;--bg1:#1a1030;--card:#1e1530;--border:rgba(160,32,240,0.25);--text:#f0ecff;--muted:rgba(240,236,255,0.5);--surface:rgba(160,32,240,0.08);--nav-bg:#150f25}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;transition:background .2s,color .2s}.container{max-width:1100px;margin:0 auto;padding:0 24px}nav{border-bottom:1px solid var(--border);padding:16px 0;margin-bottom:40px;background:var(--nav-bg);transition:background .2s}.nav-inner{display:flex;align-items:center;justify-content:space-between}.nav-logo{font-weight:700;font-size:1.25rem;min-width:120px;flex-shrink:0;background:var(--grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-actions{display:flex;align-items:center;gap:16px}.nav-hamburger{display:none;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;background:none;border:1px solid var(--border);border-radius:8px;cursor:pointer;padding:7px;flex-shrink:0}.nav-hamburger span{display:block;width:100%;height:2px;background:var(--text);border-radius:2px;transition:all .2s}.nav-mobile-menu{display:none;flex-direction:column;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:var(--nav-bg)}.nav-mobile-menu.open{display:flex}@media (max-width:640px){.nav-actions{display:none}.nav-hamburger{display:flex}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--r);padding:24px;box-shadow:0 1px 6px rgba(160,32,240,.07)}.form-group{display:flex;flex-direction:column;gap:6px}label{font-size:.875rem;color:var(--muted)}input,select,textarea{background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);padding:10px 14px;font-size:.95rem;outline:none;transition:border-color .2s;width:100%}input:focus,select:focus,textarea:focus{border-color:var(--primary);background:#fff}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.7}select option{background:#fff;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;border:none;transition:opacity .2s,box-shadow .2s;text-decoration:none;white-space:nowrap}.btn:hover{opacity:.85}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--grad);color:#fff;box-shadow:0 2px 12px rgba(160,32,240,.25)}.btn-ghost{background:var(--bg1);border:1px solid var(--border);color:var(--text)}.btn-sm{padding:6px 14px;font-size:.8rem}.badge{display:inline-block;padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.badge-intake{background:rgba(100,116,139,.12);color:#64748b}.badge-ontwerp{background:rgba(59,130,246,.12);color:#3b82f6}.badge-ontwikkeling{background:rgba(245,158,11,.12);color:#d97706}.badge-review{background:rgba(168,85,247,.15);color:#9333ea}.badge-live{background:rgba(34,197,94,.12);color:#16a34a}table{width:100%;border-collapse:collapse}td,th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border)}th{font-size:.8rem;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;background:var(--surface)}td{font-size:.9rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:16px;gap:16px}.page-title{font-size:1.8rem;font-weight:700;margin-bottom:8px}.page-subtitle{color:var(--muted);margin-bottom:32px}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mt-4{margin-top:16px}.text-muted{color:var(--muted)}.text-sm{font-size:.875rem}.font-bold{font-weight:700}.w-full{width:100%}.error{color:#dc2626;font-size:.875rem}