.landing-page{position:relative;min-height:100vh;width:100vw;margin:0;padding:0;display:grid;place-items:center;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}.landing-page:before{content:"";position:absolute;inset:0;background-image:url(/images/achtergrond_landing.png);background-size:cover;background-position:center;filter:blur(10px);transform:scale(1.05);z-index:0}.landing-page:after{content:"";position:absolute;inset:0;background:#00000040;z-index:1}.landing-page__card{position:relative;z-index:2;background:#fff;padding:3rem 3.5rem;border-radius:14px;box-shadow:0 20px 40px #0000001f;text-align:center;max-width:420px;width:100%}.landing-page__button{background-color:#2563eb;color:#fff;border:none;padding:.9rem 1.6rem;font-size:1rem;border-radius:10px;cursor:pointer;width:100%;transition:background-color .2s ease,transform .1s ease}.landing-page__button:hover{background-color:#1d4ed8;transform:translateY(-1px)}.landing-page__button:active{transform:translateY(0)}.landing-page__logo{max-width:260px;width:100%;height:auto;margin-bottom:1.75rem;display:block;margin-left:auto;margin-right:auto}._topbar_1x2qq_1{display:flex;align-items:center;justify-content:space-between;background:var(--bg-topbar);padding:12px 24px;border-bottom:1px solid var(--border-strong);color:var(--text-primary);transition:background .2s,color .2s}._branding_1x2qq_12{display:flex;align-items:center;gap:16px}._logo_1x2qq_18{height:50px;object-fit:contain}._userInfo_1x2qq_23{font-size:14px;color:var(--text-primary)}._actions_1x2qq_28{display:flex;gap:12px;align-items:center}._themeToggle_1x2qq_34{padding:8px 14px;border-radius:6px;background:var(--btn-bg);border:1px solid var(--border-strong);color:var(--text-primary);cursor:pointer;font-size:13px;transition:background .2s}._themeToggle_1x2qq_34:hover{background:var(--btn-hover)}._logoutButton_1x2qq_49{padding:8px 50px;border-radius:6px;background:#d9534f;border:none;color:#fff;cursor:pointer}._logoutButton_1x2qq_49:hover{background:#c9302c}._sidebar_18ggj_1{width:260px;background:var(--bg-sidebar);padding:20px;color:var(--text-primary);transition:background .2s,color .2s}._title_18ggj_9{font-size:18px;margin-bottom:16px;color:var(--text-primary)}._filterBlock_18ggj_15{margin-bottom:16px}._label_18ggj_19{display:block;margin-bottom:6px;opacity:.7;color:var(--text-primary)}._select_18ggj_26{width:100%;padding:10px;border-radius:8px;border:1px solid var(--border-select);background:var(--bg-input);color:var(--text-primary);transition:background .2s,color .2s}._resetBlock_18ggj_36{margin-top:24px}._resetButton_18ggj_40{width:100%;padding:10px 12px;border-radius:10px;background:transparent;border:1px solid var(--reset-btn-border);color:var(--text-primary);font-weight:500;cursor:pointer;transition:background .15s ease,border-color .15s ease}._resetButton_18ggj_40:hover{background:var(--reset-btn-hover-bg);border-color:var(--reset-btn-hover-border)}._kpiCard_ig0nw_1{background:var(--bg-surface);padding:20px;border-radius:12px;box-shadow:var(--shadow);min-width:200px;box-sizing:border-box}._kpiTitle_ig0nw_10{font-size:14px;opacity:.7;margin-bottom:6px;color:var(--text-primary)}._kpiValue_ig0nw_17{margin:0;font-size:28px;font-weight:700;color:var(--text-primary)}.card.reference-list{display:flex;flex-direction:column;height:650px;min-height:0;overflow:hidden;width:100%}.card.reference-list .table{border-collapse:collapse;table-layout:fixed;width:100%}.reference-list__status{padding:12px 0;color:var(--text-primary)}.reference-list__sentinel{height:40px}.reference-list__search{margin:10px 0 12px}.reference-list__searchInput{background:var(--bg-input-alt);border:1px solid var(--border-input);border-radius:10px;box-sizing:border-box;color:var(--text-primary);outline:none;padding:10px 12px;width:100%;transition:background .2s,color .2s,border-color .2s}.reference-list__searchInput::placeholder{color:var(--text-subtle)}.reference-list__tableWrap{border:1px solid var(--border-faint);border-radius:10px;flex:1;min-height:0;overflow:auto}.reference-list__title{margin:0 0 10px;color:var(--text-primary)}.salary-cell{white-space:nowrap}.salary-cell *{display:inline}._barChartCard_gag03_1{height:100%;display:flex;flex-direction:column}._title_gag03_7{margin:0 0 12px;font-size:1rem;font-weight:600}._chartWrapper_gag03_13{width:100%;height:320px;min-height:320px;flex:1}._empty_gag03_20{opacity:.6;font-style:italic}.app-container{min-height:100vh;width:100%;background:var(--bg-base);color:var(--text-primary);display:flex;flex-direction:column;margin:0;padding:0;transition:background .2s,color .2s}.content-wrapper{display:flex;flex:1}.main-content{flex:1;padding:20px}.kpi-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-bottom:32px}.chart-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px;align-items:stretch}@media(max-width:1100px){.chart-grid{grid-template-columns:1fr}}.chart-card,.reference-card{width:100%;background:var(--bg-surface);border-radius:12px;padding:16px;box-shadow:var(--shadow);height:620px;display:flex;flex-direction:column}.chart-card h3{margin:0 0 12px;font-size:14px;font-weight:600;color:var(--text-primary)}.chart-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-weight:500;height:200px}.loading-screen{color:var(--text-primary);padding:20px}.reason-list{list-style:decimal;padding-left:20px;margin:0}.reason-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border-strong)}.reason-item:last-child{border-bottom:none}.reason-label{font-weight:500}.reason-count{opacity:.8}.reference-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.reference-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.reference-meta{font-size:12px;opacity:.75}.table{width:100%;border-collapse:collapse;font-size:13px}.table thead th{position:sticky;top:0;z-index:1;text-align:left;padding:10px 12px;background:var(--bg-elevated);border-bottom:1px solid var(--border-strong);white-space:nowrap;color:var(--text-primary)}.table tbody td{padding:10px 12px;border-bottom:1px solid var(--border-soft);vertical-align:top;color:var(--text-primary)}.table tbody tr:nth-child(2n){background:var(--row-even)}.table tbody tr:hover{background:var(--row-hover)}.cell-right{text-align:right;white-space:nowrap}.cell-nowrap{white-space:nowrap}.cell-ellipsis{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}:root,[data-theme=dark]{--bg-base: #111;--bg-surface: #1a1816;--bg-elevated: #151412;--bg-topbar: #1a1a1a;--bg-sidebar: #181612;--bg-input: #0f0e0c;--bg-input-alt: #151412;--text-primary: #ffffff;--text-muted: #cfcfcf;--text-subtle: rgba(255, 255, 255, .5);--text-faded: rgba(255, 255, 255, .7);--border-strong: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .06);--border-faint: rgba(255, 255, 255, .08);--border-input: rgba(255, 255, 255, .15);--border-select: #333;--row-even: rgba(255, 255, 255, .02);--row-hover: rgba(255, 255, 255, .05);--btn-bg: #2a2a2a;--btn-hover: #3a3a3a;--reset-btn-border: rgba(255, 255, 255, .25);--reset-btn-hover-bg: rgba(255, 255, 255, .06);--reset-btn-hover-border: rgba(255, 255, 255, .4);--shadow: 0 0 10px rgba(0, 0, 0, .2)}[data-theme=light]{--bg-base: #f5f5f5;--bg-surface: #ffffff;--bg-elevated: #efefef;--bg-topbar: #ffffff;--bg-sidebar: #f0ede8;--bg-input: #e8e5e0;--bg-input-alt: #ffffff;--text-primary: #111111;--text-muted: #444444;--text-subtle: rgba(0, 0, 0, .4);--text-faded: rgba(0, 0, 0, .6);--border-strong: rgba(0, 0, 0, .1);--border-soft: rgba(0, 0, 0, .06);--border-faint: rgba(0, 0, 0, .08);--border-input: rgba(0, 0, 0, .15);--border-select: #ccc;--row-even: rgba(0, 0, 0, .02);--row-hover: rgba(0, 0, 0, .04);--btn-bg: #e8e8e8;--btn-hover: #d8d8d8;--reset-btn-border: rgba(0, 0, 0, .2);--reset-btn-hover-bg: rgba(0, 0, 0, .04);--reset-btn-hover-border: rgba(0, 0, 0, .35);--shadow: 0 0 10px rgba(0, 0, 0, .08)}html,body,#root{margin:0;background:var(--bg-base);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;transition:background .2s,color .2s}