:root{--ink:#1a1714;--ink-soft:#4b443d;--bone:#f6f2ea;--bone-dim:#ece6da;--line:#d8cfc0;--brass:#9a7b3f;--brass-deep:#6f5827;--danger:#7a2e2e;--font-display:ui-serif,"Iowan Old Style","Palatino Linotype",Georgia,serif;--font-ui:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;height:100%;background:var(--bone);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.shell{display:flex;flex-direction:column;min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.5rem 0;border-top:2px solid var(--ink)}.wordmark{font-family:var(--font-display);font-size:1.25rem;letter-spacing:.42em;text-transform:uppercase;font-weight:600;padding-left:.42em}.topbar__right{display:flex;align-items:center;gap:1.25rem;font-size:.82rem;color:var(--ink-soft)}.filiaal-badge{font-weight:600;color:var(--ink);letter-spacing:.04em}.signout{background:none;font:inherit;color:var(--ink-soft);cursor:pointer;padding:0;border:none;border-bottom:1px solid transparent}.signout:hover{color:var(--ink);border-bottom-color:var(--line)}.tabnav{display:flex;gap:1.75rem;padding:.75rem 1.5rem 0;border-bottom:1px solid var(--line)}.tab{position:relative;padding:.4rem 0 .7rem;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}.tab--active,.tab:hover{color:var(--ink)}.tab--active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brass)}.content{flex:1 1;display:flex;flex-direction:column;padding:0;background:var(--bone)}.embed-wrap{flex:1 1;display:flex;min-height:0}.embed-frame{flex:1 1;width:100%;border:none;background:transparent}.note{padding:.75rem 1.5rem;font-size:.78rem;color:var(--ink-soft);border-bottom:1px solid var(--line)}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(120% 80% at 50% -10%,var(--bone) 40%,var(--bone-dim) 100%)}.login__card{width:min(380px,92vw);background:#fff;border:1px solid var(--line);border-top:3px solid var(--ink);padding:2.5rem 2.25rem}.login__brand{font-family:var(--font-display);font-size:1.4rem;letter-spacing:.42em;padding-left:.42em;margin:0 0 .35rem}.login__brand,.login__sub{text-transform:uppercase;text-align:center}.login__sub{font-size:.78rem;letter-spacing:.16em;color:var(--ink-soft);margin:0 0 2rem}.field{display:block;margin-bottom:1rem}.field label{display:block;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);margin-bottom:.4rem}.field input{width:100%;padding:.65rem .75rem;font:inherit;background:var(--bone);border:1px solid var(--line);border-radius:0;color:var(--ink)}.field input:focus{outline:2px solid var(--brass);outline-offset:1px;background:#fff}.btn{width:100%;margin-top:.5rem;padding:.75rem;font:inherit;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--bone);background:var(--ink);border:none;cursor:pointer}.btn:hover{background:#000}.login__error{margin:0 0 1rem;padding:.6rem .75rem;font-size:.8rem;color:var(--danger);background:#f7ecec;border:1px solid #e3c9c9}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.vgl{padding:1.25rem 1.5rem 3rem;overflow-y:auto}.vgl__controls{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}.vgl__field{display:flex;flex-direction:column;gap:.3rem}.vgl__field>label{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.vgl__field input[type=date]{font:inherit;padding:.5rem .6rem;border:1px solid var(--line);background:#fff;color:var(--ink)}.vgl__seg{display:flex;border:1px solid var(--line)}.vgl__seg button{font:inherit;font-size:.82rem;padding:.5rem .9rem;border:none;background:#fff;color:var(--ink-soft);cursor:pointer}.vgl__seg button.on{background:var(--ink);color:var(--bone)}.vgl__go{font:inherit;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;padding:.6rem 1.4rem;border:none;background:var(--brass);color:#fff;cursor:pointer}.vgl__go:disabled{opacity:.5;cursor:default}.vgl__filialen{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0}.chip{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.78rem;padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;color:var(--ink-soft);background:#fff;-webkit-user-select:none;-moz-user-select:none;user-select:none}.chip--on{color:var(--ink);border-color:var(--brass);background:#fbf6ec}.chip input{accent-color:var(--brass)}.vgl__fout{color:var(--danger);padding:.75rem 0}.vgl__periodes{font-size:.85rem;color:var(--ink-soft);margin:1rem 0}.vgl__periodes strong{color:var(--ink)}.vgl__vs{margin:0 .6rem;opacity:.6}.vgl__kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:1rem;gap:1rem;margin-bottom:1.75rem}.kpi{border:1px solid var(--line);border-top:3px solid var(--ink);padding:1rem 1.1rem;background:#fff}.kpi__label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}.kpi__a{font-family:var(--font-display);font-size:1.6rem;margin:.3rem 0 .1rem}.kpi__b{font-size:.78rem;color:var(--ink-soft);margin-bottom:.4rem}.delta{font-size:.82rem;font-weight:600}.delta--up{color:#2e6f3e}.delta--down{color:var(--danger)}.delta--flat{color:var(--ink-soft)}.vgl__bars h3{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:0 0 1rem}.barrow{display:grid;grid-template-columns:160px 1fr 200px;align-items:center;grid-gap:.75rem;gap:.75rem;margin-bottom:.55rem}.barrow__naam{font-size:.82rem}.barrow__track{display:flex;flex-direction:column;gap:2px}.bar{height:9px;min-width:1px}.bar--a{background:var(--brass)}.bar--b{background:var(--line)}.barrow__val{font-size:.8rem;text-align:right;white-space:nowrap}.barrow__val .delta{margin-left:.4rem}.vgl__legend{display:flex;gap:1.5rem;margin-top:1rem;font-size:.78rem;color:var(--ink-soft)}.vgl__legend span{display:inline-flex;align-items:center;gap:.4rem}.sw{width:14px;height:10px;display:inline-block}.sw--a{background:var(--brass)}.sw--b{background:var(--line)}.vgl__gran{display:inline-flex;border:1px solid var(--line);margin-bottom:1rem}.vgl__gran button{font:inherit;font-size:.8rem;letter-spacing:.06em;padding:.45rem 1.1rem;border:none;background:#fff;color:var(--ink-soft);cursor:pointer}.vgl__gran button.on{background:var(--ink);color:var(--bone)}.vgl__field input[type=number],.vgl__field select{font:inherit;padding:.5rem .6rem;border:1px solid var(--line);background:#fff;color:var(--ink)}.vgl__field input[type=number]{width:90px}.vgl__hint{font-size:.78rem;color:var(--ink-soft);margin:.25rem 0 0;font-style:italic}.vgl__groep{margin-top:1.75rem}.vgl__groep h3{font-family:var(--font-display);font-weight:600;font-size:1.05rem;margin:0 0 1rem}.gtab{width:100%;border-collapse:collapse;font-size:.84rem}.gtab td,.gtab th{padding:.5rem .7rem;border-bottom:1px solid var(--line);text-align:left}.gtab th{font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.gtab td.num,.gtab th.num{text-align:right;white-space:nowrap}.gtab tbody tr:hover{background:#faf7f1}.hint-inline{font-size:.72rem;font-weight:400;color:var(--ink-soft);font-style:italic}.barrow--klik{cursor:pointer}.barrow--klik:hover{background:#faf7f1}.barrow--klik.open{background:#fbf6ec}.caret{display:inline-block;width:.9em;color:var(--brass);font-size:.8em}.grow{cursor:pointer}.grow:hover{background:#faf7f1}.grow.open{background:#fbf6ec}.drill{padding:.25rem 0 .75rem 1.6rem}.drillrow>td{padding:0 0 .5rem 1.6rem;background:#fcfaf5}.dtab{width:100%;border-collapse:collapse;font-size:.8rem}.dtab td,.dtab th{padding:.35rem .6rem;border-bottom:1px solid var(--line);text-align:left}.dtab th{font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.dtab td.num,.dtab th.num{text-align:right;white-space:nowrap}.arow{cursor:pointer}.arow:hover{background:#f6f1e8}.arow.open{background:#f3ecdd}.artrow>td{background:#fcfaf5;padding:.25rem 0 .5rem 1.4rem}.atab-wrap{overflow-x:auto}.atab{width:100%;border-collapse:collapse;font-size:.76rem;min-width:720px}.atab td,.atab th{padding:.3rem .55rem;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.atab th{font-size:.62rem;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);font-weight:600}.atab td.num,.atab th.num{text-align:right}.verkoper-wrap{height:calc(100vh - 104px)}.verkoper-frame{width:100%;height:100%;border:0;display:block;background:#fff}.kpi__delta{display:flex;gap:.6rem;align-items:baseline;flex-wrap:wrap;margin-top:.1rem}@media (max-width:640px){.vgl{padding:.9rem 1rem 3rem}.vgl__controls{gap:.7rem}.vgl__field{flex:1 1 46%}.vgl__field input[type=date],.vgl__field input[type=number],.vgl__field select,.vgl__seg{width:100%}.vgl__seg button{flex:1 1}.vgl__go{width:100%}.vgl__kpis{grid-template-columns:1fr 1fr;gap:.6rem}.kpi__a{font-size:1.3rem}.barrow{grid-template-columns:1fr auto;grid-template-areas:"naam val" "track track";row-gap:.3rem;column-gap:.5rem}.barrow__naam{grid-area:naam}.barrow__val{grid-area:val}.barrow__track{grid-area:track}.drill,.vgl__groep{overflow-x:auto;-webkit-overflow-scrolling:touch}.gtab{min-width:560px}.dtab{min-width:520px}.vgl__periodes{line-height:1.6}}.vgl__preview{display:flex;flex-wrap:wrap;gap:.4rem 1.5rem;margin:.9rem 0 .25rem;padding:.6rem .8rem;background:#fbf6ec;border-left:3px solid var(--brass);font-size:.82rem;color:var(--ink)}.vgl__preview strong{font-weight:600}.vgl__preview .tot{color:var(--ink-soft);margin:0 .15rem}