:root{--blauw:#1a73e8;--blauw-donker:#174ea6;--rood:#d93025;--geel:#f9ab00;--groen:#188038;--tekst:#202124;--tekst-2:#5f6368;--lijn:#dadce0;--grijs-bg:#f8f9fa;--chip-bg:#f1f3f4;--wit:#fff;--schaduw:0 1px 2px rgba(60,64,67,0.3),0 1px 3px 1px rgba(60,64,67,0.15);--schaduw-hover:0 1px 3px rgba(60,64,67,0.3),0 4px 8px 3px rgba(60,64,67,0.15)}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:Google Sans Text,Roboto,Segoe UI,Arial,sans-serif;color:var(--tekst);background:var(--wit);font-size:14px;line-height:1.55}a{color:inherit;text-decoration:none}.topbar{display:flex;align-items:center;gap:20px;padding:10px 24px;border-bottom:1px solid var(--lijn);position:-webkit-sticky;position:sticky;top:0;background:var(--wit);z-index:50}.logo{display:flex;align-items:baseline;gap:8px;font-size:22px;letter-spacing:-.5px;white-space:nowrap}.logo .l1{color:var(--blauw);font-weight:500}.logo .l2{color:var(--rood);font-weight:500}.logo .l3{color:var(--geel);font-weight:500}.logo .l4{color:var(--groen);font-weight:500}.logo .sub{color:var(--tekst-2);font-size:13px;font-weight:400}.zoekveld{flex:1 1;max-width:640px;display:flex;align-items:center;gap:10px;background:var(--chip-bg);border-radius:24px;padding:9px 18px;color:var(--tekst-2);border:1px solid transparent}.zoekveld:focus-within{background:var(--wit);box-shadow:var(--schaduw)}.zoekveld input{border:0;outline:0;background:transparent;font:inherit;width:100%;color:var(--tekst)}.sync-info{margin-left:auto;color:var(--tekst-2);font-size:12px;white-space:nowrap}.tabs{display:flex;gap:4px;padding:0 16px;border-bottom:1px solid var(--lijn);overflow-x:auto;background:var(--wit)}.tab{padding:12px 16px 10px;color:var(--tekst-2);font-weight:500;font-size:14px;border-bottom:3px solid transparent;white-space:nowrap}.tab:hover{color:var(--tekst);background:var(--grijs-bg);border-radius:8px 8px 0 0}.tab.actief{color:var(--blauw);border-bottom-color:var(--blauw)}.inhoud{max-width:1120px;margin:0 auto;padding:24px 24px 80px}.pagina-kop{margin:8px 0 20px}.pagina-kop h1{font-size:26px;font-weight:400;letter-spacing:-.3px}.pagina-kop p{color:var(--tekst-2);margin-top:4px}.kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:16px;padding:18px 20px;transition:box-shadow .15s}.kaart.klik:hover,a.kaart:hover{box-shadow:var(--schaduw-hover)}.grid{display:grid;grid-gap:16px;gap:16px}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.stat .cijfer{font-size:34px;font-weight:400;line-height:1.1}.stat .label{color:var(--tekst-2);margin-top:2px;font-size:13px}.sectie{margin-top:32px}.sectie>h2{font-size:16px;font-weight:500;margin-bottom:12px;color:var(--tekst)}.sectie>h2 .tel{color:var(--tekst-2);font-weight:400}.proj-balk{height:6px;border-radius:4px 4px 0 0;margin:-18px -20px 14px}.proj-naam{font-size:16px;font-weight:500}.proj-oms{color:var(--tekst-2);font-size:13px;margin:4px 0 10px;min-height:34px}.proj-meta{display:flex;gap:8px;flex-wrap:wrap}.chip,.proj-meta{align-items:center}.chip{display:inline-flex;gap:6px;background:var(--chip-bg);border-radius:8px;padding:3px 10px;font-size:12px;color:var(--tekst-2);font-weight:500}.chip.open{background:#fce8e6;color:#c5221f}.chip.groen{background:#e6f4ea;color:var(--groen)}.chip.blauw{background:#e8f0fe;color:var(--blauw-donker)}.chip.geel{background:#fef7e0;color:#b06000}.stip{width:10px;height:10px;border-radius:50%;display:inline-block;flex:none}.rij{display:flex;gap:14px;align-items:flex-start;padding:12px 8px;border-bottom:1px solid #f1f3f4;border-radius:8px}.rij:hover{background:var(--grijs-bg)}.rij .datum{color:var(--tekst-2);font-size:12px;white-space:nowrap;min-width:84px;padding-top:2px}.rij .titel{font-weight:500}.rij .oms{color:var(--tekst-2);font-size:13px;margin-top:1px}.open-item{display:flex;gap:12px;align-items:flex-start;padding:9px 8px;border-radius:8px}.open-item:hover{background:var(--grijs-bg)}.open-item input{margin-top:4px;width:16px;height:16px;accent-color:var(--blauw);cursor:pointer;flex:none}.open-item.af label{text-decoration:line-through;color:var(--tekst-2)}.open-item label{cursor:pointer}.open-item .bron{color:var(--tekst-2);font-size:12px}.idee-kop{display:flex;align-items:center;gap:10px;margin-bottom:8px}.idee-kop h3{font-size:15px;font-weight:500}.idee-oms{color:var(--tekst-2);font-size:13px;margin-bottom:12px}.filterbalk{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.filterbalk button{border:1px solid var(--lijn);background:var(--wit);border-radius:20px;padding:6px 14px;font:inherit;font-size:13px;color:var(--tekst-2);cursor:pointer}.filterbalk button.actief{background:#e8f0fe;border-color:#e8f0fe;color:var(--blauw-donker);font-weight:500}.banner{display:flex;gap:12px;align-items:flex-start;background:#fef7e0;border:1px solid #feefc3;border-radius:12px;padding:12px 16px;margin-bottom:10px}.banner .ikoon{font-size:16px;line-height:1.4}.memo-tekst{white-space:pre-wrap;font-size:14px;line-height:1.7;max-width:760px}.memo-tekst code{background:var(--chip-bg);border-radius:4px;padding:1px 5px;font-size:12.5px}.terug{color:var(--blauw);font-weight:500;font-size:13px}.login-wrap{min-height:100vh;display:grid;place-items:center;background:var(--grijs-bg)}.login-kaart{background:var(--wit);border:1px solid var(--lijn);border-radius:16px;padding:40px;width:360px;text-align:center}.login-kaart input{width:100%;margin:18px 0 14px;padding:12px 14px;border:1px solid var(--lijn);border-radius:8px;font:inherit}.login-kaart input:focus{outline:2px solid var(--blauw);border-color:transparent}.knop{background:var(--blauw);color:var(--wit);border:0;border-radius:20px;padding:10px 24px;font:inherit;font-weight:500;cursor:pointer}.knop:hover{background:var(--blauw-donker)}.fout{color:var(--rood);font-size:13px;margin-top:10px}@media (max-width:700px){.topbar{padding:10px 14px;gap:12px}.logo .sub,.sync-info{display:none}.inhoud{padding:16px 14px 60px}}