/*
 * TUKU DESIGN SYSTEM 2.0 — portable estate foundation
 * Source: thatlango/tuku-shared-language
 * Baseline: 33a67d4a2d47520e12ffe41712e1712bcdc89fba
 *
 * This snapshot intentionally contains no framework imports and no network
 * font requests. Consumers must bundle IBM Plex Sans / IBM Plex Mono locally.
 */
@theme inline{
  --color-background:var(--background);--color-surface:var(--surface);--color-surface-muted:var(--surface-muted);--color-surface-raised:var(--surface-raised);
  --color-foreground:var(--foreground);--color-foreground-secondary:var(--foreground-secondary);--color-foreground-tertiary:var(--foreground-tertiary);
  --color-border:var(--border);--color-border-strong:var(--border-strong);--color-control-border:var(--control-border);--color-input:var(--control-border);--color-ring:var(--ring);
  --color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-primary-soft:var(--primary-soft);
  --color-accent:var(--surface-muted);--color-accent-foreground:var(--foreground);--color-secondary:var(--surface-muted);--color-secondary-foreground:var(--foreground);
  --color-muted:var(--surface-muted);--color-muted-foreground:var(--foreground-secondary);--color-card:var(--surface);--color-card-foreground:var(--foreground);
  --color-popover:var(--surface-raised);--color-popover-foreground:var(--foreground);
  --color-success:var(--success);--color-success-foreground:var(--success-foreground);--color-success-soft:var(--success-soft);
  --color-warning:var(--warning);--color-warning-foreground:var(--warning-foreground);--color-warning-soft:var(--warning-soft);--color-warning-text:var(--warning-text);
  --color-danger:var(--danger);--color-danger-foreground:var(--danger-foreground);--color-danger-soft:var(--danger-soft);--color-destructive:var(--danger);--color-destructive-foreground:var(--danger-foreground);
  --color-info:var(--info);--color-info-foreground:var(--info-foreground);--color-info-soft:var(--info-soft);--color-neutral-soft:var(--neutral-soft);
  --color-chart-1:var(--chart-1);--color-chart-2:var(--chart-2);--color-chart-3:var(--chart-3);--color-chart-4:var(--chart-4);--color-chart-5:var(--chart-5);--color-chart-6:var(--chart-6);
  --color-brand-forest:var(--brand-forest);--color-brand-navy:var(--brand-navy);--color-brand-charcoal:var(--brand-charcoal);--color-brand-moss:var(--brand-moss);
  --color-brand-sand:var(--brand-sand);--color-brand-paper:var(--brand-paper);--color-brand-amber:var(--brand-amber);--color-brand-on-dark:var(--brand-on-dark);
  --color-accent-secondary:var(--accent-secondary);--color-accent-secondary-soft:var(--accent-secondary-soft);
  --color-cat-1:var(--cat-1);--color-cat-2:var(--cat-2);--color-cat-3:var(--cat-3);--color-cat-4:var(--cat-4);--color-cat-5:var(--cat-5);--color-cat-6:var(--cat-6);--color-cat-7:var(--cat-7);--color-cat-8:var(--cat-8);
  --color-cat-1-soft:var(--cat-1-soft);--color-cat-2-soft:var(--cat-2-soft);--color-cat-3-soft:var(--cat-3-soft);--color-cat-4-soft:var(--cat-4-soft);--color-cat-5-soft:var(--cat-5-soft);--color-cat-6-soft:var(--cat-6-soft);--color-cat-7-soft:var(--cat-7-soft);--color-cat-8-soft:var(--cat-8-soft);--color-cat-foreground:var(--cat-foreground);
  --color-sidebar:var(--sidebar);--color-sidebar-foreground:var(--sidebar-foreground);--color-sidebar-border:var(--sidebar-border);--color-sidebar-accent:var(--sidebar-accent);--color-sidebar-accent-foreground:var(--sidebar-accent-foreground);--color-sidebar-primary:var(--primary);--color-sidebar-primary-foreground:var(--primary-foreground);--color-sidebar-ring:var(--ring);
  --radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-full:999px;
  --font-sans:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;--font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
}

:root {
  --radius:6px;
  --radius-xs:2px;--radius-sm:4px;--radius-md:6px;--radius-lg:10px;--radius-xl:14px;--radius-2xl:20px;--radius-full:999px;
  --font-sans:"IBM Plex Sans",ui-sans-serif,system-ui,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,SFMono-Regular,monospace;
  --background:oklch(0.985 0.004 170);--surface:oklch(1 0 0);--surface-muted:oklch(0.963 0.006 170);--surface-raised:oklch(1 0 0);
  --foreground:oklch(0.215 0.017 175);--foreground-secondary:oklch(0.47 0.013 175);--foreground-tertiary:oklch(0.455 0.013 175);
  --border:oklch(0.905 0.007 175);--border-strong:oklch(0.83 0.009 175);--control-border:oklch(0.62 0.013 175);--ring:oklch(0.52 0.088 172);
  --primary:oklch(0.47 0.086 172);--primary-foreground:oklch(0.99 0.005 170);--primary-soft:oklch(0.945 0.028 172);
  --success:oklch(0.52 0.11 152);--success-foreground:oklch(0.99 0.005 170);--success-soft:oklch(0.951 0.036 152);
  --warning:oklch(0.63 0.135 72);--warning-foreground:oklch(0.18 0.02 72);--warning-soft:oklch(0.958 0.05 82);--warning-text:oklch(0.47 0.115 62);
  --danger:oklch(0.535 0.175 22);--danger-foreground:oklch(0.99 0.005 170);--danger-soft:oklch(0.955 0.03 22);
  --info:oklch(0.51 0.105 245);--info-foreground:oklch(0.99 0.005 170);--info-soft:oklch(0.955 0.028 245);--neutral-soft:oklch(0.945 0.006 175);
  --brand-forest:oklch(0.34 0.062 160);--brand-navy:oklch(0.31 0.048 255);--brand-charcoal:oklch(0.28 0.012 200);--brand-moss:oklch(0.52 0.062 155);
  --brand-sand:oklch(0.915 0.021 85);--brand-paper:oklch(0.975 0.008 90);--brand-amber:oklch(0.68 0.145 68);--brand-on-dark:oklch(0.975 0.008 90);
  --accent-secondary:oklch(0.62 0.13 68);--accent-secondary-soft:oklch(0.955 0.04 74);
  --chart-1:var(--primary);--chart-2:oklch(0.63 0.135 72);--chart-3:oklch(0.51 0.105 245);--chart-4:oklch(0.56 0.12 320);--chart-5:oklch(0.52 0.11 152);--chart-6:oklch(0.45 0.05 210);
  --cat-1:oklch(0.45 0.07 165);--cat-2:oklch(0.46 0.09 250);--cat-3:oklch(0.5 0.1 55);--cat-4:oklch(0.47 0.12 305);--cat-5:oklch(0.5 0.08 195);--cat-6:oklch(0.44 0.06 25);--cat-7:oklch(0.52 0.07 130);--cat-8:oklch(0.4 0.02 240);
  --cat-1-soft:oklch(0.95 0.028 165);--cat-2-soft:oklch(0.95 0.028 250);--cat-3-soft:oklch(0.955 0.032 55);--cat-4-soft:oklch(0.95 0.03 305);--cat-5-soft:oklch(0.95 0.028 195);--cat-6-soft:oklch(0.95 0.026 25);--cat-7-soft:oklch(0.955 0.028 130);--cat-8-soft:oklch(0.95 0.008 240);--cat-foreground:oklch(0.99 0.005 170);
  --sidebar:oklch(0.985 0.004 170);--sidebar-foreground:oklch(0.215 0.017 175);--sidebar-border:oklch(0.905 0.007 175);--sidebar-accent:oklch(0.945 0.012 172);--sidebar-accent-foreground:oklch(0.215 0.017 175);
  --shadow-e0:none;--shadow-e1:0 1px 2px 0 oklch(0.2 0.03 170 / .06);--shadow-e2:0 2px 8px -2px oklch(0.2 0.03 170 / .10);--shadow-e3:0 12px 32px -12px oklch(0.2 0.03 170 / .24);
  --spacing-nav-rail:4.5rem;--spacing-sidebar:16rem;--spacing-appbar:3.5rem;--spacing-bottomnav:4rem;--spacing-touch:2.75rem;--container-content:84rem;
  --animate-duration-fast:120ms;--animate-duration-base:180ms;--animate-duration-slow:260ms;
}
.dark {
  --background:oklch(0.185 0.014 175);--surface:oklch(0.225 0.015 175);--surface-muted:oklch(0.26 0.015 175);--surface-raised:oklch(0.255 0.015 175);
  --foreground:oklch(0.965 0.005 170);--foreground-secondary:oklch(0.78 0.01 175);--foreground-tertiary:oklch(0.72 0.011 175);
  --border:oklch(1 0 0 / 12%);--border-strong:oklch(1 0 0 / 22%);--control-border:oklch(1 0 0 / 42%);--ring:oklch(0.68 0.09 172);
  --primary:oklch(0.72 0.1 172);--primary-foreground:oklch(0.18 0.02 175);--primary-soft:oklch(0.32 0.04 172);
  --success:oklch(0.72 0.13 152);--success-foreground:oklch(0.18 0.02 152);--success-soft:oklch(0.31 0.05 152);
  --warning:oklch(0.79 0.14 78);--warning-foreground:oklch(0.2 0.03 72);--warning-soft:oklch(0.33 0.06 78);--warning-text:oklch(0.85 0.13 80);
  --danger:oklch(0.68 0.17 24);--danger-foreground:oklch(0.18 0.02 24);--danger-soft:oklch(0.32 0.07 24);
  --info:oklch(0.71 0.11 245);--info-foreground:oklch(0.18 0.02 245);--info-soft:oklch(0.31 0.05 245);--neutral-soft:oklch(0.3 0.012 175);
  --sidebar:oklch(0.205 0.014 175);--sidebar-foreground:oklch(0.965 0.005 170);--sidebar-border:oklch(1 0 0 / 10%);--sidebar-accent:oklch(0.28 0.02 172);--sidebar-accent-foreground:oklch(0.965 0.005 170);
  --brand-forest:oklch(0.62 0.075 160);--brand-navy:oklch(0.62 0.06 255);--brand-charcoal:oklch(0.66 0.014 200);--brand-moss:oklch(0.7 0.07 155);--brand-sand:oklch(0.82 0.03 85);--brand-paper:oklch(0.965 0.008 90);--brand-amber:oklch(0.79 0.13 72);--brand-on-dark:oklch(0.975 0.008 90);
}
[data-product="core"]{--primary:oklch(0.4 0.075 160);--primary-soft:oklch(0.95 0.03375 160);--ring:oklch(0.45 0.075 160)}
[data-product="ecitaa"]{--primary:oklch(0.47 0.086 172);--primary-soft:oklch(0.95 0.0365 172);--ring:oklch(0.52 0.086 172)}
[data-product="units"]{--primary:oklch(0.42 0.085 255);--primary-soft:oklch(0.95 0.03625 255);--ring:oklch(0.47 0.085 255)}
[data-product="prediq"]{--primary:oklch(0.5 0.16 300);--primary-soft:oklch(0.95 0.045 300);--ring:oklch(0.55 0.16 300);--accent-secondary:oklch(0.50 0.07 158);--accent-secondary-soft:oklch(0.95 0.028 158)}
[data-product="jakeos"]{--primary:oklch(0.465 0.115 215);--primary-soft:oklch(0.95 0.045 215);--ring:oklch(0.60 0.12 215)}
[data-product="impactos"]{--primary:oklch(0.52 0.13 32);--primary-soft:oklch(0.95 0.045 32);--ring:oklch(0.57 0.13 32);--accent-secondary:oklch(0.50 0.07 158);--accent-secondary-soft:oklch(0.95 0.028 158)}
[data-product="lendflow"]{--primary:oklch(0.45 0.1 145);--primary-soft:oklch(0.95 0.04 145);--ring:oklch(0.50 0.1 145)}
[data-product="radar"]{--primary:oklch(0.5 0.12 185);--primary-soft:oklch(0.95 0.045 185);--ring:oklch(0.55 0.12 185)}
[data-product="tukuiq"]{--primary:oklch(0.45 0.13 275);--primary-soft:oklch(0.95 0.045 275);--ring:oklch(0.50 0.13 275)}
[data-product="cooperativeos"]{--primary:oklch(0.48 0.085 200);--primary-soft:oklch(0.95 0.03625 200);--ring:oklch(0.53 0.085 200)}
[data-product="schoollink"]{--primary:oklch(0.52 0.11 235);--primary-soft:oklch(0.95 0.0425 235);--ring:oklch(0.57 0.11 235)}
[data-product="nena"]{--primary:oklch(0.55 0.09 192);--primary-soft:oklch(0.95 0.0375 192);--ring:oklch(0.60 0.09 192)}
[data-product="lero"]{--primary:oklch(0.475 0.105 70);--primary-soft:oklch(0.95 0.045 70);--ring:oklch(0.63 0.12 70);--accent-secondary:oklch(0.50 0.07 158);--accent-secondary-soft:oklch(0.95 0.028 158)}
[data-product="tukupay"]{--primary:oklch(0.4 0.075 210);--primary-soft:oklch(0.95 0.03375 210);--ring:oklch(0.45 0.075 210)}
[data-product="traffiq"]{--primary:oklch(0.48 0.055 150);--primary-soft:oklch(0.95 0.02875 150);--ring:oklch(0.53 0.055 150)}
[data-product="synced"]{--primary:oklch(0.44 0.045 180);--primary-soft:oklch(0.95 0.02625 180);--ring:oklch(0.49 0.045 180)}
[data-product="kela"]{--primary:oklch(0.47 0.08 55);--primary-soft:oklch(0.95 0.035 55);--ring:oklch(0.52 0.08 55);--accent-secondary:oklch(0.50 0.07 158);--accent-secondary-soft:oklch(0.95 0.028 158)}
[data-product="tukumail"]{--primary:oklch(0.38 0.045 250);--primary-soft:oklch(0.95 0.02625 250);--ring:oklch(0.43 0.045 250)}

.dark [data-product="core"],[data-product="core"].dark{--primary:oklch(0.74 0.09 160);--primary-foreground:oklch(0.18 0.02 160);--primary-soft:oklch(0.32 0.041 160);--ring:oklch(0.70 0.09 160)}
.dark [data-product="ecitaa"],[data-product="ecitaa"].dark{--primary:oklch(0.74 0.1 172);--primary-foreground:oklch(0.18 0.02 172);--primary-soft:oklch(0.32 0.045 172);--ring:oklch(0.70 0.1 172)}
.dark [data-product="units"],[data-product="units"].dark{--primary:oklch(0.74 0.1 255);--primary-foreground:oklch(0.18 0.02 255);--primary-soft:oklch(0.32 0.045 255);--ring:oklch(0.70 0.1 255)}
.dark [data-product="prediq"],[data-product="prediq"].dark{--primary:oklch(0.75 0.14 300);--primary-foreground:oklch(0.18 0.02 300);--primary-soft:oklch(0.32 0.063 300);--ring:oklch(0.71 0.14 300);--accent-secondary:oklch(0.75 0.08 158);--accent-secondary-soft:oklch(0.32 0.05 158)}
.dark [data-product="jakeos"],[data-product="jakeos"].dark{--primary:oklch(0.78 0.12 215);--primary-foreground:oklch(0.18 0.02 215);--primary-soft:oklch(0.32 0.054 215);--ring:oklch(0.74 0.12 215)}
.dark [data-product="impactos"],[data-product="impactos"].dark{--primary:oklch(0.76 0.13 32);--primary-foreground:oklch(0.18 0.02 32);--primary-soft:oklch(0.32 0.059 32);--ring:oklch(0.72 0.13 32);--accent-secondary:oklch(0.75 0.08 158);--accent-secondary-soft:oklch(0.32 0.05 158)}
.dark [data-product="lendflow"],[data-product="lendflow"].dark{--primary:oklch(0.74 0.11 145);--primary-foreground:oklch(0.18 0.02 145);--primary-soft:oklch(0.32 0.05 145);--ring:oklch(0.70 0.11 145)}
.dark [data-product="radar"],[data-product="radar"].dark{--primary:oklch(0.76 0.12 185);--primary-foreground:oklch(0.18 0.02 185);--primary-soft:oklch(0.32 0.054 185);--ring:oklch(0.72 0.12 185)}
.dark [data-product="tukuiq"],[data-product="tukuiq"].dark{--primary:oklch(0.75 0.12 275);--primary-foreground:oklch(0.18 0.02 275);--primary-soft:oklch(0.32 0.054 275);--ring:oklch(0.71 0.12 275)}
.dark [data-product="cooperativeos"],[data-product="cooperativeos"].dark{--primary:oklch(0.76 0.09 200);--primary-foreground:oklch(0.18 0.02 200);--primary-soft:oklch(0.32 0.041 200);--ring:oklch(0.72 0.09 200)}
.dark [data-product="schoollink"],[data-product="schoollink"].dark{--primary:oklch(0.76 0.11 235);--primary-foreground:oklch(0.18 0.02 235);--primary-soft:oklch(0.32 0.05 235);--ring:oklch(0.72 0.11 235)}
.dark [data-product="nena"],[data-product="nena"].dark{--primary:oklch(0.78 0.09 192);--primary-foreground:oklch(0.18 0.02 192);--primary-soft:oklch(0.32 0.041 192);--ring:oklch(0.74 0.09 192)}
.dark [data-product="lero"],[data-product="lero"].dark{--primary:oklch(0.8 0.12 78);--primary-foreground:oklch(0.18 0.02 78);--primary-soft:oklch(0.32 0.054 78);--ring:oklch(0.76 0.12 78);--accent-secondary:oklch(0.75 0.08 158);--accent-secondary-soft:oklch(0.32 0.05 158)}
.dark [data-product="tukupay"],[data-product="tukupay"].dark{--primary:oklch(0.74 0.08 210);--primary-foreground:oklch(0.18 0.02 210);--primary-soft:oklch(0.32 0.036 210);--ring:oklch(0.70 0.08 210)}
.dark [data-product="traffiq"],[data-product="traffiq"].dark{--primary:oklch(0.76 0.06 150);--primary-foreground:oklch(0.18 0.02 150);--primary-soft:oklch(0.32 0.027 150);--ring:oklch(0.72 0.06 150)}
.dark [data-product="synced"],[data-product="synced"].dark{--primary:oklch(0.74 0.05 180);--primary-foreground:oklch(0.18 0.02 180);--primary-soft:oklch(0.32 0.023 180);--ring:oklch(0.70 0.05 180)}
.dark [data-product="kela"],[data-product="kela"].dark{--primary:oklch(0.78 0.1 55);--primary-foreground:oklch(0.18 0.02 55);--primary-soft:oklch(0.32 0.045 55);--ring:oklch(0.74 0.1 55);--accent-secondary:oklch(0.75 0.08 158);--accent-secondary-soft:oklch(0.32 0.05 158)}
.dark [data-product="tukumail"],[data-product="tukumail"].dark{--primary:oklch(0.72 0.06 250);--primary-foreground:oklch(0.18 0.02 250);--primary-soft:oklch(0.32 0.027 250);--ring:oklch(0.68 0.06 250)}

:where(html,body){font-family:var(--font-sans);background:var(--background);color:var(--foreground)}
:where(button,input,select,textarea){font:inherit}
:where(button,a,input,select,textarea,[role="button"],[role="option"]):focus-visible{outline:3px solid var(--ring);outline-offset:2px}
.tds-touch-target{position:relative}
.tds-touch-target::after{content:"";position:absolute;top:50%;left:50%;translate:-50% -50%;width:max(100%,44px);height:max(100%,44px)}
@media(pointer:coarse){.tds-touch-target::after{width:max(100%,48px);height:max(100%,48px)}}
@media(forced-colors:active){:where(button,a,input,select,textarea,[role="button"],[role="option"]):focus-visible{outline:3px solid Highlight;outline-offset:2px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
