:root{--grond: #F7F6F9;--kaart: #FFFFFF;--verhoogd: #FBFAFD;--inkt: #1A1720;--inkt-2: #4A4553;--muted: #6E6879;--lijn: #E5E1EC;--lijn-zacht: #EFECF5;--accent: #5B3FD6;--accent-zacht: #EEEAFC;--goed: #14704E;--goed-zacht: #E1F1EA;--waarsch: #8A5A00;--waarsch-zacht: #FBF1DC;--fout: #A8302C;--fout-zacht: #F9E5E4;--schaduw: 0 1px 2px rgba(26, 23, 32, .05), 0 12px 28px -20px rgba(26, 23, 32, .3);--tab-h: 60px}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--grond: #0F0D14;--kaart: #17141D;--verhoogd: #1D1926;--inkt: #EDEAF2;--inkt-2: #C6C1D0;--muted: #9791A3;--lijn: #2A2534;--lijn-zacht: #221E2B;--accent: #A692FF;--accent-zacht: #251E3D;--goed: #5BC496;--goed-zacht: #12281F;--waarsch: #DCA83E;--waarsch-zacht: #2A2214;--fout: #EB7A75;--fout-zacht: #2C1817;--schaduw: 0 1px 2px rgba(0, 0, 0, .4), 0 12px 28px -20px rgba(0, 0, 0, .8)}}*{box-sizing:border-box}body{margin:0;background:var(--grond);color:var(--inkt);font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3{margin:0;font-weight:700;letter-spacing:-.015em;text-wrap:balance}h1{font-size:1.5rem}h2{font-size:1.15rem}h3{font-size:1rem}p{margin:0}a{color:var(--accent)}button{font:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}.app{min-height:100vh;display:flex;flex-direction:column}.kop{position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--grond) 90%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--lijn);padding:.7rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.merk{display:flex;align-items:center;gap:.55rem;min-width:0}.merk b{font-size:.95rem}.merk span{display:block;font-size:.72rem;color:var(--muted)}.logo{width:26px;height:26px;flex:0 0 auto}.menu-knop{appearance:none;border:1px solid var(--lijn);background:var(--kaart);color:var(--inkt);border-radius:10px;min-height:40px;min-width:40px;display:grid;place-items:center;cursor:pointer}.romp{flex:1;padding:1rem 1rem calc(var(--tab-h) + 2rem);max-width:900px;width:100%;margin:0 auto}.tabs{position:fixed;bottom:0;left:0;right:0;z-index:30;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;background:color-mix(in srgb,var(--kaart) 96%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--lijn);padding-bottom:env(safe-area-inset-bottom)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:var(--tab-h);text-decoration:none;color:var(--muted);font-size:.68rem;font-weight:600;letter-spacing:.01em}.tab.on{color:var(--accent)}.tab .punt{position:absolute;margin:-18px 0 0 20px;width:6px;height:6px;border-radius:50%;background:var(--accent)}@media(min-width:900px){.app{flex-direction:row}.tabs{position:sticky;inset:0 auto auto;height:100vh;width:220px;flex:0 0 220px;grid-auto-flow:row;grid-template-columns:1fr;grid-auto-rows:max-content;align-content:start;gap:.2rem;padding:1rem .6rem;border-top:none;border-right:1px solid var(--lijn)}.tab{flex-direction:row;justify-content:flex-start;gap:.7rem;padding:0 .8rem;min-height:44px;border-radius:10px;font-size:.9rem}.tab.on{background:var(--accent-zacht)}.tab .punt{position:static;margin:0 0 0 auto}.zij-kop{padding:0 .8rem 1rem}.romp{padding:1.5rem 2rem 3rem}.kop{display:none}.rechts{flex:1;min-width:0}}@media(max-width:899px){.zij-kop{display:none}}.kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:14px;padding:1rem 1.1rem;box-shadow:var(--schaduw)}.stapel{display:flex;flex-direction:column;gap:.9rem}.rij{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.oog{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.klein{font-size:.87rem;color:var(--muted);line-height:1.5}.getal{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em}.drie{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem}@media(max-width:520px){.drie{grid-template-columns:1fr;gap:.6rem}}.knop{appearance:none;cursor:pointer;border:0;border-radius:11px;background:var(--accent);color:#fff;font-weight:700;font-size:.92rem;padding:.75rem 1.1rem;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;text-decoration:none}.knop:disabled{opacity:.5;cursor:default}.knop.stil{background:transparent;color:var(--inkt);border:1px solid var(--lijn)}.knop.klein{min-height:38px;padding:.45rem .8rem;font-size:.85rem;border-radius:9px}.merkje{display:inline-flex;align-items:center;gap:.3rem;border-radius:999px;padding:.2rem .6rem;font-size:.72rem;font-weight:700;letter-spacing:.02em}.m-goed{background:var(--goed-zacht);color:var(--goed)}.m-waarsch{background:var(--waarsch-zacht);color:var(--waarsch)}.m-fout{background:var(--fout-zacht);color:var(--fout)}.m-accent{background:var(--accent-zacht);color:var(--accent)}.m-stil{background:var(--lijn-zacht);color:var(--muted)}.balk{height:8px;border-radius:999px;background:var(--lijn-zacht);overflow:hidden}.balk>i{display:block;height:100%;background:var(--accent);border-radius:999px}.leeg{border:1px dashed var(--lijn);border-radius:14px;padding:1.6rem 1.2rem;text-align:center;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:.7rem}.leeg b{color:var(--inkt);font-size:.98rem}.skelet{background:var(--lijn-zacht);border-radius:8px;height:1rem;animation:pols 1.4s ease-in-out infinite}@keyframes pols{0%,to{opacity:1}50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.skelet{animation:none}}.fout-blok{background:var(--fout-zacht);border:1px solid var(--fout);color:var(--fout);border-radius:12px;padding:.8rem 1rem;font-size:.9rem}.let-op{background:var(--waarsch-zacht);border:1px solid var(--waarsch);color:var(--waarsch);border-radius:12px;padding:.85rem 1rem;font-size:.9rem;line-height:1.5}.let-op b{display:block;margin-bottom:.2rem}.lijst{display:flex;flex-direction:column;gap:.55rem}.item{background:var(--kaart);border:1px solid var(--lijn);border-radius:12px;padding:.8rem .9rem;display:flex;align-items:center;gap:.8rem}.item .body{flex:1;min-width:0}.item .titel{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item .onder{font-size:.8rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chips{display:flex;flex-wrap:wrap;gap:.45rem}.chip{appearance:none;cursor:pointer;border:1px solid var(--lijn);background:var(--kaart);color:var(--inkt);border-radius:999px;padding:.45rem .85rem;font-size:.85rem;min-height:40px;display:inline-flex;align-items:center}.chip.aan{border-color:var(--accent);background:var(--accent-zacht);color:var(--accent);font-weight:700}label.veld{display:flex;flex-direction:column;gap:.35rem;font-size:.85rem;font-weight:600}input[type=text],input[type=email],input[type=password],input[type=number],select,textarea{font:inherit;color:var(--inkt);background:var(--kaart);border:1px solid var(--lijn);border-radius:10px;padding:.7rem .8rem;min-height:44px;width:100%}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.tabelbak{overflow-x:auto;-webkit-overflow-scrolling:touch}table{border-collapse:collapse;width:100%;min-width:420px;font-size:.9rem}th{text-align:left;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);font-weight:700;padding:.4rem .7rem .4rem 0;border-bottom:1px solid var(--lijn)}td{padding:.6rem .7rem .6rem 0;border-bottom:1px solid var(--lijn-zacht);color:var(--inkt-2)}td.num,th.num{text-align:right;font-variant-numeric:tabular-nums;padding-right:0}.midden{display:grid;place-items:center;min-height:100vh;padding:1.5rem}.zij-voet{display:none}@media(min-width:900px){.zij-voet{display:flex;margin-top:auto}.tabs{align-content:stretch}}.groepkop{font-size:.78rem;font-weight:700;color:var(--inkt-2);margin:.9rem 0 .45rem}.wensen{list-style:none;padding:0;margin:.6rem 0 0}.wensen li{display:flex;align-items:center;gap:.6rem;font-size:.9rem;padding:.45rem 0;border-bottom:1px solid var(--lijn-zacht)}.wensen .weg{margin-left:auto;appearance:none;border:0;background:transparent;color:var(--muted);font-size:1.25rem;line-height:1;cursor:pointer;min-width:44px;min-height:44px}.knop.groot{width:100%;min-height:50px}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:.3rem;border-radius:9px;background:var(--accent);color:#fff;font-size:.7rem;font-weight:700;line-height:1}.inbox-raster{display:grid;gap:.75rem;grid-template-columns:1fr;min-width:0}@media(min-width:900px){.inbox-raster{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start}.inbox-venster .terug{display:none}}@media(max-width:899px){.verborgen-op-mobiel{display:none}}.inbox-lijst{display:flex;flex-direction:column;gap:.4rem;min-width:0}.inbox-rij{display:flex;flex-direction:column;align-items:stretch;gap:.15rem;text-align:left;width:100%;min-width:0;appearance:none;cursor:pointer;padding:.6rem .7rem;min-height:44px;transition:background var(--d-snel, 90ms) ease,border-color var(--d-snel, 90ms) ease,transform var(--d-snel, 90ms) ease}.inbox-rij>*{min-width:0;max-width:100%}.inbox-rij:active{transform:scale(.985)}.inbox-rij.actief{border-color:var(--accent);background:var(--accent-zacht)}.inbox-rij .naam{font-weight:600;font-size:.95rem}.inbox-rij .meta{display:flex;align-items:center;gap:.35rem}.stip{flex:none;width:8px;height:8px;border-radius:50%;background:var(--accent)}.knip{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:100%}.inbox-venster{display:flex;flex-direction:column;gap:.6rem;min-width:0;background:var(--kaart);border:1px solid var(--lijn);border-radius:12px;padding:.7rem;box-shadow:var(--schaduw)}.inbox-kop{align-items:center;gap:.6rem;min-width:0}.inbox-kop>div{min-width:0}.inbox-kop .naam{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inbox-draad{display:flex;flex-direction:column;gap:.45rem;min-width:0;max-height:58vh;overflow-y:auto;padding:.2rem;overscroll-behavior:contain}.bel{max-width:85%;min-width:0;padding:.5rem .7rem;border-radius:14px}.bel p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.bel .klein{display:block;margin-top:.2rem;opacity:.75}.bel.van-hen{align-self:flex-start;background:var(--verhoogd);border:1px solid var(--lijn-zacht);border-bottom-left-radius:4px}.bel.van-ons{align-self:flex-end;background:var(--accent-zacht);border-bottom-right-radius:4px}.bel.mislukt{background:var(--fout-zacht);border:1px solid var(--fout)}.inbox-invoer{gap:.4rem;align-items:stretch;min-width:0}.inbox-invoer input{flex:1;min-width:0;min-height:44px}.inbox-invoer .knop{min-height:44px;white-space:nowrap;flex:none}@keyframes inbox-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.inbox-rij,.bel{animation:inbox-in .24s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 50ms)}@keyframes stip-puls{0%,to{transform:scale(1)}50%{transform:scale(1.6)}}.stip{animation:stip-puls 1.6s ease-in-out 2}@media(prefers-reduced-motion:reduce){.inbox-rij,.bel,.stip{animation:none}.inbox-rij{transition:none}}.chip-tel{margin-left:.4rem;padding:0 .35rem;min-width:18px;height:18px;border-radius:9px;background:var(--lijn-zacht);color:var(--muted);font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.chip.aan .chip-tel{background:var(--accent);color:#fff}.chip{transition:background 90ms ease,border-color 90ms ease,transform 90ms ease}.chip:active{transform:scale(.96)}@media(prefers-reduced-motion:reduce){.chip{transition:none}}.inbox-acties{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:space-between}.inbox-acties .chips{flex:1;min-width:0}.status-balk{margin-bottom:-.2rem}.inbox-rij.wacht{border-left:3px solid var(--accent);padding-left:calc(.7rem - 3px)}.inbox-rij.ongelezen .naam{font-weight:700}.wacht-merk{font-size:.68rem;font-weight:700;letter-spacing:.02em;color:var(--accent);background:var(--accent-zacht);border-radius:999px;padding:.1rem .4rem;white-space:nowrap}.kanalen-knop{appearance:none;cursor:pointer;align-self:flex-start;display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:0;color:var(--muted);font:inherit;font-size:.85rem;font-weight:600;padding:.35rem .1rem;min-height:36px}.kanalen-knop svg{transition:transform .16s cubic-bezier(.22,1,.36,1)}.kanalen-knop svg.om{transform:rotate(180deg)}.kanalen-knop.gefilterd{color:var(--accent)}.kanalen-knop.gefilterd .chip-tel{background:var(--accent);color:#fff}.chips{animation:inbox-in .2s cubic-bezier(.22,1,.36,1) both}@media(prefers-reduced-motion:reduce){.kanalen-knop svg{transition:none}.chips{animation:none}}.nog-nodig{color:var(--waarsch);background:var(--waarsch-zacht);border-radius:10px;padding:.5rem .7rem;margin:0}