@font-face{font-family:Jaapokki;src:url(/assets/Jaapokki-Regular-CjpJcN1t.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}html{font-family:Jaapokki,sans-serif}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font-family:inherit}:root{--donkerblauw:#212d4b;--donkerblauw-licht:#2b395d;--oranje:#f3732b;--advantage:#212d4b;--advantage-licht:#e8edf7;--isabo:#d54444;--isabo-licht:#fdeaea;--sporttrofee:#e6c62e;--sporttrofee-licht:#fff8cf;--achtergrond:#f5f6f8;--wit:#fff;--tekst:#182033;--tekst-zacht:#70778a;--rand:#e7e9ee;--schaduw:0 8px 24px #212d4b14;--schaduw-sterk:0 14px 35px #212d4b29}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,.sidebar-logo,.navigatie-item,.primaire-knop,.bedrijf-label{font-family:Jaapokki,sans-serif;font-weight:400}.app-layout{background:var(--achtergrond);min-height:100vh;color:var(--tekst);grid-template-columns:250px minmax(0,1fr);display:grid}.sidebar{background:var(--donkerblauw);height:100vh;color:var(--wit);flex-direction:column;padding:28px 18px;display:flex;position:sticky;top:0}.sidebar-logo{align-items:center;gap:12px;padding:0 10px 28px;display:flex}.sidebar-logo-mark{background:var(--oranje);border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;font-weight:800;display:grid}.sidebar-logo h1{margin:0;font-size:20px}.sidebar-logo p{color:#fff9;margin:3px 0 0;font-size:12px}.sidebar-navigatie{flex-direction:column;gap:6px;display:flex}.navigatie-item{color:#ffffffb8;text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:background .15s,color .15s;display:flex}.navigatie-item:hover,.navigatie-item.actief{color:var(--wit);background:#ffffff1a}.navigatie-item.actief{box-shadow:inset 3px 0 0 var(--oranje)}.navigatie-icoon{place-items:center;width:22px;font-size:17px;display:grid}.sidebar-onderaan{margin-top:auto}.hoofdinhoud{min-width:0}.bovenbalk{border-bottom:1px solid var(--rand);background:var(--wit);justify-content:space-between;align-items:center;gap:24px;min-height:92px;padding:20px 34px;display:flex}.pagina-label{color:var(--tekst-zacht);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.bovenbalk h2,.sectie-hoofding h2{margin:0;font-size:25px}.bovenbalk-acties{align-items:center;gap:12px;display:flex}.zoekveld{border:1px solid var(--rand);background:var(--achtergrond);border-radius:10px;align-items:center;gap:8px;width:280px;padding:10px 13px;display:flex}.zoekveld:focus-within{border-color:var(--oranje);background:var(--wit);box-shadow:0 0 0 3px #f3732b1f}.zoekveld span{color:var(--tekst-zacht);font-size:20px}.zoekveld input{width:100%;color:var(--tekst);background:0 0;border:0;outline:none}.primaire-knop{background:var(--oranje);color:var(--wit);border:0;border-radius:10px;padding:11px 16px;font-weight:400;transition:filter .15s,transform .15s;box-shadow:0 5px 14px #f3732b40}.primaire-knop:hover{filter:brightness(.96);transform:translateY(-1px)}.pagina-inhoud{padding:30px 34px 50px}.statistieken{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:28px;display:grid}.statistiek-kaart{border:1px solid var(--rand);background:var(--wit);min-height:105px;box-shadow:var(--schaduw);border-radius:15px;align-items:center;gap:14px;padding:20px;display:flex}.statistiek-icoon{border-radius:13px;flex:0 0 48px;place-items:center;width:48px;height:48px;font-size:20px;font-weight:800;display:grid}.statistiek-icoon.blauw{color:#365ba9;background:#e9eefb}.statistiek-icoon.oranje{color:#d9601c;background:#fff0e6}.statistiek-icoon.groen{color:#208553;background:#e8f7ef}.statistiek-icoon.paars{color:#6946ad;background:#f0ebfb}.statistiek-kaart p{color:var(--tekst-zacht);margin:0 0 5px;font-size:13px}.statistiek-kaart strong{font-size:27px}.bestellingen-sectie{border:1px solid var(--rand);background:var(--wit);box-shadow:var(--schaduw);border-radius:17px;padding:29px 25px 25px;position:relative;overflow:visible}.bestellingen-sectie+.bestellingen-sectie{margin-top:24px}.sectie-kleurbalk{border-radius:17px 17px 0 0;height:6px;position:absolute;top:0;left:0;right:0}.sectie-todo{background:#f4f7ff;border-color:#b9c9ef}.sectie-todo .sectie-kleurbalk{background:#4b6cb7}.sectie-betalen{background:#fff8f1;border-color:#f2c49f}.sectie-betalen .sectie-kleurbalk{background:#e98b3a}.sectie-afgerond{background:#f2faf5;border-color:#a9d8bd}.sectie-afgerond .sectie-kleurbalk{background:#3c9b65}.sectie-hoofding{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.aantal-label{background:var(--achtergrond);color:var(--tekst-zacht);border-radius:999px;padding:7px 11px;font-size:13px;font-weight:700}.sectie-todo .aantal-label{color:#365ba9;background:#e4ebfb}.sectie-betalen .aantal-label{color:#bd5d1d;background:#ffead8}.sectie-afgerond .aantal-label{color:#26784b;background:#dff3e7}.lege-lijst{border:1px dashed var(--rand);color:var(--tekst-zacht);text-align:center;background:#fff9;border-radius:12px;margin:0;padding:30px}.bestellingen-lijst{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.bestelling{border:1px solid var(--rand);background:var(--wit);border-radius:14px;flex-direction:column;min-width:0;padding:27px 20px 20px;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:visible}.bestelling:hover{transform:translateY(-2px);box-shadow:0 10px 25px #212d4b1a}.bedrijf-kleurbalk{border-radius:14px 14px 0 0;height:8px;position:absolute;top:0;left:0;right:0}.bestelling-bovenkant{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.bestelling h3{margin:0;font-size:20px;line-height:1.25}.bestelling.bedrijf-advantage{border-color:var(--advantage)}.bestelling.bedrijf-advantage .bedrijf-kleurbalk{background:var(--advantage)}.bestelling.bedrijf-advantage .bedrijf-label{background:var(--advantage);color:var(--oranje)}.bestelling.bedrijf-isabo{border-color:#e59b9b}.bestelling.bedrijf-isabo .bedrijf-kleurbalk{background:var(--isabo)}.bestelling.bedrijf-isabo .bedrijf-label{background:var(--isabo-licht);color:#b92f2f}.bestelling.bedrijf-sporttrofee{border-color:#e8d477}.bestelling.bedrijf-sporttrofee .bedrijf-kleurbalk{background:var(--sporttrofee)}.bestelling.bedrijf-sporttrofee .bedrijf-label{background:var(--sporttrofee-licht);color:#8e7610}.bedrijf-label{letter-spacing:.04em;text-transform:uppercase;border-radius:7px;align-items:center;min-height:32px;padding:6px 10px;font-size:11px;display:inline-flex}.klant-header{align-items:center;gap:15px;margin-top:22px;display:flex}.klant-logo-vak{border:1px solid var(--rand);background:var(--wit);border-radius:12px;flex:0 0 64px;place-items:center;width:64px;height:64px;padding:5px;display:grid}.klant-header-logo{object-fit:contain;width:100%;height:100%;display:block}.klant-header h3{overflow-wrap:anywhere;min-width:0}.productiemethode-dropdown{z-index:30;flex:none;margin-bottom:-10px;padding-bottom:10px;display:inline-block;position:relative}.productiemethode{background:var(--achtergrond);min-height:34px;color:var(--tekst-zacht);white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:7px 11px;font-size:11px;font-weight:700;line-height:1.2;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.productiemethode:hover,.productiemethode[aria-expanded=true]{border-color:var(--rand);color:var(--tekst);background:#e8eaf0}.productiemethode-pijl{font-size:10px;line-height:1;transition:transform .15s;display:inline-block}.productiemethode[aria-expanded=true] .productiemethode-pijl{transform:rotate(180deg)}.productiemethode-menu{z-index:500;border:1px solid var(--rand);background:var(--wit);width:175px;box-shadow:var(--schaduw-sterk);border-radius:11px;flex-direction:column;gap:3px;padding:6px;display:flex;position:absolute;top:calc(100% - 2px);right:0}.productiemethode-menu:before{content:"";height:12px;position:absolute;bottom:100%;left:0;right:0}.productiemethode-optie{width:100%;color:var(--tekst);text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;font-size:12px;font-weight:500;line-height:1.3;transition:background .12s,color .12s;display:flex}.productiemethode-optie:hover{background:var(--achtergrond)}.productiemethode-optie.actief{background:var(--advantage-licht);color:var(--donkerblauw);font-weight:700}.productiemethode-vinkje{color:var(--oranje);font-weight:800}.bestelling-omschrijving{min-height:44px;color:var(--tekst-zacht);margin:22px 0;line-height:1.5}.bestelling-gegevens{border-top:1px solid var(--rand);border-bottom:1px solid var(--rand);grid-template-columns:1fr 1fr;gap:14px;padding:15px 0;display:grid}.bestelling-gegevens>div{flex-direction:column;gap:6px;min-width:0;display:flex}.gegevens-label{color:var(--tekst-zacht);letter-spacing:.05em;text-transform:uppercase;font-size:11px;font-weight:700}.bestelling-gegevens strong{font-size:13px}.bestelling select{border:1px solid var(--rand);background:var(--achtergrond);width:100%;min-width:0;color:var(--tekst);border-radius:8px;outline:none;padding:8px 9px;font-size:12px;font-weight:700}.bestelling select:focus{border-color:var(--oranje);box-shadow:0 0 0 3px #f3732b1f}.contactgegevens{align-items:center;margin-top:16px;display:flex}.contactgegevens>div{flex-direction:column;gap:4px;min-width:0;display:flex}.contactgegevens strong{font-size:13px}.contactgegevens a,.geen-email{color:var(--tekst-zacht);text-overflow:ellipsis;white-space:nowrap;font-size:12px;text-decoration:none;overflow:hidden}.contactgegevens a:hover{color:var(--oranje)}.modal-achtergrond{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#141c308c;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal{border:1px solid var(--rand);background:var(--wit);border-radius:18px;width:min(720px,100%);max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:0 24px 70px #141c3040}.modal-hoofding{z-index:2;border-bottom:1px solid var(--rand);background:var(--wit);justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 26px 20px;display:flex;position:sticky;top:0}.modal-hoofding h2{margin:0}.modal-sluiten{background:var(--achtergrond);width:38px;height:38px;color:var(--tekst);border:0;border-radius:10px;flex:0 0 38px;place-items:center;font-size:26px;line-height:1;display:grid}.modal-sluiten:hover{background:#e8eaf0}.bestelling-formulier{flex-direction:column;gap:19px;padding:26px;display:flex}.formulier-rij{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.formulier-veld{flex-direction:column;gap:8px;min-width:0;display:flex}.formulier-veld>span{color:var(--tekst);font-size:12px;font-weight:700}.formulier-veld input,.formulier-veld select,.formulier-veld textarea{border:1px solid var(--rand);background:var(--achtergrond);width:100%;color:var(--tekst);border-radius:10px;outline:none;padding:11px 12px}.formulier-veld textarea{resize:vertical;min-height:90px}.formulier-veld input:focus,.formulier-veld select:focus,.formulier-veld textarea:focus{border-color:var(--oranje);background:var(--wit);box-shadow:0 0 0 3px #f3732b1f}.formulier-scheiding{border-bottom:1px solid var(--rand);color:var(--tekst-zacht);letter-spacing:.06em;text-transform:uppercase;padding-top:3px;font-size:12px;font-weight:700;line-height:30px}.formulier-acties{justify-content:flex-end;gap:11px;padding-top:5px;display:flex}.secundaire-knop{border:1px solid var(--rand);background:var(--wit);color:var(--tekst);border-radius:10px;padding:11px 16px;font-weight:700}.secundaire-knop:hover{background:var(--achtergrond)}@media (width<=1150px){.statistieken,.bestellingen-lijst{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.app-layout{display:block}.sidebar{width:100%;height:auto;position:static}.sidebar-navigatie{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sidebar-onderaan{margin-top:8px}.bovenbalk{flex-direction:column;align-items:flex-start}.bovenbalk-acties,.zoekveld{width:100%}.pagina-inhoud{padding:22px 18px 40px}.bestellingen-lijst{grid-template-columns:1fr}}@media (width<=650px){.modal-achtergrond{align-items:start;padding:12px}.modal{border-radius:14px;max-height:calc(100vh - 24px)}.formulier-rij{grid-template-columns:1fr}.bestelling-formulier{padding:20px}.formulier-acties{flex-direction:column-reverse;align-items:stretch}.formulier-acties button{width:100%}}@media (width<=550px){.statistieken{grid-template-columns:1fr}.bovenbalk-acties{flex-direction:column;align-items:stretch}.primaire-knop{width:100%}.bestelling-gegevens{grid-template-columns:1fr}.sectie-hoofding{flex-direction:column;align-items:flex-start}.klant-logo-vak{flex-basis:56px;width:56px;height:56px}.klant-header h3{font-size:18px}}.bestelling-acties{border-top:1px solid var(--rand);gap:9px;margin-top:18px;padding-top:15px;display:flex}.kaart-knop{border-radius:8px;flex:1;padding:9px 12px;font-size:12px;font-weight:700;transition:background .15s,border-color .15s,color .15s}.kaart-knop-bewerken{border:1px solid var(--rand);background:var(--achtergrond);color:var(--tekst)}.kaart-knop-bewerken:hover{border-color:var(--donkerblauw);background:var(--advantage-licht);color:var(--donkerblauw)}.kaart-knop-verwijderen{color:#b92f2f;background:#fff5f5;border:1px solid #f1c5c5}.kaart-knop-verwijderen:hover{color:#9f2020;background:#fdeaea;border-color:#d54444}