@font-face{font-family:Crimson Pro;src:url(/dashboard/fonts/CrimsonPro-normal-200_900.woff2) format("woff2");font-weight:200 900;font-display:swap}@font-face{font-family:Crimson Pro;src:url(/dashboard/fonts/CrimsonPro-italic-200_900.woff2) format("woff2");font-weight:200 900;font-style:italic;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/dashboard/fonts/IBMPlexMono-normal-400.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Mono;src:url(/dashboard/fonts/IBMPlexMono-normal-500.woff2) format("woff2");font-weight:500;font-display:swap}:root{color-scheme:light;--paper:#FBF8F1;--surface:#F4F0E8;--hover:#F2EDDF;--skeleton:#E5DFCF;--ink:#1A1815;--muted:#5A554C;--subtle:#8A8378;--accent:#A24A1F;--success:#4A7C3A;--warning:#8A6A14;--error:#9B2A2A;--inverse-accent:#E8B48F;--accent-tint:rgba(162,74,31,.08);--line-12:rgba(26,24,21,.12);--line-15:rgba(26,24,21,.15);--line-2:rgba(26,24,21,.2);--line-3:rgba(26,24,21,.3);--backdrop:rgba(26,24,21,.3)}:root[data-theme=dark]{color-scheme:dark;--paper:#1C1A17;--surface:#25221E;--hover:#332E27;--skeleton:#40392F;--ink:#F0E8DB;--muted:#C8BEB0;--subtle:#ADA291;--accent:#E6A071;--success:#A6C58D;--warning:#DFC47C;--error:#F2A3A0;--inverse-accent:#8B3E19;--accent-tint:rgba(230,160,113,.1);--line-12:rgba(240,232,219,.12);--line-15:rgba(240,232,219,.15);--line-2:rgba(240,232,219,.2);--line-3:rgba(240,232,219,.3);--backdrop:rgba(0,0,0,.55)}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Crimson Pro,Georgia,serif;font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;min-width:320px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0;padding:0;text-align:left}button:disabled{cursor:not-allowed;opacity:.45}a{color:var(--ink);text-decoration:none}a:hover{color:var(--accent)}h1,h2,h3,p{margin:0}input::placeholder,textarea::placeholder{color:var(--subtle)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes fadeIn{0%{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}@keyframes slideDetail{0%{opacity:0;translate:14px 0}to{opacity:1;translate:0 0}}@keyframes riseSheet{0%{opacity:0;translate:0 14px}to{opacity:1;translate:0 0}}button:hover,a:hover{color:var(--accent)}button[style*="background: var(--ink)"]:hover,a[style*="background: var(--ink)"]:hover{background:var(--accent)!important;color:var(--paper)!important}button[aria-pressed=true]{border-color:var(--accent)}button:disabled:hover{color:inherit}input[type=search]::-webkit-search-cancel-button{cursor:pointer}.skip-link{position:fixed;top:-80px;left:16px;background:var(--ink);color:var(--paper);padding:12px 18px;z-index:100}.skip-link:focus{top:12px}.skip-link:hover{background:var(--accent);color:var(--paper)}.storage-warning{position:fixed;bottom:0;left:0;right:0;background:var(--accent);color:var(--paper);padding:12px 20px;font-size:14px;z-index:100}.storage-warning button{color:inherit;text-decoration:underline;min-height:44px;margin-left:12px}.login-frame{width:100%;max-width:1440px;margin:auto;min-height:100dvh;display:flex;flex-direction:column;border-inline:1px solid var(--line-12)}.login-columns{display:flex;flex-wrap:wrap;flex:1;align-items:stretch;padding:0!important}.login-story{flex:1 1 380px;min-width:0;background:var(--surface);border-right:1px solid var(--line-12);padding:40px 56px;display:flex;flex-direction:column;gap:32px}.login-brand{display:flex;align-items:center;gap:10px;font-size:20px;line-height:1.1}.login-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.login-preferences{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap}.language-select{display:inline-flex;align-items:center;gap:8px;font:11px IBM Plex Mono,monospace;color:var(--muted)}.select-control{position:relative;display:inline-flex;flex:none;max-width:100%}.select-control:after{content:"";position:absolute;right:15px;top:calc(50% - 4px);width:6px;height:6px;border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);transform:rotate(45deg);pointer-events:none}.select-control select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;width:100%;min-height:44px;margin:0;padding:9px 36px 9px 13px;border:1px solid var(--line-2);border-radius:6px;background:var(--paper);font:16px/1.25 Crimson Pro,Georgia,serif;color:var(--ink)}.select-control select:hover{border-color:var(--line-3);background:var(--surface)}.select-control select:focus-visible{border-color:var(--accent)}.preferences-list{display:grid}.preference-row{display:grid;grid-template-columns:minmax(0,1fr) 168px;align-items:center;gap:16px 28px;padding:18px 0;border-bottom:1px solid var(--line-12);font:17px/1.35 Crimson Pro,Georgia,serif;color:var(--ink)}.preference-row>span:first-child{min-width:0}.preference-description{display:block;margin-top:4px;font-size:14px;font-weight:400;line-height:1.4;color:var(--muted);text-wrap:pretty}.preference-row .select-control{width:100%}.preference-toggle{grid-template-columns:minmax(0,1fr) 44px;cursor:pointer}.preference-switch{-moz-appearance:none;appearance:none;-webkit-appearance:none;position:relative;display:block;width:42px;height:24px;margin:0;justify-self:end;border:1px solid var(--line-3);border-radius:999px;background:var(--surface);cursor:pointer}.preference-switch:before{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted)}.preference-switch:checked{background:var(--accent);border-color:var(--accent)}.preference-switch:checked:before{left:21px;background:var(--paper)}.preference-switch:focus-visible{outline-offset:4px}.favorite-indicator{font-size:16px;line-height:1;color:var(--subtle)}.settings-favorites [aria-pressed=true] .favorite-indicator{color:var(--accent)}.settings-favorites button:hover{background:var(--hover)}@media(max-width:560px){.preference-row{grid-template-columns:minmax(0,1fr);gap:12px;padding:18px 0}.preference-row .select-control{width:100%;max-width:100%}.preference-toggle{grid-template-columns:minmax(0,1fr) 44px;gap:16px}.preference-row .select-control select{font-size:16px}}@media(forced-colors:active){.preference-switch{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:24px;height:24px}.preference-switch:before{display:none}}.login-brand img{width:30px;height:30px;border-radius:7px}.login-brand em,.login-brand b{font-weight:500}.login-brand b{color:var(--accent)}.login-brand small{font:11px IBM Plex Mono,monospace;color:var(--subtle);letter-spacing:.02em}.login-pitch{flex:1;display:flex;flex-direction:column;justify-content:center;gap:18px;max-width:520px}.login-eyebrow{font:11px IBM Plex Mono,monospace;letter-spacing:.1em;color:var(--accent);text-transform:uppercase}.login-pitch h1{font-style:italic;font-weight:400;line-height:1.08;letter-spacing:-.015em;text-wrap:pretty;font-size:44px}.login-description{font-size:18px;color:var(--muted);line-height:1.5;text-wrap:pretty}.login-apps{display:flex;gap:8px;align-items:center;margin-top:6px}.login-apps a{width:28px;height:28px;border-radius:6px;overflow:hidden;display:block;flex:none;opacity:.9}.login-apps a:hover{opacity:1}.login-apps img{width:100%;height:100%;display:block}.login-note{font-size:12.5px;color:var(--subtle);text-wrap:pretty;max-width:52ch}.login-panel{flex:1 1 360px;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:40px 56px}.login-content{max-width:380px;width:100%;margin:0 auto}.login-content h2{font-size:28px;font-weight:400;line-height:1.15}.login-text{font-size:14px;color:var(--muted);margin-top:6px;text-wrap:pretty}.login-form{display:grid;gap:14px;margin-top:24px}.login-form label{display:grid;gap:6px;font-size:14px}.login-form input{border:1px solid var(--line-2);padding:10px 12px;font-size:16px;border-radius:2px;background:var(--paper);min-height:44px;width:100%}.login-error{font-size:14px;color:var(--error);text-wrap:pretty;margin-top:10px}.login-primary{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--ink);color:var(--paper);padding:11px 16px;min-height:46px;font-size:16px;border-radius:2px;margin-top:4px;width:100%}.login-primary:hover{background:var(--accent);color:var(--paper)}.login-content>.login-primary{margin-top:24px}.login-small{font-size:13px;color:var(--subtle);text-wrap:pretty}.login-confirmation+.login-small{margin-top:12px}.login-content hr{width:80px;border:0;border-top:1px solid var(--line-2);margin:32px 0 20px}.login-access{font-size:14px;color:var(--muted);text-wrap:pretty}.login-access a,.login-text-button,.login-resend button{text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:3px}.login-sent-label{font:11px IBM Plex Mono,monospace;letter-spacing:.02em;color:var(--success);margin-bottom:10px}.login-confirmation{font-size:16px;color:var(--muted);margin-top:10px;line-height:1.5;text-wrap:pretty;overflow-wrap:anywhere}.login-confirmation strong{font-weight:500;color:var(--ink)}.login-resend{display:flex;gap:16px;flex-wrap:wrap;margin-top:22px;font-size:14px}.login-resend button,.login-text-button{color:var(--muted);min-height:44px}.login-text-button{margin-top:16px}.login-footer{display:flex;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;border-top:1px solid var(--line-12);padding:16px 56px;font-size:12px;color:var(--subtle)}.login-footer>span+span{display:flex;gap:14px;font:10.5px IBM Plex Mono,monospace}.login-footer a{color:var(--subtle)}@media(max-width:900px){.login-story,.login-panel{padding:28px 22px}.login-pitch h1{font-size:34px}.login-footer{padding:16px 22px}.login-story{border-right:0;border-bottom:1px solid var(--line-12)}}.account-settings{display:flex;justify-content:space-between;gap:20px;align-items:center;flex-wrap:wrap;margin-top:28px;padding:18px 0;border-block:1px solid var(--line-15)}.account-settings h2{font-weight:400;font-size:22px}.account-settings p{font-size:14px;color:var(--muted);overflow-wrap:anywhere}.account-settings [role=status]{font:11px IBM Plex Mono,monospace;margin-top:8px}.account-settings button{min-height:44px;border:1px solid var(--line-3);padding:10px 16px;border-radius:2px}[role=dialog]{overscroll-behavior:contain}button,a,input,select,textarea{touch-action:manipulation}[data-screen-label=Rail] nav button:hover{background:var(--hover)!important}[data-screen-label=Rail] a:hover{background:var(--hover)}@media(max-width:900px){[data-screen-label="Mobiele kop"]{padding-top:env(safe-area-inset-top)!important;height:calc(56px + env(safe-area-inset-top))!important}nav[data-mobile-nav]{padding-bottom:calc(14px + env(safe-area-inset-bottom))!important;height:calc(72px + env(safe-area-inset-bottom))!important}main{padding-bottom:calc(96px + env(safe-area-inset-bottom))!important}[data-screen-label=Detail],[data-screen-label="Eigen actie"]{padding-bottom:env(safe-area-inset-bottom)}main select{min-height:44px!important}main article button{min-height:initial!important}main article>a,main article>button{min-height:44px!important}main [role=list] button{min-height:110px!important}[role=dialog] input,[role=dialog] select{font-size:16px!important}.connection-controls{max-width:100%;min-width:0}.demo-simulation{margin-top:8px;max-width:100%;min-width:0;flex-wrap:wrap}.demo-simulation select{max-width:100%;min-width:0}.mobile-app-state{white-space:normal!important;max-width:65%;flex-shrink:1;text-align:right}.sample-notice button{position:relative}.sample-notice button:after{content:"";position:absolute;top:-6px;right:0;bottom:-6px;left:0}}@media(prefers-reduced-motion:no-preference){:root{--motion-fast:.12s;--motion-normal:.18s;--motion-enter:.22s;--motion-ease:cubic-bezier(.2,.7,.2,1)}button,a,input,select,textarea{transition:color var(--motion-fast) ease,background-color var(--motion-fast) ease,border-color var(--motion-fast) ease,opacity var(--motion-fast) ease,translate var(--motion-fast) var(--motion-ease)}button:not(:disabled):active{translate:0 1px}.preference-switch:before{transition:left var(--motion-normal) var(--motion-ease),background-color var(--motion-fast) ease}main>section[data-screen-label],.login-content{animation:fadeIn var(--motion-enter) var(--motion-ease)}.action-row{transition:background-color var(--motion-normal) ease}.app-card{transition:border-color var(--motion-normal) ease,translate var(--motion-normal) var(--motion-ease)}.app-card:focus-within{border-color:var(--accent)!important}button[aria-pressed] svg{transition:scale var(--motion-normal) var(--motion-ease),fill var(--motion-fast) ease}button[aria-pressed]:active svg{scale:.85}.dialog-backdrop{animation:fadeBackdrop var(--motion-normal) ease}.detail-panel{animation:slideDetail var(--motion-enter) var(--motion-ease)}.action-dialog{animation:fadeIn var(--motion-enter) var(--motion-ease)}.detail-panel.mobile-sheet,.action-dialog.mobile-sheet{animation-name:riseSheet}@media(hover:hover)and (pointer:fine){.action-row:hover{background-color:var(--accent-tint)}.app-card:hover{border-color:var(--accent)!important;translate:0 -2px}.login-apps a:hover{translate:0 -2px}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;translate:none!important;scale:none!important}}
