:root{--oranje: #f08300;--oranje-diep: #c96a00;--oranje-donker: #a85800;--oranje-tint: #fdf1e3;--ink: #23180d;--tekst: #3d3428;--muted: #7d6f5e;--bg: #faf6f0;--panel: #ffffff;--rand: #eadfd0;--rand-donker: #d9c9b2;--groen: #178a4c;--groen-tint: #e4f4ec;--rood: #d64040;--rood-tint: #fdeaea;--blauw: #2f6fd0;--balk: #241a10;--schaduw: 0 1px 3px rgba(35, 24, 13, .06), 0 1px 2px rgba(35, 24, 13, .04);--schaduw-zweef: 0 10px 24px rgba(35, 24, 13, .12), 0 3px 8px rgba(35, 24, 13, .08);--spoed: .18s cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box}body{margin:0;font-family:Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--tekst);font-size:15px;line-height:1.5}a{color:var(--oranje-diep);text-decoration:none;font-weight:600}a:hover{text-decoration:underline}h1{font-size:1.45rem;font-weight:800;margin:0;color:var(--ink);letter-spacing:-.01em;text-wrap:balance}h2{font-size:1.1rem;font-weight:700;margin:0;color:var(--ink)}h3{font-weight:700;color:var(--ink)}.muted{color:var(--muted);font-weight:500}.klein{font-size:.83rem}.error{color:var(--rood)}.subtitel{margin:.2rem 0 0;font-size:.9rem}.teller{color:var(--muted);font-weight:500;font-size:.78rem}.teller-over{color:var(--rood);font-weight:700;font-size:.78rem}.terug{font-size:.88rem}:focus-visible{outline:2px solid var(--oranje);outline-offset:2px;border-radius:4px}.topbar{display:flex;align-items:center;justify-content:space-between;background:var(--balk);color:#fff;padding:.75rem 1.5rem;position:sticky;top:0;z-index:30;box-shadow:0 2px 12px #23180d40}.brand{font-size:1.02rem;letter-spacing:.01em;display:flex;align-items:center;gap:.55rem;font-weight:500}.brand b{font-weight:800}.brand-dot{width:11px;height:11px;border-radius:3px;background:var(--oranje);display:inline-block;transform:rotate(45deg)}.topbar nav{display:flex;gap:.4rem}.topbar nav a{color:#d9cbb8;padding:.35rem .85rem;border-radius:8px;font-weight:600;font-size:.9rem;transition:color var(--spoed),background var(--spoed)}.topbar nav a:hover{color:#fff;text-decoration:none;background:#ffffff14}.topbar nav a.active{color:#fff;background:var(--oranje)}main{max-width:1200px;margin:0 auto;padding:1.5rem 1.4rem 3rem}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.center-msg{text-align:center;margin-top:15vh}.btn{display:inline-flex;align-items:center;gap:.45rem;border:1px solid var(--rand-donker);background:var(--panel);color:var(--ink);padding:.5rem 1rem;border-radius:10px;cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;box-shadow:var(--schaduw);transition:transform var(--spoed),box-shadow var(--spoed),background var(--spoed),border-color var(--spoed)}.btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--schaduw-zweef);border-color:var(--oranje)}.btn:active:not(:disabled){transform:translateY(0);box-shadow:var(--schaduw)}.btn:disabled{opacity:.5;cursor:default}.btn-primary{background:var(--oranje);border-color:var(--oranje-diep);color:#fff}.btn-primary:hover:not(:disabled){background:var(--oranje-diep);border-color:var(--oranje-diep)}.btn-live{background:var(--groen);border-color:#106b3a;color:#fff}.btn-live:hover:not(:disabled){background:#106b3a;border-color:#106b3a}.btn-actief{background:var(--oranje-tint);border-color:var(--oranje);color:var(--oranje-donker)}.btn-danger{color:var(--rood);border-color:#e3a5a5}.btn-danger:hover:not(:disabled){background:var(--rood);border-color:var(--rood);color:#fff}.btn-groot{padding:.65rem 1.3rem;font-size:.95rem}.btnrow{display:flex;gap:.55rem;flex-wrap:wrap;align-items:center}.spinner{width:14px;height:14px;flex:none;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:draai .7s linear infinite}@keyframes draai{to{transform:rotate(360deg)}}.filters{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:1.2rem}.chip{border:1px solid var(--rand-donker);background:var(--panel);border-radius:999px;padding:.35rem .9rem;cursor:pointer;font:inherit;font-size:.83rem;font-weight:600;color:var(--muted);transition:all var(--spoed)}.chip:hover{border-color:var(--oranje);color:var(--oranje-donker)}.chip-active{background:var(--ink);color:#fff;border-color:var(--ink)}.import-box{background:var(--oranje-tint);border:1px solid #f0dcbc;border-radius:12px;padding:.9rem 1.1rem;margin-bottom:1rem;font-size:.9rem;animation:melding-in .25s cubic-bezier(.16,1,.3,1)}.import-box>p{margin:0 0 .7rem}.import-veld{display:flex;flex-direction:column;gap:.25rem;font-size:.76rem;font-weight:700;color:var(--ink)}.import-veld input{width:auto;font-size:.88rem}.zoek-veld{position:relative;max-width:440px}.zoek-veld input{padding-right:2.2rem}.zoek-spinner{position:absolute;right:.7rem;top:50%;margin-top:-7px;color:var(--oranje)}.zoeklijst{list-style:none;margin:.6rem 0 0;padding:0;max-width:640px}.zoeklijst li{display:flex;align-items:center;justify-content:space-between;gap:.8rem;background:#fff;border:1px solid var(--rand);border-radius:9px;padding:.45rem .7rem;margin-bottom:.35rem;font-size:.88rem;animation:melding-in .2s cubic-bezier(.16,1,.3,1)}.zoek-naam{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.zoek-naam b{color:var(--oranje-donker);margin-right:.3rem}.filterbar{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap;background:var(--panel);border:1px solid var(--rand);border-radius:12px;padding:.8rem 1rem;margin-bottom:1.1rem;box-shadow:var(--schaduw)}.filterbar>label{display:flex;flex-direction:column;gap:.3rem;font-size:.76rem;font-weight:700;color:var(--ink)}.filterbar select,.filterbar input[type=date]{width:auto;min-width:130px;font-size:.85rem;padding:.4rem .5rem}.filter-check{flex-direction:row!important;align-items:center;gap:.4rem!important;padding-bottom:.5rem;font-size:.85rem!important;cursor:pointer}.filter-check input{width:auto;accent-color:var(--oranje);transform:scale(1.15);cursor:pointer}.btn-klein{padding:.35rem .7rem;font-size:.8rem}.resultaat-teller{margin:-.4rem 0 .7rem}.filter-m2{min-width:220px}.mrange{position:relative;height:26px;width:220px}.mrange-rail{position:absolute;top:11px;left:0;right:0;height:4px;background:var(--rand-donker);border-radius:999px}.mrange-vulling{position:absolute;top:11px;height:4px;background:var(--oranje);border-radius:999px}.mrange input[type=range]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;margin:0;padding:0;background:none;border:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none}.mrange input[type=range]:focus{box-shadow:none}.mrange input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:auto;width:16px;height:16px;border-radius:50%;cursor:grab;background:#fff;border:3px solid var(--oranje);box-shadow:0 1px 3px #23180d40}.mrange input[type=range]::-moz-range-thumb{pointer-events:auto;width:12px;height:12px;border-radius:50%;cursor:grab;background:#fff;border:3px solid var(--oranje)}.mrange input[type=range]::-moz-range-track{background:none}.sterren{display:inline-flex;gap:.05rem}.ster{border:none;background:none;cursor:pointer;padding:0 .08rem;font-size:1.35rem;line-height:1;color:#ddd2c2;transition:color .12s ease-out,transform .12s ease-out}.ster:hover{transform:scale(1.18)}.ster-aan{color:var(--oranje)}.card-sterren{color:var(--oranje);letter-spacing:.05em}.badge-laden{position:absolute;bottom:.6rem;left:.6rem;display:inline-flex;align-items:center;gap:.4rem;background:#23180dc7;color:#fff;font-size:.72rem;font-weight:700;padding:.25rem .65rem;border-radius:999px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.badge-laden .spinner{width:11px;height:11px;border-width:2px}.badge-referentie{position:absolute;top:.6rem;left:.6rem;display:inline-flex;align-items:center;gap:.3rem;background:linear-gradient(135deg,#f6b73c,var(--oranje));color:#3a2200;font-size:.72rem;font-weight:800;padding:.22rem .65rem;border-radius:999px;box-shadow:0 2px 6px #23180d4d}.badge-referentie-inline{position:static;margin-left:.6rem;vertical-align:middle;font-size:.72rem}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:1rem}.card{background:var(--panel);border:1px solid var(--rand);border-radius:14px;color:var(--tekst);display:block;overflow:hidden;box-shadow:var(--schaduw);transition:box-shadow var(--spoed),transform var(--spoed),border-color var(--spoed);animation:kaart-in .35s cubic-bezier(.16,1,.3,1) backwards}@keyframes kaart-in{0%{opacity:0;transform:translateY(8px)}}.card:hover{text-decoration:none;box-shadow:var(--schaduw-zweef);transform:translateY(-3px);border-color:var(--rand-donker)}.card-cover{position:relative;height:140px;background:linear-gradient(160deg,#f3e9da,#e9dcc8)}.card-cover img{width:100%;height:100%;object-fit:cover;display:block}.card-cover-leeg{display:flex;align-items:center;justify-content:center;height:100%;font-size:2.4rem;opacity:.55}.card-cover .badge{position:absolute;top:.6rem;right:.6rem;box-shadow:0 1px 4px #23180d40}.card-body{padding:.8rem 1rem .9rem}.card h3{margin:0;font-size:1.02rem}.card-body p{margin:.15rem 0 0;font-size:.85rem}.card-top{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.card-code{font-weight:700;font-size:.78rem;color:var(--muted);white-space:nowrap}.card-foot{display:flex;gap:1rem;margin-top:.6rem;font-size:.8rem;color:var(--muted);font-weight:600}.card.status-nieuw{border-color:#f3c98d}.badge{display:inline-flex;align-items:center;gap:.35rem;font-size:.72rem;font-weight:700;padding:.2rem .6rem;border-radius:999px;background:#f1ece3;color:var(--muted);white-space:nowrap}.badge-nieuw{background:var(--oranje);color:#fff}.badge-in_behandeling{background:#e7eefb;color:var(--blauw)}.badge-klaar,.badge-geupload{background:var(--groen-tint);color:var(--groen)}.badge-gepubliceerd{background:var(--groen);color:#fff}.badge-overgeslagen{background:#efeae2;color:#9a8d7a}.pulse-dot{width:7px;height:7px;border-radius:50%;background:#fff;animation:puls 1.6s ease-out infinite}@keyframes puls{0%{box-shadow:0 0 #ffffffb3}70%{box-shadow:0 0 0 6px #fff0}to{box-shadow:0 0 #fff0}}.panel{background:var(--panel);border:1px solid var(--rand);border-radius:14px;padding:1.2rem 1.3rem;margin-bottom:1.2rem;box-shadow:var(--schaduw)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:.9rem}.linkrow{display:flex;gap:1.3rem;margin-bottom:1rem;font-size:.88rem;flex-wrap:wrap;align-items:center}.head-actions{display:flex;gap:.6rem;align-items:center}.head-actions select{width:auto}.notice{background:#eef4ff;border:1px solid #cddcf7;padding:.65rem 1rem;border-radius:10px;font-size:.9rem;animation:melding-in .25s cubic-bezier(.16,1,.3,1)}@keyframes melding-in{0%{opacity:0;transform:translateY(-4px)}}.notice-ok{background:var(--groen-tint);border-color:#b9e3cb}.notice-fout{background:var(--rood-tint);border-color:#f2c4c4}.notice-info{background:var(--oranje-tint);border-color:#f0dcbc}.notice ul{margin:.3rem 0 0;padding-left:1.2rem}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem 1.1rem}.formgrid label{display:flex;flex-direction:column;gap:.3rem;font-size:.8rem;font-weight:700;color:var(--ink)}.formgrid label .teller,.formgrid label .teller-over{margin-left:.3rem}.formgrid .span2{grid-column:span 2}input,select,textarea{font:inherit;font-size:.92rem;font-weight:500;color:var(--tekst);border:1px solid var(--rand-donker);border-radius:9px;padding:.5rem .65rem;background:#fff;width:100%;transition:border-color var(--spoed),box-shadow var(--spoed)}input:hover,select:hover,textarea:hover{border-color:#c4b299}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--oranje);box-shadow:0 0 0 3px #f0830026}textarea{resize:vertical;line-height:1.55}select{cursor:pointer}.fotogrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:.9rem;border-radius:12px;transition:background var(--spoed),outline-color var(--spoed);outline:2px dashed transparent;outline-offset:6px}.dropzone{border:2px dashed var(--rand-donker);border-radius:14px;padding:2.2rem 1rem;text-align:center;cursor:pointer;transition:all var(--spoed)}.dropzone p{margin:.2rem 0}.dropzone:hover,.dropzone-actief{border-color:var(--oranje);background:var(--oranje-tint)}.fotogrid.dropzone-actief{outline-color:var(--oranje);background:var(--oranje-tint)}.foto{border:2px solid var(--rand);border-radius:12px;overflow:hidden;background:#fff;box-shadow:var(--schaduw);transition:border-color var(--spoed),box-shadow var(--spoed),transform var(--spoed),opacity var(--spoed)}.foto.goed{border-color:var(--groen)}.foto.afgekeurd{border-color:var(--rood)}.foto.afgekeurd .foto-beeld img{filter:grayscale(.8);opacity:.55}.foto.busy{opacity:.5;pointer-events:none}.foto-beeld{position:relative}.foto-beeld img{width:100%;height:160px;object-fit:cover;display:block;transition:transform .3s cubic-bezier(.16,1,.3,1)}.foto:hover .foto-beeld img{transform:scale(1.03)}.rol-badge{position:absolute;top:.5rem;left:.5rem;background:var(--ink);color:#fff;font-size:.7rem;font-weight:700;padding:.18rem .55rem;border-radius:999px;box-shadow:0 1px 4px #0000004d}.rol-badge.rol-illustratie{background:var(--oranje)}.keur-overlay{position:absolute;bottom:.5rem;right:.5rem;width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:.85rem;box-shadow:0 1px 4px #0000004d;animation:keur-in .22s cubic-bezier(.16,1,.3,1)}@keyframes keur-in{0%{transform:scale(.4);opacity:0}}.keur-ok{background:var(--groen)}.keur-nee{background:var(--rood)}.foto-vergroot{position:absolute;top:.5rem;right:.5rem;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:#23180d8c;color:#fff;border-radius:7px;font-size:.8rem;opacity:0;transition:opacity var(--spoed)}.foto:hover .foto-vergroot{opacity:1}.foto-vergroot:hover{background:#23180dcc;text-decoration:none}.foto-bron{display:flex;justify-content:space-between;align-items:center;padding:.4rem .6rem 0;font-size:.72rem;font-weight:600}.bron{padding:.08rem .5rem;border-radius:999px;font-weight:700}.bron-bouwflow{background:#e7eefb;color:var(--blauw)}.bron-upload{background:var(--groen-tint);color:var(--groen)}.bron-ai{background:#f3e8fd;color:#8b3fd6}.foto-acties{display:flex;gap:.3rem;padding:.45rem .6rem .3rem;align-items:center}.foto-acties select{font-size:.78rem;font-weight:600;padding:.28rem .35rem;flex:1;min-width:0;border-radius:7px}.btn-keur{border:1px solid var(--rand-donker);background:#fff;border-radius:7px;cursor:pointer;padding:.28rem .55rem;font-size:.85rem;font-weight:700;color:var(--muted);transition:all var(--spoed);flex:none}.btn-keur:hover{transform:translateY(-1px);border-color:var(--ink);color:var(--ink)}.btn-keur.on-ok{background:var(--groen);color:#fff;border-color:var(--groen)}.btn-keur.on-nee{background:var(--rood);color:#fff;border-color:var(--rood)}.foto-alt{display:block;width:calc(100% - 1.2rem);margin:.15rem .6rem .55rem;font-size:.76rem;padding:.35rem .5rem;border-radius:7px;border-color:var(--rand)}.foto-alt::placeholder{color:#a99a85}.selecteer-modus .foto,.foto-kiesbaar .foto-beeld{cursor:pointer}.foto-kiesbaar:hover{transform:translateY(-2px);border-color:var(--oranje);box-shadow:var(--schaduw-zweef)}.foto-gekozen{border-color:var(--oranje);box-shadow:0 0 0 3px #f0830040,var(--schaduw-zweef)}.selectie-badge{position:absolute;top:.5rem;left:.5rem;color:#fff;font-size:.72rem;font-weight:800;padding:.22rem .6rem;border-radius:999px;box-shadow:0 1px 4px #0000004d;animation:keur-in .22s cubic-bezier(.16,1,.3,1)}.selectie-na{background:var(--oranje)}.selectie-voor{background:var(--blauw)}.voorfoto-box{background:var(--oranje-tint);border:1px solid #f0dcbc;border-radius:12px;padding:.9rem 1.1rem;margin-bottom:1rem;font-size:.88rem;animation:melding-in .25s cubic-bezier(.16,1,.3,1)}.voorfoto-box>p{margin:0 0 .7rem}.voorfoto-slots{display:flex;gap:.7rem;align-items:center;flex-wrap:wrap}.slot{width:96px;height:88px;border:2px dashed var(--rand-donker);border-radius:10px;background:#fff;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.15rem;font:inherit;color:var(--muted);transition:all var(--spoed);padding:0}.slot span{font-size:1.3rem;font-weight:800;color:var(--rand-donker)}.slot em{font-style:normal;font-size:.62rem;font-weight:800;letter-spacing:.02em}.slot img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.slot img+em,.slot-gevuld em{position:absolute;bottom:0;left:0;right:0;padding:.15rem 0;background:#23180da6;color:#fff}.slot-actief{border-color:var(--oranje);border-style:solid;box-shadow:0 0 0 3px #f0830033}.slot-pijl{font-size:1.2rem;color:var(--muted);font-weight:800}.voorfoto-slots input{flex:1;min-width:220px}.statustabel{width:100%;border-collapse:collapse}.statustabel td{padding:.55rem .6rem;border-bottom:1px solid var(--rand);font-size:.92rem}.statustabel tr:last-child td{border-bottom:none}.testresultaat{background:#f6f1e9;border-radius:10px;padding:.8rem;font-size:.8rem;overflow-x:auto;margin-top:.8rem}.loglijst{list-style:none;margin:0;padding:0;font-size:.84rem}.loglijst li{padding:.3rem 0;border-bottom:1px dashed var(--rand)}.loglijst li:last-child{border-bottom:none}.loglijst .muted{font-size:.76rem;margin-right:.4rem}@media(max-width:700px){.formgrid{grid-template-columns:1fr}.formgrid .span2{grid-column:span 1}main{padding:1rem .9rem 2.5rem}.topbar{padding:.65rem 1rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}