:root{--brand-accent: #1f3a32;--brand-accent-hover: #29483f;--brand-black: #1f1f1c;--brand-white: #ffffff;--brand-bg: #f6f3ec;--brand-surface: #ffffff;--brand-surface-subtle: #fbf9f5;--brand-surface-muted: #f1ede6;--brand-text: #1f1f1c;--brand-text-secondary: #4f4d47;--brand-text-muted: #6f6b63;--brand-text-faint: #9a9489;--brand-text-ghost: #c9c3b8;--brand-text-inverse: #ffffff;--brand-border: #ddd8cf;--brand-border-light: #e9e3d8;--brand-border-faint: #f1ece3;--color-success: #1D9E75;--color-success-bg: #eaf3de;--color-success-border: #9FE1CB;--color-warning: #BA7517;--color-warning-bg: #FAEEDA;--color-warning-border: #FAC775;--color-danger: #A32D2D;--color-danger-bg: #fcebeb;--color-danger-border: #F7C1C1;--color-info: #185FA5;--color-info-bg: #e6f1fb;--color-info-border: #b8d6f2;--pri-wt-color: #1D9E75;--pri-wt-bg: #eaf3de;--pri-wt-border: #9FE1CB;--pri-nw-color: #BA7517;--pri-nw-bg: #FAEEDA;--pri-nw-border: #FAC775;--pri-vsp-color: #A32D2D;--pri-vsp-bg: #fcebeb;--pri-vsp-border: #F7C1C1;--font-body: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-heading: "Georgia", "Times New Roman", serif;--font-mono: "Courier New", Courier, monospace;--text-xs: 11px;--text-sm: 12px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 34px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--tracking-tight: -.04em;--tracking-base: -.01em;--tracking-wide: .01em;--tracking-label: .06em;--leading-tight: 1.08;--leading-snug: 1.2;--leading-normal: 1.45;--leading-relaxed: 1.6;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 40px;--space-3xl: 56px;--shadow-card: 0 6px 18px rgba(31,31,28,.04);--shadow-toast: 0 8px 24px rgba(31,31,28,.08);--shadow-modal: 0 18px 48px rgba(31,31,28,.16);--focus-ring: 0 0 0 3px rgba(31,58,50,.14);--app-max-width: 880px;--app-padding-x: 20px;--app-padding-top: 32px;--app-padding-bottom: 72px;--pri-black: var(--brand-accent);--pri-white: var(--brand-white);--pri-bg: var(--brand-bg);--pri-bg-card: var(--brand-surface);--pri-bg-subtle: var(--brand-surface-subtle);--pri-bg-muted: var(--brand-surface-muted);--pri-text-primary: var(--brand-text);--pri-text-secondary: var(--brand-text-secondary);--pri-text-muted: var(--brand-text-muted);--pri-text-faint: var(--brand-text-faint);--pri-text-ghost: var(--brand-text-ghost);--pri-border: var(--brand-border);--pri-border-light: var(--brand-border-light);--pri-border-faint: var(--brand-border-faint);--pri-font: var(--font-body);--pri-font-mono: var(--font-mono);--pri-shadow-toast: var(--shadow-toast);--pri-shadow-modal: var(--shadow-modal)}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;padding:0;font-family:var(--font-body);font-size:var(--text-md);font-weight:var(--weight-regular);line-height:var(--leading-relaxed);letter-spacing:var(--tracking-base);color:var(--brand-text);background:var(--brand-bg);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}input,select,textarea,button{font:inherit}button{transition:background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:var(--focus-ring)}input:focus,select:focus,textarea:focus{outline:none}::selection{background:#1f3a321f}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--brand-border);border-radius:3px}body{overflow-x:hidden}@supports (-webkit-touch-callout: none){.app-shell{min-height:-webkit-fill-available}}@media (max-width: 768px){input[type=text],input[type=email],input[type=password],input[type=number],input[type=date],input[type=tel],select,textarea{font-size:16px!important}}@keyframes pri-spin{to{transform:rotate(360deg)}}.pri-spinner{width:18px;height:18px;border:2px solid var(--brand-border);border-top-color:var(--brand-accent);border-radius:50%;animation:pri-spin .55s linear infinite;display:inline-block;flex-shrink:0}.pri-spinner-sm{width:13px;height:13px;border-width:1.5px}@keyframes pri-toast-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pri-fade-in{0%{opacity:0}to{opacity:1}}@keyframes pri-slide-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.pri-toast{animation:pri-toast-in .18s ease}.pri-overlay{animation:pri-fade-in .2s ease}.pri-modal{animation:pri-slide-up .22s ease}.app-shell{max-width:var(--app-max-width);margin:0 auto;padding:var(--app-padding-top) var(--app-padding-x) var(--app-padding-bottom)}.label-text{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--brand-text-muted)}.section-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--brand-text-faint);margin:28px 0 10px}.card{background:var(--brand-surface);border:1px solid var(--brand-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:24px 28px;margin-bottom:12px}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:11px 18px;border-radius:var(--radius-md);border:1px solid transparent;font-size:var(--text-md);font-weight:var(--weight-semibold);line-height:1.2;letter-spacing:var(--tracking-wide);cursor:pointer;white-space:nowrap;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.btn-sm{padding:9px 14px;font-size:var(--text-sm)}.btn-xs{padding:7px 11px;font-size:var(--text-xs)}.metric-card{background:var(--brand-surface-subtle);border:1px solid var(--brand-border-light);border-radius:var(--radius-lg);padding:18px 20px}.metric-label{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--brand-text-muted);margin-bottom:10px}.metric-value{font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:1;letter-spacing:var(--tracking-tight)}.metric-sub{font-size:var(--text-sm);color:var(--brand-text-faint);margin-top:8px}.tabs{display:flex;gap:2px;border-bottom:1px solid var(--brand-border-light);margin-bottom:32px}.tab{padding:11px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--brand-text-muted);font-size:13px;font-weight:var(--weight-medium);cursor:pointer;margin-bottom:-1px;letter-spacing:0;text-transform:none}.tab-active{color:var(--brand-text);font-weight:var(--weight-semibold);border-bottom-color:var(--brand-accent)}.pill{display:inline-flex;align-items:center;padding:4px 9px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-bold);line-height:1;border:1px solid transparent}.pill-success{background:var(--color-success-bg);color:var(--color-success);border-color:var(--color-success-border)}.pill-warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:var(--color-warning-border)}.pill-danger{background:var(--color-danger-bg);color:var(--color-danger);border-color:var(--color-danger-border)}.pill-info{background:var(--color-info-bg);color:var(--color-info);border-color:var(--color-info-border)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:32px;flex-wrap:wrap}.topbar-meta{border-left:1px solid var(--brand-border);padding-left:16px}.topbar-kicker{font-size:var(--text-xs);font-weight:var(--weight-bold);letter-spacing:.07em;text-transform:uppercase;color:var(--brand-text-faint)}.topbar-name{font-size:13px;color:var(--brand-text-muted);margin-top:3px}.app-footer{margin-top:56px;padding-top:20px;border-top:1px solid var(--brand-border-faint);display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.app-footer-text{font-size:var(--text-sm);color:var(--brand-text-faint)}.app-footer-version{font-size:var(--text-xs);color:var(--brand-text-faint);font-family:var(--font-mono)}.divider{border:none;border-top:1px solid var(--brand-border-light);margin:22px 0}@media (max-width: 600px){.pri-slot-row{grid-template-columns:40px 1fr!important}.pri-slot-cats{grid-column:1 / -1;margin-left:46px}.pri-profile-grid,.pri-beheer-grid{grid-template-columns:1fr!important}.topbar{flex-direction:column;align-items:flex-start}}.pri-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pri-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}