@font-face{font-family:Menca;src:url(/assets/fonts/Menca-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Menca;src:url(/assets/fonts/Menca-Bold.woff2) format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Menca;src:url(/assets/fonts/Menca-Black.woff2) format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Regular.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-Medium.woff2) format("woff2");font-weight:500;font-display:swap}@font-face{font-family:Montserrat;src:url(/assets/fonts/Montserrat-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}:root{--blauw:#2558FF;--inkt:#0D1935;--cyaan:#95F5FF;--mint:#92EDC8;--ijs:#EAFDFF;--grijs:#5B6780;--lijn:#D9E3F2;--wit:#FFFFFF;--groen:#0B7A3E;--supp:#0F7C8C;--display:"Menca","Montserrat",Arial,sans-serif;--body:"Montserrat",Arial,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--wit);color:var(--inkt);font-family:var(--body);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0}.topbar{background:#ffffffeb;backdrop-filter:blur(8px);border-bottom:1px solid var(--lijn);position:sticky;top:0;z-index:5}.topbar .in{max-width:1600px;margin:0 auto;padding:12px 20px;display:flex;align-items:center;gap:14px}.topbar img{height:26px}.topbar .div{width:1px;height:22px;background:var(--lijn)}.topbar .tt{font-family:var(--display);font-weight:700;font-size:15px}.topbar .tt span{color:var(--blauw)}.topbar .sp{flex:1}.nav{display:flex;gap:4px;margin-left:8px}.nav a{font-family:var(--display);font-weight:600;font-size:13px;color:var(--grijs);text-decoration:none;padding:6px 11px;border-radius:8px}.nav a:hover{background:var(--ijs);color:var(--inkt)}.nav a[aria-current=page]{background:var(--blauw);color:#fff}.btn{background:var(--blauw);color:#fff;border:none;border-radius:10px;padding:8px 14px;font-family:var(--display);font-weight:600;font-size:13px;cursor:pointer}.btn.ghost{background:transparent;color:var(--inkt);border:1.5px solid var(--lijn)}.who{font-size:12px;color:var(--grijs)}.wrap{max-width:1600px;margin:0 auto;padding:18px 20px 50px}.bar{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin:6px 0 14px}.chip{display:inline-flex;align-items:center;gap:7px;background:var(--wit);border:1px solid var(--lijn);border-radius:999px;padding:6px 13px;font-family:var(--display);font-weight:600;font-size:12.5px;color:var(--inkt);cursor:pointer;user-select:none}.chip .d{width:9px;height:9px;border-radius:50%}.chip .cnt{color:var(--grijs);font-size:11px}.chip.on{border-color:var(--blauw);box-shadow:0 0 0 2px #2558ff24}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 16px;max-width:720px}.kpi{background:var(--wit);border:1px solid var(--lijn);border-radius:12px;padding:13px 15px}.kpi .n{font-family:var(--display);font-weight:700;font-size:26px;color:var(--blauw);line-height:1}.kpi .l{color:var(--grijs);font-size:11px;margin-top:5px;font-weight:600}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;align-items:start}.col{background:var(--ijs);border:1px solid var(--lijn);border-radius:14px;padding:10px;min-height:80px}.col h3{font-family:var(--display);font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--inkt);display:flex;justify-content:space-between;align-items:center;padding:4px 5px 11px}.col h3 .c{font-family:var(--display);background:var(--ijs);border:1px solid var(--lijn);color:var(--grijs);border-radius:999px;font-size:10px;padding:1px 8px}.card{background:var(--wit);border:1px solid var(--lijn);border-left:3px solid var(--blauw);border-radius:11px;padding:11px;margin-bottom:9px}.card .tag{display:inline-flex;align-items:center;gap:5px;font-family:var(--display);font-weight:700;font-size:9.5px;letter-spacing:.03em;text-transform:uppercase;padding:2px 8px 2px 6px;border-radius:999px;color:#fff;margin-bottom:7px}.card .tag svg{width:12px;height:12px}.card .kl{font-family:var(--display);font-weight:700;font-size:13.5px;line-height:1.2}.card .to{font-size:11.5px;color:var(--inkt);margin-top:5px}.card .meta{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:7px;font-size:11px;color:var(--grijs)}.card .meta b{color:var(--inkt);font-weight:600}.card .mt{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:8px;border-top:1px solid var(--lijn);gap:8px}.card .ref{font-size:10.5px;color:var(--grijs);font-family:var(--display);font-weight:600;white-space:nowrap}.card select{font-family:var(--body);font-size:11px;border:1px solid var(--lijn);border-radius:7px;padding:4px 6px;background:var(--wit);color:var(--inkt);max-width:150px}.empty{color:var(--grijs);font-size:12px;padding:10px 5px;text-align:center;opacity:.55}.state{padding:60px 20px;text-align:center;color:var(--grijs);font-size:14px}.login{max-width:360px;margin:70px auto;background:var(--wit);border:1px solid var(--lijn);border-radius:16px;padding:30px;text-align:center}.login h2{font-size:19px;margin-bottom:6px}.login p{color:var(--grijs);font-size:12.5px;margin:0 0 16px}.login input{width:100%;padding:10px 12px;border:1px solid var(--lijn);border-radius:9px;font-family:var(--body);font-size:14px;margin-bottom:10px}.login .err{color:#b3261e;font-size:12px;margin:0 0 10px;min-height:14px}.login button{width:100%}.foot{margin-top:26px;color:var(--grijs);font-size:11px}.ph{background:var(--wit);border:1px dashed var(--lijn);border-radius:16px;padding:40px;text-align:center;color:var(--grijs);max-width:640px;margin:20px auto}.ph h2{font-size:20px;color:var(--inkt);margin-bottom:8px}.ph p{font-size:13px;margin:0}@media (max-width:1000px){.board,.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.board{grid-template-columns:1fr}}