:root{--prijs-laag: #4ade80;--prijs-mid: #facc15;--prijs-hoog: #f87171;--bg: #0b1020;--bg-2: #121a2e;--kaart: #151e34;--kaart-2: #1c2742;--lijn: #26324f;--tekst: #eef1f8;--zacht: #9aa5bf;--vaag: #6b7593;--oranje: #f28a3c;--oranje-diep: #c2410c;--oranje-zacht: rgba(242, 138, 60, .14);--groen: #34c27a;--groen-zacht: rgba(52, 194, 122, .14);--blauw: #5b8cff;--rood: #ef5b5b;--radius: 16px;--veilig-boven: env(safe-area-inset-top, 0px);--veilig-onder: env(safe-area-inset-bottom, 0px);color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--tekst);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Inter,Roboto,sans-serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--oranje)}.app{max-width:720px;margin:0 auto;min-height:100vh;padding:calc(var(--veilig-boven) + 12px) 16px calc(var(--veilig-onder) + 96px)}.kop{display:flex;align-items:center;gap:12px;margin:4px 0 18px}.kop h1{font-size:24px;margin:0;flex:1;letter-spacing:-.01em}.kop .klein-icoon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-size:18px}.terug{width:40px;height:40px;border-radius:50%;border:0;background:var(--kaart-2);color:var(--tekst);font-size:20px;display:grid;place-items:center}.logo{width:42px;height:42px;border-radius:12px;background:#fff;color:#0b1020;font-weight:800;display:grid;place-items:center;font-size:20px}.avatar{width:42px;height:42px;border-radius:50%;border:0;background:var(--kaart-2);color:var(--tekst);font-weight:700}.tabs{display:flex;gap:22px;border-bottom:1px solid var(--lijn);margin:0 -16px 16px;padding:0 16px;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{background:none;border:0;padding:10px 0 12px;color:var(--zacht);font-weight:600;font-size:17px;white-space:nowrap;border-bottom:3px solid transparent}.tab.actief{color:var(--tekst);border-bottom-color:var(--tekst)}.sectie-titel{text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--zacht);font-weight:700;margin:22px 0 12px}.tegels{display:grid;grid-template-columns:repeat(4,1fr);gap:18px 8px}@media (max-width: 380px){.tegels{grid-template-columns:repeat(3,1fr)}}.tegel{background:none;border:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--tekst);font-size:14px;text-align:center}.tegel .icoon{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;font-size:32px;box-shadow:0 6px 18px #00000059}.tegel.uit{opacity:.45;cursor:default}.tegel small{color:var(--vaag);font-size:11px;margin-top:-6px}.grad-oranje{background:linear-gradient(160deg,#f59a52,#c8501a)}.grad-groen{background:linear-gradient(160deg,#4fbf7a,#1f8a4c)}.grad-blauw{background:linear-gradient(160deg,#6a95ff,#2c56d6)}.grad-grijs{background:linear-gradient(160deg,#6b7590,#3c455c)}.grad-paars{background:linear-gradient(160deg,#a77bff,#6b3fd1)}.grad-rood{background:linear-gradient(160deg,#f87171,#b91c1c)}.grad-roze{background:linear-gradient(160deg,#f472b6,#be185d)}.filter-label{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--zacht);font-weight:700;margin:14px 0 8px}.chips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:0 -16px;padding:0 16px 2px}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;overflow:visible;margin:0;padding:0}.chip{flex:none;border:1px solid var(--lijn);background:var(--bg-2);color:var(--tekst);border-radius:999px;padding:8px 14px;font-size:15px;white-space:nowrap}.chip .aantal{color:var(--zacht);margin-left:4px;font-size:13px}.chip.actief{background:var(--oranje);border-color:var(--oranje);color:#1a0d03;font-weight:600}.chip.actief .aantal{color:#1a0d03b3}.zoek{width:100%;border:0;background:var(--kaart-2);border-radius:999px;padding:13px 18px 13px 44px;font-size:16px;outline:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' stroke='%239aa5bf' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='9' cy='9' r='6'/%3E%3Cpath d='m14 14 4 4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:16px center}.zoek::placeholder{color:var(--vaag)}.resultaten{color:var(--zacht);margin:18px 0 10px;font-size:15px}.kaart{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:16px;margin-bottom:12px}.recept-kaart{display:block;width:100%;text-align:left;color:var(--tekst)}.recept-kaart .boven{display:flex;gap:10px;align-items:flex-start}.recept-kaart h3{margin:0;font-size:18px;flex:1;line-height:1.3}.recept-kaart .foto{width:64px;height:64px;border-radius:12px;object-fit:cover;flex:none;background:var(--kaart-2)}.meta{color:var(--zacht);font-size:14px;margin-top:6px}.badge{display:inline-block;border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;white-space:nowrap}.badge.cat{background:#c2410c59;color:#ffb38a}.badge.soort{background:#5b8cff2e;color:#a9c1ff}.badge.label{background:var(--kaart-2);color:var(--zacht);font-weight:500}.badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.knoppen-rij{display:flex;gap:10px;margin-top:12px}.rond{width:44px;height:44px;border-radius:50%;border:1px solid var(--lijn);background:var(--bg-2);display:grid;place-items:center;font-size:18px;color:var(--zacht)}.rond.aan{background:var(--oranje-zacht);border-color:var(--oranje);color:var(--oranje)}.rond.aan.groen{background:var(--groen-zacht);border-color:var(--groen);color:var(--groen)}.knop{border:0;border-radius:12px;padding:13px 18px;font-weight:600;font-size:16px;background:var(--oranje);color:#1a0d03;display:inline-flex;align-items:center;justify-content:center;gap:8px}.knop:disabled{opacity:.5}.knop.breed{width:100%}.knop.tweede{background:var(--kaart-2);color:var(--tekst);border:1px solid var(--lijn)}.knop.gevaar{background:transparent;color:var(--rood);border:1px solid rgba(239,91,91,.4)}.knop.klein{padding:8px 14px;font-size:14px;border-radius:10px}.veld{margin-bottom:16px}.veld>label:not(.upload-vak),.veld-label{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--zacht);font-weight:700;margin-bottom:7px}.invoer,textarea.invoer,select.invoer{width:100%;background:var(--bg-2);border:1px solid var(--lijn);border-radius:12px;padding:12px 14px;font-size:16px;outline:none}.invoer:focus{border-color:var(--oranje)}.invoer.auto{border-color:#34c27ab3;background-color:#34c27a14}textarea.invoer{min-height:120px;resize:vertical;line-height:1.5}.hulp{color:var(--vaag);font-size:13px;margin-top:6px}.twee-kolom{display:grid;grid-template-columns:1fr 1fr;gap:12px}.code-invoer{font-size:28px;letter-spacing:10px;text-align:center;font-variant-numeric:tabular-nums}.opmaak{border:1px solid var(--lijn);border-radius:12px;background:var(--bg-2);overflow:hidden}.opmaak:focus-within{border-color:var(--oranje)}.opmaak-balk{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--lijn);flex-wrap:wrap;background:var(--kaart)}.opmaak-knop{border:1px solid var(--lijn);background:var(--bg-2);color:var(--tekst);border-radius:8px;padding:6px 11px;font-size:14px;min-width:38px}.opmaak-knop.aan{background:var(--oranje-zacht);border-color:var(--oranje);color:var(--oranje)}.opmaak-vak{min-height:180px;padding:12px 14px;outline:none;font-size:16px}.opmaak-vak:empty:before{content:attr(data-placeholder);color:var(--vaag)}.rijk p{margin:0 0 10px}.rijk h3{font-size:15px;text-transform:uppercase;letter-spacing:.06em;color:var(--oranje);margin:16px 0 6px}.rijk h3:first-child{margin-top:0}.rijk ul,.rijk ol{margin:0 0 10px;padding-left:24px}.rijk li{margin:4px 0}.rijk ol li::marker{color:var(--oranje);font-weight:700}.ingr-kop{list-style:none;margin:14px 0 4px -22px!important;font-weight:700;color:var(--oranje);font-size:14px;text-transform:uppercase;letter-spacing:.06em}.ingr-kop:first-child{margin-top:0!important}.voorstel-rij{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--lijn);cursor:pointer}.voorstel-rij:last-of-type{border-bottom:0}.voorstel-rij input{width:20px;height:20px;accent-color:var(--oranje);flex:none}.voorstel-rij span{flex:1}.voorstel-rij small{color:var(--vaag);font-size:12px}.voorstel-rij.al span{color:var(--zacht)}.detail h2{font-size:26px;line-height:1.2;margin:0 0 10px;letter-spacing:-.01em}.detail .hero{width:100%;max-height:300px;object-fit:cover;border-radius:var(--radius);margin-bottom:16px}.kcal-kaart .groot{font-size:28px;font-weight:800}.porties{display:flex;align-items:center;gap:14px;background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:10px 16px;margin:10px 0 14px}.porties span.label{flex:1;font-weight:600}.porties .getal{font-size:22px;font-weight:700;min-width:32px;text-align:center}.ingredienten{padding-left:22px;margin:0}.ingredienten li{margin:7px 0}.bereiding{white-space:pre-wrap}.kop-rij{display:flex;align-items:center;justify-content:space-between;margin:22px 0 8px}.kop-rij h4,.detail h4{margin:0;text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--zacht)}.item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--lijn)}.item:last-child{border-bottom:0}.vink{width:26px;height:26px;border-radius:8px;border:2px solid var(--lijn);background:none;flex:none;display:grid;place-items:center;color:#08130c;font-size:15px}.vink.aan{background:var(--groen);border-color:var(--groen)}.item .naam{flex:1}.item.af .naam{text-decoration:line-through;color:var(--vaag)}.item .bron{color:var(--vaag);font-size:12px;display:block}.weg{background:none;border:0;color:var(--vaag);font-size:20px;padding:4px 8px}.leeg{text-align:center;color:var(--zacht);padding:40px 12px}.leeg .groot{font-size:40px;margin-bottom:8px}.fout{background:#ef5b5b1f;border:1px solid rgba(239,91,91,.4);color:#ffb4b4;border-radius:12px;padding:12px 14px;margin:12px 0}.ok{background:var(--groen-zacht);border:1px solid rgba(52,194,122,.4);color:#a6f0c7;border-radius:12px;padding:12px 14px;margin:12px 0}.laden{color:var(--zacht);padding:30px 0;text-align:center}.zwevend{position:fixed;right:max(16px,calc(50% - 344px));bottom:calc(var(--veilig-onder) + 20px);width:58px;height:58px;border-radius:50%;border:0;background:var(--oranje);color:#1a0d03;font-size:30px;box-shadow:0 10px 24px #00000073;display:grid;place-items:center}.melding{position:fixed;left:50%;transform:translate(-50%);bottom:calc(var(--veilig-onder) + 90px);background:#f4f6fb;color:#0b1020;padding:10px 18px;border-radius:999px;font-weight:600;box-shadow:0 8px 20px #0006;z-index:50;max-width:calc(100% - 32px);text-align:center;pointer-events:none}.login{min-height:calc(100vh - 80px);display:flex;flex-direction:column;justify-content:center;max-width:400px;margin:0 auto}.login .logo{width:64px;height:64px;font-size:32px;border-radius:18px;margin-bottom:18px}.login h1{margin:0 0 6px;font-size:28px}.login p{color:var(--zacht);margin:0 0 22px}.link-knop{background:none;border:0;color:var(--zacht);text-decoration:underline;padding:8px 0}.upload-vak{border:1.5px dashed var(--lijn);border-radius:12px;padding:14px;display:flex;align-items:center;gap:12px;color:var(--zacht);background:var(--bg-2)}.upload-vak input{display:none}.upload-vak img{width:56px;height:56px;object-fit:cover;border-radius:10px}.tabel{width:100%;border-collapse:collapse}.tabel td{padding:10px 0;border-bottom:1px solid var(--lijn);vertical-align:middle}.tabel td:last-child{text-align:right}.export-keuze{display:grid;gap:10px}.export-keuze .knop{justify-content:flex-start;padding:16px}.export-keuze .knop small{display:block;font-weight:400;color:var(--zacht);font-size:13px}.landen{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.land-tegel{background:var(--kaart);border:1px solid var(--lijn);border-radius:var(--radius);padding:16px;text-align:left;color:var(--tekst);display:flex;flex-direction:column}.land-naam{font-weight:700;font-size:17px}.land-kop{font-size:22px;margin:26px 0 4px}.stad-kop{text-transform:uppercase;letter-spacing:.08em;font-size:13px;color:var(--blauw);font-weight:700;margin:18px 0 8px}.plek-kaart{padding:14px 16px}.plek-kaart h3{margin:0;font-size:17px;line-height:1.3}.plek-boven{display:flex;gap:12px;align-items:flex-start}.plek-icoon{font-size:24px;line-height:1.2}.plek-notitie{color:var(--zacht);font-size:14px;margin-top:4px;font-style:italic}.plek-kaart .knoppen-rij{margin-top:10px}.plek-kaart .rond{width:38px;height:38px;font-size:16px}.regio-links{margin-top:14px}.regio-links .item{padding:8px 0}.sterren{display:inline-flex;gap:2px}.sterren button{background:none;border:0;font-size:28px;color:var(--lijn);padding:0 2px;line-height:1}.sterren button.aan{color:#f5b301}.sterren-tonen{color:#f5b301;letter-spacing:1px;font-size:14px}.sterren-tonen .leeg-ster{color:var(--lijn)}.kluis-slot{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:380px;margin:30px auto 0}.kluis-slot .slot-icoon{font-size:56px}.kluis-slot h2{margin:8px 0 22px}.kluis-slot .veld{text-align:left}.kluis-regel{display:flex;align-items:center;gap:10px;margin-top:10px}.kluis-regel .meta{width:72px}.mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;flex:1;font-size:16px;letter-spacing:.04em}.groot-pin{font-size:22px;letter-spacing:.25em}.kaarten-raster{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.klantenkaart{aspect-ratio:1.586;border:0;border-radius:14px;padding:14px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 6px 16px #00000059}.kk-winkel{font-weight:800;font-size:18px;line-height:1.2;word-break:break-word}.kk-onder{font-size:12px;opacity:.85}.kassa{background:#fff;border-radius:var(--radius);overflow:hidden;text-align:center;padding-bottom:14px}.kassa-kop{padding:12px 16px;font-weight:800;font-size:18px;text-align:left}.kassa-code{display:block;margin:18px auto 8px;max-width:calc(100% - 24px);height:auto;image-rendering:pixelated}.kassa-code.tweeD{width:70%;max-width:280px}.kassa-nummer{color:#111;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:18px;letter-spacing:.06em}.scanner{position:relative;margin-bottom:18px}.scanner video{width:100%;border-radius:var(--radius);background:#000;display:block;max-height:60vh;object-fit:cover}.scan-kader{position:absolute;left:10%;right:10%;top:30%;height:28%;border:3px solid var(--oranje);border-radius:12px;pointer-events:none}.scanner .knop{margin-top:10px}.kleur-bol{width:34px;height:34px;border-radius:50%;border:3px solid transparent;padding:0}.kleur-bol.aan{border-color:#fff;box-shadow:0 0 0 2px var(--oranje)}.vink-rij{display:flex;align-items:center;gap:10px;padding:8px 0}.vink-rij input{width:20px;height:20px;accent-color:var(--oranje)}.temp-rij{padding:14px 16px}.temp-boven{display:flex;align-items:center;gap:12px}.temp-product{font-weight:700;font-size:18px}.temp-mijn{display:flex;flex-direction:column;align-items:center;background:var(--oranje-zacht);border:1px solid var(--oranje);border-radius:14px;padding:6px 12px;min-width:76px}.temp-mijn span{font-size:30px;font-weight:800;color:var(--oranje);line-height:1.1}.temp-mijn small{font-size:11px;color:var(--zacht);text-transform:uppercase;letter-spacing:.06em}.temp-tip{margin-top:10px;color:var(--zacht);font-size:14px}#afdruk{display:none}@media print{@page{size:A4;margin:16mm 14mm}html,body{background:#fff!important;color:#1b1b1b}.app,.melding,.zwevend{display:none!important}#afdruk{display:block;font-family:Georgia,Times New Roman,serif;color:#1b1b1b}#afdruk .boek-titel{text-align:center;padding-top:60mm;page-break-after:always}#afdruk .boek-titel h1{font-size:40pt;margin:0 0 6mm}#afdruk .boek-titel p{font-size:13pt;color:#666}#afdruk .inhoud{page-break-after:always}#afdruk .inhoud h2{font-size:20pt}#afdruk .inhoud li{font-size:11pt;margin:2mm 0}#afdruk .recept{page-break-before:always}#afdruk .recept:first-of-type{page-break-before:auto}#afdruk .recept h2{font-size:22pt;margin:0 0 2mm;color:#9a3412}#afdruk .recept .sub{font-family:-apple-system,Segoe UI,sans-serif;font-size:9.5pt;color:#666;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5mm}#afdruk .recept img{max-width:100%;max-height:80mm;object-fit:cover;border-radius:3mm;margin-bottom:5mm}#afdruk .recept .kolommen{display:grid;grid-template-columns:38% 1fr;gap:8mm}#afdruk .recept h3{font-family:-apple-system,Segoe UI,sans-serif;font-size:10pt;text-transform:uppercase;letter-spacing:.1em;color:#9a3412;border-bottom:.4mm solid #e7c6b0;padding-bottom:1.5mm}#afdruk .recept ul{padding-left:5mm;font-size:11pt}#afdruk .recept li{margin:1.5mm 0}#afdruk .recept .tekst{font-size:11pt;line-height:1.55}#afdruk .recept .tekst p{margin:0 0 2.5mm}#afdruk .recept .tekst h4,#afdruk .recept .tekst h3{font-family:-apple-system,Segoe UI,sans-serif;font-size:9pt;text-transform:uppercase;letter-spacing:.08em;color:#9a3412;border:0;margin:4mm 0 1.5mm;padding:0}#afdruk .recept .tekst ol,#afdruk .recept .tekst ul{padding-left:5mm;margin:0 0 2.5mm}#afdruk .recept li.kop{list-style:none;margin:3.5mm 0 1mm -5mm;font-family:-apple-system,Segoe UI,sans-serif;font-size:9pt;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9a3412}#afdruk .recept .beschrijving{font-style:italic;font-size:11.5pt;color:#444;margin-bottom:5mm}#afdruk .recept .voet{margin-top:6mm;font-size:9pt;color:#888}#afdruk .rg-titel{text-align:center;padding-top:60mm;page-break-after:always}#afdruk .rg-titel h1{font-size:36pt;margin:0 0 6mm}#afdruk .rg-titel p{color:#666}#afdruk .rg-land{page-break-before:always}#afdruk .rg-land:first-of-type{page-break-before:auto}#afdruk .rg-land h2{font-size:24pt;color:#1e3a8a;margin:0 0 4mm}#afdruk .rg-land h3{font-family:-apple-system,Segoe UI,sans-serif;font-size:10pt;text-transform:uppercase;letter-spacing:.1em;color:#1e3a8a;border-bottom:.4mm solid #c7d2fe;padding-bottom:1.5mm;margin:6mm 0 2mm}#afdruk .rg-land ul{padding-left:5mm;margin:0;columns:2;column-gap:8mm}#afdruk .rg-land li{font-size:10.5pt;margin:1.5mm 0;break-inside:avoid}#afdruk .rg-extra{color:#777;font-size:8.5pt;font-family:-apple-system,Segoe UI,sans-serif}#afdruk .rg-notitie{font-style:italic;color:#555;font-size:9.5pt}}.ef-card{background:linear-gradient(145deg,#0f1117,#1a1f2e);border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:20px 18px;color:#fff}.ef-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.ef-status{display:flex;align-items:center;gap:6px;margin-bottom:6px}.ef-dot{width:7px;height:7px;border-radius:50%;background:#a78bfa;box-shadow:0 0 8px #a78bfa}.ef-dot.oud{background:#f87171;box-shadow:none}.ef-stxt{font-size:11px;color:#fff6}.ef-title{font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#a78bfad9}.ef-tot{text-align:right}.ef-tlbl{font-size:9px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#a78bfab3;margin-bottom:3px}.ef-tval{font-size:22px;font-weight:700;letter-spacing:-1px}.ef-unit{font-size:10px;color:#fff6;font-weight:400;letter-spacing:0}.ef-rows{display:flex;flex-direction:column;gap:14px}.ef-row{display:flex;align-items:center;gap:12px}.ef-ico{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:18px;position:relative}.ef-ico svg{position:absolute;top:0;left:0;width:44px;height:44px;transform:rotate(-90deg)}.ef-trk{fill:none;stroke:#ffffff12;stroke-width:4}.ef-soc{fill:none;stroke:#2dd4bf;stroke-width:4;stroke-linecap:round;stroke-dasharray:113;transition:stroke-dashoffset .6s}.ef-soctxt{font-size:10px;font-weight:700}.ef-info{flex:1;min-width:0}.ef-nrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:5px}.ef-name{font-size:12px;font-weight:600}.ef-sub{font-size:10px;color:#fff6;margin-left:6px;font-weight:400}.ef-w{font-size:15px;font-weight:700}.ef-bt{width:100%;height:5px;background:#ffffff12;border-radius:3px;overflow:hidden}.ef-b{height:100%;border-radius:3px;transition:width .6s}.ef-day{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin:-4px 0 2px 56px}.ef-day2{grid-template-columns:1fr 1fr}.ef-ds{background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:10px;padding:6px 8px;text-align:center}.ef-dl{font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffff4d;margin-bottom:3px}.ef-dv{font-size:13px;font-weight:700}.c-sun{color:#facc15}.b-sun{background:linear-gradient(90deg,#ca8a04,#facc15)}.c-grid{color:#60a5fa}.b-grid{background:linear-gradient(90deg,#1d4ed8,#60a5fa)}.c-exp{color:#4ade80}.b-exp{background:linear-gradient(90deg,#15803d,#4ade80)}.c-bat{color:#2dd4bf}.b-bat{background:linear-gradient(90deg,#0f766e,#2dd4bf)}.c-house{color:#f472b6}.b-house{background:linear-gradient(90deg,#be185d,#f472b6)}.c-car{color:#818cf8}.b-car{background:linear-gradient(90deg,#3730a3,#818cf8)}.c-base{color:#2dd4bf}.b-base{background:linear-gradient(90deg,#0f766e,#2dd4bf)}.ef-klein{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:14px}.ef-klein .ef-ds{padding:10px 8px}.ef-klein .ef-dv{font-size:18px}.ef-prijs-kop{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:12px}.ef-grafiek{display:flex;align-items:flex-end;gap:2px;height:110px;padding-bottom:2px;border-bottom:1px solid rgba(255,255,255,.1)}.ef-staaf{flex:1;min-width:0;height:100%;display:flex;align-items:flex-end;padding:0;border:0;background:none;cursor:pointer}.ef-staaf span{display:block;width:100%;border-radius:2px 2px 0 0;opacity:.75}.ef-staaf.aan span{opacity:1;outline:2px solid white;outline-offset:0}.ef-staaf.dag{border-left:1px dashed rgba(255,255,255,.25)}.ef-as{position:relative;height:14px;font-size:10px;color:#fff6;margin-top:4px}.ef-as span{position:absolute;top:0;white-space:nowrap}.grad-geel{background:linear-gradient(135deg,#facc15,#f97316)}.gp-kaart{border-radius:18px;overflow:hidden;margin-bottom:14px;color:#fff;background:linear-gradient(145deg,#0f1117,#1a1f2e);border:1px solid rgba(255,255,255,.08)}.gp-boven{display:flex;align-items:center;gap:12px;padding:14px 16px}.gp-ico{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;background:#ffffff0d}.gp-naam{font-weight:700;font-size:16px}.gp-status{font-size:13px;font-weight:600;margin-top:2px}.gp-kaart.is-open{border-color:#fb923c8c;box-shadow:0 4px 20px #fb923c26}.gp-kaart.is-open .gp-ico{background:#fb923c2e}.gp-kaart.is-open .gp-status{color:#fb923c}.gp-kaart.is-dicht .gp-ico{background:#4ade801f}.gp-kaart.is-dicht .gp-status{color:#4ade80}.gp-knop{position:relative;width:100%;border:0;border-top:1px solid rgba(255,255,255,.07);padding:14px 16px;text-align:left;cursor:pointer;overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;color:#fff;font:inherit;background:#ffffff08}.gp-knop:disabled{opacity:.6}.gp-vul{position:absolute;left:0;top:0;bottom:0}.gp-knop.open .gp-vul{background:#fb923c59}.gp-knop.sluit .gp-vul{background:#4ade804d}.gp-knop-tekst{position:relative;display:flex;align-items:center;gap:12px}.gp-knop-tekst strong{display:block;font-size:15px}.gp-knop.open strong{color:#fb923c}.gp-knop.sluit strong{color:#4ade80}.gp-knop-tekst small{display:block;font-size:12px;color:#ffffff73}.fout.waarschuwing{background:#f28a3c1a;border-color:#f28a3c66;color:#ffcfa8}:root{--accent: #0a84ff;--accent-zacht: rgba(10, 132, 255, .14);--tekst: #0b0b0f;--zacht: rgba(30, 30, 40, .62);--vaag: rgba(30, 30, 40, .42);--lijn: rgba(255, 255, 255, .55);--scheiding: rgba(20, 20, 40, .08);--kaart: rgba(255, 255, 255, .52);--kaart-2: rgba(255, 255, 255, .45);--bg-2: rgba(255, 255, 255, .6);--oranje: #ff8a00;--oranje-zacht: rgba(255, 138, 0, .14);--groen: #28c76f;--groen-zacht: rgba(40, 199, 111, .15);--blauw: #0a84ff;--rood: #ff3b30;--fijn-1: rgba(255, 255, 255, .45);--fijn-2: rgba(20, 20, 40, .08);--fijn-3: rgba(30, 30, 40, .5);--glas: rgba(255, 255, 255, .5);--glas-rand: rgba(255, 255, 255, .75);--glans: inset 0 1px 0 rgba(255, 255, 255, .9), inset 0 -1px 0 rgba(255, 255, 255, .25);--schaduw: 0 8px 32px rgba(31, 38, 135, .1), 0 1px 3px rgba(0, 0, 0, .04);--radius: 24px;--vervaging: blur(28px) saturate(180%);--kop-glas: rgba(255, 255, 255, .9);--prijs-laag: #1fa855;--prijs-mid: #d99a00;--prijs-hoog: #e5352b;color-scheme:light}@media (prefers-color-scheme: dark){:root{--tekst: #ffffff;--zacht: rgba(235, 235, 245, .66);--vaag: rgba(235, 235, 245, .4);--lijn: rgba(255, 255, 255, .14);--scheiding: rgba(255, 255, 255, .08);--kaart: rgba(44, 44, 54, .48);--kaart-2: rgba(255, 255, 255, .08);--bg-2: rgba(255, 255, 255, .07);--accent: #3d9bff;--accent-zacht: rgba(61, 155, 255, .2);--oranje: #ff9f0a;--groen: #30d158;--rood: #ff453a;--fijn-1: rgba(255, 255, 255, .06);--fijn-2: rgba(255, 255, 255, .1);--fijn-3: rgba(235, 235, 245, .5);--glas: rgba(40, 40, 52, .45);--glas-rand: rgba(255, 255, 255, .14);--glans: inset 0 1px 0 rgba(255, 255, 255, .14), inset 0 -1px 0 rgba(255, 255, 255, .03);--schaduw: 0 10px 34px rgba(0, 0, 0, .35);--kop-glas: rgba(30, 30, 38, .9);--prijs-laag: #30d158;--prijs-mid: #ffd60a;--prijs-hoog: #ff453a;color-scheme:dark}}html{background:#eef1f8}body{background:transparent!important}body:before{content:"";position:fixed;top:-10%;right:-10%;bottom:-10%;left:-10%;z-index:-1;pointer-events:none;background:radial-gradient(40% 35% at 15% 10%,rgba(10,132,255,.35),transparent 70%),radial-gradient(35% 30% at 90% 20%,rgba(191,90,242,.3),transparent 70%),radial-gradient(45% 35% at 80% 85%,rgba(255,159,10,.28),transparent 70%),radial-gradient(40% 35% at 10% 80%,rgba(52,199,89,.22),transparent 70%),#eef1f8}@media (prefers-color-scheme: dark){html{background:#07070c}body:before{background:radial-gradient(40% 35% at 15% 10%,rgba(10,132,255,.35),transparent 70%),radial-gradient(35% 30% at 90% 25%,rgba(191,90,242,.3),transparent 70%),radial-gradient(45% 35% at 80% 85%,rgba(255,120,10,.2),transparent 70%),radial-gradient(40% 35% at 5% 80%,rgba(48,209,88,.15),transparent 70%),#07070c}}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Inter,Roboto,sans-serif;letter-spacing:-.01em;color:var(--tekst)}a{color:var(--accent)}.kaart,.land-tegel,.porties,.ef-card,.gp-kaart,.chip,.terug,.avatar,.knop.tweede,.invoer,textarea.invoer,select.invoer,.opmaak,.upload-vak,.tabs,.rond,.melding{background:var(--glas);-webkit-backdrop-filter:var(--vervaging);backdrop-filter:var(--vervaging);border:1px solid var(--glas-rand);box-shadow:var(--glans),var(--schaduw)}.kop{position:sticky;top:calc(var(--veilig-boven) + 8px);z-index:20;margin:0 -6px 16px;padding:6px 8px 6px 6px;border-radius:999px;background:var(--kop-glas);-webkit-backdrop-filter:blur(30px) saturate(180%);backdrop-filter:blur(30px) saturate(180%);border:1px solid var(--glas-rand);box-shadow:var(--glans),var(--schaduw)}.kop h1{font-size:21px;font-weight:700;letter-spacing:-.02em}.kop .klein-icoon{border-radius:50%}.terug{color:var(--accent);width:38px;height:38px;font-size:22px;box-shadow:var(--glans)}.avatar{color:var(--tekst);box-shadow:var(--glans);width:38px;height:38px}.logo{width:38px;height:38px;border-radius:50%;background:linear-gradient(160deg,#3d9bff,#bf5af2);color:#fff;box-shadow:inset 0 1px #ffffff80}.sectie-titel{text-transform:none;letter-spacing:-.01em;font-size:20px;font-weight:700;color:var(--tekst);margin:26px 4px 12px}.tegel{font-size:13px;color:var(--tekst);font-weight:500}.tegel .icoon{border-radius:30%;position:relative;overflow:hidden;box-shadow:0 8px 20px #00000026,inset 0 1px #fff9}.tegel .icoon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.45) 0%,rgba(255,255,255,.08) 45%,transparent 55%)}.tegel:active .icoon{transform:scale(.94);transition:transform .15s}.grad-oranje{background:linear-gradient(160deg,#ffb340,#ff7a00)}.grad-groen{background:linear-gradient(160deg,#6ee7a0,#1fb257)}.grad-blauw{background:linear-gradient(160deg,#6cc6ff,#0a6cff)}.grad-grijs{background:linear-gradient(160deg,#b8b8c0,#74747c)}.grad-paars{background:linear-gradient(160deg,#d29bff,#8a3ff2)}.grad-rood{background:linear-gradient(160deg,#ff8278,#f0261b)}.grad-roze{background:linear-gradient(160deg,#ff8fbb,#ff2d78)}.grad-geel{background:linear-gradient(160deg,#ffe680,#ffb300)}.zoek{border-radius:999px;background-color:var(--glas);-webkit-backdrop-filter:var(--vervaging);backdrop-filter:var(--vervaging);border:1px solid var(--glas-rand);box-shadow:var(--glans),var(--schaduw);padding:11px 16px 11px 42px}.tabs{gap:2px;border-radius:999px;padding:3px;margin:0 0 16px}.tab{flex:1;padding:7px 10px;border:0;border-radius:999px;font-size:14px;color:var(--tekst);font-weight:500}.tab.actief{background:var(--accent);color:#fff;border:0;box-shadow:inset 0 1px #ffffff59,0 4px 12px #0a84ff59;font-weight:600}.chip{color:var(--tekst);font-size:14px;padding:7px 14px}.chip.actief{background:var(--accent);border-color:transparent;color:#fff;box-shadow:inset 0 1px #ffffff59,0 4px 12px #0a84ff4d}.chip.actief .aantal{color:#ffffffd9}.filter-label,.veld>label:not(.upload-vak),.veld-label,.kop-rij h4,.detail h4{text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600;color:var(--zacht)}.kaart,.land-tegel{border-radius:var(--radius)}.badge.cat{background:var(--oranje-zacht);color:var(--oranje)}.badge.soort{background:var(--accent-zacht);color:var(--accent)}.badge.label{background:var(--fijn-2);color:var(--zacht)}.rond{color:var(--zacht)}.rond.aan{background:var(--oranje-zacht);color:var(--oranje);border-color:transparent}.rond.aan.groen{background:var(--groen-zacht);color:var(--groen)}.item,.tabel td,.voorstel-rij{border-bottom:.5px solid var(--scheiding)}.knop{background:var(--accent);color:#fff;border-radius:999px;box-shadow:inset 0 1px #ffffff59,0 6px 16px #0a84ff4d}.knop.tweede{color:var(--accent);border-radius:999px}.knop.gevaar{background:#ff3b301f;color:var(--rood);border:1px solid rgba(255,59,48,.25);box-shadow:none}.knop.klein{border-radius:999px}.zwevend{background:linear-gradient(160deg,#50aaffe6,#0a6effe6);-webkit-backdrop-filter:var(--vervaging);backdrop-filter:var(--vervaging);border:1px solid rgba(255,255,255,.5);color:#fff;font-weight:300;box-shadow:inset 0 1px #fff9,0 10px 28px #0a6eff66}.link-knop{color:var(--accent);text-decoration:none}.invoer,textarea.invoer,select.invoer{border-radius:16px;color:var(--tekst)}.invoer:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-zacht)}.invoer.auto{border-color:var(--groen);background-color:var(--groen-zacht)}.opmaak{border-radius:16px}.opmaak:focus-within{border-color:var(--accent)}.opmaak-balk{background:transparent;border-bottom-color:var(--scheiding)}.opmaak-knop{background:var(--fijn-1);border:1px solid var(--glas-rand);border-radius:999px}.upload-vak{border-style:dashed;border-radius:18px;color:var(--zacht)}.vink{border-radius:50%;border:1.5px solid var(--vaag);color:#fff}.vink.aan{background:var(--groen);border-color:var(--groen);box-shadow:0 2px 8px #28c76f66}.melding{color:var(--tekst);border-radius:999px;font-weight:600}.fout{background:#ff3b301f;border:1px solid rgba(255,59,48,.25);color:var(--rood);border-radius:18px}.ok{background:var(--groen-zacht);border:1px solid rgba(40,199,111,.3);color:var(--tekst);border-radius:18px}.rijk h3,.ingr-kop,.rijk ol li::marker{color:var(--oranje)}.stad-kop{color:var(--accent)}.recept-kaart .foto{border-radius:16px}.ef-card,.gp-kaart{border-radius:var(--radius);color:var(--tekst)}.ef-stxt,.ef-unit,.ef-sub,.ef-as,.gp-knop-tekst small{color:var(--fijn-3)}.ef-title,.ef-tlbl{color:var(--accent)}.ef-dot{background:var(--groen);box-shadow:0 0 8px var(--groen)}.ef-ico,.gp-ico{background:var(--fijn-1);box-shadow:inset 0 1px #fff6}.ef-trk{stroke:var(--fijn-2)}.ef-bt{background:var(--fijn-2)}.ef-ds{background:var(--fijn-1);border:1px solid var(--glas-rand);border-radius:14px}.ef-dl{color:var(--fijn-3)}.ef-grafiek{border-bottom-color:var(--scheiding)}.ef-staaf.dag{border-left-color:var(--scheiding)}.ef-staaf.aan span{outline-color:var(--tekst)}.c-sun{color:#e09b00}@media (prefers-color-scheme: dark){.c-sun{color:#ffd60a}}.gp-kaart.is-open{border-color:var(--oranje);box-shadow:var(--glans),0 0 0 1px var(--oranje),0 10px 30px #ff8a0040}.gp-kaart.is-open .gp-status,.gp-knop.open strong{color:var(--oranje)}.gp-kaart.is-dicht .gp-status,.gp-knop.sluit strong{color:var(--groen)}.gp-knop{background:transparent;color:var(--tekst);border-top:.5px solid var(--scheiding)}.fout.waarschuwing{background:var(--oranje-zacht);border:1px solid rgba(255,138,0,.3);color:var(--tekst)}