:root{--navy:#0e2244;--navy-deep:#081628;--teal:#20a4ab;--teal-dark:#17838a;--teal-soft:#e6f5f6;--ink:#0e2244;--slate:#475569;--slate-light:#94a3b8;--border:#e2e8f0;--bg:#eaeff5;--card:#fff;--accent:var(--teal);--accent-dark:var(--teal-dark);--amber:#f59e0b;--amber-bg:#fef3c7;--green:#16a34a;--green-bg:#dcfce7;--red:#e11d48;--gold:#b08d57;--radius:10px;--input-bg:#fff;--input-border:#cbd5e1;--surface-hover:#f8fafc;--surface-alt:#fafafa;--error-bg:#fef2f2;--error-border:#fecaca;--error-text:#b91c1c;--info-bg:#eff6ff;--info-border:#bfdbfe;--info-text:#1e3a8a;--warning-text:#92400e;--warning-text-strong:#78350f;--ok-text:#166534;--display:"Newsreader",Georgia,serif;--body:"Manrope",-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}:root[data-theme=dark]{--navy:#3d63b0;--navy-deep:#4f78cc;--teal:#2dd4d4;--teal-dark:#5eead4;--teal-soft:#113a3d;--ink:#fff;--slate:#fff;--slate-light:#a7bde3;--border:#24407a;--bg:#00174d;--card:#0b2158;--amber:#f59e0b;--amber-bg:#3a2a0d;--green:#34d399;--green-bg:#0f2e22;--red:#f87171;--gold:#d4b483;--input-bg:#0b2158;--input-border:#2c4a86;--surface-hover:#0e2766;--surface-alt:#0a1f52;--error-bg:#351317;--error-border:#6b2530;--error-text:#fca5a5;--info-bg:#10233d;--info-border:#24476f;--info-text:#bfdbfe;--warning-text:#fbbf24;--warning-text-strong:#fcd34d;--ok-text:#6ee7b7}*{box-sizing:border-box}body,html{padding:0;margin:0;background:var(--bg);color:var(--ink);font-family:var(--body)}html{color-scheme:light}html[data-theme=dark]{color-scheme:dark}h1,h2,h3{font-family:var(--display);color:var(--ink)}a{color:var(--accent-dark);text-decoration:none}a:hover{text-decoration:underline}.page{max-width:1080px;margin:0 auto;padding:32px 24px}.narrow{max-width:440px;margin:64px auto;padding:0 24px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.card+.card{margin-top:12px}h1{font-size:26px;margin:0 0 4px}h2{font-size:18px;margin:0 0 12px}.subtitle{color:var(--slate);margin:0 0 24px;font-size:14px}.field{margin-bottom:16px}.label{display:block;font-size:13px;font-weight:600;color:var(--slate);margin-bottom:6px}.required{color:var(--red)}.input,select.input,textarea.input{width:100%;padding:10px 12px;border:1.5px solid var(--input-border);border-radius:8px;font-size:14px;background:var(--input-bg);color:var(--ink);font-family:inherit}.input:focus{outline:none;border-color:var(--accent)}.input::placeholder{color:var(--slate-light);opacity:1}.input option{color:var(--ink);background:var(--input-bg)}.row{display:flex;gap:12px;flex-wrap:wrap}.row>.field{flex:1 1 200px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:8px;border:none;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-dark)}.btn-secondary{background:var(--card);color:var(--ink);border:1.5px solid var(--border)}.btn-secondary:hover{border-color:var(--slate-light)}.btn-danger{background:var(--card);color:var(--red);border:1.5px solid var(--error-border)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:7px 12px;font-size:13px}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover{background:var(--navy-deep)}.doc-type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:12px;gap:12px}.doc-type-card{border:1px solid var(--border);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:8px}.doc-type-icon{width:34px;height:34px;border-radius:8px;background:var(--teal-soft);color:var(--teal-dark);display:flex;align-items:center;justify-content:center}.doc-type-card h3{font-family:var(--body);font-size:14px;font-weight:700;color:var(--ink);margin:0}.doc-type-card p{margin:0;font-size:12.5px;flex:1 1}.doc-type-card .btn{margin-top:auto;align-self:flex-start}.client-picker-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}@media (max-width:900px){.client-picker-grid{grid-template-columns:repeat(2,1fr)}}.client-picker-card{border:1px solid var(--border);border-radius:var(--radius);padding:22px 18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;background:var(--card)}.client-picker-card:hover{border-color:var(--navy);text-decoration:none}.client-picker-card.is-muted,.client-picker-card.is-muted h3{color:var(--slate)}.client-picker-icon{width:38px;height:38px;border-radius:9px;background:var(--teal-soft);color:var(--teal-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-picker-card.is-muted .client-picker-icon{background:var(--surface-hover);color:var(--slate)}.client-picker-card h3{font-family:var(--body);font-size:14.5px;font-weight:700;color:var(--ink);margin:0}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--border);background:var(--card);color:var(--ink);cursor:pointer}.icon-btn:hover{border-color:var(--navy)}.icon-btn-danger{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:999px;border:1px solid var(--error-border);background:var(--card);color:var(--red);cursor:pointer}.badge-ended,.icon-btn-danger:hover{background:var(--error-bg)}.badge-ended{color:var(--error-text)}.menu-wrap{position:relative;display:inline-block}.menu-panel{position:absolute;top:calc(100% + 6px);right:0;z-index:20;min-width:260px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:6px;display:flex;flex-direction:column}.menu-item{display:block;padding:9px 12px;border-radius:7px;font-size:13.5px;color:var(--ink)}.menu-item:hover{background:var(--surface-hover);text-decoration:none}.error-box{background:var(--error-bg);border:1px solid var(--error-border);color:var(--error-text);border-radius:8px}.error-box,.info-box{padding:10px 14px;font-size:13px;margin-bottom:16px}.info-box{background:var(--info-bg);border:1px solid var(--info-border);color:var(--info-text);border-radius:8px}.topbar{border-bottom:1px solid var(--border);background:var(--card)}.topbar-inner{max-width:1080px;margin:0 auto;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-search-input{width:190px;height:34px;font-size:13px;margin-bottom:0}@media (min-width:1500px){.topbar-search-input{width:300px}}.brand{display:flex;align-items:center;font-family:var(--display);font-weight:600;font-size:19px;color:var(--ink)}.brand img{display:block}.brand span{color:var(--accent)}.brand .logo-dark,:root[data-theme=dark] .brand .logo-light{display:none}:root[data-theme=dark] .brand .logo-dark{display:block}.nav{display:flex;gap:6px;align-items:center;font-size:14px}.nav a{color:var(--slate);white-space:nowrap;padding:6px 10px;border-radius:8px}.nav a.active{color:var(--teal-dark);font-weight:600;background:var(--teal-soft)}.org-tag{font-size:13px;color:var(--slate);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.topbar-icons{gap:4px}.topbar-icon,.topbar-icons{display:flex;align-items:center}.topbar-icon{justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--slate)}.topbar-icon:hover{color:var(--ink);background:var(--bg)}.topbar-icon.active{color:var(--teal-dark);background:var(--teal-soft)}.row>.card+.card{margin-top:0}@media (min-width:1500px){.page,.topbar-inner{max-width:1340px}}@media (min-width:1920px){.page,.topbar-inner{max-width:1640px}}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:var(--slate);padding:8px 10px}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:12px 10px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--surface-hover)}.badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-concept{background:var(--surface-hover);color:var(--slate)}.badge-gegenereerd{background:var(--amber-bg);color:var(--warning-text)}.badge-definitief{background:var(--green-bg);color:var(--ok-text)}.warning-box{background:var(--amber-bg);border:1.5px solid var(--amber);border-radius:8px;padding:14px 16px;margin-bottom:16px}.warning-box h3{margin:0 0 8px;font-size:14px;color:var(--warning-text)}.warning-box ul{margin:0;padding-left:18px;font-size:13px;color:var(--warning-text-strong)}.blocker-box{background:var(--error-bg);border:1.5px solid var(--red);border-radius:8px;padding:14px 16px;margin-bottom:16px}.blocker-box h3{margin:0 0 8px;font-size:14px;color:var(--error-text)}.blocker-box p,.blocker-box ul{margin:0;font-size:13px;color:var(--error-text)}.ok-box{background:var(--green-bg);border:1.5px solid var(--green);padding:12px 16px;margin-bottom:16px;font-size:13px;color:var(--ok-text)}.ok-box,.toggle{border-radius:8px}.toggle{display:flex;align-items:flex-start;gap:10px;padding:10px 14px;cursor:pointer;background:var(--surface-hover);border:1.5px solid var(--border)}.toggle.checked{background:var(--amber-bg);border-color:var(--amber)}.toggle-box{width:20px;height:20px;border-radius:4px;flex-shrink:0;margin-top:1px;background:var(--input-bg);border:2px solid var(--input-border);display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700}.toggle.checked .toggle-box{background:var(--amber);border:none}.toggle-desc{font-size:12px;color:var(--slate);margin-top:2px}.stepper{display:flex;gap:6px;margin-bottom:28px}.step-dot{flex:1 1;height:6px;border-radius:3px;background:var(--border)}.step-dot.done{background:var(--accent)}.step-dot.current{background:var(--accent-dark)}.step-label{font-size:13px;color:var(--slate);margin-bottom:8px}.person-card{border:1.5px solid var(--border);border-radius:8px;padding:16px;margin-bottom:12px;background:var(--surface-alt)}.doc-preview{background:var(--card);border:1px solid var(--border);border-radius:8px;padding:32px;font-size:14px;line-height:1.7;max-width:760px}.doc-preview h2{font-size:15px;text-transform:uppercase;letter-spacing:.02em}.doc-preview p{margin:0 0 12px}.muted{color:var(--slate);font-size:13px}.disclaimer{font-size:12px;color:var(--slate);background:var(--surface-hover);border:1px dashed var(--border);border-radius:8px;padding:10px 12px;margin-top:16px}.btn-pill{border-radius:999px;padding:12px 22px;font-size:14px}.toolbar{display:flex;gap:10px;margin-bottom:20px}.toolbar .input{margin-bottom:0}.toolbar-search{flex:1 1 auto}.toolbar select.input{flex:0 0 auto;width:auto;min-width:160px}.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:14px;gap:14px}.client-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:block}.client-card:hover{border-color:var(--slate-light);text-decoration:none}.client-avatar{width:42px;height:42px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-family:var(--body);font-weight:700;font-size:14px;margin-bottom:14px}.client-avatar-navy{background:var(--navy)}.client-avatar-teal{background:var(--teal)}.client-avatar-gold{background:var(--gold)}.client-card h3{font-family:var(--display);font-size:16px;font-weight:600;color:var(--ink);margin:0 0 4px}.client-card p{margin:0;font-size:12.5px;color:var(--slate)}.client-card p.client-card-tag{margin:0 0 3px}.client-card p:last-child{margin-top:6px}.client-empty{text-align:center;padding:48px 0;color:var(--slate)}.client-card.client-card-ended .client-card-ended-label,.client-card.client-card-ended .client-card-tag,.client-card.client-card-ended h3,.client-card.client-card-ended p{color:var(--red)}.client-card-ended-label{font-weight:700;margin:0 0 3px}.ended-status-large{font-size:13px;font-weight:700;color:var(--red);display:block;margin-bottom:2px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);display:flex;align-items:center;justify-content:center;z-index:100;padding:20px}.modal-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;width:100%;max-width:420px}.modal-box h2{margin:0 0 6px}.settings-section{margin-bottom:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.settings-row:last-child{border-bottom:none}.theme-switch-btn{display:inline-flex;align-items:center;gap:10px;background:var(--surface-hover);border:1.5px solid var(--border);border-radius:999px;padding:6px 14px 6px 6px;cursor:pointer;font-size:13px;font-weight:600;color:var(--ink);font-family:inherit}.theme-switch-track{width:40px;height:22px;border-radius:999px;background:var(--border);position:relative;flex-shrink:0;transition:background .15s ease}.theme-switch-track.on{background:var(--navy)}.theme-switch-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .15s ease}.theme-switch-track.on .theme-switch-thumb{transform:translateX(18px)}.stat-tile{background:var(--surface-hover);border-radius:var(--radius);padding:18px 20px;flex:1 1 180px}.stat-tile .stat-value{font-size:28px;font-weight:700;color:var(--ink);font-family:var(--display)}.stat-tile .stat-label{font-size:12.5px;color:var(--slate);margin-top:2px}.integration-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--border);border-radius:8px;margin-bottom:8px}.integration-card .integration-name{font-weight:600;font-size:14px}.integration-card .integration-desc{font-size:12.5px;color:var(--slate);margin-top:2px}.integration-status{font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;background:var(--surface-hover);color:var(--slate);white-space:nowrap}@keyframes jn-spin{to{transform:rotate(1turn)}}.spinner{display:inline-block;width:18px;height:18px;border:2.5px solid var(--border);border-top-color:var(--navy);border-radius:50%;animation:jn-spin .7s linear infinite;vertical-align:middle}.spinner--lg{width:36px;height:36px;border-width:3px}.loading-block{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:40px 16px}.loading-block p{margin:0}.dropzone{position:relative;display:flex;align-items:center;justify-content:center;min-height:92px;padding:16px 18px;border:1.6px dashed var(--border);border-radius:10px;background:var(--bg);color:var(--slate);transition:border-color .15s ease,background .15s ease}.dropzone--over{border-color:var(--navy);background:var(--card)}.dropzone__input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.dropzone__file,.dropzone__prompt{display:flex;align-items:center;gap:10px;pointer-events:none;font-size:14px}.dropzone__file{word-break:break-all}.dropzone__file,.dropzone__prompt strong{color:var(--ink);font-weight:600}.dropzone__hint{display:block;margin-top:3px;font-size:12px;color:var(--slate);font-weight:400}