: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}}