.user-avatar[data-v-56953f84]{border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--banana-10);display:flex;align-items:center;justify-content:center}.user-avatar__img[data-v-56953f84]{width:100%;height:100%;object-fit:cover}.user-avatar__initials[data-v-56953f84]{font-size:var(--text-xs);font-weight:600;color:var(--banana-140)}.sidebar[data-v-6019e088]{width:240px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-default);display:flex;flex-direction:column;height:100dvh;position:sticky;top:0}.sidebar__header[data-v-6019e088]{padding:var(--space-6) var(--space-5);border-bottom:1px solid var(--border-default)}.sidebar__brand[data-v-6019e088]{display:flex;align-items:center;gap:var(--space-4)}.sidebar__logo-mark[data-v-6019e088]{width:32px;height:32px;background:var(--banana-100);border-radius:var(--radius-md)}.sidebar__title[data-v-6019e088]{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.sidebar__subtitle[data-v-6019e088]{font-size:var(--text-xs);color:var(--text-tertiary)}.sidebar__nav[data-v-6019e088]{flex:1;padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-1)}.sidebar__link[data-v-6019e088]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;color:var(--text-secondary);text-decoration:none;transition:all var(--transition-fast);min-height:44px}.sidebar__link[data-v-6019e088]:hover{background:var(--oyster-50);color:var(--text-primary);text-decoration:none}.sidebar__link--active[data-v-6019e088]{background:var(--banana-10);color:var(--banana-140)}.sidebar__link--active .sidebar__link-dot[data-v-6019e088]{background:var(--banana-100)}.sidebar__link-dot[data-v-6019e088]{width:8px;height:8px;border-radius:var(--radius-full);background:var(--oyster-70);flex-shrink:0}.sidebar__footer[data-v-6019e088]{padding:var(--space-5);border-top:1px solid var(--border-default)}.sidebar__user[data-v-6019e088]{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.sidebar__user-info[data-v-6019e088]{min-width:0}.sidebar__user-name[data-v-6019e088]{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-role[data-v-6019e088]{font-size:var(--text-xs);color:var(--text-tertiary)}.sidebar__logout[data-v-6019e088]{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-3);border:1px solid var(--border-default);border-radius:var(--radius-full);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;min-height:36px;transition:all var(--transition-fast)}.sidebar__logout[data-v-6019e088]:hover{background:var(--oyster-50);border-color:var(--border-strong);color:var(--text-primary)}.app-layout[data-v-7a7a37b1]{min-height:100dvh}.app-layout--with-sidebar[data-v-7a7a37b1]{display:flex}.app-main[data-v-7a7a37b1]{flex:1;min-width:0;padding:var(--space-8)}@media(max-width:768px){.app-main[data-v-7a7a37b1]{padding:var(--space-5)}}:root{--banana-100: #eeb717;--banana-120: #be9212;--banana-140: #8f6e0e;--banana-160: #5f4909;--banana-80: #f1c545;--banana-60: #f5d474;--banana-40: #f8e2a2;--banana-10: #fdf8e8;--apple-100: #0fc647;--apple-120: #0c9e39;--apple-140: #09772b;--apple-80: #3fd16c;--apple-60: #6fdd91;--apple-10: #e7f9ed;--tomato-100: #e90000;--tomato-120: #ba0000;--tomato-140: #8c0000;--tomato-80: #ed3333;--tomato-60: #f26666;--tomato-10: #fde5e5;--carrot-100: #ec7022;--carrot-120: #bd5a1b;--carrot-10: #fdf0e7;--berry-100: #16a8d9;--berry-120: #1287ae;--berry-10: #e7f6fb;--eggplant-100: #a3107c;--oyster-900: #1a1a1a;--oyster-800: #333333;--oyster-700: #464646;--oyster-600: #5e5e5e;--oyster-500: #757575;--oyster-400: #9e9e9e;--oyster-300: #c8c8c8;--oyster-200: #e3e3e3;--oyster-100: #f1f1f1;--oyster-50: #f8f8f8;--olive-100: #000000;--milk-100: #ffffff;--bg-app: var(--oyster-50);--bg-surface: var(--milk-100);--bg-raised: var(--milk-100);--text-primary: var(--oyster-900);--text-secondary: var(--oyster-600);--text-tertiary: var(--oyster-400);--border-default: var(--oyster-200);--border-strong: var(--oyster-300);--border-focus: var(--berry-100);--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.125rem;--text-2xl: 1.25rem;--text-3xl: 1.5rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-10: 48px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 100px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08), 0 1px 3px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1), 0 2px 6px rgba(0, 0, 0, .06);--ease-focus: cubic-bezier(.4, 0, .2, 1);--ease-rapid: cubic-bezier(0, 0, .2, 1);--ease-friendly: cubic-bezier(.8, 0, .2, 1);--transition-fast: .15s var(--ease-focus);--transition-normal: .25s var(--ease-focus);--transition-slow: .4s var(--ease-friendly);--monday-nieuw: #757575;--monday-bezig: #fdab3d;--monday-feedback: #579bfc;--monday-klaar: #00c875;--monday-correcties: #fdab3d;--monday-afgekeurd: #df2f4a;--monday-goedgekeurd: #00c875;--monday-ingepland: #037f4c;--monday-beoordeling: #579bfc;--monday-meer-info: #fdab3d;--monday-afgewezen: #df2f4a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:14px;line-height:1.5;color:var(--text-primary);background:var(--bg-app);min-height:100dvh}::selection{background:var(--banana-100);color:var(--oyster-900)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--oyster-300);border-radius:var(--radius-full)}a{color:var(--berry-100);text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--text-primary)}h1{font-size:var(--text-4xl);font-weight:700;letter-spacing:-.03em}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{color:var(--text-secondary);line-height:1.6}code,pre{font-family:var(--font-mono)}code{font-size:var(--text-sm);background:var(--oyster-100);padding:1px 6px;border-radius:var(--radius-xs)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mono{font-family:var(--font-mono)}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-up{animation:fade-up .4s ease-out both}.stagger>*{animation:fade-up .4s ease-out both}.stagger>*:nth-child(1){animation-delay:.03s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.09s}.stagger>*:nth-child(4){animation-delay:.12s}.stagger>*:nth-child(5){animation-delay:.15s}.stagger>*:nth-child(6){animation-delay:.18s}.stagger>*:nth-child(7){animation-delay:.21s}.stagger>*:nth-child(8){animation-delay:.24s}.stagger>*:nth-child(9){animation-delay:.27s}.stagger>*:nth-child(10){animation-delay:.3s}.skeleton{background:linear-gradient(90deg,var(--oyster-100) 25%,var(--oyster-50) 50%,var(--oyster-100) 75%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}