:root{--cream:#F3ECDB;--cream-2:#EBE1CD;--cream-3:#E4D9C1;--paper:#FBF8F0;--paper-pure:#FFFFFF;--ink:#16213B;--ink-2:#2C3650;--ink-soft:#5B6478;--ink-faint:#8A91A1;--blue:#5D8AA6;--blue-deep:#3E6E8A;--blue-tint:#DCE7ED;--orange:#C8641B;--orange-tint:#F3E2D1;--green:#4E7D5A;--green-tint:#DCE8DC;--red:#A8453B;--red-tint:#F0DAD5;--line:rgba(22,33,59,0.13);--line-strong:rgba(22,33,59,0.24);--shadow-sm:0 1px 2px rgba(22,33,59,0.05);--shadow:0 6px 24px -8px rgba(22,33,59,0.18);--shadow-lg:0 24px 60px -18px rgba(22,33,59,0.32);--serif:"Spectral",Georgia,"Times New Roman",serif;--sans:"Hanken Grotesk",system-ui,-apple-system,sans-serif;--radius:4px;--radius-lg:8px;--maxw:1120px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--cream);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh}::selection{background:var(--blue);color:#fff}.tnum{font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}h1,h2,h3,h4{margin:0;font-weight:500}.eyebrow{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;font-family:var(--sans);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--blue)}.eyebrow:before{content:"";width:22px;height:1px;background:var(--blue);display:inline-block}.btn{font-family:var(--sans);font-size:14px;font-weight:600;letter-spacing:.01em;border:1px solid transparent;border-radius:var(--radius);padding:11px 18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .15s ease,color .15s ease,border-color .15s ease,transform .05s ease;white-space:nowrap;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-deep)}.btn-dark{background:var(--ink);color:var(--cream)}.btn-dark:hover{background:#0e1730}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-strong)}.btn-ghost:hover{background:rgba(22,33,59,.05)}.btn-danger{background:transparent;color:var(--red);border-color:rgba(168,69,59,.4)}.btn-danger:hover{background:var(--red-tint)}.btn-sm{padding:7px 12px;font-size:13px}.btn-lg{padding:14px 26px;font-size:15px}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-block{width:100%}.nav-btn{background:transparent;color:var(--ink);border:none;cursor:pointer;font-family:var(--sans);font-size:14px;font-weight:600;padding:9px 15px;border-radius:6px;display:flex;align-items:center;gap:8px;transition:background .15s ease,color .15s ease;text-decoration:none}.nav-btn:hover{background:rgba(22,33,59,.06)}.nav-btn.active,.nav-btn.active:hover{background:var(--ink);color:var(--cream)}.icon-btn{width:32px;height:32px;border-radius:6px;border:1px solid var(--line-strong);background:var(--paper-pure);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .12s ease,border-color .12s ease}.icon-btn:hover{background:rgba(22,33,59,.05);border-color:var(--ink-soft)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn:disabled:hover{background:var(--paper-pure);border-color:var(--line-strong)}.link-arrow{background:none;border:none;cursor:pointer;font-family:var(--sans);font-weight:600;font-size:14px;color:var(--ink);display:inline-flex;align-items:center;gap:7px;border-bottom:1px solid var(--ink);padding:0 0 2px}.link-arrow:hover{color:var(--blue-deep);border-color:var(--blue-deep)}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.input,.select,.textarea{font-family:var(--sans);font-size:15px;color:var(--ink);background:var(--paper-pure);border:1px solid var(--line-strong);border-radius:var(--radius);padding:11px 13px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--blue);box-shadow:0 0 0 3px rgba(93,138,166,.18)}.textarea{resize:vertical;min-height:72px;line-height:1.5}.select{appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1l5 5 5-5' stroke='%2316213B' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-repeat:no-repeat;background-position:right 13px center;padding-right:34px;cursor:pointer}.input::placeholder,.textarea::placeholder{color:var(--ink-faint)}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:100px;background:var(--blue-tint);color:var(--blue-deep)}.badge-orange{background:var(--orange-tint);color:var(--orange)}.badge-green{background:var(--green-tint);color:var(--green)}.badge-red{background:var(--red-tint);color:var(--red)}.badge-muted{background:rgba(22,33,59,.06);color:var(--ink-soft)}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);padding:10px 14px;border-bottom:1px solid var(--line-strong);white-space:nowrap}.tbl td{padding:13px 14px;border-bottom:1px solid var(--line);font-size:14.5px;vertical-align:middle}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .12s ease}.tbl tbody tr:hover{background:rgba(93,138,166,.06)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:rgba(22,33,59,.2);border-radius:8px;border:3px solid var(--cream)}::-webkit-scrollbar-track{background:transparent}.serif{font-family:var(--serif)}.italic{font-style:italic}.muted{color:var(--ink-soft)}.faint{color:var(--ink-faint)}.row{display:flex;align-items:center}.gap-8{gap:8px}.gap-12{gap:12px}.gap-16{gap:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}@keyframes kob-fade{0%{transform:translateY(7px)}to{transform:none}}.fade-in{animation:kob-fade .34s cubic-bezier(.2,.7,.3,1) both}@media (prefers-reduced-motion:reduce){.fade-in{animation:none}}@media print{@page{margin:16mm;size:A4 portrait}body{background:#fff}.bottomnav,.no-print,header{display:none!important}main{padding:0!important;max-width:100%!important}.print-only{display:block!important}.card{box-shadow:none!important;border:1px solid #ccc!important}.tbl tbody tr:hover{background:transparent!important}.fade-in{animation:none!important}}@media (max-width:860px){.topnav-bar{display:none!important}header{position:static!important;background:transparent!important;border-bottom:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}main{padding-top:max(20px,env(safe-area-inset-top,0px))!important}.bottomnav{display:flex!important;position:fixed;bottom:0;left:0;right:0;z-index:150;background:rgba(243,236,219,.94);backdrop-filter:blur(12px);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0)}}@media (max-width:760px){.beheer-grid,.invoer-grid{grid-template-columns:1fr!important}.beheer-subnav{position:static!important;display:flex!important;flex-wrap:nowrap;overflow-x:auto;gap:4px;-webkit-overflow-scrolling:touch}.beheer-subnav button{white-space:nowrap;flex:0 0 auto}.beheer-subnav button span:first-of-type{flex:0 0 auto!important}}@media (max-width:600px){main{padding:24px 16px 120px!important}}@media (max-width:760px){.login-grid{grid-template-columns:1fr!important}}