:root{--ink:#151a21;--muted:#66707c;--line:#dfe3e8;--surface:#fff;--canvas:#f3f5f7;--yellow:#ffd400;--yellow-dark:#b88f00;--danger:#a72828;--success:#176a3a;--shadow:0 12px 34px rgba(19,27,38,.08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas);font-size:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--canvas);line-height:1.55}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}a{color:inherit}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.08;letter-spacing:-.035em;margin-bottom:.6rem}h2{font-size:1.25rem;line-height:1.25}h3{font-size:1rem}.skip-link{position:fixed;z-index:100;left:1rem;top:-4rem;background:#fff;padding:.75rem 1rem;border:2px solid var(--ink)}.skip-link:focus{top:1rem}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:800;color:#806500;margin-bottom:.55rem}.lead{font-size:1.04rem;color:var(--muted)}.help,.optional,.empty-copy{color:var(--muted);font-size:.88rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:2px solid var(--ink);border-radius:10px;background:var(--yellow);color:var(--ink);font-weight:800;padding:.68rem 1rem;text-decoration:none;cursor:pointer;box-shadow:0 2px 0 var(--ink)}.button:hover{background:#ffe04a}.button:active{transform:translateY(2px);box-shadow:none}.button-secondary{background:#fff}.button-small{min-height:38px;padding:.4rem .75rem;font-size:.88rem}.text-button{border:0;background:transparent;padding:.4rem 0;text-decoration:underline;cursor:pointer;color:inherit}.muted-link{display:inline-block;margin-top:1rem;color:var(--muted)}:focus-visible{outline:4px solid #1a67d2;outline-offset:3px}label{display:grid;gap:.42rem;font-weight:700;font-size:.91rem}input,select,textarea{width:100%;border:1px solid #bcc3cb;border-radius:9px;background:#fff;color:var(--ink);padding:.75rem .8rem;min-height:46px}textarea{resize:vertical}input:hover,select:hover,textarea:hover{border-color:#77818d}fieldset{border:1px solid var(--line);border-radius:12px;padding:1rem;display:grid;gap:1rem}legend{font-weight:800;padding:0 .4rem}.stack{display:grid;gap:1rem}.form-grid{display:grid;gap:1rem}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid .full{grid-column:1/-1}.check{display:flex;align-items:flex-start;gap:.65rem;min-height:44px}.check input{width:22px;height:22px;min-height:auto;flex:0 0 auto;margin-top:.1rem}.alert,.notice{padding:.9rem 1rem;border-radius:10px;border:1px solid;margin-bottom:1rem}.alert-danger{background:#fff0f0;border-color:#efb4b4;color:#7e1d1d}.alert-success{background:#eefaf2;border-color:#a9d9b8;color:#155d34}.alert-warning,.notice{background:#fff9d9;border-color:#e8ce55;color:#4c3e00}.auth-page,.installer-page{min-height:100vh;background:linear-gradient(135deg,#11171f 0 52%,#ffd400 52%)}.auth-shell,.installer-shell{min-height:100vh;display:grid;place-items:center;padding:2rem}.auth-card,.installer-card{background:#fff;border-radius:20px;box-shadow:0 24px 60px rgba(0,0,0,.25);padding:clamp(1.4rem,4vw,2.6rem);width:min(100%,480px)}.installer-card{width:min(100%,850px)}.installer-card fieldset{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-mark{display:inline-grid;place-items:center;width:44px;height:44px;background:var(--yellow);border:2px solid var(--ink);border-radius:11px;font-weight:900;letter-spacing:-.08em;margin-bottom:1.5rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;background:#151a21;color:#f7f8fa;padding:1.25rem 1rem;display:flex;flex-direction:column;border-right:1px solid #2c333c}.brand{display:flex;align-items:center;gap:.8rem;padding:.2rem .35rem 1.5rem}.brand .brand-mark{color:var(--ink);margin:0}.brand span:last-child{display:grid}.brand small,.sidebar-footer small{color:#aeb6c0}.sidebar nav{display:grid;gap:.25rem}.sidebar nav a{padding:.72rem .8rem;border-radius:9px;text-decoration:none;color:#d9dee4;font-weight:650}.sidebar nav a:hover,.sidebar nav a:focus-visible{background:#262d36;color:#fff}.nav-label{font-size:.72rem;text-transform:uppercase;letter-spacing:.13em;color:#8c97a3;padding:1.4rem .8rem .35rem}.sidebar-footer{margin-top:auto;border-top:1px solid #333b45;padding:1rem .7rem 0;display:grid}.sidebar-footer .text-button{color:#fff;text-align:left}.main-column{min-width:0}.topbar{height:68px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(1rem,3vw,2.2rem);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}.secure-label{font-size:.82rem;color:var(--muted);font-weight:750}.secure-label:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--success);margin-right:.5rem}.menu-button{display:none}.content{padding:clamp(1rem,3vw,2.2rem);max-width:1500px;margin:0 auto}.page-heading,.studio-header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem;margin-bottom:1.8rem}.page-heading p,.studio-header p{color:var(--muted);margin-bottom:0}.page-heading.compact{margin-bottom:1.2rem}.heading-actions{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap}.inline-form{display:inline}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.metric{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.1rem 1.2rem;box-shadow:var(--shadow);border-top:4px solid var(--ink);display:grid;gap:.18rem}.metric.warning{border-top-color:var(--yellow-dark)}.metric span{font-weight:750;color:var(--muted)}.metric strong{font-size:2.25rem;line-height:1}.metric small{color:var(--muted)}.dashboard-grid,.detail-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:1.25rem;box-shadow:var(--shadow);margin-bottom:1rem}.panel-heading{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.panel-heading p{color:var(--muted);margin:0}.activity-list,.file-list{list-style:none;padding:0;margin:0;display:grid}.activity-list li{display:grid;grid-template-columns:28px 1fr;gap:.75rem;padding:.8rem 0;border-top:1px solid var(--line)}.activity-list li:first-child{border-top:0}.activity-list strong,.activity-list p,.activity-list time{display:block;margin:0}.activity-list p,.activity-list time{color:var(--muted);font-size:.83rem}.activity-icon{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900}.filter-bar{background:#fff;border:1px solid var(--line);border-radius:12px;padding:1rem;display:flex;gap:1rem;align-items:end;margin-bottom:1rem}.search-field{flex:1}.table-wrap{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:auto;box-shadow:var(--shadow)}table{width:100%;border-collapse:collapse;min-width:760px}th,td{text-align:left;padding:.85rem 1rem;border-bottom:1px solid var(--line);vertical-align:middle}th{background:#f8f9fa;color:#4f5965;font-size:.78rem;text-transform:uppercase;letter-spacing:.07em}td small{display:block;color:var(--muted)}tbody tr:hover{background:#fffdf0}.table-link{font-weight:800;text-decoration-thickness:2px}.status{display:inline-flex;align-items:center;gap:.35rem;border-radius:999px;padding:.3rem .62rem;font-size:.76rem;font-weight:850;border:1px solid #aeb5bd;background:#f1f3f5;white-space:nowrap}.status:before{content:"●";font-size:.65rem}.status-actief,.status-goedgekeurd,.status-active{background:#eaf8ef;color:#126336;border-color:#9fcdae}.status-concept,.status-wacht_op_controle,.status-controle{background:#fff7d0;color:#5a4800;border-color:#d9be4d}.status-ingetrokken,.status-blocked{background:#fff0f0;color:#852121;border-color:#e7aeae}.status-verlopen,.status-gearchiveerd{background:#eef0f3;color:#4e5864}.wizard{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.stepper{list-style:none;display:grid;grid-template-columns:repeat(6,1fr);padding:0;margin:0;border-bottom:1px solid var(--line);background:#f8f9fa}.stepper li{padding:.8rem;text-align:center;color:var(--muted);font-size:.82rem;border-bottom:4px solid transparent}.stepper li.active{color:var(--ink);font-weight:850;border-bottom-color:var(--yellow)}.wizard-step{display:none;padding:clamp(1.1rem,3vw,2rem)}.wizard-step.active{display:block}.wizard-actions{border-top:1px solid var(--line);padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:#fafbfc}.upload-zone{border:2px dashed #aeb6c0;border-radius:12px;padding:2rem;text-align:center;background:#fafbfc}.upload-zone input{margin-top:.5rem}.review-card{background:#f7f8fa;border-left:5px solid var(--yellow);padding:1rem;border-radius:4px 10px 10px 4px}.detail-list{display:grid;gap:1rem}.detail-list div{border-top:1px solid var(--line);padding-top:.8rem}.detail-list dt{color:var(--muted);font-size:.82rem;font-weight:800}.detail-list dd{margin:.2rem 0 0}.file-list li{display:flex;align-items:center;gap:.8rem;padding:.75rem 0;border-top:1px solid var(--line)}.file-list li>span{background:#eff1f4;border-radius:8px;padding:.35rem;font-size:.72rem}.file-list li>div{flex:1;display:grid}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.quick-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:1.2rem;display:grid;grid-template-columns:76px 1fr;gap:1rem;box-shadow:var(--shadow)}.avatar-placeholder{width:76px;height:92px;background:#e9edf1;border-radius:10px;display:grid;place-items:center;font-weight:900;color:#697582}.quick-card h2{margin:.6rem 0}.quick-card p{margin:.2rem 0;color:#4e5864}.studio-layout{display:grid;grid-template-columns:minmax(480px,.9fr) minmax(360px,1.1fr);gap:1.2rem;align-items:start}.studio-form{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);display:grid;grid-template-columns:180px 1fr;overflow:hidden}.studio-stepper{list-style:none;margin:0;padding:.8rem;background:#181e26;color:#d8dde3}.studio-stepper li{display:flex;align-items:center;gap:.7rem;padding:.6rem;border-radius:8px;font-size:.84rem}.studio-stepper li span{width:25px;height:25px;border:1px solid #596471;border-radius:50%;display:grid;place-items:center;font-size:.76rem}.studio-stepper li.active{background:#2b333e;color:#fff}.studio-stepper li.active span{background:var(--yellow);border-color:var(--yellow);color:var(--ink);font-weight:900}.studio-fields{min-width:0}.studio-fields .wizard-step{min-height:520px}.step-count{font-size:.78rem;color:var(--muted);font-weight:800}.document-preview{position:sticky;top:86px}.paper{width:min(100%,700px);min-height:850px;margin:0 auto;background:#fff;border:1px solid #cbd0d6;box-shadow:0 16px 40px rgba(20,27,36,.14);padding:clamp(1.5rem,4vw,3.2rem);font-family:Georgia,"Times New Roman",serif}.paper header{display:flex;justify-content:space-between;border-bottom:3px solid var(--yellow);padding-bottom:1rem;margin-bottom:2.3rem;text-transform:uppercase;letter-spacing:.08em;font-family:Inter,system-ui,sans-serif;font-weight:900}.paper h2{font-size:1.8rem}.paper h3{border-bottom:1px solid #ced3d8;padding-bottom:.35rem;margin:1.5rem 0 .5rem}.paper p{white-space:pre-wrap}.paper .doc-number{font-family:Inter,system-ui,sans-serif;color:var(--muted);font-size:.85rem}.paper footer{border-top:1px solid #ced3d8;padding-top:1rem;margin-top:3rem;color:#68717b;font-size:.78rem}.signature-box{border:1px solid var(--line);border-radius:12px;padding:.7rem;margin-bottom:1rem}.signature-box canvas{width:100%;height:180px;background:#fff;border:1px dashed #aeb6c0;touch-action:none}.admin-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:1rem}.admin-grid .wide{min-width:0}.permission-panel{padding:0;overflow:hidden}.permission-panel .panel-heading{padding:1rem 1.2rem;border-bottom:1px solid var(--line)}.permission-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding:1rem}.permission-grid h3{grid-column:1/-1;margin:1rem 0 .2rem;border-bottom:1px solid var(--line);padding-bottom:.4rem}.permission-check{display:flex;gap:.6rem;align-items:center;padding:.6rem;border:1px solid var(--line);border-radius:8px}.permission-check input{width:20px;height:20px;min-height:auto}.settings-form{display:grid;gap:1rem;max-width:1000px}.settings-form>.button{justify-self:start}code{background:#eef0f3;padding:.14rem .3rem;border-radius:4px;font-size:.84em}
.action-strip{padding:.9rem 1rem}.action-strip h2{margin-bottom:.7rem}.inline-fields{display:flex;gap:.6rem;align-items:end;flex-wrap:wrap}.inline-fields label{min-width:170px}.inline-fields input{min-height:42px}.inline-fields .button{min-height:42px}
@media(max-width:1050px){.metric-grid{grid-template-columns:repeat(2,1fr)}.studio-layout{grid-template-columns:1fr}.document-preview{position:static}.quick-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}.permission-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;z-index:50;left:-280px;width:260px;transition:left .2s ease}.sidebar.open{left:0;box-shadow:20px 0 50px rgba(0,0,0,.25)}.menu-button{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:8px;padding:.5rem .8rem}.content{padding:1rem}.page-heading,.studio-header{display:grid;gap:1rem}.heading-actions{width:100%}.heading-actions .button,.heading-actions form,.heading-actions form .button{width:100%}.dashboard-grid,.detail-grid,.quick-grid{grid-template-columns:1fr}.form-grid.two,.form-grid.three,.installer-card fieldset{grid-template-columns:1fr}.filter-bar{display:grid}.stepper{display:flex;overflow-x:auto}.stepper li{min-width:125px}.studio-form{display:block}.studio-stepper{display:flex;overflow-x:auto}.studio-stepper li{min-width:max-content}.studio-fields .wizard-step{min-height:430px}.document-preview{display:none}.document-preview.open{display:block;position:fixed;inset:0;z-index:70;overflow:auto;background:#69717bd9;padding:1rem}.paper{min-height:100%;width:100%}.permission-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:.9rem}.metric strong{font-size:1.8rem}}
@media(max-width:470px){.metric-grid{grid-template-columns:1fr}.auth-shell,.installer-shell{padding:1rem}.auth-card,.installer-card{border-radius:14px}.wizard-actions{flex-wrap:wrap}.wizard-actions span{order:-1;width:100%;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sidebar,.topbar,.studio-header,.studio-form,.alert{display:none!important}.app-shell,.studio-layout{display:block}.content{padding:0}.document-preview{display:block;position:static}.paper{box-shadow:none;border:0;width:100%;min-height:auto}}