:root{--amber-1: #fefdfb;--amber-2: #fdf9f0;--amber-3: #faefdc;--amber-4: #f6e4c5;--amber-5: #f0d6aa;--amber-6: #e4c28a;--amber-7: #d4a866;--amber-8: #c08c3e;--amber-9: #9e7219;--amber-10: #8a6312;--amber-11: #6b4d0e;--amber-12: #3d2c08;--amber-a1: rgba(158, 114, 25, .02);--amber-a2: rgba(158, 114, 25, .06);--amber-a3: rgba(158, 114, 25, .12);--amber-a4: rgba(158, 114, 25, .2);--amber-a5: rgba(158, 114, 25, .3);--amber-a6: rgba(158, 114, 25, .42);--amber-a7: rgba(158, 114, 25, .56);--amber-a8: rgba(158, 114, 25, .72);--amber-a9: rgba(158, 114, 25, .9);--amber-a10: rgba(138, 99, 18, .94);--amber-a11: rgba(107, 77, 14, .96);--amber-a12: rgba(61, 44, 8, .98);--blauw-1: #fbfcfe;--blauw-2: #f5f8fc;--blauw-3: #e8eff8;--blauw-4: #d8e4f4;--blauw-5: #c5d6ef;--blauw-6: #adc4e6;--blauw-7: #8eadd9;--blauw-8: #6690c9;--blauw-9: #1a4294;--blauw-10: #153780;--blauw-11: #102b64;--blauw-12: #0a1a3d;--blauw-a1: rgba(26, 66, 148, .02);--blauw-a2: rgba(26, 66, 148, .04);--blauw-a3: rgba(26, 66, 148, .09);--blauw-a4: rgba(26, 66, 148, .15);--blauw-a5: rgba(26, 66, 148, .23);--blauw-a6: rgba(26, 66, 148, .32);--blauw-a7: rgba(26, 66, 148, .44);--blauw-a8: rgba(26, 66, 148, .6);--blauw-a9: rgba(26, 66, 148, .9);--blauw-a10: rgba(21, 55, 128, .92);--blauw-a11: rgba(16, 43, 100, .94);--blauw-a12: rgba(10, 26, 61, .97);--zand-1: #fdfdfc;--zand-2: #f9f9f7;--zand-3: #f2f1ee;--zand-4: #eae9e5;--zand-5: #e2e0db;--zand-6: #d8d6cf;--zand-7: #cbc8c0;--zand-8: #b5b1a6;--zand-9: #8e8a7e;--zand-10: #7f7b6f;--zand-11: #636055;--zand-12: #1a1a18;--zand-a1: rgba(26, 26, 24, .01);--zand-a2: rgba(26, 26, 24, .03);--zand-a3: rgba(26, 26, 24, .06);--zand-a4: rgba(26, 26, 24, .1);--zand-a5: rgba(26, 26, 24, .14);--zand-a6: rgba(26, 26, 24, .19);--zand-a7: rgba(26, 26, 24, .25);--zand-a8: rgba(26, 26, 24, .35);--zand-a9: rgba(26, 26, 24, .51);--zand-a10: rgba(26, 26, 24, .57);--zand-a11: rgba(26, 26, 24, .67);--zand-a12: rgba(26, 26, 24, .95);--color-bg-app: var(--zand-1);--color-bg-subtle: var(--zand-2);--color-bg-ui: var(--zand-3);--color-bg-ui-hover: var(--zand-4);--color-bg-ui-active: var(--zand-5);--color-border-subtle: var(--zand-6);--color-border-ui: var(--zand-7);--color-border-strong: var(--zand-8);--color-text-low: var(--zand-11);--color-text-high: var(--zand-12);--color-brand-bg: var(--amber-3);--color-brand-bg-hover: var(--amber-4);--color-brand-bg-active: var(--amber-5);--color-brand-border: var(--amber-7);--color-brand-solid: var(--amber-9);--color-brand-solid-hover: var(--amber-10);--color-brand-solid-text: #ffffff;--color-brand-text: var(--amber-11);--color-brand-text-contrast: var(--amber-12);--color-link: var(--blauw-9);--color-link-hover: var(--blauw-10);--color-focus-ring: var(--blauw-8);--color-interactive-bg: var(--blauw-3);--color-interactive-bg-hover: var(--blauw-4)}.dark,[data-theme=dark]{--amber-1: #16120b;--amber-2: #1e1810;--amber-3: #2c2112;--amber-4: #3a2b14;--amber-5: #4a3718;--amber-6: #5e461e;--amber-7: #785a26;--amber-8: #9a7430;--amber-9: #9e7219;--amber-10: #b8872a;--amber-11: #daa940;--amber-12: #f5dca8;--amber-a1: rgba(255, 200, 100, .03);--amber-a2: rgba(255, 200, 100, .06);--amber-a3: rgba(255, 200, 100, .11);--amber-a4: rgba(255, 200, 100, .16);--amber-a5: rgba(255, 200, 100, .22);--amber-a6: rgba(255, 200, 100, .3);--amber-a7: rgba(255, 200, 100, .4);--amber-a8: rgba(255, 200, 100, .54);--amber-a9: rgba(255, 200, 100, .58);--amber-a10: rgba(255, 200, 100, .68);--amber-a11: rgba(255, 200, 100, .82);--amber-a12: rgba(255, 230, 180, .94);--blauw-1: #0d1219;--blauw-2: #111824;--blauw-3: #142034;--blauw-4: #172944;--blauw-5: #1c3456;--blauw-6: #23426c;--blauw-7: #2e5488;--blauw-8: #3d6ba8;--blauw-9: #8ab8ff;--blauw-10: #a3c8ff;--blauw-11: #c0daff;--blauw-12: #e8f1ff;--blauw-a1: rgba(138, 184, 255, .03);--blauw-a2: rgba(138, 184, 255, .07);--blauw-a3: rgba(138, 184, 255, .13);--blauw-a4: rgba(138, 184, 255, .19);--blauw-a5: rgba(138, 184, 255, .27);--blauw-a6: rgba(138, 184, 255, .37);--blauw-a7: rgba(138, 184, 255, .49);--blauw-a8: rgba(138, 184, 255, .62);--blauw-a9: rgba(138, 184, 255, .95);--blauw-a10: rgba(163, 200, 255, .97);--blauw-a11: rgba(192, 218, 255, .98);--blauw-a12: rgba(232, 241, 255, .99);--zand-1: #141413;--zand-2: #1a1a18;--zand-3: #232320;--zand-4: #2c2c28;--zand-5: #363631;--zand-6: #43433c;--zand-7: #55544b;--zand-8: #70705f;--zand-9: #8e8a7e;--zand-10: #9c988b;--zand-11: #b5b1a4;--zand-12: #eeece6;--zand-a1: rgba(238, 236, 230, .02);--zand-a2: rgba(238, 236, 230, .05);--zand-a3: rgba(238, 236, 230, .09);--zand-a4: rgba(238, 236, 230, .13);--zand-a5: rgba(238, 236, 230, .18);--zand-a6: rgba(238, 236, 230, .24);--zand-a7: rgba(238, 236, 230, .32);--zand-a8: rgba(238, 236, 230, .43);--zand-a9: rgba(238, 236, 230, .55);--zand-a10: rgba(238, 236, 230, .61);--zand-a11: rgba(238, 236, 230, .71);--zand-a12: rgba(238, 236, 230, .94);--color-bg-app: var(--zand-1);--color-bg-subtle: var(--zand-2);--color-bg-ui: var(--zand-3);--color-bg-ui-hover: var(--zand-4);--color-bg-ui-active: var(--zand-5);--color-border-subtle: var(--zand-6);--color-border-ui: var(--zand-7);--color-border-strong: var(--zand-8);--color-text-low: var(--zand-11);--color-text-high: var(--zand-12);--color-brand-bg: var(--amber-3);--color-brand-bg-hover: var(--amber-4);--color-brand-bg-active: var(--amber-5);--color-brand-border: var(--amber-7);--color-brand-solid: var(--amber-9);--color-brand-solid-hover: var(--amber-10);--color-brand-solid-text: #ffffff;--color-brand-text: var(--amber-11);--color-brand-text-contrast: var(--amber-12);--color-link: var(--blauw-9);--color-link-hover: var(--blauw-10);--color-focus-ring: var(--blauw-8);--color-interactive-bg: var(--blauw-3);--color-interactive-bg-hover: var(--blauw-4)}:root{--vw-min: 320;--vw-max: 1240;--font-min: 18;--font-max: 20;--text-xs: clamp(.7813rem, .7747rem + .0326vw, .8rem);--text-sm: clamp(.9375rem, .9158rem + .1087vw, 1rem);--text-base: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--text-md: clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--text-lg: clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--text-xl: clamp(1.944rem, 1.771rem + .8651vw, 2.4414rem);--text-2xl: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);--text-3xl: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem);--space-3xs: clamp(.2813rem, .2704rem + .0543vw, .3125rem);--space-2xs: clamp(.5625rem, .5408rem + .1087vw, .625rem);--space-xs: clamp(.8438rem, .8111rem + .163vw, .9375rem);--space-s: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--space-m: clamp(1.6875rem, 1.6223rem + .3261vw, 1.875rem);--space-l: clamp(2.25rem, 2.163rem + .4348vw, 2.5rem);--space-xl: clamp(3.375rem, 3.2446rem + .6522vw, 3.75rem);--space-2xl: clamp(4.5rem, 4.3261rem + .8696vw, 5rem);--space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);--space-3xs-2xs: clamp(.2813rem, .1522rem + .6522vw, .625rem);--space-2xs-xs: clamp(.5625rem, .4225rem + .7vw, .9375rem);--space-xs-s: clamp(.8438rem, .6929rem + .7543vw, 1.25rem);--space-s-m: clamp(1.125rem, .9239rem + 1.0054vw, 1.875rem);--space-m-l: clamp(1.6875rem, 1.4674rem + 1.1vw, 2.5rem);--space-l-xl: clamp(2.25rem, 1.8533rem + 1.9837vw, 3.75rem);--space-xl-2xl: clamp(3.375rem, 2.9348rem + 2.2011vw, 5rem);--space-2xl-3xl: clamp(4.5rem, 3.7065rem + 3.9674vw, 7.5rem);--font-family: "Suisse Intl", system-ui, sans-serif;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--leading-loose: 2;--tracking-tighter: -.03em;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .02em;--tracking-wider: .04em;--tracking-widest: .08em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--measure-narrow: 45ch;--measure-base: 65ch;--measure-wide: 80ch;--container-max: 72rem;--container-narrow: 48rem;--container-wide: 90rem;--gutter: var(--space-m-l);--content-padding: var(--space-s-m);--grid-columns: 12;--grid-gap: var(--gutter);--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--border-thin: 1px;--border-medium: 2px;--border-thick: 4px;--ease-default: cubic-bezier(.4, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--duration-fast: .1s;--duration-normal: .15s;--duration-slow: .3s;--duration-slower: .5s;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 1px 3px 0 rgb(0 0 0 / .08), 0 1px 2px -1px rgb(0 0 0 / .08);--shadow-lg: 0 4px 6px -1px rgb(0 0 0 / .08), 0 2px 4px -2px rgb(0 0 0 / .08);--shadow-xl: 0 10px 15px -3px rgb(0 0 0 / .08), 0 4px 6px -4px rgb(0 0 0 / .08);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .15);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700}:root{--font-size-body: var(--text-base);--font-size-body-sm: var(--text-sm);--font-size-body-lg: var(--text-md);--font-size-h1: var(--text-3xl);--font-size-h2: var(--text-2xl);--font-size-h3: var(--text-xl);--font-size-h4: var(--text-lg);--font-size-h5: var(--text-md);--font-size-h6: var(--text-base);--font-size-display: var(--text-3xl);--font-size-lead: var(--text-md);--font-size-caption: var(--text-xs);--font-size-overline: var(--text-xs)}:root{color-scheme:dark;--bg: var(--zand-1);--bg-raised: var(--zand-2);--bg-input: var(--zand-3);--text: var(--zand-12);--text-muted: var(--zand-9);--text-heading: var(--zand-12);--ok: #4a9;--warning: #e90;--danger: #e55;--priority-urgent: #e55;--priority-high: #e90;--priority-normal: var(--blauw-9);--priority-low: var(--zand-9);--border: var(--zand-4);--border-focus: var(--blauw-9);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--max-width: 1200px;--sidebar-width: 240px;--sidebar-width-collapsed: 64px}[data-theme=light]{color-scheme:light;--text-muted: var(--zand-11);--ok: #1a7a4c;--warning: #9a5b00;--danger: #c93030;--priority-urgent: #c93030;--priority-high: #9a5b00;--priority-low: var(--zand-11);--border: var(--zand-5)}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--font-sans);font-size:14px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{color:var(--text-heading);margin:0 0 var(--space-md);font-weight:600}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1rem}a{color:var(--border-focus);text-decoration:none}a:hover{text-decoration:underline}input,textarea,select{font-family:inherit;font-size:inherit;padding:var(--space-sm) var(--space-md);background:var(--bg-input);border:1px solid var(--border);border-radius:4px;color:var(--text);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus)}input::placeholder{color:var(--text-muted)}label{display:block;margin-bottom:var(--space-xs);color:var(--text-muted);font-size:.875rem}button{font-family:inherit;font-size:inherit;cursor:pointer}.text-muted{color:var(--text-muted)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-ok{color:var(--ok)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.card{background:var(--bg-raised);border:1px solid var(--border);border-radius:6px;padding:var(--space-lg)}.form-group{margin-bottom:var(--space-md)}.error{color:var(--danger);font-size:.875rem;margin-top:var(--space-xs)}.page{min-height:100vh}.page-main{padding:var(--space-lg);max-width:var(--max-width);margin:0 auto;width:100%}.page-main.narrow{max-width:600px}.breadcrumb{padding:var(--space-sm) var(--space-lg);font-size:.875rem;max-width:var(--max-width);margin:0 auto}.breadcrumb a{color:var(--text-muted);text-decoration:none}.breadcrumb a:hover{color:var(--text)}.breadcrumb .separator{color:var(--text-muted);margin:0 var(--space-xs)}.breadcrumb .current{color:var(--text)}.page-header{padding:0 var(--space-lg) var(--space-md);max-width:var(--max-width);margin:0 auto}.page-header h1{margin:0}.page-header .header-row{display:flex;justify-content:space-between;align-items:center}.palette-backdrop.svelte-wh9uu8{position:fixed;inset:0;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1000}.palette.svelte-wh9uu8{background:var(--bg-raised);border:1px solid var(--border);border-radius:8px;width:100%;max-width:500px;box-shadow:0 8px 32px #0006;overflow:hidden}.palette-input.svelte-wh9uu8{width:100%;padding:var(--space-md) var(--space-lg);font-size:1rem;background:transparent;border:none;border-bottom:1px solid var(--border);border-radius:0}.palette-input.svelte-wh9uu8:focus{outline:none;border-color:var(--border)}.palette-results.svelte-wh9uu8{max-height:300px;overflow-y:auto}.palette-section.svelte-wh9uu8{padding:var(--space-sm) 0}.palette-section-title.svelte-wh9uu8{padding:var(--space-xs) var(--space-lg);font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.palette-item.svelte-wh9uu8{display:flex;align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-lg);background:transparent;border:none;color:var(--text);cursor:pointer;text-align:left;font-size:inherit}.palette-item.svelte-wh9uu8:hover,.palette-item.selected.svelte-wh9uu8{background:var(--bg-input)}.palette-item-icon.svelte-wh9uu8{width:1.25rem;text-align:center;flex-shrink:0}.palette-item-label.svelte-wh9uu8{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.palette-item-type.svelte-wh9uu8{font-size:.8em;color:var(--text-muted);flex-shrink:0}.palette-empty.svelte-wh9uu8{padding:var(--space-lg);text-align:center;color:var(--text-muted)}.palette-footer.svelte-wh9uu8{display:flex;gap:var(--space-lg);padding:var(--space-sm) var(--space-lg);border-top:1px solid var(--border);font-size:.75rem;color:var(--text-muted)}.palette-footer.svelte-wh9uu8 kbd:where(.svelte-wh9uu8){background:var(--bg);padding:.1em .4em;border-radius:3px;font-family:var(--font-mono);font-size:.9em}.sidebar.svelte-129hoe0{display:flex;flex-direction:column;width:var(--sidebar-width);height:100vh;background:var(--bg);border-right:1px solid var(--border);position:fixed;top:0;left:0;transition:width .2s ease}.sidebar.collapsed.svelte-129hoe0{width:var(--sidebar-width-collapsed)}.sidebar-header.svelte-129hoe0{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--border)}.sidebar-brand.svelte-129hoe0{color:var(--text);font-size:1.25rem;font-weight:700;text-decoration:none;display:flex;align-items:center}.sidebar-brand.svelte-129hoe0 svg:where(.svelte-129hoe0){max-width:calc(var(--sidebar-width) / 2)}.sidebar-brand.svelte-129hoe0:hover{text-decoration:none}.brand-icon.svelte-129hoe0{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-raised);border-radius:6px;font-weight:700}.collapse-btn.svelte-129hoe0{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:var(--space-xs);display:flex;align-items:center;justify-content:center}.collapse-btn.svelte-129hoe0:hover{color:var(--text)}.collapsed.svelte-129hoe0 .collapse-btn:where(.svelte-129hoe0){position:absolute;right:-16px}.sidebar-nav.svelte-129hoe0{flex:1;padding:var(--space-sm) 0;overflow-y:auto}.nav-item.svelte-129hoe0{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-muted);text-decoration:none;transition:background-color .15s,color .15s}.nav-item.svelte-129hoe0:hover{background:var(--bg-raised);color:var(--text);text-decoration:none}.nav-item.active.svelte-129hoe0{background:var(--bg-raised);color:var(--text);font-weight:500}.nav-icon.svelte-129hoe0{display:flex;align-items:center;justify-content:center;width:24px;flex-shrink:0}.icon.svelte-129hoe0{width:18px;height:18px}.nav-label.svelte-129hoe0{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-footer.svelte-129hoe0{border-top:1px solid var(--border);padding:var(--space-sm) 0}.user-info.svelte-129hoe0{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-muted);font-size:.875rem}.user-email.svelte-129hoe0{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn.svelte-129hoe0,.theme-toggle.svelte-129hoe0{width:100%;background:none;border:none;font-size:inherit;font-family:inherit;cursor:pointer;text-align:left}.app-layout.svelte-12qhfyh{display:flex;min-height:100vh}.app-main.svelte-12qhfyh{flex:1;margin-left:var(--sidebar-width);transition:margin-left .2s ease}.app-main.sidebar-collapsed.svelte-12qhfyh{margin-left:var(--sidebar-width-collapsed)}
