@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-vietnamese-wght-normal-CHiFlh_0.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-ext-wght-normal-Dg-wlmqe.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Hanken Grotesk Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/hanken-grotesk-latin-wght-normal-CaVRRdDk.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--pepper-50:oklch(97.2% .014 30);--pepper-100:oklch(94% .032 30);--pepper-200:oklch(88.8% .066 30);--pepper-300:oklch(81.2% .115 30);--pepper-400:oklch(71.2% .17 29);--pepper-500:oklch(62.8% .208 28);--pepper-600:oklch(56% .212 28);--pepper-700:oklch(47.8% .182 28);--pepper-800:oklch(40.5% .148 28);--pepper-900:oklch(33.8% .11 28);--pepper-950:oklch(24.8% .078 28);--ember-50:oklch(97.7% .02 78);--ember-100:oklch(94.8% .044 78);--ember-200:oklch(90.5% .086 77);--ember-300:oklch(86% .128 76);--ember-400:oklch(82.2% .158 74);--ember-500:oklch(78.8% .168 70);--ember-600:oklch(71.6% .158 62);--ember-700:oklch(61.2% .138 55);--ember-800:oklch(50.8% .112 50);--ember-900:oklch(42% .088 48);--stone-0:oklch(99.5% .003 70);--stone-50:oklch(98.4% .005 66);--stone-100:oklch(96.6% .007 64);--stone-150:oklch(94.5% .008 60);--stone-200:oklch(91.8% .009 58);--stone-300:oklch(86.8% .01 54);--stone-400:oklch(75.5% .012 50);--stone-500:oklch(63.5% .013 48);--stone-600:oklch(53.2% .013 46);--stone-700:oklch(43.8% .013 44);--stone-800:oklch(34.2% .012 42);--stone-900:oklch(25.8% .012 40);--stone-950:oklch(19.2% .011 38);--stone-1000:oklch(14.5% .01 36);--sage-50:oklch(97.2% .018 150);--sage-100:oklch(94% .038 150);--sage-300:oklch(82% .098 152);--sage-500:oklch(68% .138 154);--sage-600:oklch(58.8% .13 155);--sage-700:oklch(49.2% .108 156);--azure-50:oklch(96.8% .018 250);--azure-100:oklch(93% .038 250);--azure-500:oklch(61.8% .132 252);--azure-600:oklch(54.8% .14 254);--azure-700:oklch(47% .128 256);--color-brand:var(--pepper-500);--color-brand-hover:var(--pepper-600);--color-brand-active:var(--pepper-700);--color-brand-subtle:var(--pepper-50);--color-brand-subtle-hi:var(--pepper-100);--color-brand-on:var(--stone-0);--color-accent:var(--ember-500);--color-accent-strong:var(--ember-600);--color-accent-subtle:var(--ember-50);--surface-page:var(--stone-50);--surface-page-alt:var(--stone-100);--surface-card:var(--stone-0);--surface-raised:var(--stone-0);--surface-sunken:var(--stone-100);--surface-inverse:var(--stone-1000);--surface-brand-wash:var(--pepper-50);--text-strong:var(--stone-1000);--text-body:var(--stone-800);--text-muted:var(--stone-600);--text-subtle:var(--stone-500);--text-on-brand:var(--stone-0);--text-on-dark:var(--stone-50);--text-link:var(--pepper-600);--border-subtle:var(--stone-200);--border-default:var(--stone-300);--border-strong:var(--stone-400);--border-brand:var(--pepper-500);--divider:var(--stone-150);--color-success:var(--sage-600);--color-success-subtle:var(--sage-50);--color-success-on:var(--stone-0);--color-warning:var(--ember-600);--color-warning-subtle:var(--ember-50);--color-warning-on:var(--stone-1000);--color-danger:var(--pepper-600);--color-danger-subtle:var(--pepper-50);--color-danger-on:var(--stone-0);--color-info:var(--azure-600);--color-info-subtle:var(--azure-50);--color-info-on:var(--stone-0);--viz-1:var(--pepper-500);--viz-2:var(--ember-500);--viz-3:var(--azure-500);--viz-4:var(--sage-500);--viz-5:var(--pepper-300);--viz-6:var(--stone-500);--focus-ring:var(--pepper-400);--font-display:"Bricolage Grotesque Variable", "Bricolage Grotesque", "Hanken Grotesk Variable", system-ui, sans-serif;--font-text:"Hanken Grotesk Variable", "Hanken Grotesk", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono Variable", "JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-extra:800;--text-display-2xl:clamp(3.5rem, 2.4rem + 5.5vw, 6.5rem);--text-display-xl:clamp(2.75rem, 2rem + 3.75vw, 4.5rem);--text-display-lg:clamp(2.25rem, 1.7rem + 2.75vw, 3.5rem);--text-display-md:clamp(1.875rem, 1.5rem + 1.9vw, 2.75rem);--text-3xl:1.75rem;--text-2xl:1.5rem;--text-xl:1.25rem;--text-lg:1.125rem;--text-md:1rem;--text-sm:.875rem;--text-xs:.75rem;--text-2xs:.6875rem;--leading-tight:1.05;--leading-snug:1.18;--leading-heading:1.25;--leading-normal:1.5;--leading-relaxed:1.65;--tracking-tighter:-.03em;--tracking-tight:-.015em;--tracking-normal:0em;--tracking-wide:.02em;--tracking-eyebrow:.14em;--measure:68ch;--space-0:0;--space-px:1px;--space-0-5:.125rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--container-sm:40rem;--container-md:48rem;--container-lg:64rem;--container-xl:80rem;--container-2xl:90rem;--gutter:var(--space-6);--gutter-lg:var(--space-8);--section-y:var(--space-24);--stack:var(--space-4);--control-h-sm:2rem;--control-h-md:2.625rem;--control-h-lg:3.25rem;--radius-none:0;--radius-xs:4px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-3xl:36px;--radius-pill:999px;--radius-card:var(--radius-xl);--radius-control:var(--radius-md);--shadow-color:28 30% 22%;--shadow-xs:0 1px 2px oklch(30% .03 40/.06);--shadow-sm:0 1px 2px oklch(30% .03 40/.05), 0 2px 6px oklch(30% .03 40/.06);--shadow-md:0 2px 4px oklch(30% .03 40/.05), 0 6px 16px oklch(30% .03 40/.09);--shadow-lg:0 4px 8px oklch(30% .03 40/.06), 0 12px 32px oklch(30% .03 40/.12);--shadow-xl:0 8px 16px oklch(30% .03 40/.08), 0 24px 56px oklch(28% .03 40/.16);--shadow-brand:0 6px 20px oklch(62.8% .208 28/.32);--shadow-inset:inset 0 1px 2px oklch(30% .03 40/.08);--ring-focus:0 0 0 3px oklch(71.2% .17 29/.35);--scrim:oklch(20% .02 38/.5);--scrim-strong:oklch(18% .02 38/.68);--dur-instant:80ms;--dur-fast:.12s;--dur-base:.2s;--dur-slow:.32s;--dur-slower:.48s;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-standard:cubic-bezier(.4, 0, .2, 1);--ease-emphasis:cubic-bezier(.2, .9, .25, 1);--transition-colors:color var(--dur-fast) var(--ease-standard), background-color var(--dur-fast) var(--ease-standard), border-color var(--dur-fast) var(--ease-standard);--transition-transform:transform var(--dur-base) var(--ease-out);--transition-shadow:box-shadow var(--dur-base) var(--ease-out)}@media (prefers-reduced-motion:reduce){:root{--dur-instant:0s;--dur-fast:0s;--dur-base:0s;--dur-slow:0s;--dur-slower:0s}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{font-family:var(--font-text);font-size:var(--text-md);line-height:var(--leading-normal);color:var(--text-body);background-color:var(--surface-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01", "cv01";text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4,h5{font-family:var(--font-display);color:var(--text-strong);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);font-weight:var(--fw-bold);margin:0 0 .5em}p{max-width:var(--measure);margin:0 0 1em}a{color:var(--text-link);text-decoration:none}a:hover{text-underline-offset:.15em;text-decoration:underline}code,kbd,samp,pre{font-family:var(--font-mono);font-size:.9em}::selection{background:var(--pepper-200);color:var(--stone-1000)}:focus-visible{box-shadow:var(--ring-focus);border-radius:var(--radius-sm);outline:none}.fr-eyebrow{font-family:var(--font-text);font-weight:var(--fw-semibold);font-size:var(--text-2xs);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted)}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.shell__sidebar{background:var(--surface-card);border-right:1px solid var(--border-subtle);flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.shell__brand{padding:var(--space-6) var(--space-6) var(--space-5)}.shell__brand img{height:30px;display:block}.shell__nav{padding:var(--space-1) var(--space-4);flex-direction:column;flex:1;gap:3px;display:flex}.shell__navitem{align-items:center;gap:var(--space-3);cursor:pointer;width:100%;padding:9px var(--space-3);border-radius:var(--radius-md);font:var(--fw-semibold) var(--text-sm) var(--font-text);color:var(--text-muted);transition:var(--transition-colors);background:0 0;border:none;text-decoration:none;display:flex}.shell__navitem:hover{background:var(--stone-100);text-decoration:none}.shell__navitem--active,.shell__navitem--active:hover{background:var(--color-brand-subtle);color:var(--pepper-700)}.shell__sidefoot{padding:var(--space-4);border-top:1px solid var(--divider)}.shell__scopecard{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--stone-50);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);color:var(--color-brand);display:flex}.shell__scopecard-name{font:var(--fw-bold) var(--text-xs) var(--font-text);color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.shell__scopecard-meta{font:var(--fw-regular) var(--text-2xs) var(--font-text);color:var(--text-subtle)}.shell__content{flex-direction:column;min-width:0;display:flex}.shell__topbar{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-4) var(--space-8);background:var(--surface-card);border-bottom:1px solid var(--border-subtle);z-index:10;display:flex;position:sticky;top:0}.shell__topbar-brand{display:none}.shell__menu-btn{border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-body);border-radius:var(--radius-md);cursor:pointer;flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:none}.drawer-scrim{background:var(--scrim);z-index:90;position:fixed;inset:0}.drawer{background:var(--surface-card);width:min(18rem,85vw);box-shadow:var(--shadow-xl);animation:drawer-in var(--dur-base) var(--ease-out);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}.drawer__head{padding:var(--space-5) var(--space-5) var(--space-4);justify-content:space-between;align-items:center;display:flex}.drawer__close{cursor:pointer;color:var(--text-muted);padding:var(--space-1);background:0 0;border:none}.drawer .shell__nav{flex:1}.shell__user{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.shell__username{font:var(--fw-semibold) var(--text-sm) var(--font-text);color:var(--text-body)}.shell__main{width:100%;max-width:var(--container-xl);padding:var(--space-8);flex:1}.notif{position:relative}.notif__bell{border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--surface-card);width:40px;height:40px;color:var(--text-body);cursor:pointer;transition:var(--transition-colors);justify-content:center;align-items:center;display:inline-flex;position:relative}.notif__bell:hover{background:var(--stone-100)}.notif__badge{border-radius:var(--radius-pill);background:var(--color-brand);min-width:18px;height:18px;color:var(--color-brand-on);font:var(--fw-bold) var(--text-2xs) var(--font-text);border:2px solid var(--surface-card);justify-content:center;align-items:center;padding:0 4px;display:inline-flex;position:absolute;top:-5px;right:-5px}.notif__scrim{z-index:60;position:fixed;inset:0}.notif__panel{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:min(22rem,90vw);max-height:70vh;box-shadow:var(--shadow-lg);z-index:70;position:absolute;top:calc(100% + 8px);right:0;overflow-y:auto}.notif__head{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--divider);justify-content:space-between;align-items:center;display:flex}.notif__leeg{padding:var(--space-6);text-align:center;color:var(--text-muted);margin:0}.notif__list{margin:0;padding:0;list-style:none}.notif__item{text-align:left;cursor:pointer;width:100%;padding:var(--space-3) var(--space-4);border:none;border-bottom:1px solid var(--divider);transition:var(--transition-colors);background:0 0;flex-direction:column;gap:2px;display:flex}.notif__item:hover{background:var(--stone-50)}.notif__item--ongelezen{background:var(--color-brand-subtle)}.notif__item--ongelezen:hover{background:var(--pepper-100)}.notif__title{font:var(--fw-semibold) var(--text-sm) var(--font-text);color:var(--text-strong)}.notif__body{font-size:var(--text-xs);color:var(--text-muted)}.notif__time{font-size:var(--text-2xs);color:var(--text-subtle)}.banner-info{margin-bottom:var(--space-4);background:var(--color-info-subtle);border-color:var(--azure-100);color:var(--azure-700);font-size:var(--text-sm)}.page__header{margin-bottom:var(--space-6)}.page__header h1{margin:0 0 var(--space-1);font-size:var(--text-2xl);font-weight:var(--fw-extra)}.page__subtitle{color:var(--text-muted);font-size:var(--text-sm);margin:0}.loading{padding:var(--space-16);text-align:center;color:var(--text-muted)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:var(--space-6)}.card__title{margin:0 0 var(--space-4);font-size:var(--text-lg)}.btn{justify-content:center;align-items:center;gap:var(--space-2);height:var(--control-h-md);padding:0 var(--space-5);border-radius:var(--radius-control);font:var(--fw-semibold) var(--text-sm) var(--font-text);cursor:pointer;transition:var(--transition-colors), var(--transition-shadow), transform var(--dur-instant) var(--ease-out);border:1px solid #0000;display:inline-flex}.btn--primary{background:var(--color-brand);color:var(--color-brand-on)}.btn--primary:hover{background:var(--color-brand-hover);box-shadow:var(--shadow-brand)}.btn--primary:active{background:var(--color-brand-active);transform:translateY(1px)}.btn--primary:disabled{opacity:.6;cursor:default;box-shadow:none}.btn--ghost{color:var(--text-body);border-color:var(--border-default);background:0 0}.btn--ghost:hover{background:var(--stone-100)}.badge{border-radius:var(--radius-pill);font:var(--fw-semibold) var(--text-xs) var(--font-text);padding:2px 10px;display:inline-block}.badge--neutral{background:var(--stone-150);color:var(--text-muted)}.badge--primary{background:var(--color-brand-subtle);color:var(--pepper-700)}.badge--success{background:var(--color-success-subtle);color:var(--sage-700)}.badge--warning{background:var(--color-warning-subtle);color:var(--ember-700)}.badge--danger{background:var(--color-danger-subtle);color:var(--pepper-700)}.tile-grid{gap:var(--space-4);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));display:grid}.tile-link{color:inherit;text-decoration:none;display:block}.tile-link:hover{text-decoration:none}.tile-link:hover .stat-tile{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.stat-tile{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);padding:var(--space-5);gap:var(--space-1);flex-direction:column;display:flex}.stat-tile__value{font:var(--fw-extra) var(--text-3xl) var(--font-display);letter-spacing:var(--tracking-tight);color:var(--text-strong);font-variant-numeric:tabular-nums}.stat-tile__label{font-size:var(--text-xs);color:var(--text-muted)}.stat-tile--warning .stat-tile__value{color:var(--color-warning)}.stat-tile--danger .stat-tile__value{color:var(--color-danger)}.role-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.tabs{gap:var(--space-1);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-5);display:flex}.tabs__tab{align-items:center;gap:var(--space-2);cursor:pointer;padding:var(--space-3) var(--space-4);font:var(--fw-semibold) var(--text-sm) var(--font-text);color:var(--text-muted);transition:var(--transition-colors);background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;display:inline-flex}.tabs__tab:hover{color:var(--text-strong)}.tabs__tab--active{color:var(--pepper-700);border-bottom-color:var(--color-brand)}.tabs__count{font:var(--fw-bold) var(--text-2xs) var(--font-text);background:var(--stone-150);color:var(--text-muted);border-radius:var(--radius-pill);padding:1px 8px}.tabs__tab--active .tabs__count{background:var(--color-brand);color:var(--color-brand-on)}.table-wrap{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{text-align:left;font:var(--fw-semibold) var(--text-2xs) var(--font-text);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);white-space:nowrap}.table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--divider);vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--stone-50)}.table .mono{font-family:var(--font-mono);font-size:var(--text-xs)}.table__actions{text-align:right;white-space:nowrap}.row-muted td{color:var(--text-subtle)}.toolbar{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.toolbar--filters{flex-wrap:wrap}.filters{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.filters select{height:var(--control-h-sm);padding:0 var(--space-2);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);font:var(--fw-regular) var(--text-sm) var(--font-text);background:var(--surface-card);color:var(--text-strong);max-width:14rem}.filters__check{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-body);padding:0 var(--space-2);display:inline-flex}.cel-meta{font-size:var(--text-2xs);color:var(--text-subtle);align-items:center;gap:4px;display:inline-flex}.cel-te-laat,.cel-te-laat .cel-meta{color:var(--color-danger);font-weight:var(--fw-semibold)}.empty-state{text-align:center;color:var(--text-muted)}.modal-scrim{background:var(--scrim);padding:var(--space-4);z-index:100;place-items:center;display:grid;position:fixed;inset:0}.modal{background:var(--surface-card);border-radius:var(--radius-2xl);width:100%;max-width:32rem;max-height:90vh;box-shadow:var(--shadow-xl);overflow-y:auto}.modal__head{padding:var(--space-5) var(--space-6) 0;justify-content:space-between;align-items:center;display:flex}.modal__head h2{font-size:var(--text-xl);margin:0}.modal__close{cursor:pointer;font-size:var(--text-2xl);color:var(--text-muted);padding:var(--space-1);background:0 0;border:none;line-height:1}.modal__body{padding:var(--space-5) var(--space-6) var(--space-6)}.modal__footer{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-5);display:flex}.form-field select{width:100%;height:var(--control-h-md);padding:0 var(--space-3);border:1.5px solid var(--border-default);border-radius:var(--radius-control);font:var(--fw-regular) var(--text-md) var(--font-text);background:var(--surface-card);color:var(--text-strong)}.form-field select:focus{border-color:var(--border-brand);box-shadow:var(--ring-focus);outline:none}.role-editor{gap:var(--space-2);flex-direction:column;display:flex}.role-editor__row{gap:var(--space-2);grid-template-columns:1fr 1fr 1fr auto;align-items:center;display:grid}.role-editor__row select{height:var(--control-h-sm);font-size:var(--text-sm);padding:0 var(--space-2);border:1.5px solid var(--border-default);border-radius:var(--radius-sm);background:var(--surface-card);color:var(--text-strong);width:100%}.role-editor__remove{cursor:pointer;color:var(--text-subtle);font-size:var(--text-lg);background:0 0;border:none;line-height:1}.role-editor__remove:hover{color:var(--color-danger)}.form-field{margin-bottom:var(--space-4)}.form-field__label{margin-bottom:var(--space-1);font:var(--fw-semibold) var(--text-sm) var(--font-text);color:var(--text-strong);display:block}.form-field input{width:100%;height:var(--control-h-md);padding:0 var(--space-3);border:1.5px solid var(--border-default);border-radius:var(--radius-control);font:var(--fw-regular) var(--text-md) var(--font-text);background:var(--surface-card);color:var(--text-strong);transition:var(--transition-colors)}.form-field input:focus{border-color:var(--border-brand);box-shadow:var(--ring-focus);outline:none}.form-field__error,.form-error{margin:var(--space-2) 0;color:var(--color-danger);font-size:var(--text-sm)}.login{grid-template-columns:1.1fr 1fr;min-height:100vh;display:grid}.login__hero{background:linear-gradient(150deg, var(--pepper-600), var(--pepper-800) 70%, var(--stone-1000));padding:var(--space-16) var(--space-12);flex-direction:column;justify-content:center;display:flex}.login__wordmark{height:34px;margin-bottom:var(--space-8);align-self:flex-start}.login__headline{font:var(--fw-extra) var(--text-display-lg) var(--font-display);letter-spacing:var(--tracking-tighter);line-height:var(--leading-tight);color:var(--stone-0);margin:0 0 var(--space-4)}.login__sub{font-size:var(--text-lg);line-height:var(--leading-normal);color:var(--pepper-100);max-width:26rem;margin:0}.login__panel{background:var(--surface-card);padding:var(--space-10);justify-content:center;align-items:center;display:flex}.login__form{flex-direction:column;width:100%;max-width:21rem;display:flex}.login__form-head{margin-bottom:var(--space-5)}.login__form-head h2{font:var(--fw-extra) var(--text-3xl) var(--font-display);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-1)}.login__form-head p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.login__form .btn{width:100%;height:var(--control-h-lg);margin-top:var(--space-2);font-size:var(--text-md)}.login__foot{margin:var(--space-4) 0 0;text-align:center;font-size:var(--text-xs);color:var(--text-subtle)}.input-icon{align-items:center;display:flex;position:relative}.input-icon svg{left:var(--space-3);color:var(--text-subtle);pointer-events:none;position:absolute}.input-icon input{padding-left:var(--space-8)}@media (width<=860px){.login{grid-template-columns:1fr}.login__hero{padding:var(--space-10) var(--space-6)}.login__headline{font-size:var(--text-display-md)}.login__panel{padding:var(--space-6)}}@media (width<=768px){.shell{grid-template-columns:1fr}.shell__sidebar{display:none}.shell__menu-btn{display:inline-flex}.shell__topbar{padding:var(--space-3) var(--space-4)}.shell__topbar-brand{display:block}.shell__topbar-brand img{height:24px;display:block}.shell__username{display:none}.shell__main{padding:var(--space-4)}}