*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #11114e;--color-primary-mid: #1d1d7a;--color-primary-light: #3a3aa8;--color-accent: #731c29;--color-cta: #1d6fc4;--color-cta-hover: #1558a0;--color-bg: #e9ecf4;--color-card: #ffffff;--color-text: #1c1f2a;--color-subtext: #6b7185;--color-border: #dde1ed;--color-sidebar-active: #3d8fd8;--font-heading: "Syne", sans-serif;--font-body: "Inter", sans-serif;--radius-card: 8px;--radius-btn: 4px;--shadow-card: 0 2px 8px rgba(17, 17, 78, .08)}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);line-height:1.2}button{cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-body);font-size:14px}input:focus,select:focus,textarea:focus{outline:none;border-color:#1d6fc4!important;box-shadow:0 0 0 3px #1d6fc426}a{color:var(--color-cta);text-decoration:none}a:hover{text-decoration:underline}@keyframes sb-skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.sb-skeleton{background:#e4e6ef;border-radius:4px;animation:sb-skeleton-pulse 1.4s ease-in-out infinite}@keyframes sb-spin{to{transform:rotate(360deg)}}.sb-spinner{width:36px;height:36px;border:3px solid rgba(255,255,255,.15);border-top-color:#fff;border-radius:50%;animation:sb-spin .75s linear infinite}.sb-btn-spinner{display:inline-block;width:15px;height:15px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:sb-spin .6s linear infinite;vertical-align:middle}.sb-checkbox{width:16px;height:16px;accent-color:#1d6fc4;cursor:pointer;vertical-align:middle;margin:0}.sb-spinner-inline{display:inline-block;width:18px;height:18px;border:2px solid rgba(29,111,196,.25);border-top-color:#1d6fc4;border-radius:50%;animation:sb-spin .7s linear infinite}@keyframes sb-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sb-fade-in{animation:sb-fade-in .28s ease backwards}@keyframes sb-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes sb-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes sb-modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes sb-modal-out{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(8px)}}.sb-overlay-in{animation:sb-overlay-in .2s ease both}.sb-overlay-out{animation:sb-overlay-out .18s ease both}.sb-modal-in{animation:sb-modal-in .24s cubic-bezier(.16,1,.3,1) both}.sb-modal-out{animation:sb-modal-out .18s ease both}@keyframes sb-dropdown-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}.sb-dropdown{animation:sb-dropdown-in .15s ease both}@keyframes sb-list-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.sb-list-item{animation:sb-list-in .32s ease backwards}@keyframes sb-toast-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.sb-toast-in{animation:sb-toast-in .28s ease both}.sb-systeem-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}@media (max-width: 1200px){.sb-systeem-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width: 768px){.sb-systeem-grid{grid-template-columns:repeat(3,1fr)}}.sb-systeem-kaart{cursor:pointer;transition:all .2s ease}.sb-systeem-kaart:hover{box-shadow:0 4px 12px #0000001a;transform:scale(1.02)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c5c9d9;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a5b8}