@font-face{font-family:Sora;src:url('/assets/fonts/Sora-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Sora;src:url('/assets/fonts/Sora-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}@font-face{font-family:Sora;src:url('/assets/fonts/Sora-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:"IBM Plex Sans";src:url('/assets/fonts/IBMPlexSans-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:"IBM Plex Sans";src:url('/assets/fonts/IBMPlexSans-Medium.ttf') format('truetype');font-weight:500;font-display:swap}@font-face{font-family:"IBM Plex Sans";src:url('/assets/fonts/IBMPlexSans-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--navy:#0D2235;--ink:#14202B;--muted:#4A5866;--ground:#F4F6F8;--surface:#FFF;--line:#D6DDE3;--veiligheid:#0E5B5E;--advies:#9A5A12;--technologie:#24508F;--amber:#E3A24A;--success:#1E7A4C;--danger:#B3261E;--display:Sora,"Segoe UI",Arial,sans-serif;--body:"IBM Plex Sans","Segoe UI",Arial,sans-serif;--shadow:0 1px 2px rgb(13 34 53/.06),0 4px 12px rgb(13 34 53/.06)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ground);color:var(--ink);font:400 16px/1.55 var(--body)}a{color:inherit}h1,h2,h3{font-family:var(--display);color:var(--navy);line-height:1.2;margin:0}h1{font-size:2.1rem}h2{font-size:1.6rem}h3{font-size:1.05rem}.eyebrow{display:block;color:var(--technologie);font:600 .72rem/1.4 var(--display);letter-spacing:.13em;margin-bottom:6px}.site-header{background:var(--navy);color:#fff}.header-inner{max-width:1200px;margin:auto;height:86px;padding:16px 24px;display:flex;align-items:center;justify-content:space-between}.header-inner img{display:block;width:170px;max-height:54px}.header-actions{display:flex;align-items:center;gap:18px;font-size:.9rem}.header-actions form{margin:0}.brand-stripe{height:6px;background:linear-gradient(90deg,var(--veiligheid) 0 33.33%,var(--advies) 33.33% 66.66%,var(--technologie) 66.66% 100%)}.page{max-width:1200px;margin:auto;padding:38px 24px 64px}.page-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.text-link{color:var(--technologie);font-weight:600}.grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.card.narrow{max-width:720px}.span-2{grid-column:1/-1}.hero{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px;border-top:4px solid var(--technologie)}.hero p{margin:8px 0 0;color:var(--muted)}.customer-number{text-align:right}.customer-number span,.person-card span{display:block;color:var(--muted);font-size:.78rem}.customer-number strong{display:block;font:700 1.25rem var(--display);color:var(--navy);margin-top:4px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.card-head>span{font-size:.75rem;color:var(--muted)}.badge{display:inline-flex;border-radius:999px;background:#EAF0F8;color:var(--technologie);padding:3px 9px;font-size:.72rem;font-weight:600}dl{display:grid;grid-template-columns:145px 1fr;gap:10px;margin:0}dt{color:var(--muted);font-size:.83rem}dd{margin:0;font-weight:500}.item-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.item{border:1px solid var(--line);border-radius:8px;padding:16px}.item>*{display:block}.item-label{font-size:.72rem;color:var(--technologie);font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-bottom:7px}.item small{color:var(--muted);margin-top:4px}.clean-list{list-style:none;padding:0;margin:0}.clean-list li{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:11px 0;border-bottom:1px solid var(--line)}.clean-list li:last-child{border-bottom:0}.clean-list strong,.clean-list span{display:block}.clean-list li div span{color:var(--muted);font-size:.78rem;margin-top:2px}.person-card{display:flex;align-items:center;gap:14px}.person-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:var(--navy);color:#fff;font:700 1.1rem var(--display)}.empty,.muted{color:var(--muted)}.privacy-note{display:flex;gap:12px;align-items:center;margin-top:18px;padding:16px 18px;border-left:4px solid var(--advies);background:#fff;border-radius:0 8px 8px 0}.privacy-note span{color:var(--muted)}.btn{appearance:none;border:1px solid transparent;border-radius:8px;padding:10px 18px;font:600 .9rem var(--display);cursor:pointer;text-decoration:none;display:inline-flex;justify-content:center;min-height:44px;align-items:center}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:#1B3550}.btn-secondary,.btn-light{background:#fff;border-color:var(--navy);color:var(--navy)}.btn:focus,input:focus{outline:2px solid var(--technologie);outline-offset:2px}label{display:grid;gap:6px;font-size:.85rem;font-weight:500}input{width:100%;height:44px;border:1px solid var(--line);border-radius:6px;padding:9px 12px;background:#fff;color:var(--ink);font:inherit}.form-grid{display:grid;gap:15px}.actions{display:flex;justify-content:flex-end;margin-top:18px}.alert{padding:12px 14px;border-radius:8px;margin:0 0 16px}.alert.error{background:#FBEAE8;color:var(--danger);border:1px solid #EBC4C0}.alert.success{background:#E9F5EF;color:var(--success);border:1px solid #B9DDCA}footer{max-width:1200px;margin:auto;padding:0 24px 30px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:.76rem}
.login-page{background:#fff}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,580px) 1fr}.login-panel{padding:64px clamp(28px,7vw,86px);display:flex;flex-direction:column;justify-content:center}.login-logo{width:190px;margin-bottom:52px}.login-panel h1{margin-bottom:12px}.login-panel>p{color:var(--muted);margin:0 0 26px}.login-panel form{display:grid;gap:16px}.login-panel small{color:var(--muted);margin-top:24px}.login-brand{background:var(--navy) url('/assets/brand/borgion-wallpaper.png') center/cover no-repeat;min-height:100vh;display:flex;align-items:end;padding:64px;color:#fff}.login-brand h2{color:#fff;font-size:2.4rem;margin-bottom:12px}.login-brand p{color:#C7D2DC}.login-brand>div{background:rgb(13 34 53/.86);padding:24px;border-left:5px solid var(--amber)}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh}.grid{grid-template-columns:1fr}.span-2{grid-column:auto}.hero,.page-heading,footer{align-items:flex-start;flex-direction:column}.customer-number{text-align:left}.header-actions>span{display:none}.header-inner img{width:145px}dl{grid-template-columns:1fr;gap:3px}dd{margin-bottom:10px}}
.apps-section{margin-top:28px}.app-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px}.app-card{display:grid;grid-template-columns:64px 1fr auto;align-items:center;gap:18px;border-top:4px solid var(--veiligheid)}.app-card p{margin:6px 0 10px;color:var(--muted)}.app-icon{width:64px;height:64px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 1rem var(--display)}@media(max-width:650px){.app-card{grid-template-columns:56px 1fr}.app-card .btn{grid-column:1/-1}.app-icon{width:56px;height:56px}}