:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f5f6fa;--surface:#fff;--surface-2:#eef0f5;--border:#e4e6ec;--text:#14151a;--text-muted:#6b7280;--primary:#4f46e5;--primary-hover:#4338ca;--primary-soft:#eef2ff;--primary-contrast:#fff;--danger:#dc2626;--danger-soft:#fef2f2;--success:#16a34a;--success-soft:#f0fdf4;--warning:#d97706;--warning-soft:#fffbeb;--neutral-soft:#f1f2f6;--neutral-text:#4b5160;--radius-lg:16px;--radius:12px;--radius-sm:8px;--shadow-sm:0 1px 2px #14151a0d;--shadow-md:0 6px 20px #14151a14;--shadow-lg:0 12px 32px #14151a24;color:var(--text);background:var(--bg);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0c0d11;--surface:#17181f;--surface-2:#1e2029;--border:#2b2d38;--text:#f2f3f6;--text-muted:#969baa;--primary:#818cf8;--primary-hover:#a5b4fc;--primary-soft:#818cf824;--primary-contrast:#14151a;--danger:#f87171;--danger-soft:#f871711f;--success:#4ade80;--success-soft:#4ade801f;--warning:#fbbf24;--warning-soft:#fbbf241f;--neutral-soft:#24262f;--neutral-text:#b6bac6;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000080}}*{box-sizing:border-box}body{margin:0}a{color:var(--primary)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.app-shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex-shrink:0;width:220px;height:100vh;padding:20px 14px;display:flex;position:sticky;top:0}.sidebar-brand{color:var(--text);align-items:center;gap:10px;padding:0 8px 20px;font-size:16px;font-weight:700;display:flex}.sidebar-logo{background:var(--primary);width:28px;height:28px;color:var(--primary-contrast);border-radius:8px;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.sidebar-nav{flex-direction:column;flex:1;gap:2px;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-muted);padding:9px 10px;font-size:14px;font-weight:500;text-decoration:none;transition:background .12s,color .12s}.sidebar-link:hover{background:var(--surface-2);color:var(--text)}.sidebar-link.active{background:var(--primary-soft);color:var(--primary)}.sidebar-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.sidebar-user{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin:0 0 2px;font-size:12px;overflow:hidden}.app-main{flex:1;min-width:0;overflow-x:hidden}.page{max-width:720px;margin:0 auto;padding:32px 24px 60px}.page-wide{max-width:1100px}.page-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.breadcrumb{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin:0 0 14px;padding:0;font-size:13px;text-decoration:none;display:inline-block}.breadcrumb:hover{color:var(--primary)}h1{letter-spacing:-.01em;margin:0 0 6px;font-size:24px;font-weight:700}h2{margin:0 0 12px;font-size:15px;font-weight:600}h3{margin:0;font-size:13px;font-weight:600}label{color:var(--text-muted);margin:12px 0 5px;font-size:13px;font-weight:500;display:block}input[type=text],input[type=email],input[type=password],input[type=file],textarea,select{box-sizing:border-box;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text);padding:9px 11px;font-family:inherit;font-size:14px;transition:border-color .12s}input:focus,textarea:focus,select:focus{border-color:var(--primary)}textarea{resize:vertical}button{border-radius:var(--radius-sm);background:var(--primary);color:var(--primary-contrast);cursor:pointer;border:none;margin-top:14px;padding:9px 16px;font-size:14px;font-weight:500;transition:background .12s,transform 50ms}button:hover:not(:disabled){background:var(--primary-hover)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}button.secondary:hover:not(:disabled){background:var(--surface-2)}button.danger{background:var(--surface);color:var(--danger);border:1px solid var(--danger)}button.danger:hover:not(:disabled){background:var(--danger-soft)}.button-row{gap:10px;display:flex}.button-row button{margin-top:0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin:14px 0;padding:18px 20px}.status{color:var(--text-muted);font-size:13px}.error{color:var(--danger);background:var(--danger-soft);border-radius:var(--radius-sm);margin-top:12px;padding:8px 12px;font-size:13px}.empty-state{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:var(--radius-lg);padding:48px 20px}.vacature-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:16px;display:grid}.vacature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);color:var(--text);padding:16px 18px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:block}.vacature-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.vacature-card h3{margin-bottom:6px;font-size:15px}.badge{border-radius:999px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-block}.badge-neutral{background:var(--neutral-soft);color:var(--neutral-text)}.badge-progress{background:var(--primary-soft);color:var(--primary)}.badge-warning{background:var(--warning-soft);color:var(--warning)}.badge-success{background:var(--success-soft);color:var(--success)}.badge-danger{background:var(--danger-soft);color:var(--danger)}.avatar{background:var(--primary-soft);width:32px;height:32px;color:var(--primary);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.avatar-lg{width:52px;height:52px;font-size:18px}.kandidaat-header{align-items:center;gap:16px;margin-bottom:18px;display:flex}.kandidaat-header h1{margin-bottom:4px}.score-card{align-items:center;gap:18px;display:flex}.score-card h2{margin-bottom:4px}.score-card p{color:var(--text-muted);margin:0;font-size:13px}.score-number{color:var(--primary);background:var(--primary-soft);border-radius:var(--radius);flex-shrink:0;justify-content:center;align-items:center;width:68px;height:68px;font-size:30px;font-weight:700;display:flex}.opmerkingen-list{margin:14px 0 0;padding:0;list-style:none}.opmerkingen-list li{border-top:1px solid var(--border);padding:10px 0}.opmerkingen-list li:first-child{border-top:none}.opmerkingen-list p{margin:0 0 4px}.kanban-board{gap:12px;margin-top:4px;padding:4px 4px 16px;display:flex;overflow-x:auto}.kanban-column{background:var(--surface-2);border-radius:var(--radius);flex-shrink:0;min-width:230px;max-width:230px;padding:10px;transition:background .15s}.kanban-column-over{background:var(--primary-soft)}.kanban-column h3{text-transform:uppercase;letter-spacing:.02em;color:var(--text-muted);align-items:center;gap:6px;margin:0 0 10px;font-size:11px;display:flex}.pipeline-count{background:var(--surface);color:var(--text-muted);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:600}.kanban-column-cards{flex-direction:column;gap:8px;min-height:40px;display:flex}.kanban-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:grab;touch-action:none;padding:10px 12px}.kanban-card a{color:var(--text);margin-bottom:2px;font-size:13px;font-weight:600;text-decoration:none;display:block}.kanban-card a:hover{color:var(--primary)}.kanban-card .status{margin:0;font-size:12px}.kanban-card-dragging{opacity:.4}.kanban-card-overlay{box-shadow:var(--shadow-lg);cursor:grabbing;width:206px}.kanban-score{background:var(--success-soft);color:var(--success);border-radius:var(--radius-sm);margin-top:6px;padding:1px 7px;font-size:11px;font-weight:700;display:inline-block}.cv-tekst{white-space:pre-wrap;max-height:400px;color:var(--text-muted);font-size:13px;overflow-y:auto}details.card summary{cursor:pointer;font-size:15px;font-weight:600}.login-page{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex}.login-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:320px;padding:32px}.login-form h1{margin-bottom:18px}.stat-tiles{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin:18px 0;display:grid}.stat-tile{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;gap:4px;padding:16px 18px;display:flex}.stat-value{letter-spacing:-.01em;font-size:26px;font-weight:700}.stat-label{color:var(--text-muted);font-size:12px}.stage-bar-list{flex-direction:column;gap:10px;margin:4px 0 0;padding:0;list-style:none;display:flex}.stage-bar-list li{grid-template-columns:130px 1fr 32px;align-items:center;gap:10px;display:grid}.stage-bar-label{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.stage-bar-track{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.stage-bar-fill{border-radius:999px;min-width:4px;height:100%}.stage-bar-neutral{background:var(--neutral-text)}.stage-bar-progress{background:var(--primary)}.stage-bar-warning{background:var(--warning)}.stage-bar-success{background:var(--success)}.stage-bar-danger{background:var(--danger)}.stage-bar-count{text-align:right;font-size:13px;font-weight:600}
