.tool-loonwaarde{--t-bg: var(--color-canvas, #f4f7fa);--t-surface: #ffffff;--t-surface2: #f4f7fa;--t-border: var(--color-line, #dae2eb);--t-border-strong: #cdd5e0;--t-text: var(--color-navy-900, #082d58);--t-text-muted: var(--color-ink, #4a5a6e);--t-text-soft: var(--color-mute, #8497ab);--t-accent: #c44a2f;--t-accent-soft: #fde8e4;--t-green: var(--color-emerald, #10b982);--t-green-soft: #e4f5ec;--t-orange: #e07c24;--t-orange-soft: #fef3e4;--t-blue: #4a6fa5;--t-blue-soft: #e8eaf4;--t-purple: #7b5ea7;--t-purple-soft: #f0e4f4;--t-tan: #c2855a;--t-tan-soft: #f4ede4;--t-display: "Inter", system-ui, sans-serif;--t-mono: "JetBrains Mono", ui-monospace, monospace}.tool-loonwaarde .layout{display:grid;grid-template-columns:1fr 380px;gap:24px;align-items:flex-start}@media(max-width:1080px){.tool-loonwaarde .layout{grid-template-columns:1fr}.tool-loonwaarde .sidebar{position:static!important}}.tool-loonwaarde .main{min-width:0}.tool-loonwaarde .sidebar{position:sticky;top:24px}.tool-loonwaarde .t-card{background:var(--t-surface);border:1px solid var(--t-border);border-radius:18px;padding:32px 36px;margin-bottom:20px}@media(max-width:700px){.tool-loonwaarde .t-card{padding:24px 22px}}.tool-loonwaarde .card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--t-border)}.tool-loonwaarde .card-meta{flex:1}.tool-loonwaarde .card-tag{display:inline-block;padding:4px 12px;border-radius:20px;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.tool-loonwaarde .tag-1{background:var(--t-blue-soft);color:var(--t-blue)}.tool-loonwaarde .tag-2{background:var(--t-green-soft);color:var(--t-green)}.tool-loonwaarde .tag-3{background:var(--t-orange-soft);color:var(--t-orange)}.tool-loonwaarde .tag-4{background:var(--t-accent-soft);color:var(--t-accent)}.tool-loonwaarde .tag-5{background:var(--t-purple-soft);color:var(--t-purple)}.tool-loonwaarde .tag-6{background:var(--t-tan-soft);color:var(--t-tan)}.tool-loonwaarde .card-title{font-family:var(--t-display);font-weight:700;font-size:1.4rem;letter-spacing:-.01em;line-height:1.15;color:var(--t-text);margin-bottom:6px}.tool-loonwaarde .card-desc{font-size:.92rem;color:var(--t-text-muted);max-width:520px}.tool-loonwaarde .card-num{font-family:var(--t-display);font-weight:700;font-size:2.4rem;line-height:1;color:#082d5814;flex-shrink:0}.tool-loonwaarde .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}@media(max-width:700px){.tool-loonwaarde .form-grid{grid-template-columns:1fr}}.tool-loonwaarde .form-field{display:flex;flex-direction:column;gap:6px}.tool-loonwaarde .form-field.full{grid-column:1 / -1}.tool-loonwaarde .form-label{font-size:.78rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--t-text-muted)}.tool-loonwaarde .form-field input,.tool-loonwaarde .form-field select,.tool-loonwaarde .form-field textarea{padding:11px 14px;border:1.5px solid var(--t-border);border-radius:10px;font-family:inherit;font-size:.95rem;background:var(--t-surface);color:var(--t-text);transition:border-color .15s}.tool-loonwaarde .form-field input:focus,.tool-loonwaarde .form-field select:focus,.tool-loonwaarde .form-field textarea:focus{outline:none;border-color:var(--t-text)}.tool-loonwaarde .form-hint{font-size:.76rem;color:var(--t-text-soft)}.tool-loonwaarde .input-prefix{position:relative}.tool-loonwaarde .input-prefix span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--t-text-muted);font-family:var(--t-mono);font-size:.95rem;pointer-events:none}.tool-loonwaarde .input-prefix input{padding-left:28px!important;font-family:var(--t-mono)!important}.tool-loonwaarde .indicator{background:var(--t-surface);border:1px solid var(--t-border);border-radius:18px;padding:28px 32px;margin-bottom:16px;transition:border-color .15s}.tool-loonwaarde .indicator:hover{border-color:var(--t-border-strong)}.tool-loonwaarde .indicator-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.tool-loonwaarde .indicator-meta{display:flex;align-items:center;gap:16px}.tool-loonwaarde .indicator-num{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-family:var(--t-display);font-size:1.15rem;font-weight:700;color:#fff;flex-shrink:0}.tool-loonwaarde .indicator-num.n1{background:var(--t-blue)}.tool-loonwaarde .indicator-num.n2{background:var(--t-green)}.tool-loonwaarde .indicator-num.n3{background:var(--t-orange)}.tool-loonwaarde .indicator-num.n4{background:var(--t-accent)}.tool-loonwaarde .indicator-num.n5{background:var(--t-purple)}.tool-loonwaarde .indicator-num.n6{background:var(--t-tan)}.tool-loonwaarde .indicator-title{font-family:var(--t-display);font-weight:700;font-size:1.1rem;letter-spacing:-.01em;line-height:1.2;color:var(--t-text)}.tool-loonwaarde .indicator-desc{font-size:.85rem;color:var(--t-text-muted);margin-top:2px}.tool-loonwaarde .indicator-score{font-family:var(--t-mono);font-size:1.2rem;font-weight:600;color:var(--t-text);padding:4px 16px;background:var(--t-surface2);border-radius:100px;white-space:nowrap}.tool-loonwaarde .indicator-score.correctie{color:var(--t-text)}.tool-loonwaarde .weight-badge{display:inline-block;font-family:var(--t-mono);font-size:.72rem;color:var(--t-text-muted);background:var(--t-surface2);padding:2px 10px;border-radius:6px;margin-left:8px;vertical-align:1px}.tool-loonwaarde .slider-wrap{margin:18px 0 20px}.tool-loonwaarde .slider-track{position:relative;height:36px;display:flex;align-items:center}.tool-loonwaarde .slider-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:3px;background:linear-gradient(to right,var(--t-accent-soft) 0%,var(--t-orange-soft) 33%,var(--t-green-soft) 66%,var(--t-green-soft) 100%);outline:none;cursor:pointer}.tool-loonwaarde .slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--t-text);cursor:pointer;border:3px solid var(--t-bg);box-shadow:0 2px 8px #082d582e;-webkit-transition:transform .1s;transition:transform .1s}.tool-loonwaarde .slider-input::-webkit-slider-thumb:hover{transform:scale(1.15)}.tool-loonwaarde .slider-input::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--t-text);cursor:pointer;border:3px solid var(--t-bg);box-shadow:0 2px 8px #082d582e}.tool-loonwaarde .slider-anchors{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:14px}.tool-loonwaarde .slider-anchor{text-align:center;font-size:.74rem;color:var(--t-text-muted);line-height:1.4;cursor:pointer;padding:6px 4px;border-radius:8px;transition:background .15s}.tool-loonwaarde .slider-anchor:hover{background:var(--t-surface2)}.tool-loonwaarde .slider-anchor strong{display:block;font-family:var(--t-mono);font-size:.72rem;color:var(--t-text-soft);font-weight:500;margin-bottom:2px}.tool-loonwaarde .slider-anchor.active strong,.tool-loonwaarde .slider-anchor.active{color:var(--t-text)}.tool-loonwaarde .onderbouwing{margin-top:12px}.tool-loonwaarde .onderbouwing summary{font-size:.82rem;color:var(--t-text-muted);cursor:pointer;padding:6px 0;font-weight:500;list-style:none;display:flex;align-items:center;gap:6px}.tool-loonwaarde .onderbouwing summary::-webkit-details-marker{display:none}.tool-loonwaarde .onderbouwing summary:before{content:"+";font-family:var(--t-mono);width:16px;display:inline-block;color:var(--t-text-soft);transition:transform .15s}.tool-loonwaarde .onderbouwing[open] summary:before{content:"−"}.tool-loonwaarde .onderbouwing textarea{width:100%;margin-top:8px;padding:12px;border:1px solid var(--t-border);border-radius:8px;font-family:inherit;font-size:.88rem;background:var(--t-surface2);resize:vertical;min-height:60px;color:var(--t-text)}.tool-loonwaarde .onderbouwing textarea:focus{outline:none;border-color:var(--t-text);background:var(--t-surface)}.tool-loonwaarde .correctie-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 8px}@media(max-width:600px){.tool-loonwaarde .correctie-list{grid-template-columns:1fr}}.tool-loonwaarde .correctie-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--t-border);border-radius:10px;cursor:pointer;transition:all .15s;background:var(--t-surface)}.tool-loonwaarde .correctie-item:hover{background:var(--t-surface2)}.tool-loonwaarde .correctie-item input{display:none}.tool-loonwaarde .correctie-item .check-box{width:18px;height:18px;border:1.5px solid var(--t-border-strong);border-radius:5px;flex-shrink:0;margin-top:1px;display:flex;align-items:center;justify-content:center;transition:all .15s}.tool-loonwaarde .correctie-item input:checked+.check-box{background:var(--t-text);border-color:var(--t-text)}.tool-loonwaarde .correctie-item input:checked+.check-box:after{content:"✓";color:#fff;font-size:.78rem}.tool-loonwaarde .correctie-label{flex:1;font-size:.86rem;line-height:1.4;color:var(--t-text)}.tool-loonwaarde .correctie-value{font-family:var(--t-mono);font-size:.78rem;font-weight:500;white-space:nowrap}.tool-loonwaarde .correctie-value.plus{color:var(--t-green)}.tool-loonwaarde .correctie-value.minus{color:var(--t-accent)}.tool-loonwaarde .sidebar-card{background:var(--t-text);color:#fff;border-radius:18px;padding:28px;margin-bottom:16px;position:relative;overflow:hidden}.tool-loonwaarde .sidebar-card:after{content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,130,.3),transparent 70%);pointer-events:none}.tool-loonwaarde .sidebar-eyebrow{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.55;margin-bottom:12px}.tool-loonwaarde .sidebar-loonwaarde{font-family:var(--t-display);font-weight:700;font-size:4rem;line-height:1;letter-spacing:-.03em;margin-bottom:6px;display:flex;align-items:baseline}.tool-loonwaarde .sidebar-loonwaarde .pct{font-size:1.8rem;margin-left:2px;opacity:.7}.tool-loonwaarde .sidebar-loonwaarde-label{font-size:.85rem;opacity:.6;margin-bottom:24px}.tool-loonwaarde .sidebar-restloon{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);position:relative;z-index:1}.tool-loonwaarde .restloon-item .label{font-size:.7rem;opacity:.6;letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.tool-loonwaarde .restloon-item .value{font-family:var(--t-mono);font-size:1.2rem;font-weight:500}.tool-loonwaarde .sidebar-radar{background:var(--t-surface);border:1px solid var(--t-border);border-radius:18px;padding:22px;margin-bottom:16px}.tool-loonwaarde .sidebar-radar h4{font-family:var(--t-display);font-weight:700;font-size:1rem;margin-bottom:14px;color:var(--t-text);letter-spacing:-.01em}.tool-loonwaarde .radar-wrap{position:relative;height:240px}.tool-loonwaarde .sidebar-actions{background:var(--t-surface);border:1px solid var(--t-border);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:8px}.tool-loonwaarde .t-btn{padding:12px 20px;border-radius:100px;border:none;font-family:inherit;font-size:.88rem;font-weight:500;cursor:pointer;transition:all .15s;background:transparent;text-align:center}.tool-loonwaarde .t-btn-ghost{color:var(--t-text-muted);border:1px solid var(--t-border)}.tool-loonwaarde .t-btn-ghost:hover{background:var(--t-surface2);color:var(--t-text)}.tool-loonwaarde .t-btn-primary{background:var(--t-text);color:#fff}.tool-loonwaarde .t-btn-primary:hover{background:var(--t-green)}.tool-loonwaarde .t-btn-block{width:100%;display:block}.tool-loonwaarde .disclaimer{margin-top:20px;padding:16px 20px;background:var(--t-surface2);border-radius:12px;border-left:3px solid var(--t-accent);font-size:.84rem;color:var(--t-text-muted);line-height:1.6}.tool-loonwaarde .disclaimer strong{color:var(--t-text);font-weight:600}@keyframes tool-pulseUp{0%{transform:translateY(0)}40%{transform:translateY(-3px)}to{transform:translateY(0)}}.tool-loonwaarde .pulse{animation:tool-pulseUp .4s ease}@keyframes tool-fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-loonwaarde .indicator{animation:tool-fadeIn .4s ease backwards}.tool-loonwaarde .main>.indicator:nth-of-type(1){animation-delay:.05s}.tool-loonwaarde .main>.indicator:nth-of-type(2){animation-delay:.1s}.tool-loonwaarde .main>.indicator:nth-of-type(3){animation-delay:.15s}.tool-loonwaarde .main>.indicator:nth-of-type(4){animation-delay:.2s}.tool-loonwaarde .main>.indicator:nth-of-type(5){animation-delay:.25s}.tool-loonwaarde .main>.indicator:nth-of-type(6){animation-delay:.3s}@media(prefers-reduced-motion:reduce){.tool-loonwaarde .pulse,.tool-loonwaarde .indicator{animation:none}}