@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(auto-fit,minmax(148px,1fr));gap:12px;margin:8px 0 16px}.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(5,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 .adr{margin-top:4px;font-size:11.5px;line-height:1.35}.card .adr a{color:var(--blauw);font-weight:600;text-decoration:none}.card .adr a:hover{text-decoration:underline}.card .adr.geen{color:var(--grijs);font-weight:500}.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}.nav .modl{font-weight:800}.nav .navdiv{width:1px;height:20px;background:var(--lijn);margin:0 6px;align-self:center;display:inline-block}.card[draggable=true]{cursor:grab}.card[draggable=true]:active{cursor:grabbing}.card.own-Mortier{border-left-color:#e2a400}.card.own-Hoste{border-left-color:#0f7c8c}.card .acct{font-size:11.5px;color:var(--grijs);margin-top:3px}.col.drop{outline:2px dashed var(--blauw);outline-offset:-3px}.toggle{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}.toggle input{accent-color:var(--blauw)}.pill{font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;background:var(--ijs);color:var(--inkt);border:1px solid var(--lijn)}.pill.amt{background:#e7eeff;color:var(--blauw);border-color:#d3e0ff}.pill.own{background:#f1f3f8;color:var(--grijs)}.pill.tech{background:#fff1db;color:#b4740a;border-color:#f3dca6}.pill.date{background:#eaf7ee;color:#15803d;border-color:#c7e9d3}.pill.overdue{background:#fde7e7;color:#d22f2f;border-color:#f4c4c4}.mask{position:fixed;inset:0;background:#0d19356b;display:none;z-index:40}.mask.show{display:block}.panel{position:fixed;top:0;right:0;height:100%;width:420px;max-width:94vw;background:#fff;box-shadow:-8px 0 30px #0d193538;z-index:41;transform:translate(100%);transition:transform .22s;overflow:auto}.panel.show{transform:translate(0)}.panel .ph2{padding:18px 20px;border-bottom:1px solid var(--lijn)}.panel .ph2 .t{font-family:var(--display);font-weight:800;font-size:16px}.panel .ph2 .s{color:var(--grijs);font-size:12.5px;margin-top:3px}.panel .pb{padding:16px 20px;display:flex;flex-direction:column;gap:14px}.fld{display:flex;flex-direction:column;gap:5px}.fld label{font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--grijs)}.fld select,.fld input,.fld textarea{border:1px solid var(--lijn);border-radius:9px;padding:8px 10px;font-family:var(--body);font-size:13px;color:var(--inkt);background:#fff}.fld textarea{resize:vertical;min-height:56px}.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.togg2{display:flex;align-items:center;gap:9px;font-size:13px;font-weight:600;color:var(--inkt);background:#f6f8fc;border:1px solid var(--lijn);border-radius:10px;padding:9px 11px;cursor:pointer}.togg2 input{width:16px;height:16px;accent-color:#E2A400}.pf{padding:14px 20px;border-top:1px solid var(--lijn);display:flex;justify-content:space-between;align-items:center;gap:10px}.zlink{font-size:12px;color:var(--blauw);text-decoration:none;font-weight:600}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:var(--inkt);color:#fff;padding:11px 18px;border-radius:12px;font-size:13px;font-weight:600;box-shadow:0 8px 24px #0d19354d;opacity:0;pointer-events:none;transition:opacity .2s;z-index:80}.toast.show{opacity:1}.toast.err{background:#d22f2f}@media (max-width:760px){.nav{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch}.board{display:flex!important;grid-template-columns:none!important;overflow-x:auto!important;gap:10px!important;padding-bottom:10px;-webkit-overflow-scrolling:touch}.board>.col{flex:0 0 84vw!important;max-width:none!important}.lead-row{flex-wrap:wrap!important;align-items:flex-start!important;gap:6px 10px!important}.lead-row>*{min-width:auto!important;text-align:left!important}.lead-row .lead-nm{flex:1 1 100%!important}.panel{width:100%!important;max-width:100%!important}.deskonly{display:none!important}}@media (max-width:1000px){.board,.kpis{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.board{grid-template-columns:1fr}}@media (max-width:640px){.topbar .in{padding:9px 12px;gap:8px}.topbar img{height:20px}.topbar .div,.topbar .tt,.who{display:none}.nav{margin-left:0;gap:2px}.nav a{padding:7px 10px;font-size:12.5px}#refresh{display:none!important}.btn.ghost{padding:7px 10px;font-size:12px}.wrap{padding:14px 14px 60px}}