@layer theme,base,utilities;:root{--font-sans:"Forza", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-serif:ui-serif, Georgia, Cambria, 'Times New Roman', Times, serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;--spacing:0.25rem;--text-xs:0.8rem;--text-xs--line-height:calc(1 / 0.75);--text-sm:0.875rem;--text-sm--line-height:calc(1.25 / 0.875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--text-6xl:3.75rem;--text-6xl--line-height:1;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--text-9xl:8rem;--text-9xl--line-height:1;--font-weight-thin:100;--font-weight-extralight:200;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--tracking-tighter:-0.05em;--tracking-tight:-0.025em;--tracking-normal:0em;--tracking-wide:0.025em;--tracking-wider:0.05em;--tracking-widest:0.1em;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--container-3xs:16rem;--container-2xs:18rem;--container-xs:20rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-4xl:56rem;--container-5xl:64rem;--container-6xl:72rem;--container-7xl:80rem;--radius-xs:0.125rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--radius-4xl:2rem;--radius-full:calc(infinity * 1px);--shadow-2xs:0 1px rgb(0 0 0 / 0.05);--shadow-xs:0 1px 2px 0 rgb(0 0 0 / 0.05);--shadow-sm:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);--shadow-2xl:0 25px 50px -12px rgb(0 0 0 / 0.25);--inset-shadow-2xs:inset 0 1px rgb(0 0 0 / 0.05);--inset-shadow-xs:inset 0 1px 1px rgb(0 0 0 / 0.05);--inset-shadow-sm:inset 0 2px 4px rgb(0 0 0 / 0.05);--drop-shadow-xs:0 1px 1px rgb(0 0 0 / 0.05);--drop-shadow-sm:0 1px 2px rgb(0 0 0 / 0.15);--drop-shadow-md:0 3px 3px rgb(0 0 0 / 0.12);--drop-shadow-lg:0 4px 4px rgb(0 0 0 / 0.15);--drop-shadow-xl:0 9px 7px rgb(0 0 0 / 0.1);--drop-shadow-2xl:0 25px 25px rgb(0 0 0 / 0.15);--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--animate-spin:spin 1s linear infinite;--animate-ping:ping 1s cubic-bezier(0, 0, 0.2, 1) infinite;--animate-pulse:pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;--animate-bounce:bounce 1s infinite;--blur-xs:4px;--blur-sm:8px;--blur-md:12px;--blur-lg:16px;--blur-xl:24px;--blur-2xl:40px;--blur-3xl:64px;--perspective-dramatic:100px;--perspective-near:300px;--perspective-normal:500px;--perspective-midrange:800px;--perspective-distant:1200px;--aspect-video:16 / 9;--default-transition-duration:150ms;--default-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);--default-font-family:var(--font-sans);--default-font-feature-settings:var(--font-sans--font-feature-settings);--default-font-variation-settings:var(--font-sans--font-variation-settings);--default-mono-font-family:var(--font-mono);--default-mono-font-feature-settings:var(--font-mono--font-feature-settings);--default-mono-font-variation-settings:var(--font-mono--font-variation-settings);--color-red-50:oklch(0.971 0.013 17.38);--color-red-100:oklch(0.936 0.032 17.717);--color-red-200:oklch(0.885 0.062 18.334);--color-red-300:oklch(0.808 0.114 19.571);--color-red-400:oklch(0.704 0.191 22.216);--color-red-500:oklch(0.637 0.237 25.331);--color-red-600:oklch(0.577 0.245 27.325);--color-red-700:oklch(0.505 0.213 27.518);--color-red-800:oklch(0.444 0.177 26.899);--color-red-900:oklch(0.396 0.141 25.723);--color-red-950:oklch(0.258 0.092 26.042);--color-orange-50:oklch(0.98 0.016 73.684);--color-orange-100:oklch(0.954 0.038 75.164);--color-orange-200:oklch(0.901 0.076 70.697);--color-orange-300:oklch(0.837 0.128 66.29);--color-orange-400:oklch(0.75 0.183 55.934);--color-orange-500:oklch(0.705 0.213 47.604);--color-orange-600:oklch(0.646 0.222 41.116);--color-orange-700:oklch(0.553 0.195 38.402);--color-orange-800:oklch(0.47 0.157 37.304);--color-orange-900:oklch(0.408 0.123 38.172);--color-orange-950:oklch(0.266 0.079 36.259);--color-amber-50:oklch(0.987 0.022 95.277);--color-amber-100:oklch(0.962 0.059 95.617);--color-amber-200:oklch(0.924 0.12 95.746);--color-amber-300:oklch(0.879 0.169 91.605);--color-amber-400:oklch(0.828 0.189 84.429);--color-amber-500:oklch(0.769 0.188 70.08);--color-amber-600:oklch(0.666 0.179 58.318);--color-amber-700:oklch(0.555 0.163 48.998);--color-amber-800:oklch(0.473 0.137 46.201);--color-amber-900:oklch(0.414 0.112 45.904);--color-amber-950:oklch(0.279 0.077 45.635);--color-yellow-50:oklch(0.987 0.026 102.212);--color-yellow-100:oklch(0.973 0.071 103.193);--color-yellow-200:oklch(0.945 0.129 101.54);--color-yellow-300:oklch(0.905 0.182 98.111);--color-yellow-400:oklch(0.852 0.199 91.936);--color-yellow-500:oklch(0.795 0.184 86.047);--color-yellow-600:oklch(0.681 0.162 75.834);--color-yellow-700:oklch(0.554 0.135 66.442);--color-yellow-800:oklch(0.476 0.114 61.907);--color-yellow-900:oklch(0.421 0.095 57.708);--color-yellow-950:oklch(0.286 0.066 53.813);--color-lime-50:oklch(0.986 0.031 120.757);--color-lime-100:oklch(0.967 0.067 122.328);--color-lime-200:oklch(0.938 0.127 124.321);--color-lime-300:oklch(0.897 0.196 126.665);--color-lime-400:oklch(0.841 0.238 128.85);--color-lime-500:oklch(0.768 0.233 130.85);--color-lime-600:oklch(0.648 0.2 131.684);--color-lime-700:oklch(0.532 0.157 131.589);--color-lime-800:oklch(0.453 0.124 130.933);--color-lime-900:oklch(0.405 0.101 131.063);--color-lime-950:oklch(0.274 0.072 132.109);--color-green-50:oklch(0.982 0.018 155.826);--color-green-100:oklch(0.962 0.044 156.743);--color-green-200:oklch(0.925 0.084 155.995);--color-green-300:oklch(0.871 0.15 154.449);--color-green-400:oklch(0.792 0.209 151.711);--color-green-500:oklch(0.723 0.219 149.579);--color-green-600:oklch(0.627 0.194 149.214);--color-green-700:oklch(0.527 0.154 150.069);--color-green-800:oklch(0.448 0.119 151.328);--color-green-900:oklch(0.393 0.095 152.535);--color-green-950:oklch(0.266 0.065 152.934);--color-emerald-50:oklch(0.979 0.021 166.113);--color-emerald-100:oklch(0.95 0.052 163.051);--color-emerald-200:oklch(0.905 0.093 164.15);--color-emerald-300:oklch(0.845 0.143 164.978);--color-emerald-400:oklch(0.765 0.177 163.223);--color-emerald-500:oklch(0.696 0.17 162.48);--color-emerald-600:oklch(0.596 0.145 163.225);--color-emerald-700:oklch(0.508 0.118 165.612);--color-emerald-800:oklch(0.432 0.095 166.913);--color-emerald-900:oklch(0.378 0.077 168.94);--color-emerald-950:oklch(0.262 0.051 172.552);--color-teal-50:oklch(0.984 0.014 180.72);--color-teal-100:oklch(0.953 0.051 180.801);--color-teal-200:oklch(0.91 0.096 180.426);--color-teal-300:oklch(0.855 0.138 181.071);--color-teal-400:oklch(0.777 0.152 181.912);--color-teal-500:oklch(0.704 0.14 182.503);--color-teal-600:oklch(0.6 0.118 184.704);--color-teal-700:oklch(0.511 0.096 186.391);--color-teal-800:oklch(0.437 0.078 188.216);--color-teal-900:oklch(0.386 0.063 188.416);--color-teal-950:oklch(0.277 0.046 192.524);--color-cyan-50:oklch(0.984 0.019 200.873);--color-cyan-100:oklch(0.956 0.045 203.388);--color-cyan-200:oklch(0.917 0.08 205.041);--color-cyan-300:oklch(0.865 0.127 207.078);--color-cyan-400:oklch(0.789 0.154 211.53);--color-cyan-500:oklch(0.715 0.143 215.221);--color-cyan-600:oklch(0.609 0.126 221.723);--color-cyan-700:oklch(0.52 0.105 223.128);--color-cyan-800:oklch(0.45 0.085 224.283);--color-cyan-900:oklch(0.398 0.07 227.392);--color-cyan-950:oklch(0.302 0.056 229.695);--color-sky-50:oklch(0.977 0.013 236.62);--color-sky-100:oklch(0.951 0.026 236.824);--color-sky-200:oklch(0.901 0.058 230.902);--color-sky-300:oklch(0.828 0.111 230.318);--color-sky-400:oklch(0.746 0.16 232.661);--color-sky-500:oklch(0.685 0.169 237.323);--color-sky-600:oklch(0.588 0.158 241.966);--color-sky-700:oklch(0.5 0.134 242.749);--color-sky-800:oklch(0.443 0.11 240.79);--color-sky-900:oklch(0.391 0.09 240.876);--color-sky-950:oklch(0.293 0.066 243.157);--color-blue-50:oklch(0.97 0.014 254.604);--color-blue-100:oklch(0.932 0.032 255.585);--color-blue-200:oklch(0.882 0.059 254.128);--color-blue-300:oklch(0.809 0.105 251.813);--color-blue-400:oklch(0.707 0.165 254.624);--color-blue-500:oklch(0.623 0.214 259.815);--color-blue-600:oklch(0.546 0.245 262.881);--color-blue-700:oklch(0.488 0.243 264.376);--color-blue-800:oklch(0.424 0.199 265.638);--color-blue-900:oklch(0.379 0.146 265.522);--color-blue-950:oklch(0.282 0.091 267.935);--color-indigo-50:oklch(0.962 0.018 272.314);--color-indigo-100:oklch(0.93 0.034 272.788);--color-indigo-200:oklch(0.87 0.065 274.039);--color-indigo-300:oklch(0.785 0.115 274.713);--color-indigo-400:oklch(0.673 0.182 276.935);--color-indigo-500:oklch(0.585 0.233 277.117);--color-indigo-600:oklch(0.511 0.262 276.966);--color-indigo-700:oklch(0.457 0.24 277.023);--color-indigo-800:oklch(0.398 0.195 277.366);--color-indigo-900:oklch(0.359 0.144 278.697);--color-indigo-950:oklch(0.257 0.09 281.288);--color-violet-50:oklch(0.969 0.016 293.756);--color-violet-100:oklch(0.943 0.029 294.588);--color-violet-200:oklch(0.894 0.057 293.283);--color-violet-300:oklch(0.811 0.111 293.571);--color-violet-400:oklch(0.702 0.183 293.541);--color-violet-500:oklch(0.606 0.25 292.717);--color-violet-600:oklch(0.541 0.281 293.009);--color-violet-700:oklch(0.491 0.27 292.581);--color-violet-800:oklch(0.432 0.232 292.759);--color-violet-900:oklch(0.38 0.189 293.745);--color-violet-950:oklch(0.283 0.141 291.089);--color-purple-50:oklch(0.977 0.014 308.299);--color-purple-100:oklch(0.946 0.033 307.174);--color-purple-200:oklch(0.902 0.063 306.703);--color-purple-300:oklch(0.827 0.119 306.383);--color-purple-400:oklch(0.714 0.203 305.504);--color-purple-500:oklch(0.627 0.265 303.9);--color-purple-600:oklch(0.558 0.288 302.321);--color-purple-700:oklch(0.496 0.265 301.924);--color-purple-800:oklch(0.438 0.218 303.724);--color-purple-900:oklch(0.381 0.176 304.987);--color-purple-950:oklch(0.291 0.149 302.717);--color-fuchsia-50:oklch(0.977 0.017 320.058);--color-fuchsia-100:oklch(0.952 0.037 318.852);--color-fuchsia-200:oklch(0.903 0.076 319.62);--color-fuchsia-300:oklch(0.833 0.145 321.434);--color-fuchsia-400:oklch(0.74 0.238 322.16);--color-fuchsia-500:oklch(0.667 0.295 322.15);--color-fuchsia-600:oklch(0.591 0.293 322.896);--color-fuchsia-700:oklch(0.518 0.253 323.949);--color-fuchsia-800:oklch(0.452 0.211 324.591);--color-fuchsia-900:oklch(0.401 0.17 325.612);--color-fuchsia-950:oklch(0.293 0.136 325.661);--color-pink-50:oklch(0.971 0.014 343.198);--color-pink-100:oklch(0.948 0.028 342.258);--color-pink-200:oklch(0.899 0.061 343.231);--color-pink-300:oklch(0.823 0.12 346.018);--color-pink-400:oklch(0.718 0.202 349.761);--color-pink-500:oklch(0.656 0.241 354.308);--color-pink-600:oklch(0.592 0.249 0.584);--color-pink-700:oklch(0.525 0.223 3.958);--color-pink-800:oklch(0.459 0.187 3.815);--color-pink-900:oklch(0.408 0.153 2.432);--color-pink-950:oklch(0.284 0.109 3.907);--color-rose-50:oklch(0.969 0.015 12.422);--color-rose-100:oklch(0.941 0.03 12.58);--color-rose-200:oklch(0.892 0.058 10.001);--color-rose-300:oklch(0.81 0.117 11.638);--color-rose-400:oklch(0.712 0.194 13.428);--color-rose-500:oklch(0.645 0.246 16.439);--color-rose-600:oklch(0.586 0.253 17.585);--color-rose-700:oklch(0.514 0.222 16.935);--color-rose-800:oklch(0.455 0.188 13.697);--color-rose-900:oklch(0.41 0.159 10.272);--color-rose-950:oklch(0.271 0.105 12.094);--color-slate-50:oklch(0.984 0.003 247.858);--color-slate-100:oklch(0.968 0.007 247.896);--color-slate-200:oklch(0.929 0.013 255.508);--color-slate-300:oklch(0.869 0.022 252.894);--color-slate-400:oklch(0.704 0.04 256.788);--color-slate-500:oklch(0.554 0.046 257.417);--color-slate-600:oklch(0.446 0.043 257.281);--color-slate-700:oklch(0.372 0.044 257.287);--color-slate-800:oklch(0.279 0.041 260.031);--color-slate-900:oklch(0.208 0.042 265.755);--color-slate-950:oklch(0.129 0.042 264.695);--color-gray-50:oklch(0.985 0.002 247.839);--color-gray-100:oklch(0.967 0.003 264.542);--color-gray-200:oklch(0.928 0.006 264.531);--color-gray-300:oklch(0.872 0.01 258.338);--color-gray-400:oklch(0.707 0.022 261.325);--color-gray-500:oklch(0.551 0.027 264.364);--color-gray-600:oklch(0.446 0.03 256.802);--color-gray-700:oklch(0.373 0.034 259.733);--color-gray-800:oklch(0.278 0.033 256.848);--color-gray-900:oklch(0.21 0.034 264.665);--color-gray-950:oklch(0.13 0.028 261.692);--color-zinc-50:oklch(0.985 0 0);--color-zinc-100:oklch(0.967 0.001 286.375);--color-zinc-200:oklch(0.92 0.004 286.32);--color-zinc-300:oklch(0.871 0.006 286.286);--color-zinc-400:oklch(0.705 0.015 286.067);--color-zinc-500:oklch(0.552 0.016 285.938);--color-zinc-600:oklch(0.442 0.017 285.786);--color-zinc-700:oklch(0.37 0.013 285.805);--color-zinc-800:oklch(0.274 0.006 286.033);--color-zinc-900:oklch(0.21 0.006 285.885);--color-zinc-950:oklch(0.141 0.005 285.823);--color-neutral-50:oklch(0.985 0 0);--color-neutral-100:oklch(0.97 0 0);--color-neutral-200:oklch(0.922 0 0);--color-neutral-300:oklch(0.87 0 0);--color-neutral-400:oklch(0.708 0 0);--color-neutral-500:oklch(0.556 0 0);--color-neutral-600:oklch(0.439 0 0);--color-neutral-700:oklch(0.371 0 0);--color-neutral-800:oklch(0.269 0 0);--color-neutral-900:oklch(0.205 0 0);--color-neutral-950:oklch(0.145 0 0);--color-stone-50:oklch(0.985 0.001 106.423);--color-stone-100:oklch(0.97 0.001 106.424);--color-stone-200:oklch(0.923 0.003 48.717);--color-stone-300:oklch(0.869 0.005 56.366);--color-stone-400:oklch(0.709 0.01 56.259);--color-stone-500:oklch(0.553 0.013 58.071);--color-stone-600:oklch(0.444 0.011 73.639);--color-stone-700:oklch(0.374 0.01 67.558);--color-stone-800:oklch(0.268 0.007 34.298);--color-stone-900:oklch(0.216 0.006 56.043);--color-stone-950:oklch(0.147 0.004 49.25);--color-black:#000;--color-white:#fff;--text-2xs:0.75rem;--breakpoint-xs:375px;--breakpoint-ultrawide:3840px;--container-8xl:88rem;--container-9xl:96rem;--container-10xl:104rem;--container-ultrawide:240rem;--radius-default:5px;--font-heading:"Forza", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-display:"Audiowide", sans-serif;--color-gold-50:#fcfcea;--color-gold-100:#faf9c7;--color-gold-200:#f6ef92;--color-gold-300:#f0df54;--color-gold-400:#eacc25;--color-gold-500:#dab518;--color-gold-600:#b48811;--color-gold-700:#966712;--color-gold-800:#7d5216;--color-gold-900:#6a4319;--color-gold-950:#3e240a;--color-surface:#fff;--color-surface-alt:var(--color-neutral-50);--color-on-surface:var(--color-neutral-600);--color-on-surface-strong:var(--color-neutral-900);--color-primary:#e10600;--color-on-primary:var(--color-neutral-100);--color-secondary:var(--color-neutral-800);--color-on-secondary:var(--color-white);--color-outline:var(--color-neutral-300);--color-outline-strong:var(--color-neutral-800);--color-surface-dark:var(--color-neutral-950);--color-surface-dark-alt:var(--color-neutral-900);--color-on-surface-dark:var(--color-neutral-300);--color-on-surface-dark-strong:var(--color-white);--color-primary-dark:#b80500;--color-on-primary-dark:var(--color-black);--color-secondary-dark:var(--color-neutral-300);--color-on-secondary-dark:var(--color-black);--color-outline-dark:var(--color-neutral-700);--color-outline-dark-strong:var(--color-neutral-300);--color-info:var(--color-sky-500);--color-on-info:var(--color-white);--color-success:var(--color-green-500);--color-on-success:var(--color-white);--color-warning:var(--color-amber-500);--color-on-warning:var(--color-white);--color-danger:var(--color-red-500);--color-on-danger:var(--color-white);--env-border:0px;--env-banner:0px;--env-top:0px;--color-primary:#e10600;--color-primary-hover:#ff1e00;--color-primary-dark:#b80500;--color-primary-glow:rgba(225, 6, 0, 0.15);--color-primary-glow-subtle:rgba(225, 6, 0, 0.08);--color-primary-glow-hover:rgba(225, 6, 0, 0.18);--color-primary-glow-hover-subtle:rgba(225, 6, 0, 0.06);--color-primary-warm:#ff4d00;--color-dark:#0c0e14;--color-dark-deep:#060810;--color-dark-raised:#141620;--color-dark-overlay-heavy:rgba(12, 14, 20, 0.96);--color-dark-overlay-medium:rgba(12, 14, 20, 0.9);--color-dark-overlay-light:rgba(12, 14, 20, 0.82);--color-surface:#fff;--color-surface-subtle:#f7f7f9;--color-surface-shimmer:rgba(255, 255, 255, 0.04);--color-surface-shimmer-faint:rgba(255, 255, 255, 0.01);--color-text-heading:#0a0c12;--color-text-body:#141620;--color-text-muted:#222430;--color-text-on-dark:#fff;--color-text-on-dark-muted:rgba(255, 255, 255, 0.7);--color-text-on-dark-subtle:rgba(255, 255, 255, 0.5);--color-text-on-dark-faint:rgba(255, 255, 255, 0.35);--color-border-on-dark:rgba(255, 255, 255, 0.08);--color-border-on-dark-hover:rgba(255, 255, 255, 0.15);--color-portal-sidebar:#7a1a1a;--color-portal-sidebar-raised:rgba(0, 0, 0, 0.15);--color-portal-sidebar-border:rgba(255, 255, 255, 0.08);--color-portal-sidebar-border-hover:rgba(255, 255, 255, 0.15);--color-portal-sidebar-hover:rgba(255, 255, 255, 0.04);--color-manager-sidebar:#0c0e14;--color-manager-sidebar-raised:#141620;--color-manager-sidebar-border:rgba(255, 255, 255, 0.08);--color-manager-sidebar-border-hover:rgba(255, 255, 255, 0.15);--color-manager-sidebar-hover:rgba(255, 255, 255, 0.04);--color-admin-sidebar:oklch(0.371 0 0);--color-admin-sidebar-raised:rgba(0, 0, 0, 0.2);--color-admin-sidebar-border:rgba(255, 255, 255, 0.12);--color-admin-sidebar-border-hover:rgba(255, 255, 255, 0.25);--color-admin-sidebar-hover:rgba(255, 255, 255, 0.06);--animate-scramble-shake:scramble-shake 50ms infinite linear;--animate-scramble-pop:scramble-pop 260ms cubic-bezier(0.2, 1.4, 0.4, 1) both}@font-face{font-family:forza;src:url(/fonts/forza/Forza-BoldItalic.eot);src:local('Forza Bold Italic'),local('Forza-BoldItalic'),url(/fonts/forza/Forza-BoldItalic.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-BoldItalic.woff2)format('woff2'),url(/fonts/forza/Forza-BoldItalic.woff)format('woff'),url(/fonts/forza/Forza-BoldItalic.ttf)format('truetype');font-weight:700;font-style:italic}@font-face{font-family:forza;src:url(/fonts/forza/Forza-Medium.eot);src:local('Forza Medium'),local('Forza-Medium'),url(/fonts/forza/Forza-Medium.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-Medium.woff2)format('woff2'),url(/fonts/forza/Forza-Medium.woff)format('woff'),url(/fonts/forza/Forza-Medium.ttf)format('truetype');font-weight:500;font-style:normal}@font-face{font-family:forza;src:url(/fonts/forza/Forza-Thin.eot);src:local('Forza Thin'),local('Forza-Thin'),url(/fonts/forza/Forza-Thin.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-Thin.woff2)format('woff2'),url(/fonts/forza/Forza-Thin.woff)format('woff'),url(/fonts/forza/Forza-Thin.ttf)format('truetype');font-weight:100;font-style:normal}@font-face{font-family:forza;src:url(/fonts/forza/Forza-Light.eot);src:local('Forza Light'),local('Forza-Light'),url(/fonts/forza/Forza-Light.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-Light.woff2)format('woff2'),url(/fonts/forza/Forza-Light.woff)format('woff'),url(/fonts/forza/Forza-Light.ttf)format('truetype');font-weight:300;font-style:normal}@font-face{font-family:forza;src:url(/fonts/forza/Forza-LightItalic.eot);src:local('Forza Light Italic'),local('Forza-LightItalic'),url(/fonts/forza/Forza-LightItalic.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-LightItalic.woff2)format('woff2'),url(/fonts/forza/Forza-LightItalic.woff)format('woff'),url(/fonts/forza/Forza-LightItalic.ttf)format('truetype');font-weight:300;font-style:italic}@font-face{font-family:forza book;src:url(/fonts/forza/Forza-Book.eot);src:local('Forza Book'),local('Forza-Book'),url(/fonts/forza/Forza-Book.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-Book.woff2)format('woff2'),url(/fonts/forza/Forza-Book.woff)format('woff'),url(/fonts/forza/Forza-Book.ttf)format('truetype');font-weight:400;font-style:normal}@font-face{font-family:forza book;src:url(/fonts/forza/Forza-BookItalic.eot);src:local('Forza Book Italic'),local('Forza-BookItalic'),url(/fonts/forza/Forza-BookItalic.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-BookItalic.woff2)format('woff2'),url(/fonts/forza/Forza-BookItalic.woff)format('woff'),url(/fonts/forza/Forza-BookItalic.ttf)format('truetype');font-weight:400;font-style:italic}@font-face{font-family:forza;src:url(/fonts/forza/Forza-Black.eot);src:local('Forza Black'),local('Forza-Black'),url(/fonts/forza/Forza-Black.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-Black.woff2)format('woff2'),url(/fonts/forza/Forza-Black.woff)format('woff'),url(/fonts/forza/Forza-Black.ttf)format('truetype');font-weight:900;font-style:normal}@font-face{font-family:forza;src:url(/fonts/forza/Forza-ThinItalic.eot);src:local('Forza Thin Italic'),local('Forza-ThinItalic'),url(/fonts/forza/Forza-ThinItalic.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-ThinItalic.woff2)format('woff2'),url(/fonts/forza/Forza-ThinItalic.woff)format('woff'),url(/fonts/forza/Forza-ThinItalic.ttf)format('truetype');font-weight:100;font-style:italic}@font-face{font-family:forza;src:url(/fonts/forza/Forza-BlackItalic.eot);src:local('Forza Black Italic'),local('Forza-BlackItalic'),url(/fonts/forza/Forza-BlackItalic.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-BlackItalic.woff2)format('woff2'),url(/fonts/forza/Forza-BlackItalic.woff)format('woff'),url(/fonts/forza/Forza-BlackItalic.ttf)format('truetype');font-weight:900;font-style:italic}@font-face{font-family:forza;src:url(/fonts/forza/Forza-Bold.eot);src:local('Forza Bold'),local('Forza-Bold'),url(/fonts/forza/Forza-Bold.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-Bold.woff2)format('woff2'),url(/fonts/forza/Forza-Bold.woff)format('woff'),url(/fonts/forza/Forza-Bold.ttf)format('truetype');font-weight:700;font-style:normal}@font-face{font-family:forza;src:url(/fonts/forza/Forza-MediumItalic.eot);src:local('Forza Medium Italic'),local('Forza-MediumItalic'),url(/fonts/forza/Forza-MediumItalic.eot?#iefix)format('embedded-opentype'),url(/fonts/forza/Forza-MediumItalic.woff2)format('woff2'),url(/fonts/forza/Forza-MediumItalic.woff)format('woff'),url(/fonts/forza/Forza-MediumItalic.ttf)format('truetype');font-weight:500;font-style:italic}@font-face{font-display:swap;font-family:titillium web;font-style:normal;font-weight:200;src:url(/fonts/titillium-web/titillium-web-latin-200.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:italic;font-weight:200;src:url(/fonts/titillium-web/titillium-web-latin-200italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:normal;font-weight:300;src:url(/fonts/titillium-web/titillium-web-latin-300.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:italic;font-weight:300;src:url(/fonts/titillium-web/titillium-web-latin-300italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:normal;font-weight:400;src:url(/fonts/titillium-web/titillium-web-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:italic;font-weight:400;src:url(/fonts/titillium-web/titillium-web-latin-italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:normal;font-weight:600;src:url(/fonts/titillium-web/titillium-web-latin-600.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:italic;font-weight:600;src:url(/fonts/titillium-web/titillium-web-latin-600italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:normal;font-weight:700;src:url(/fonts/titillium-web/titillium-web-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:italic;font-weight:700;src:url(/fonts/titillium-web/titillium-web-latin-700italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:titillium web;font-style:normal;font-weight:900;src:url(/fonts/titillium-web/titillium-web-latin-900.woff2)format("woff2")}@font-face{font-display:swap;font-family:audiowide;font-style:normal;font-weight:400;src:url(/fonts/audiowide/audiowide-latin-regular.woff2)format("woff2")}html{font-family:var(--font-sans);scroll-behavior:smooth}select,option{font-family:var(--font-sans),sans-serif}.text-uniform-left{letter-spacing:.01em;font-variant-numeric:tabular-nums;text-align:left;min-width:4ch}.text-uniform-right{letter-spacing:.01em;font-variant-numeric:tabular-nums;text-align:right;min-width:4ch}.text-uniform-center{letter-spacing:.01em;font-variant-numeric:tabular-nums;text-align:center;min-width:4ch}:root[data-env=development],:root[data-env=staging]{--env-border:4px;--env-banner:1.5rem;--env-top:calc(4px + 1.5rem)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,100%{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,100%{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes scramble-shake{0%{transform:translate(0,0)rotate(0)}25%{transform:translate(-1px,1px)rotate(-1deg)}50%{transform:translate(1px,-1px)rotate(1deg)}75%{transform:translate(-1px,-1px)rotate(-.5deg)}100%{transform:translate(0,0)rotate(0)}}@keyframes scramble-pop{0%{transform:scale(.7);opacity:0}60%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}@layer base{*,::after,::before,::backdrop,::file-selector-button{box-sizing:border-box;margin:0;padding:0;border:0 solid}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4;font-family:var( --default-font-family,ui-sans-serif,system-ui,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji' );font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var( --default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New',monospace );font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea,::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;border-radius:0;background-color:initial;opacity:1}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1;color:color-mix(in oklab,currentColor 50%,transparent)}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]),::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.display\:flex{display:flex}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.fixed{position:fixed}.position\:fixed{position:fixed}.absolute{position:absolute}.position\:absolute{position:absolute}.position\:relative{position:relative}.relative{position:relative}.sticky{position:sticky}.visible{visibility:visible}.invisible{visibility:hidden}.overflow-auto{overflow:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.z-10{z-index:10}.z-50{z-index:50}.z-index{z-index:index}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.grow{flex-grow:1}.shrink-0{flex-shrink:0}.order{order:}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.col-span-full-md{grid-column:span full-md/span full-md}.gap{gap:calc(var(--spacing) * )}.gap-0{gap:0}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-6{gap:calc(var(--spacing) * 6)}.gap-8{gap:calc(var(--spacing) * 8)}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.items-start{align-items:flex-start}.p{padding:calc(var(--spacing) * )}.p-0{padding:0}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.px{padding-left:calc(var(--spacing) * );padding-right:calc(var(--spacing) * )}.px-1{padding-left:calc(var(--spacing) * 1);padding-right:calc(var(--spacing) * 1)}.px-1\.5{padding-left:calc(var(--spacing) * 1.5);padding-right:calc(var(--spacing) * 1.5)}.px-10{padding-left:calc(var(--spacing) * 10);padding-right:calc(var(--spacing) * 10)}.px-2{padding-left:calc(var(--spacing) * 2);padding-right:calc(var(--spacing) * 2)}.px-3{padding-left:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 3)}.px-4{padding-left:calc(var(--spacing) * 4);padding-right:calc(var(--spacing) * 4)}.px-5{padding-left:calc(var(--spacing) * 5);padding-right:calc(var(--spacing) * 5)}.px-6{padding-left:calc(var(--spacing) * 6);padding-right:calc(var(--spacing) * 6)}.px-7{padding-left:calc(var(--spacing) * 7);padding-right:calc(var(--spacing) * 7)}.px-8{padding-left:calc(var(--spacing) * 8);padding-right:calc(var(--spacing) * 8)}.py-0\.5{padding-top:calc(var(--spacing) * .5);padding-bottom:calc(var(--spacing) * .5)}.py-1{padding-top:calc(var(--spacing) * 1);padding-bottom:calc(var(--spacing) * 1)}.py-1\.5{padding-top:calc(var(--spacing) * 1.5);padding-bottom:calc(var(--spacing) * 1.5)}.py-10{padding-top:calc(var(--spacing) * 10);padding-bottom:calc(var(--spacing) * 10)}.py-12{padding-top:calc(var(--spacing) * 12);padding-bottom:calc(var(--spacing) * 12)}.py-14{padding-top:calc(var(--spacing) * 14);padding-bottom:calc(var(--spacing) * 14)}.py-16{padding-top:calc(var(--spacing) * 16);padding-bottom:calc(var(--spacing) * 16)}.py-2{padding-top:calc(var(--spacing) * 2);padding-bottom:calc(var(--spacing) * 2)}.py-2\.5{padding-top:calc(var(--spacing) * 2.5);padding-bottom:calc(var(--spacing) * 2.5)}.py-20{padding-top:calc(var(--spacing) * 20);padding-bottom:calc(var(--spacing) * 20)}.py-3{padding-top:calc(var(--spacing) * 3);padding-bottom:calc(var(--spacing) * 3)}.py-3\.5{padding-top:calc(var(--spacing) * 3.5);padding-bottom:calc(var(--spacing) * 3.5)}.py-4{padding-top:calc(var(--spacing) * 4);padding-bottom:calc(var(--spacing) * 4)}.py-5{padding-top:calc(var(--spacing) * 5);padding-bottom:calc(var(--spacing) * 5)}.py-6{padding-top:calc(var(--spacing) * 6);padding-bottom:calc(var(--spacing) * 6)}.py-8{padding-top:calc(var(--spacing) * 8);padding-bottom:calc(var(--spacing) * 8)}.pt-0{padding-top:0}.pt-1{padding-top:calc(var(--spacing) * 1)}.pt-12{padding-top:calc(var(--spacing) * 12)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-20{padding-top:calc(var(--spacing) * 20)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-0\.5{padding-bottom:calc(var(--spacing) * .5)}.pb-14{padding-bottom:calc(var(--spacing) * 14)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.pl-3{padding-left:calc(var(--spacing) * 3)}.pl-4{padding-left:calc(var(--spacing) * 4)}.pl-5{padding-left:calc(var(--spacing) * 5)}.-m-1{margin:calc(calc(var(--spacing) * 1) * -1)}.m{margin:calc(var(--spacing) * )}.m\[t\.id\]{margin:calc(var(--spacing) * t.id)}.mx-auto{margin-left:auto;margin-right:auto}.ms{margin-inline-start:calc(var(--spacing) * )}.me{margin-inline-end:calc(var(--spacing) * )}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-section{margin-top:calc(var(--spacing) * section)}.mr-1\.5{margin-right:calc(var(--spacing) * 1.5)}.mr-2{margin-right:calc(var(--spacing) * 2)}.-mb-0\.5{margin-bottom:calc(calc(var(--spacing) * .5) * -1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.mb-12{margin-bottom:calc(var(--spacing) * 12)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.mb-section{margin-bottom:calc(var(--spacing) * section)}.ml-0{margin-left:0}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.space-y-0\.5>:not(:first-child){margin-top:calc(var(--spacing) * .5)}.space-y-3>:not(:first-child){margin-top:calc(var(--spacing) * 3)}.w{width:calc(var(--spacing) * )}.w-1\.5{width:calc(var(--spacing) * 1.5)}.w-10{width:calc(var(--spacing) * 10)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-28{width:calc(var(--spacing) * 28)}.w-32{width:calc(var(--spacing) * 32)}.w-36{width:calc(var(--spacing) * 36)}.w-4{width:calc(var(--spacing) * 4)}.w-40{width:calc(var(--spacing) * 40)}.w-48{width:calc(var(--spacing) * 48)}.w-5{width:calc(var(--spacing) * 5)}.w-6{width:calc(var(--spacing) * 6)}.w-64{width:calc(var(--spacing) * 64)}.w-7{width:calc(var(--spacing) * 7)}.w-\[120px\]{width:120px}.w-\[200px\]{width:200px}.w-\[22rem\]{width:22rem}.w-\[34rem\]{width:34rem}.w-\[460px\]{width:460px}.w-\[50px\]{width:50px}.w-\[70px\]{width:70px}.w-\[80px\]{width:80px}.w-full{width:100%}.min-w-0{min-width:0}.min-w-40{min-width:calc(var(--spacing) * 40)}.min-w-56{min-width:calc(var(--spacing) * 56)}.min-w-\[14rem\]{min-width:14rem}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-4xl{max-width:var(--container-4xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-72{max-width:calc(var(--spacing) * 72)}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[100rem\]{max-width:100rem}.max-w-\[22rem\]{max-width:22rem}.max-w-\[90rem\]{max-width:90rem}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.h{height:calc(var(--spacing) * )}.h-1\.5{height:calc(var(--spacing) * 1.5)}.h-10{height:calc(var(--spacing) * 10)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-16{height:calc(var(--spacing) * 16)}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-20{height:calc(var(--spacing) * 20)}.h-24{height:calc(var(--spacing) * 24)}.h-32{height:calc(var(--spacing) * 32)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-64{height:calc(var(--spacing) * 64)}.h-7{height:calc(var(--spacing) * 7)}.h-72{height:calc(var(--spacing) * 72)}.h-8{height:calc(var(--spacing) * 8)}.h-\[60px\]{height:60px}.h-auto{height:auto}.h-full{height:100%}.min-h-0{min-height:0}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vw}.max-h-32{max-height:calc(var(--spacing) * 32)}.max-h-40{max-height:calc(var(--spacing) * 40)}.max-h-48{max-height:calc(var(--spacing) * 48)}.max-h-60{max-height:calc(var(--spacing) * 60)}.max-h-\[200px\]{max-height:200px}.size{width:calc(var(--spacing) * );height:calc(var(--spacing) * )}.size-{width:calc(var(--spacing) * );height:calc(var(--spacing) * )}.size-compact{width:calc(var(--spacing) * compact);height:calc(var(--spacing) * compact)}.size-default{width:calc(var(--spacing) * default);height:calc(var(--spacing) * default)}.size-supercompact{width:calc(var(--spacing) * supercompact);height:calc(var(--spacing) * supercompact)}.inset-0{inset:0}.top{top:calc(var(--spacing) * )}.top-0{top:0}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:calc(var(--spacing) * 1)}.top-bar-app-popover{top:calc(var(--spacing) * bar-app-popover)}.top-bar-avatar{top:calc(var(--spacing) * bar-avatar)}.top-bar-divider{top:calc(var(--spacing) * bar-divider)}.top-bar-icon-btn{top:calc(var(--spacing) * bar-icon-btn)}.top-bar-left{top:calc(var(--spacing) * bar-left)}.top-bar-menu-btn{top:calc(var(--spacing) * bar-menu-btn)}.top-bar-right{top:calc(var(--spacing) * bar-right)}.top-bar-user-btn{top:calc(var(--spacing) * bar-user-btn)}.top-bar-user-name{top:calc(var(--spacing) * bar-user-name)}.top-center{top:calc(var(--spacing) * center)}.top-end{top:calc(var(--spacing) * end)}.top-full{top:100%}.top-left{top:calc(var(--spacing) * left)}.top-right{top:calc(var(--spacing) * right)}.top-start{top:calc(var(--spacing) * start)}.right{right:calc(var(--spacing) * )}.right-0{right:0}.right-0\.5{right:calc(var(--spacing) * .5)}.right-end{right:calc(var(--spacing) * end)}.right-start{right:calc(var(--spacing) * start)}.right-to-left{right:calc(var(--spacing) * to-left)}.text-align\:right{right:calc(var(--spacing) * )}.bottom{bottom:calc(var(--spacing) * )}.bottom-center{bottom:calc(var(--spacing) * center)}.bottom-end{bottom:calc(var(--spacing) * end)}.bottom-left{bottom:calc(var(--spacing) * left)}.bottom-right{bottom:calc(var(--spacing) * right)}.bottom-start{bottom:calc(var(--spacing) * start)}.left{left:calc(var(--spacing) * )}.left-0{left:0}.left-end{left:calc(var(--spacing) * end)}.left-start{left:calc(var(--spacing) * start)}.start{inset-inline-start:calc(var(--spacing) * )}.end{inset-inline-end:calc(var(--spacing) * )}.text{color:}.text-2xl{font-size:var(--text-2xl);line-height:var(--text-2xl--line-height)}.text-2xs{font-size:var(--text-2xs);line-height:var(--text-2xs--line-height)}.text-3xl{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}.text-4xl{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height)}.text-\[--color-text-body\]{color:--color-text-body}.text-\[--color-text-heading\]{color:--color-text-heading}.text-\[--color-text-muted\]{color:--color-text-muted}.text-\[10px\]{color:10px}.text-\[20px\]{color:20px}.text-amber-600{color:var(--color-amber-600)}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-base{font-size:var(--text-base);line-height:var(--text-base--line-height)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-dark{color:var(--color-dark)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-green-800{color:var(--color-green-800)}.text-green-900{color:var(--color-green-900)}.text-indigo-800{color:var(--color-indigo-800)}.text-lg{font-size:var(--text-lg);line-height:var(--text-lg--line-height)}.text-muted{color:muted}.text-neutral-300{color:var(--color-neutral-300)}.text-neutral-400{color:var(--color-neutral-400)}.text-neutral-500{color:var(--color-neutral-500)}.text-neutral-600{color:var(--color-neutral-600)}.text-neutral-700{color:var(--color-neutral-700)}.text-neutral-800{color:var(--color-neutral-800)}.text-nowrap{color:nowrap}.text-orange-800{color:var(--color-orange-800)}.text-pink-800{color:var(--color-pink-800)}.text-primary{color:var(--color-primary)}.text-purple-800{color:var(--color-purple-800)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-red-800{color:var(--color-red-800)}.text-red-900{color:var(--color-red-900)}.text-sky-700{color:var(--color-sky-700)}.text-sky-800{color:var(--color-sky-800)}.text-sky-900{color:var(--color-sky-900)}.text-sm{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.text-small{color:small}.text-success{color:var(--color-success)}.text-teal-800{color:var(--color-teal-800)}.text-text-body{color:var(--color-text-body)}.text-text-heading{color:var(--color-text-heading)}.text-text-muted{color:var(--color-text-muted)}.text-text-on-dark{color:var(--color-text-on-dark)}.text-text-on-dark-faint{color:var(--color-text-on-dark-faint)}.text-text-on-dark-muted{color:var(--color-text-on-dark-muted)}.text-text-on-dark-subtle{color:var(--color-text-on-dark-subtle)}.text-violet-800{color:var(--color-violet-800)}.text-white{color:var(--color-white)}.text-white\/85{color:color-mix(in oklab,var(--color-white) 85%,transparent)}.text-xl{font-size:var(--text-xl);line-height:var(--text-xl--line-height)}.text-xs{font-size:var(--text-xs);line-height:var(--text-xs--line-height)}.text-yellow-700{color:var(--color-yellow-700)}.text-yellow-900{color:var(--color-yellow-900)}.text\/csv{color:}.text\/plain{color:}.font-bold{font-weight:var(--font-weight-bold)}.font-display{font-family:var(--font-display)}.font-extrabold{font-weight:var(--font-weight-extrabold)}.font-heading{font-family:var(--font-heading)}.font-medium{font-weight:var(--font-weight-medium)}.font-normal{font-weight:var(--font-weight-normal)}.font-semibold{font-weight:var(--font-weight-semibold)}.italic{font-style:italic}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.normal-case{text-transform:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-middle{vertical-align:middle}.tracking-normal{letter-spacing:var(--tracking-normal)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.tracking-widest{letter-spacing:var(--tracking-widest)}.leading{line-height:}.leading-0{line-height:0}.leading-\[1\.05\]{line-height:1.05}.leading-\[1\.7\]{line-height:1.7}.leading-none{line-height:1}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-snug{line-height:var(--leading-snug)}.leading-tight{line-height:var(--leading-tight)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bg-\[\#e10600\]{background-color:#e10600}.bg-amber-100{background-color:var(--color-amber-100)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-500{background-color:var(--color-amber-500)}.bg-amber-700{background-color:var(--color-amber-700)}.bg-blue{background-color:blue}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-center{background-position:50%}.bg-cover{background-size:cover}.bg-cyan-500{background-color:var(--color-cyan-500)}.bg-dark{background-color:var(--color-dark)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-500{background-color:var(--color-emerald-500)}.bg-gray{background-color:gray}.bg-green{background-color:green}.bg-green-100{background-color:var(--color-green-100)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-700{background-color:var(--color-green-700)}.bg-green-900{background-color:var(--color-green-900)}.bg-image{background-color:image}.bg-indigo-100{background-color:var(--color-indigo-100)}.bg-neutral-100{background-color:var(--color-neutral-100)}.bg-neutral-200{background-color:var(--color-neutral-200)}.bg-neutral-50{background-color:var(--color-neutral-50)}.bg-neutral-500{background-color:var(--color-neutral-500)}.bg-neutral-700{background-color:var(--color-neutral-700)}.bg-no-repeat{background-repeat:no-repeat}.bg-orange-100{background-color:var(--color-orange-100)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-overlay{background-color:overlay}.bg-pink{background-color:pink}.bg-pink-100{background-color:var(--color-pink-100)}.bg-pink-500{background-color:var(--color-pink-500)}.bg-primary{background-color:var(--color-primary)}.bg-primary\/5{background-color:color-mix(in oklab,var(--color-primary) 5%,transparent)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-100{background-color:var(--color-red-100)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-700{background-color:var(--color-red-700)}.bg-red-900{background-color:var(--color-red-900)}.bg-rose-500{background-color:var(--color-rose-500)}.bg-sky-100{background-color:var(--color-sky-100)}.bg-sky-200{background-color:var(--color-sky-200)}.bg-sky-50{background-color:var(--color-sky-50)}.bg-sky-700{background-color:var(--color-sky-700)}.bg-sky-800{background-color:var(--color-sky-800)}.bg-sky-900{background-color:var(--color-sky-900)}.bg-surface{background-color:var(--color-surface)}.bg-teal-200{background-color:var(--color-teal-200)}.bg-transparent{background-color:initial}.bg-violet-100{background-color:var(--color-violet-100)}.bg-white{background-color:var(--color-white)}.bg-white\/15{background-color:color-mix(in oklab,var(--color-white) 15%,transparent)}.bg-white\/97{background-color:color-mix(in oklab,var(--color-white) 97%,transparent)}.bg-yellow{background-color:#ff0}.bg-yellow-50{background-color:var(--color-yellow-50)}.bg-yellow-700{background-color:var(--color-yellow-700)}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-linear-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-linear-\[135deg\]{background-image:linear-gradient(135deg,var(--tw-gradient-stops))}.from-dark{--tw-gradient-from:var(--color-dark);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from) var(--tw-gradient-from-position, ), var(--tw-gradient-to) var(--tw-gradient-to-position, )}.from-dark-overlay-heavy{--tw-gradient-from:var(--color-dark-overlay-heavy);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from) var(--tw-gradient-from-position, ), var(--tw-gradient-to) var(--tw-gradient-to-position, )}.from-primary{--tw-gradient-from:var(--color-primary);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from) var(--tw-gradient-from-position, ), var(--tw-gradient-to) var(--tw-gradient-to-position, )}.from-primary-dark{--tw-gradient-from:var(--color-primary-dark);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from) var(--tw-gradient-from-position, ), var(--tw-gradient-to) var(--tw-gradient-to-position, )}.from-surface{--tw-gradient-from:var(--color-surface);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from) var(--tw-gradient-from-position, ), var(--tw-gradient-to) var(--tw-gradient-to-position, )}.via-\[40\%\]{--tw-gradient-via-position:40%}.via-primary{--tw-gradient-via:var(--color-primary);--tw-gradient-stops:var(--tw-gradient-from) var(--tw-gradient-from-position, ), var(--tw-gradient-via) var(--tw-gradient-via-position, ), var(--tw-gradient-to) var(--tw-gradient-to-position, )}.to-dark-deep{--tw-gradient-to:var(--color-dark-deep)}.to-dark-overlay-light{--tw-gradient-to:var(--color-dark-overlay-light)}.to-primary-dark{--tw-gradient-to:var(--color-primary-dark)}.to-primary-hover{--tw-gradient-to:var(--color-primary-hover)}.to-surface-subtle{--tw-gradient-to:var(--color-surface-subtle)}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-amber-200{border-color:var(--color-amber-200)}.border-amber-300{border-color:var(--color-amber-300)}.border-amber-600{border-color:var(--color-amber-600)}.border-amber-700{border-color:var(--color-amber-700)}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-blue-600{border-color:var(--color-blue-600)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-green-300{border-color:var(--color-green-300)}.border-green-500{border-color:var(--color-green-500)}.border-green-600{border-color:var(--color-green-600)}.border-green-700{border-color:var(--color-green-700)}.border-neutral-100{border-color:var(--color-neutral-100)}.border-neutral-200{border-color:var(--color-neutral-200)}.border-neutral-300{border-color:var(--color-neutral-300)}.border-neutral-500{border-color:var(--color-neutral-500)}.border-neutral-600{border-color:var(--color-neutral-600)}.border-none{border-style:none}.border-orange-300{border-color:var(--color-orange-300)}.border-orange-600{border-color:var(--color-orange-600)}.border-pink-300{border-color:var(--color-pink-300)}.border-pink-600{border-color:var(--color-pink-600)}.border-primary{border-color:var(--color-primary)}.border-purple-300{border-color:var(--color-purple-300)}.border-purple-600{border-color:var(--color-purple-600)}.border-red-200{border-color:var(--color-red-200)}.border-red-300{border-color:var(--color-red-300)}.border-red-400{border-color:var(--color-red-400)}.border-red-500{border-color:var(--color-red-500)}.border-red-600{border-color:var(--color-red-600)}.border-red-700{border-color:var(--color-red-700)}.border-sky-200{border-color:var(--color-sky-200)}.border-sky-800{border-color:var(--color-sky-800)}.border-transparent{border-color:transparent}.border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}.border-yellow-300{border-color:var(--color-yellow-300)}.border-t{border-top-width:1px}.border-t-3{border-top-width:3px}.border-t-border-on-dark{border-top-color:var(--color-border-on-dark)}.border-t-neutral-200{border-top-color:var(--color-neutral-200)}.border-t-primary{border-top-color:var(--color-primary)}.border-r{border-right-width:1px}.border-r-0{border-right-width:0}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-3{border-bottom-width:3px}.border-b-neutral-100{border-bottom-color:var(--color-neutral-100)}.border-b-neutral-200{border-bottom-color:var(--color-neutral-200)}.border-b-primary{border-bottom-color:var(--color-primary)}.border-b-transparent{border-bottom-color:transparent}.border-l-2{border-left-width:2px}.border-l-3{border-left-width:3px}.border-l-green-600{border-left-color:var(--color-green-600)}.border-l-primary{border-left-color:var(--color-primary)}.border-l-red-600{border-left-color:var(--color-red-600)}.border-l-transparent{border-left-color:transparent}.rounded{border-radius:var(--radius-md)}.rounded-default{border-radius:var(--radius-default)}.rounded-full{border-radius:var(--radius-full)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-l-default{border-top-left-radius:var(--radius-default);border-bottom-left-radius:var(--radius-default)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.ring-2{--tw-ring-shadow:0 0 0 2px var(--tw-ring-color, currentColor);box-shadow:var(--tw-ring-shadow)}.ring-red-500{--tw-ring-color:var(--color-red-500)}.ring-sky-500{--tw-ring-color:var(--color-sky-500)}.ring-offset-1{--tw-ring-offset-width:1px}.outline{outline-style:solid}.outline-none{outline:2px solid transparent;outline-offset:2px}.shadow-\[inset_0_0_0_1px_currentColor\]{box-shadow:inset 0 0 0 1px currentColor}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-none{box-shadow:0 0 #0000}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-xs{box-shadow:var(--shadow-xs)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-85{opacity:.85}.opacity-90{opacity:.9}.blur{--tw-blur:blur(var(--blur-md));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-\[0\.5px\]{--tw-blur:blur(0.5px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.blur-\[3px\]{--tw-blur:blur(3px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.brightness-0{--tw-brightness:brightness(0%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_25px_25px_rgba\(0\,0\,0\,0\.15\)\]{--tw-drop-shadow:drop-shadow(0 25px 25px rgba(0,0,0,0.15));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-\[0_25px_50px_rgb\(0_0_0\/0\.25\)\]{--tw-drop-shadow:drop-shadow(0 25px 50px rgb(0 0 0/0.25));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(var(--blur-md));backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-invert,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)var(--tw-backdrop-opacity,)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,translate,scale,rotate,filter,backdrop-filter;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration)}.transition-all{transition-property:all;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--default-transition-timing-function);transition-duration:var(--default-transition-duration)}.duration-150{transition-duration:150ms}.ease-out{transition-timing-function:var(--ease-out)}.delay{transition-delay:ms}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.animate-scramble-pop{animation:var(--animate-scramble-pop)}.animate-scramble-shake{animation:var(--animate-scramble-shake)}.scale{scale:%}.scale-110{scale:110%}.-translate-y-1\/2{translate:0 calc(calc(var(--spacing) * 1) * -1)}.cursor-pointer{cursor:pointer}.cursor-move{cursor:move}.cursor-not-allowed{cursor:not-allowed}.cursor-crosshair{cursor:crosshair}.cursor-grab{cursor:grab}.pointer-events-none{pointer-events:none}.resize-none{resize:none}.resize{resize:both}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.select-none{user-select:none}.touch-none{touch-action:none}.border-collapse{border-collapse:collapse}.table-fixed{table-layout:fixed}.divide-x>:not(:first-child){border-left-width:1px}.divide-neutral-300{border-color:var(--color-neutral-300)}.accent-primary{accent-color:var(--color-primary)}.list-none{list-style-type:none}.list-disc{list-style-type:disc}.clip-angle-lg{clip-path:polygon(10px 0,100% 0,calc(100% - 10px) 100%,0 100%)}.clip-angle-md{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%)}.clip-angle-sm{clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%)}.clip-hex{clip-path:polygon(12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%,0 12px)}.focus-visible\:outline-2:focus-visible{outline-width:2px}.focus-visible\:outline-current:focus-visible{outline-color:currentColor}.focus-visible\:outline-offset-2:focus-visible{outline-offset:2px}.active\:bg-green-900:active{background-color:var(--color-green-900)}.active\:bg-neutral-300:active{background-color:var(--color-neutral-300)}.active\:cursor-grabbing:active{cursor:grabbing}.hover\:text-danger:hover{color:var(--color-danger)}.hover\:text-neutral-600:hover{color:var(--color-neutral-600)}.hover\:text-neutral-700:hover{color:var(--color-neutral-700)}.hover\:text-neutral-900:hover{color:var(--color-neutral-900)}.hover\:text-primary:hover{color:var(--color-primary)}.hover\:text-primary-dark:hover{color:var(--color-primary-dark)}.hover\:text-red-600:hover{color:var(--color-red-600)}.hover\:text-text-body:hover{color:var(--color-text-body)}.hover\:text-text-heading:hover{color:var(--color-text-heading)}.hover\:underline:hover{text-decoration-line:underline}.hover\:bg-\[\#e0e0e0\]:hover{background-color:#e0e0e0}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-dark-raised:hover{background-color:var(--color-dark-raised)}.hover\:bg-emerald-700:hover{background-color:var(--color-emerald-700)}.hover\:bg-green-50:hover{background-color:var(--color-green-50)}.hover\:bg-green-800:hover{background-color:var(--color-green-800)}.hover\:bg-green-950:hover{background-color:var(--color-green-950)}.hover\:bg-neutral-100:hover{background-color:var(--color-neutral-100)}.hover\:bg-neutral-200:hover{background-color:var(--color-neutral-200)}.hover\:bg-neutral-300:hover{background-color:var(--color-neutral-300)}.hover\:bg-neutral-50:hover{background-color:var(--color-neutral-50)}.hover\:bg-neutral-800:hover{background-color:var(--color-neutral-800)}.hover\:bg-primary-hover:hover{background-color:var(--color-primary-hover)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-800:hover{background-color:var(--color-red-800)}.hover\:bg-red-950:hover{background-color:var(--color-red-950)}.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\:bg-sky-50:hover{background-color:var(--color-sky-50)}.hover\:bg-sky-800:hover{background-color:var(--color-sky-800)}.hover\:bg-sky-950:hover{background-color:var(--color-sky-950)}.hover\:bg-surface-subtle:hover{background-color:var(--color-surface-subtle)}.hover\:bg-white\/30:hover{background-color:color-mix(in oklab,var(--color-white) 30%,transparent)}.hover\:bg-yellow-800:hover{background-color:var(--color-yellow-800)}.hover\:border-blue-500:hover{border-color:var(--color-blue-500)}.hover\:border-b-primary:hover{border-bottom-color:var(--color-primary)}.hover\:border-l-primary:hover{border-left-color:var(--color-primary)}.hover\:shadow-\[inset_0_0_0_2px_currentColor\]:hover{box-shadow:inset 0 0 0 2px currentColor}.hover\:shadow-md:hover{box-shadow:var(--shadow-md)}.hover\:opacity-100:hover{opacity:1}.hover\:scale-105:hover{scale:105%}.hover\:rotate-3:hover{rotate:3deg}.even\:bg-neutral-100:nth-child(even){background-color:var(--color-neutral-100)}.even\:bg-neutral-50:nth-child(even){background-color:var(--color-neutral-50)}.last\:border-r-0:last-child{border-right-width:0}.last\:border-b-0:last-child{border-bottom-width:0}.odd\:bg-white:nth-child(odd){background-color:var(--color-white)}.disabled\:text-neutral-300:disabled{color:var(--color-neutral-300)}.disabled\:text-neutral-400:disabled{color:var(--color-neutral-400)}.disabled\:bg-neutral-100:disabled{background-color:var(--color-neutral-100)}.disabled\:hover\:bg-green-700:hover:disabled{background-color:var(--color-green-700)}.disabled\:hover\:bg-transparent:hover:disabled{background-color:initial}.disabled\:opacity-40:disabled{opacity:.4}.disabled\:opacity-50:disabled{opacity:.5}.disabled\:opacity-60:disabled{opacity:.6}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.focus\:bg-red-50:focus{background-color:var(--color-red-50)}.focus\:bg-sky-50:focus{background-color:var(--color-sky-50)}.focus\:border-primary:focus{border-color:var(--color-primary)}.focus\:ring-1:focus{--tw-ring-shadow:0 0 0 1px var(--tw-ring-color, currentColor);box-shadow:var(--tw-ring-shadow)}.focus\:ring-primary:focus{--tw-ring-color:var(--color-primary)}.focus\:outline-2:focus{outline-width:2px}.focus\:outline-green-500:focus{outline-color:var(--color-green-500)}.focus\:outline-red-500:focus{outline-color:var(--color-red-500)}.focus\:outline-sky-500:focus{outline-color:var(--color-sky-500)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:outline-offset-1:focus{outline-offset:1px}.focus\:shadow-\[inset_0_0_0_2px_var\(--color-red-500\)\]:focus{box-shadow:inset 0 0 0 2px var(--color-red-500)}.placeholder\:text-neutral-400::placeholder{color:var(--color-neutral-400)}.file\:px-3::file-selector-button{padding-left:calc(var(--spacing) * 3);padding-right:calc(var(--spacing) * 3)}.file\:px-4::file-selector-button{padding-left:calc(var(--spacing) * 4);padding-right:calc(var(--spacing) * 4)}.file\:py-\[2px\]::file-selector-button{padding-top:2px;padding-bottom:2px}.file\:py-\[3px\]::file-selector-button{padding-top:3px;padding-bottom:3px}.file\:mr-2::file-selector-button{margin-right:calc(var(--spacing) * 2)}.file\:ml-1::file-selector-button{margin-left:calc(var(--spacing) * 1)}.file\:text-sm::file-selector-button{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.file\:bg-neutral-100::file-selector-button{background-color:var(--color-neutral-100)}.file\:hover\:bg-neutral-200:hover::file-selector-button{background-color:var(--color-neutral-200)}.file\:border::file-selector-button{border-width:1px}.file\:border-neutral-300::file-selector-button{border-color:var(--color-neutral-300)}.file\:rounded-default::file-selector-button{border-radius:var(--radius-default)}.file\:shadow-xs::file-selector-button{box-shadow:var(--shadow-xs)}.file\:cursor-pointer::file-selector-button{cursor:pointer}.group\/drivers:hover .group-hover\/drivers\:visible{visibility:visible}.group\/tracks:hover .group-hover\/tracks\:visible{visibility:visible}.group\/item:hover .group-hover\/item\:text-primary{color:var(--color-primary)}.group:hover .group-hover\:text-primary{color:var(--color-primary)}.group\/drivers:hover .group-hover\/drivers\:border-b-primary{border-bottom-color:var(--color-primary)}.group\/tracks:hover .group-hover\/tracks\:border-b-primary{border-bottom-color:var(--color-primary)}.group\/drivers:hover .group-hover\/drivers\:opacity-100{opacity:1}.group\/tracks:hover .group-hover\/tracks\:opacity-100{opacity:1}.group\/drivers:hover .group-hover\/drivers\:rotate-180{rotate:180deg}.group\/tracks:hover .group-hover\/tracks\:rotate-180{rotate:180deg}.group\/footer:hover .group-hover\/footer\:translate-x-1{translate:calc(var(--spacing) * 1)0}@media(min-width:640px){.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:p-6{padding:calc(var(--spacing) * 6)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:px-8{padding-left:calc(var(--spacing) * 8);padding-right:calc(var(--spacing) * 8)}.sm\:py-20{padding-top:calc(var(--spacing) * 20);padding-bottom:calc(var(--spacing) * 20)}.sm\:text-4xl{font-size:var(--text-4xl);line-height:var(--text-4xl--line-height)}}@media(min-width:768px){.md\:block{display:block}.md\:hidden{display:none}.md\:flex-row{flex-direction:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-8{gap:calc(var(--spacing) * 8)}.md\:justify-center{justify-content:center}.md\:text-5xl{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height)}}@media(min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:sticky{position:sticky}.lg\:flex-row{flex-direction:row}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-\[2fr_1fr\]{grid-template-columns:repeat(2fr 1fr,minmax(0,1fr))}.lg\:gap-16{gap:calc(var(--spacing) * 16)}.lg\:gap-5{gap:calc(var(--spacing) * 5)}.lg\:items-center{align-items:center}.lg\:self-start{align-self:flex-start}.lg\:p-8{padding:calc(var(--spacing) * 8)}.lg\:px-6{padding-left:calc(var(--spacing) * 6);padding-right:calc(var(--spacing) * 6)}.lg\:py-16{padding-top:calc(var(--spacing) * 16);padding-bottom:calc(var(--spacing) * 16)}.lg\:py-20{padding-top:calc(var(--spacing) * 20);padding-bottom:calc(var(--spacing) * 20)}.lg\:py-24{padding-top:calc(var(--spacing) * 24);padding-bottom:calc(var(--spacing) * 24)}.lg\:py-\[4\.5rem\]{padding-top:4.5rem;padding-bottom:4.5rem}.lg\:pt-20{padding-top:calc(var(--spacing) * 20)}.lg\:pt-32{padding-top:calc(var(--spacing) * 32)}.lg\:pb-20{padding-bottom:calc(var(--spacing) * 20)}.lg\:pb-36{padding-bottom:calc(var(--spacing) * 36)}.lg\:pl-16{padding-left:calc(var(--spacing) * 16)}.lg\:mx-auto{margin-left:auto;margin-right:auto}.lg\:w-64{width:calc(var(--spacing) * 64)}.lg\:max-w-7xl{max-width:var(--container-7xl)}.lg\:max-w-\[28rem\]{max-width:28rem}.lg\:top-24{top:calc(var(--spacing) * 24)}.lg\:text-3xl{font-size:var(--text-3xl);line-height:var(--text-3xl--line-height)}.lg\:text-5xl{font-size:var(--text-5xl);line-height:var(--text-5xl--line-height)}.lg\:text-6xl{font-size:var(--text-6xl);line-height:var(--text-6xl--line-height)}.lg\:text-base{font-size:var(--text-base);line-height:var(--text-base--line-height)}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--text-lg--line-height)}.lg\:text-sm{font-size:var(--text-sm);line-height:var(--text-sm--line-height)}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--text-xl--line-height)}.lg\:text-left{text-align:left}.lg\:border-white\/20{border-color:color-mix(in oklab,var(--color-white) 20%,transparent)}.lg\:border-l{border-left-width:1px}}@media(min-width:1280px){.xl\:flex{display:flex}.xl\:\!hidden{display:none!important}.xl\:hidden{display:none}.xl\:flex-row{flex-direction:row}.xl\:flex-row-reverse{flex-direction:row-reverse}.xl\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.xl\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.xl\:w-\[45\%\]{width:45%}.xl\:w-\[55\%\]{width:55%}.xl\:max-w-\[32rem\]{max-width:32rem}}}@scope(.ui-accordion){:scope {
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        overflow: hidden;
    }

    .ui-accordion-item {
        border-bottom: 1px solid var(--color-neutral-200);
    }
    .ui-accordion-item:last-child {
        border-bottom: none;
    }

    .ui-accordion-trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0.75rem 1rem;
        text-align: left;
        font-weight: var(--font-weight-medium);
        color: var(--color-neutral-900);
        background-color: var(--color-neutral-50);
        cursor: pointer;
        border: none;
        transition: background-color 0.15s ease, color 0.15s ease;
    }
    .ui-accordion-trigger:hover {
        background-color: var(--color-neutral-100);
    }
    .ui-accordion-trigger:active {
        background-color: var(--color-neutral-200);
    }
    .ui-accordion-trigger:focus {
        outline: none;
    }
    .ui-accordion-trigger:disabled {
        color: var(--color-neutral-400);
        cursor: not-allowed;
        background-color: var(--color-neutral-50);
    }

    .ui-accordion-title {
        flex: 1;
    }

    .ui-accordion-icon {
        color: var(--color-neutral-500);
        line-height: 0;
        transition: transform 0.2s ease;
    }
    .ui-accordion-icon.open {
        transform: rotate(180deg);
    }

    .ui-accordion-content {
        padding: 0 1rem 1rem 1rem;
        color: var(--color-neutral-700);
        animation: accordionSlideDown 0.2s ease-out;
    }
}@keyframes accordionSlideDown{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@scope(.ui-alert){:scope {
        padding: calc(var(--spacing) * 4);
        border-radius: var(--radius-default);
        box-shadow: var(--shadow-xs);
        border: 1px solid;
    }

    .header {
        font-weight: var(--font-weight-semibold);
        margin-bottom: calc(var(--spacing) * 2);
    }

    .body { font-size: var(--text-sm); }

    :scope.white {
        background-color: var(--color-white);
        border-color: var(--color-neutral-100);
    }

    :scope.gray {
        background-color: var(--color-neutral-50);
        border-color: var(--color-neutral-200);
    }

    :scope.blue {
        background-color: var(--color-sky-50);
        border-color: var(--color-sky-200);
    }

    :scope.green {
        background-color: var(--color-green-50);
        border-color: var(--color-green-200);
    }

    :scope.red {
        background-color: var(--color-red-50);
        border-color: var(--color-red-200);
    }

    :scope.yellow {
        background-color: var(--color-yellow-50);
        border-color: var(--color-yellow-200);
    }
}@scope(.ui-border-cut-corner-card){:scope {
        position: relative;
        isolation: isolate;
        padding: calc(var(--spacing) * 5);
        width: 100%;
    }

    :scope::before {
        content: '';
        position: absolute;
        inset: 0;
        background: var(--color-neutral-300);
        clip-path: polygon(16px 0, 100% 0, 100% calc(100% - 16px), calc(100% - 16px) 100%, 0 100%, 0 16px);
        z-index: -2;
    }

    :scope::after {
        content: '';
        position: absolute;
        inset: 1px;
        background: var(--color-white);
        clip-path: polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);
        z-index: -1;
    }

    :scope.no-padding { padding: 0; }
}@scope(.ui-border-card){:scope {
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        padding: calc(var(--spacing) * 5);
        width: 100%;
    }

    :scope.no-padding { padding: 0; }
}@scope(.ui-card){:scope {
        background-color: var(--color-white);
        box-shadow: var(--shadow-sm);
        border-radius: var(--radius-default);
        width: 100%;
    }

    :scope:not(.no-padding) { padding: calc(var(--spacing) * 5); }
    :scope:not(.no-flex) { flex: 1; }

    .header {
        font-size: var(--text-xl);
        letter-spacing: var(--tracking-tight);
        color: var(--color-black);
        margin-bottom: calc(var(--spacing) * 5);
    }
    .header.center { text-align: center; }
    .header hr {
        color: var(--color-neutral-200);
        margin-top: var(--spacing);
        margin-bottom: calc(var(--spacing) * 3);
    }

    .subheader {
        font-size: var(--text-lg);
        letter-spacing: var(--tracking-tight);
        color: var(--color-black);
        margin-bottom: calc(var(--spacing) * 2);
    }

    .spacer { margin-bottom: calc(var(--spacing) * 6); }
}@scope(.ui-tabs){:scope { width: 100%; }

    .header {
        overflow-x: auto;
        display: flex;
        flex-direction: row;
        gap: 0;
        width: 100%;
        font-size: var(--text-sm);
        margin-bottom: 0;
    }

    .tab {
        display: flex;
        align-items: center;
        gap: 0.4rem;
        cursor: pointer;
        padding: 0.5rem 1rem;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-muted);
        background: none;
        border: none;
        border-bottom: 2px solid var(--color-neutral-200);
        transition: color 120ms, border-color 120ms;
    }
    .tab:hover {
        color: var(--color-text-body);
    }
    .tab.active {
        color: var(--color-primary);
        border-bottom-color: var(--color-primary);
    }

    .tab-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 1.25rem;
        height: 1.25rem;
        padding: 0 0.3rem;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        background: var(--color-primary);
        color: var(--color-white);
        border-radius: 999px;
    }

    .filler {
        flex: 1;
        align-self: flex-end;
        border-bottom: 2px solid var(--color-neutral-200);
    }

    .panel {
        padding-top: calc(var(--spacing) * 4);
    }

    .panel.hidden {
        display: none;
    }
}@scope(.ui-menu){:scope {
        background-color: var(--color-white);
        border-radius: var(--radius-default);
        box-shadow: var(--shadow-lg);
        border: 1px solid var(--color-neutral-200);
        padding: calc(var(--spacing) * 1) 0;
        min-width: 12rem;
        max-height: 24rem;
        overflow-y: auto;
    }

    .item {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        width: 100%;
        padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
        font-size: var(--text-sm);
        text-align: left;
        color: var(--color-neutral-700);
        background: none;
        border: none;
        cursor: pointer;
    }
    .item:hover { background-color: var(--color-neutral-100); color: var(--color-neutral-900); }
    .item:focus { background-color: var(--color-neutral-100); outline: none; }
    .item:disabled, .item.disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
    .item:disabled:hover, .item.disabled:hover { background-color: transparent; }

    .item .icon { flex-shrink: 0; }
    .item .icon.trailing { margin-left: auto; color: var(--color-neutral-400); }

    .divider {
        margin: calc(var(--spacing) * 1) 0;
        border: none;
        border-top: 1px solid var(--color-neutral-200);
    }

    .section {
        padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-500);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-align: left;
    }

    .submenu-trigger {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .submenu-trigger .label {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
    }
}@scope(.ui-popover){:scope {
        background-color: var(--color-white);
        border-radius: var(--radius-default);
        box-shadow: var(--shadow-lg);
        border: 1px solid var(--color-neutral-200);
    }
}.ui-calendar{padding:calc(var(--spacing) * 2);min-width:240px}.calendar-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:calc(var(--spacing) * 2);gap:.25rem}.calendar-month-select,.calendar-year-select{flex:1;padding:.25rem .5rem;font-size:var(--text-sm);font-weight:var(--font-weight-semibold);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm);background:var(--color-white);color:var(--color-text-heading);cursor:pointer}.calendar-month-select:focus,.calendar-year-select:focus{outline:none;border-color:var(--color-primary)}.calendar-nav{background:0 0;border:none;padding:calc(var(--spacing) * 1);cursor:pointer;color:var(--color-text-muted);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.calendar-nav:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.calendar-month-year{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-heading);margin:0 .75rem;white-space:nowrap}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-bottom:calc(var(--spacing) * 1)}.calendar-weekday{text-align:center;font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);padding:calc(var(--spacing) * 1)}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm);background:0 0;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-body);padding:0}.calendar-day-number{line-height:1}.calendar-day.empty{cursor:default}.calendar-day:not(.empty):hover{background:var(--color-neutral-100)}.calendar-day.today{font-weight:var(--font-weight-bold);color:var(--color-primary)}.calendar-day.selected{background:var(--color-primary);color:#fff}.ui-calendar-month{padding:0;min-width:0;width:100%;background:var(--color-white);border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);box-shadow:var(--shadow-sm,0 1px 2px rgba(0,0,0,4%));overflow:hidden}.ui-calendar-month .calendar-header{padding:.75rem 1rem;margin-bottom:0;border-bottom:1px solid var(--color-neutral-200);background:var(--color-neutral-50,#fafafa)}.ui-calendar-month .calendar-month-year{font-size:var(--text-lg);font-family:var(--font-heading);margin:0 1rem;flex:1;text-align:center}.ui-calendar-month .calendar-weekdays{gap:0;margin-bottom:0;border-bottom:1px solid var(--color-neutral-200)}.ui-calendar-month .calendar-weekday{padding:.5rem;text-transform:uppercase;letter-spacing:.05em}.ui-calendar-month .calendar-days{gap:0}.ui-calendar-month .calendar-day{aspect-ratio:auto;min-height:6.5rem;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:.375rem;border-radius:0;border-right:1px solid var(--color-neutral-200);border-bottom:1px solid var(--color-neutral-200);text-align:left;gap:.25rem;font-size:var(--text-xs)}.ui-calendar-month .calendar-days>.calendar-day:nth-child(7n){border-right:none}.ui-calendar-month .calendar-day.empty{background:var(--color-neutral-50,#fafafa)}.ui-calendar-month .calendar-day:not(.empty):hover{background:var(--color-neutral-50,#fafafa)}.ui-calendar-month .calendar-day-number{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);align-self:flex-end;padding:.125rem .25rem}.ui-calendar-month .calendar-day.today .calendar-day-number{background:var(--color-primary);color:var(--color-white);border-radius:999px;width:1.5rem;height:1.5rem;display:inline-flex;align-items:center;justify-content:center;padding:0}.ui-calendar-month .calendar-day.selected{background:var(--color-primary-50,rgba(59,130,246,8%));color:var(--color-text-body)}.calendar-event-list{display:flex;flex-direction:column;gap:.25rem;overflow:hidden}.calendar-event-chip{display:block;font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:.25rem .375rem;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-white);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.calendar-event-chip.more{background:var(--color-neutral-200);color:var(--color-text-muted);text-align:center}.date-picker-trigger{position:relative;display:flex;align-items:center}.date-picker-trigger .ui-form{flex:1;padding-right:calc(var(--spacing) * 8)}.date-picker-icon{position:absolute;right:calc(var(--spacing) * 2.5);color:var(--color-text-muted);pointer-events:none}.date-picker-content{padding:0}.date-picker-container{position:relative;display:inline-block}.date-picker-dropdown{position:absolute;top:100%;left:0;margin-top:4px;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-default);box-shadow:0 4px 12px rgba(0,0,0,.15);padding:var(--spacing);z-index:9999}.date-picker{position:relative;display:inline-flex;width:100%}.date-picker>div{flex:1}.date-picker .ui-form{width:100%}.date-picker-icon-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:0 0;border:none;padding:4px;cursor:pointer;color:var(--color-text-muted);display:flex;align-items:center}.date-picker-icon-btn:hover{color:var(--color-text-body)}.date-of-birth-picker{display:flex;gap:.5rem}.date-of-birth-picker .ui-form{flex:1}@scope(.ui-tooltip){:scope {
        background-color: var(--color-neutral-800);
        color: var(--color-white);
        font-size: var(--text-sm);
        padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2.5);
        border-radius: var(--radius-default);
        box-shadow: var(--shadow-lg);
        max-width: 20rem;
        position: relative;
    }

    .arrow {
        position: absolute;
        width: 0;
        height: 0;
    }
    .arrow.top {
        bottom: -6px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid var(--color-neutral-800);
    }
    .arrow.bottom {
        top: -6px;
        left: 50%;
        transform: translateX(-50%);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-bottom: 6px solid var(--color-neutral-800);
    }
    .arrow.left {
        right: -6px;
        top: 50%;
        transform: translateY(-50%);
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid var(--color-neutral-800);
    }
    .arrow.right {
        left: -6px;
        top: 50%;
        transform: translateY(-50%);
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-right: 6px solid var(--color-neutral-800);
    }
}@scope(.ui-toast-container){:scope {
        position: fixed;
        z-index: 200;
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 2);
    }

    :scope.top-right { top: calc(var(--spacing) * 4); right: calc(var(--spacing) * 4); }
    :scope.top-left { top: calc(var(--spacing) * 4); left: calc(var(--spacing) * 4); }
    :scope.bottom-right { bottom: calc(var(--spacing) * 4); right: calc(var(--spacing) * 4); flex-direction: column-reverse; }
    :scope.bottom-left { bottom: calc(var(--spacing) * 4); left: calc(var(--spacing) * 4); flex-direction: column-reverse; }
    :scope.top-center { top: calc(var(--spacing) * 4); left: 50%; transform: translateX(-50%); }
    :scope.bottom-center { bottom: calc(var(--spacing) * 4); left: 50%; transform: translateX(-50%); flex-direction: column-reverse; }
}@scope(.ui-toast){:scope {
        position: relative;
        overflow: hidden;
        border-radius: var(--radius-default);
        box-shadow: var(--shadow-lg);
        border: 1px solid var(--color-neutral-200);
        border-left-width: 4px;
        background-color: var(--color-white);
        min-width: 18rem;
        max-width: 28rem;
        transition: opacity 150ms ease-out, transform 150ms ease-out;
    }

    :scope.exiting {
        opacity: 0;
        transform: translateX(0.5rem);
    }

    :scope.success { border-left-color: var(--color-green-700); }
    :scope.error { border-left-color: var(--color-red-700); }
    :scope.warning { border-left-color: var(--color-yellow-500); }
    :scope.info { border-left-color: var(--color-sky-800); }
    :scope.generic { border-left-color: var(--color-neutral-400); }

    .body {
        display: flex;
        align-items: flex-start;
        gap: calc(var(--spacing) * 3);
        padding: calc(var(--spacing) * 4);
    }

    .icon { flex-shrink: 0; margin-top: 2px; }
    .icon.success { color: var(--color-green-600); }
    .icon.error { color: var(--color-red-600); }
    .icon.warning { color: var(--color-yellow-600); }
    .icon.info { color: var(--color-sky-700); }

    .message {
        flex: 1;
        font-size: var(--text-sm);
        color: var(--color-neutral-800);
    }

    .dismiss {
        flex-shrink: 0;
        cursor: pointer;
        color: var(--color-neutral-400);
        background: none;
        border: none;
        padding: 0;
        transition: color var(--default-transition-duration) var(--default-transition-timing-function);
    }
    .dismiss:hover { color: var(--color-neutral-600); }

    .progress {
        height: 4px;
        width: 100%;
        background-color: var(--color-neutral-100);
    }
    .progress-bar {
        height: 100%;
        background-color: var(--color-neutral-300);
    }
}@scope(.ui-chart){:scope {
        height: 100%;
    }
}@scope(.ui-divider){:scope {
        color: var(--color-neutral-200);
        margin-bottom: calc(var(--spacing) * 3);
        margin-top: var(--spacing);
    }
}@scope(.ui-code-box){:scope {
        font-size: var(--text-xs);
        padding: calc(var(--spacing) * 3);
        background-color: var(--color-neutral-800);
        color: var(--color-neutral-100);
        border: 1px solid var(--color-neutral-700);
        border-radius: var(--radius-default);
    }
}@scope(.ui-page-header){:scope { margin-top: var(--spacing); }

    h1 {
        text-align: center;
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-light);
        color: var(--color-neutral-800);
        margin-bottom: calc(var(--spacing) * 2);
    }

    hr {
        color: var(--color-neutral-200);
        margin-bottom: calc(var(--spacing) * 2);
    }
}@scope(.ui-page-link){:scope {
        color: var(--color-sky-700);
    }
    :scope:hover {
        color: var(--color-sky-800);
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }
}@scope(.ui-loader){:scope {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: calc(var(--spacing) * 8);
    }

    .spinner {
        animation: spin 1s linear infinite;
        height: 2rem;
        width: 2rem;
        border: 4px solid var(--color-sky-700);
        border-top-color: transparent;
        border-radius: 9999px;
    }

    @keyframes spin {
        to { transform: rotate(360deg); }
    }
}@scope(.ui-breadcrumbs){:scope {
        display: flex;
        flex-direction: row;
        align-items: center;
        color: var(--color-neutral-400);
        font-size: var(--text-xs);
    }

    .crumb {
        display: flex;
        align-items: center;
    }

    .crumb a {
        color: var(--color-neutral-500);
        cursor: pointer;
        text-decoration: none;
    }
    .crumb a:hover {
        color: var(--color-neutral-700);
        text-decoration: underline;
    }

    .crumb svg {
        width: 0.7rem;
        height: 0.7rem;
        margin: 0 0.15rem;
        opacity: 0.5;
    }

    .current {
        color: var(--color-neutral-700);
        font-weight: var(--font-weight-medium);
    }
}.manager-page-header{.ui-breadcrumbs{margin-bottom:.3rem}}@scope(.ui-autotable){:scope {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        background-color: var(--color-white);
        border-radius: var(--radius-default);
        overflow: hidden;
    }

    :scope.at-shadow { box-shadow: var(--shadow-sm); }
    :scope.at-border { border: 1px solid var(--color-neutral-300); }

    .table-wrapper {
        overflow-x: auto;
        width: 100%;
    }

    table {
        min-width: 100%;
    }
    table.at-fixed { table-layout: fixed; }

    
    thead tr th { border-bottom: 1px solid var(--color-neutral-300); }

    th.color-default { background-color: var(--color-neutral-50); }
    th.color-default.sortable:hover { background-color: var(--color-neutral-300); }
    th.color-default .header-text { font-weight: var(--font-weight-bold); text-transform: uppercase; letter-spacing: 0.05em; }
    th.color-default .sort-icon { color: var(--color-black); }
    th.color-default .drag-handle { color: var(--color-neutral-500); }

    th.color-blue { background-color: var(--color-sky-900); color: var(--color-white); }
    th.color-blue.sortable:hover { background-color: var(--color-sky-800); }
    th.color-blue .header-text { font-weight: var(--font-weight-semibold); }
    th.color-blue .sort-icon { color: var(--color-white); }
    th.color-blue .drag-handle { color: rgba(255, 255, 255, 0.7); }

    th.color-green { background-color: var(--color-green-700); color: var(--color-white); }
    th.color-green.sortable:hover { background-color: var(--color-green-800); }
    th.color-green .header-text { font-weight: var(--font-weight-semibold); }
    th.color-green .sort-icon { color: var(--color-white); }
    th.color-green .drag-handle { color: rgba(255, 255, 255, 0.7); }

    th.color-gray { background-color: var(--color-neutral-600); color: var(--color-white); }
    th.color-gray.sortable:hover { background-color: var(--color-neutral-500); }
    th.color-gray .header-text { font-weight: var(--font-weight-semibold); }
    th.color-gray .sort-icon { color: var(--color-white); }
    th.color-gray .drag-handle { color: rgba(255, 255, 255, 0.7); }

    th.sortable { cursor: pointer; }
    th.draggable { user-select: none; cursor: grab; }
    th.draggable:active { cursor: grabbing; }
    th.dragging .header-content { transform: scale(0.95); }
    th.drag-over {
        outline: 2px solid var(--color-sky-500);
        outline-offset: -2px;
    }
    th.at-border-y { border-left: 1px solid var(--color-neutral-300); }

    
    thead tr { background-color: inherit; }

    .header-content {
        transition: transform 150ms ease;
    }

    .header-inner {
        display: flex;
        justify-content: space-between;
        gap: calc(var(--spacing) * 2);
        align-items: center;
    }
    .header-inner.pos-right { flex-direction: row-reverse; }
    .header-inner.pos-center { justify-content: center; }

    .drag-handle {
        opacity: 0.4;
        flex-shrink: 0;
    }

    .header-text {
        font-size: var(--text-sm);
        flex-grow: 1;
    }

    
    th { font-size: var(--text-sm); }

    .sort-icon {
        line-height: 0;
        flex-shrink: 0;
        opacity: 0.5;
    }

    
    th.size-default { padding: calc(var(--spacing) * 4); }
    th.size-compact { padding: calc(var(--spacing) * 1.5) calc(var(--spacing) * 2); }
    th.size-supercompact { padding: var(--spacing) calc(var(--spacing) * 2); }

    
    tbody { font-size: var(--text-sm); }

    
    tbody.size-default td { padding: calc(var(--spacing) * 4); }
    tbody.size-compact td { padding: var(--spacing) calc(var(--spacing) * 2); }
    tbody.size-supercompact td { padding: calc(var(--spacing) * 0.5) calc(var(--spacing) * 2); }

    
    tbody tr.at-alternate { background-color: var(--color-neutral-100); }
    tbody tr.at-border-x { border-bottom: 1px solid var(--color-neutral-300); }
    tbody tr.accordion-row { cursor: pointer; user-select: none; }

    
    tbody tr.hover-default:hover { background-color: var(--color-neutral-200); }
    tbody tr.hover-blue:hover { background-color: var(--color-sky-100); }
    tbody tr.hover-green:hover { background-color: var(--color-green-100); }
    tbody tr.hover-gray:hover { background-color: var(--color-neutral-200); }

    
    tbody.at-border-y td + td { border-left: 1px solid var(--color-neutral-300); }

    
    td.pos-left, th.pos-left { text-align: left; }
    td.pos-right, th.pos-right { text-align: right; }
    td.pos-center, th.pos-center { text-align: center; }

    
    .accordion-toggle {
        width: 40px;
        text-align: center;
        color: var(--color-neutral-400);
    }
    .accordion-icon {
        display: inline-block;
        transition: transform 200ms ease;
    }
    .accordion-icon.expanded { transform: rotate(90deg); }

    
    .skeleton {
        height: 1rem;
        background-color: var(--color-neutral-200);
        border-radius: var(--radius-default);
        animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    }

    @keyframes pulse {
        0%, 100% { opacity: 1; }
        50% { opacity: 0.5; }
    }

    
    .error-cell { text-align: center; color: var(--color-red-600); }
    .empty-cell { text-align: center; color: var(--color-neutral-500); }

    
    .pagination {
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-top: 1px solid var(--color-neutral-300);
    }
    .pagination.size-default { padding: calc(var(--spacing) * 3) calc(var(--spacing) * 4); }
    .pagination.size-compact, .pagination.size-supercompact { padding: var(--spacing) calc(var(--spacing) * 4); }

    .pagination-info {
        display: none;
        align-items: center;
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
    }
    @media (min-width: 640px) { .pagination-info { display: flex; } }
    .pagination-info b { line-height: 0; }
    .pagination-info span { margin-left: calc(var(--spacing) * 3); }

    .pagination-controls { display: flex; align-items: center; }
    .pagination-label {
        display: none;
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
        margin-right: calc(var(--spacing) * 2);
    }
    @media (min-width: 640px) { .pagination-label { display: block; } }

    .pagination-select { margin-right: calc(var(--spacing) * 5); }

    .pagination-page {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
        padding: 0 calc(var(--spacing) * 3);
    }
}@scope(.ui-pagination-btn){:scope {
        padding: var(--spacing);
        min-height: 2.25rem;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-normal);
        line-height: 0;
        background: none;
        border: none;
        cursor: pointer;
    }
    :scope:hover { background-color: var(--color-neutral-100); }
    :scope:disabled {
        color: var(--color-neutral-300);
        cursor: not-allowed;
    }
    :scope:disabled:hover { background-color: transparent; }
}@scope(.ui-autotable-toolbar){:scope {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        gap: calc(var(--spacing) * 4);
        margin-bottom: calc(var(--spacing) * 2);
    }

    .search-area { flex-grow: 1; display: flex; flex-wrap: wrap; gap: calc(var(--spacing) * 4); align-items: flex-end; }
    .actions { display: flex; gap: calc(var(--spacing) * 2); align-items: center; }
}@scope(.ui-autotable-search){:scope {
        display: flex;
        flex-direction: column;
        gap: var(--spacing);
        min-width: 10rem;
    }

    label {
        font-size: var(--text-xs);
        font-weight: var(--font-weight-medium);
        color: var(--color-neutral-700);
    }
}@scope(.ui-pdf-preview-scroll){:scope {
        overflow-y: auto;
        max-height: 70vh;
        padding: 16px;
        background-color: var(--color-neutral-100);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 16px;
    }

    .pdf-preview-page {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 6px;
    }

    .pdf-preview-page canvas {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        border-radius: 2px;
        background: white;
    }

    .pdf-preview-page-label {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        font-weight: var(--font-weight-medium);
    }
}@scope(.ui-modal-container){:scope {
        position: fixed;
        inset: 0;
        z-index: 100;
        width: 100%;
        height: 100dvh;
        padding: 0;
        margin: 0;
        border: 0;
        background: transparent;
        display: flex;
        justify-content: center;
        max-width: 100vw;
        max-height: 100dvh;
    }

    :scope.top { align-items: flex-start; padding-top: 2.5rem; }
    :scope.center { align-items: center; }

    .backdrop {
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.3);
    }
}@scope(.ui-modal){:scope {
        position: relative;
        background-color: var(--color-white);
        box-shadow: var(--shadow-md);
        font-size: var(--text-sm);
        width: 100%;
        border-radius: var(--radius-default);
        max-height: calc(100dvh - 5rem);
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    
    :scope.size-small { max-width: 28rem; }
    :scope.size-default { max-width: 36rem; }
    :scope.size-medium { max-width: 42rem; }
    :scope.size-large { max-width: 48rem; }
    :scope.size-xlarge { max-width: 56rem; }
    :scope.size-2xlarge { max-width: 64rem; }
    :scope.size-3xlarge { max-width: 72rem; }
    :scope.size-4xlarge { max-width: 80rem; }
    :scope.size-5xlarge { max-width: 90rem; }
    :scope.size-full { max-width: none; }

    .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: calc(var(--spacing) * 5) calc(var(--spacing) * 7) calc(var(--spacing) * 4);
        border-bottom: 1px solid var(--color-neutral-150, var(--color-neutral-200));
        font-size: var(--text-lg);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
    }

    .header-close-only {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: calc(var(--spacing) * 4) calc(var(--spacing) * 4) var(--spacing);
    }

    .close-btn {
        cursor: pointer;
        color: var(--color-neutral-500);
        background: none;
        border: none;
        padding: 0;
        line-height: 0;
    }
    .close-btn:hover { color: var(--color-neutral-700); }

    .body {
        padding: calc(var(--spacing) * 6) calc(var(--spacing) * 7);
        overflow-y: auto;
        flex: 1;
        min-height: 0;
        
        background:
            linear-gradient(var(--color-white), var(--color-white)) bottom / 100% 3rem no-repeat local,
            linear-gradient(to bottom, transparent, var(--color-white)) bottom / 100% 3rem no-repeat scroll,
            var(--color-white);
    }

    .footer {
        padding: calc(var(--spacing) * 4) calc(var(--spacing) * 7);
        padding-bottom: calc(var(--spacing) * 4 + env(safe-area-inset-bottom, 0px));
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        gap: calc(var(--spacing) * 2);
        border-top: 1px solid var(--color-neutral-150, var(--color-neutral-200));
        background-color: var(--color-neutral-50);
        border-radius: 0 0 var(--radius-default) var(--radius-default);
    }

    .footer-spacer {
        height: calc(var(--spacing) * 2);
    }

    .wizard-error {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        padding: calc(var(--spacing) * 3) calc(var(--spacing) * 8);
        font-size: var(--text-sm);
        color: var(--color-red-700);
        background-color: var(--color-red-50);
        border-top: 1px solid var(--color-red-200);
    }

    .wizard-error .icon {
        flex-shrink: 0;
        color: var(--color-red-500);
    }
}@scope(.ui-confirm-modal){:scope {
        display: flex;
        justify-content: flex-end;
        gap: calc(var(--spacing) * 2);
    }

    .cancel-btn {
        padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        background: none;
        cursor: pointer;
    }
    .cancel-btn:hover { background-color: var(--color-neutral-50); }

    .confirm-btn {
        padding: calc(var(--spacing) * 2) calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        border-radius: var(--radius-default);
        border: none;
        cursor: pointer;
    }

    .confirm-btn.danger {
        background-color: var(--color-red-600);
        color: var(--color-white);
    }
    .confirm-btn.danger:hover { background-color: var(--color-red-700); }

    .confirm-btn.primary {
        background-color: var(--color-primary);
        color: var(--color-white);
    }
    .confirm-btn.primary:hover { background-color: var(--color-primary-hover); }
}@scope(.ui-wizard-header){:scope {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        flex: 1;
    }

    .wizard-title-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }

    .wizard-title {
        font-size: var(--text-xl);
    }

    .wizard-step-name {
        font-size: var(--text-xs);
        font-weight: 600;
        color: var(--color-neutral-600);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .wizard-steps {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: 100%;
        max-width: 16rem;
    }

    .wizard-track {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        height: 2px;
        background-color: var(--color-neutral-200);
        transform: translateY(-50%);
    }

    .wizard-track-fill {
        height: 100%;
        background-color: var(--color-primary);
        transition: width 300ms ease;
    }

    .wizard-step {
        position: relative;
        z-index: 1;
    }

    .wizard-step .step-indicator {
        width: 1.75rem;
        height: 1.75rem;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: var(--text-xs);
        font-weight: 600;
        border: 2px solid var(--color-neutral-300);
        color: var(--color-neutral-400);
        background-color: var(--color-white);
        flex-shrink: 0;
        transition: all 300ms ease;
    }

    .wizard-step.active .step-indicator {
        background-color: var(--color-primary);
        color: var(--color-white);
        border-color: var(--color-primary);
    }

    .wizard-step.completed .step-indicator {
        background-color: var(--color-primary);
        color: var(--color-white);
        border-color: var(--color-primary);
    }
}@scope(.ui-wizard-footer){:scope {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        gap: calc(var(--spacing) * 2);
    }

    .wizard-btn {
        padding: calc(var(--spacing) * 2) calc(var(--spacing) * 5);
        font-size: var(--text-sm);
        border-radius: var(--radius-default);
        cursor: pointer;
        border: none;
    }

    .wizard-btn:disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }

    .wizard-btn.back {
        background: none;
        border: 1px solid var(--color-neutral-300);
        color: var(--color-neutral-700);
    }
    .wizard-btn.back:hover:not(:disabled) { background-color: var(--color-neutral-50); }

    .wizard-btn.next {
        background-color: var(--color-neutral-800);
        color: var(--color-white);
    }
    .wizard-btn.next:hover:not(:disabled) { background-color: var(--color-neutral-900); }

    .wizard-btn.finish {
        background-color: var(--color-primary);
        color: var(--color-white);
    }
    .wizard-btn.finish:hover:not(:disabled) { background-color: var(--color-red-700); }
}@scope(.ui-tutorial-overlay){:scope {
        position: fixed;
        inset: 0;
        background-color: rgba(0, 0, 0, 0.5);
        z-index: 150;
    }
}@scope(.ui-tutorial-spotlight){:scope {
        position: fixed;
        z-index: 150;
        pointer-events: none;
        border-radius: var(--radius-default);
    }

    .click-layer {
        position: fixed;
        inset: 0;
        z-index: -1;
        cursor: pointer;
    }
}@scope(.ui-tutorial-popover){:scope {
        position: fixed;
        z-index: 200;
        background-color: var(--color-white);
        border-radius: var(--radius-default);
        box-shadow: var(--shadow-lg);
        border: 1px solid var(--color-neutral-200);
        max-width: 24rem;
    }

    .header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: calc(var(--spacing) * 4) calc(var(--spacing) * 4) calc(var(--spacing) * 2);
    }

    .header-left {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
    }

    .title {
        font-weight: var(--font-weight-medium);
        color: var(--color-neutral-900);
    }

    .step-counter {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
    }

    .close-btn {
        cursor: pointer;
        color: var(--color-neutral-400);
        background: none;
        border: none;
        padding: 0;
        line-height: 0;
        transition: color 150ms ease;
    }
    .close-btn:hover { color: var(--color-neutral-600); }

    .content {
        padding: 0 calc(var(--spacing) * 4) calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        color: var(--color-neutral-700);
    }

    .navigation {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 calc(var(--spacing) * 4) calc(var(--spacing) * 4);
        gap: calc(var(--spacing) * 2);
    }

    .nav-right {
        display: flex;
        gap: calc(var(--spacing) * 2);
    }

    .progress {
        display: flex;
        justify-content: center;
        gap: calc(var(--spacing) * 1.5);
        padding-bottom: calc(var(--spacing) * 3);
    }

    .progress-dot {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 9999px;
        transition: all 300ms ease;
    }
    .progress-dot.active {
        background-color: var(--color-sky-600);
        transform: scale(1.1);
    }
    .progress-dot.inactive {
        background-color: var(--color-neutral-300);
    }
}@scope(.ui-tutorial-arrow){:scope {
        position: absolute;
        width: 0;
        height: 0;
    }

    
    :scope.border {
        
    }

    
    :scope.fill {
        
    }
}@scope(.ui-icon){:scope {
        flex-shrink: 0;
    }

    :scope.inline {
        display: inline-block;
        vertical-align: middle;
    }

    :scope.success {
        color: var(--color-green-600);
    }

    :scope.error {
        color: var(--color-red-600);
    }
}@scope(.ui-icon-container){:scope {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: calc(var(--spacing) * 2);
    }
}@scope(.ui-sidebar-nav){:scope {
        position: sticky;
        top: 0;
        height: 100vh;
        overflow-y: auto;
        background-color: var(--color-white);
        border-radius: var(--radius-default);
        box-shadow: var(--shadow-sm);
        border: 1px solid var(--color-neutral-200);
        padding: calc(var(--spacing) * 2) 0;
    }

    ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    .nav-btn {
        width: 100%;
        text-align: left;
        padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3) calc(var(--spacing) * 2) calc(var(--spacing) * 4);
        font-size: var(--text-sm);
        cursor: pointer;
        border: none;
        border-left: 2px solid transparent;
        color: var(--color-neutral-600);
        background: none;
    }
    .nav-btn:hover {
        border-left-color: var(--color-neutral-400);
        color: var(--color-neutral-900);
        background-color: var(--color-neutral-50);
    }

    .nav-icon {
        margin-right: calc(var(--spacing) * 2);
    }
}@scope(.ui-sidebar-layout){:scope {
        display: grid;
        grid-template-columns: 1fr;
        gap: calc(var(--spacing) * 8);
        min-height: 100vh;
        align-items: start;
    }

    :scope.examples-layout {
        min-height: auto;
        align-items: start;
    }

    @media (min-width: 1024px) {
        :scope {
            grid-template-columns: repeat(12, minmax(0, 1fr));
        }
    }

    .sidebar {
        display: none;
    }

    @media (min-width: 1024px) {
        .sidebar {
            display: block;
            grid-column: span 2;
            align-self: start;
            height: 100%;
        }
    }

    .sidebar-sticky {
        position: sticky;
        top: 5rem;
        max-height: calc(100vh - 7rem);
        overflow-y: auto;
    }

    .sidebar-sticky-full {
        position: sticky;
        top: 0;
        height: 100vh;
        overflow-y: auto;
    }

    .examples-layout .sidebar {
        height: calc(100vh - 5.5rem);
        max-height: calc(100vh - 5.5rem);
    }

    .examples-layout .sidebar-sticky {
        position: sticky;
        top: 5.5rem;
        height: calc(100vh - 5.5rem);
        max-height: none;
        overflow-y: auto;
    }

    .examples-layout .sidebar-sticky-full {
        position: sticky;
        top: 5.5rem;
        height: calc(100vh - 5.5rem);
        max-height: none;
        overflow-y: auto;
    }

    .examples-layout .ui-sidebar-nav {
        position: static;
        height: auto;
        max-height: calc(100vh - 6rem);
        overflow-y: auto;
    }

    .main {
        grid-column: span 1;
        min-width: 0;
    }

    @media (min-width: 1024px) {
        .main {
            grid-column: span 10;
        }
    }
}@scope(.ui-access-denied){:scope {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        min-height: 50vh;
        text-align: center;
        padding: calc(var(--spacing) * 8);
    }

    h1 {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-800);
        margin-bottom: calc(var(--spacing) * 2);
    }

    p {
        color: var(--color-neutral-600);
        margin-bottom: calc(var(--spacing) * 4);
    }

    a {
        color: var(--color-sky-600);
    }

    a:hover {
        color: var(--color-sky-800);
        text-decoration: underline;
    }
}@scope(.ui-permission-grid){.search-bar {
        margin-bottom: 0.75rem;
    }

    table {
        width: 100%;
        border-collapse: collapse;
    }

    thead tr {
        background-color: var(--color-neutral-100);
        border-bottom: 1px solid var(--color-neutral-300);
    }

    th {
        padding: 0.5rem 0.75rem;
        font-weight: var(--font-weight-semibold);
        font-size: var(--text-xs);
    }

    .col-name,
    .col-desc {
        text-align: left;
    }

    .col-option {
        text-align: center;
        width: 4rem;
    }

    .perm-row {
        border-bottom: 1px solid var(--color-neutral-200);
    }

    .perm-row:hover {
        background-color: var(--color-neutral-50);
    }

    .perm-row.highlight {
        background-color: var(--color-red-50);
        border-bottom-color: var(--color-red-300);
    }

    .perm-row.highlight:hover {
        background-color: var(--color-red-100);
    }

    .cell-name,
    .cell-desc {
        padding: 0.375rem 0.75rem;
    }

    .cell-radio {
        text-align: center;
        padding: 0.375rem 0.75rem;
    }

    .cell-radio input {
        width: 1rem;
        height: 1rem;
        cursor: pointer;
    }

    .name {
        font-size: var(--text-sm);
    }

    .name.highlight {
        font-weight: var(--font-weight-semibold);
        color: var(--color-red-800);
    }

    .desc {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
    }

    .desc.highlight {
        color: var(--color-red-600);
    }
}@scope(.ui-top-bar){:scope {
        position: fixed;
        top: var(--env-top);
        right: var(--env-border);
        height: 3.5rem;
        z-index: 40;
        background-color: var(--color-surface);
        border-bottom: 1px solid var(--color-neutral-200);
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 1.5rem;
        transition: left 250ms ease-in-out;
    }

    .top-bar-left {
        display: flex;
        align-items: center;
    }

    .top-bar-right {
        display: flex;
        align-items: center;
        gap: 0.25rem;
    }

    .top-bar-icon-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        color: var(--color-neutral-800);
        background: none;
        border: none;
        cursor: pointer;
    }

    .top-bar-icon-btn:hover {
        color: var(--color-neutral-950);
    }

    .top-bar-divider {
        width: 1px;
        height: 1.5rem;
        background-color: var(--color-neutral-200);
        margin: 0 0.5rem;
    }

    .top-bar-user-btn {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        padding: 0.375rem 0.625rem;
        cursor: pointer;
        transition: opacity 150ms;
    }

    .top-bar-user-btn:hover {
        opacity: 0.8;
    }

    .top-bar-avatar {
        flex-shrink: 0;
        width: 2rem;
        height: 2rem;
        border-radius: 9999px;
        background-color: var(--color-neutral-800);
        color: var(--color-surface);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .top-bar-user-name {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-heading);
    }

    .top-bar-chevron {
        color: var(--color-neutral-700);
    }

    .top-bar-menu-btn {
        display: none;
        align-items: center;
        justify-content: center;
        width: 2.25rem;
        height: 2.25rem;
        color: var(--color-neutral-800);
        background: none;
        border: none;
        cursor: pointer;
        margin-right: 0.5rem;
    }

    .top-bar-menu-btn:hover {
        color: var(--color-neutral-950);
    }
}@media(max-width:768px){.ui-top-bar .top-bar-menu-btn{display:flex}.ui-top-bar .top-bar-user-name{display:none}}@scope(.top-bar-app-popover){:scope {
        min-width: 14rem;
    }

    .app-popover-header {
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--color-neutral-500);
        padding: 0.625rem 0.75rem 0.375rem;
    }

    .app-popover-list {
        padding: 0.25rem;
    }

    .app-popover-item {
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.5rem 0.75rem;
        text-decoration: none;
        color: var(--color-text-body);
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
    }

    .app-popover-item:hover {
        background-color: var(--color-neutral-50);
        color: var(--color-text-heading);
    }

    .app-popover-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2rem;
        height: 2rem;
        background-color: var(--color-neutral-100);
        color: var(--color-neutral-600);
    }

    .app-popover-item:hover .app-popover-icon {
        background-color: var(--color-primary);
        color: var(--color-surface);
    }

    .app-popover-title {
        flex: 1;
    }
}@scope(.ui-transition-overlay){:scope {
        position: fixed;
        inset: 0;
        z-index: 10000;
        display: flex;
        align-items: center;
        justify-content: center;
        background: linear-gradient(to bottom, rgba(12, 14, 20, 0.95), rgba(12, 14, 20, 0.98));
        backdrop-filter: blur(4px);
        padding-bottom: 8rem;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
        transition: opacity 0.15s ease-out, visibility 0s linear 0.15s;
    }

    :scope.visible {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
        transition: opacity 0.15s ease-out, visibility 0s linear;
    }

    :scope.fading-out {
        opacity: 0;
        visibility: visible;
        pointer-events: none;
        transition: opacity 0.15s ease-in, visibility 0s linear 0.15s;
    }

    .content {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 2.5rem;
    }

    .top {
        display: flex;
        align-items: center;
        gap: 2rem;
    }

    .logo {
        max-width: 14rem;
        height: auto;
    }

    .divider {
        width: 1px;
        height: 5rem;
        background-color: rgba(255, 255, 255, 0.15);
    }

    .spinner {
        color: var(--color-primary);
        animation: transition-spin 1s linear infinite;
    }

    .text {
        font-size: var(--text-xl);
        font-weight: var(--font-weight-semibold);
        color: var(--color-white);
    }
}@keyframes transition-spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@scope(.page-not-found){:scope {
        min-height: 100vh;
        background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-dark-deep) 100%);
        color: var(--color-text-on-dark);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 2rem 1.5rem;
    }

    .error-inner {
        width: 100%;
        max-width: 32rem;
    }

    .error-content {
        padding-left: 1.5rem;
        border-left: 4px solid transparent;
        border-image: linear-gradient(180deg, var(--color-primary), var(--color-primary-warm)) 1;
    }

    .error-label {
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        color: var(--color-primary);
        text-transform: uppercase;
        letter-spacing: var(--tracking-widest);
    }

    .error-code {
        font-family: var(--font-display);
        font-size: 8rem;
        font-weight: 900;
        color: var(--color-text-on-dark);
        line-height: 1;
        letter-spacing: var(--tracking-tight);
        display: block;
        margin-top: 0.25rem;
    }

    @media (min-width: 640px) {
        .error-code {
            font-size: 10rem;
        }
    }

    .error-divider {
        width: 3rem;
        height: 3px;
        background: linear-gradient(90deg, var(--color-primary), var(--color-primary-warm));
        margin: 1.25rem 0;
    }

    .error-title {
        font-family: var(--font-display);
        font-size: var(--text-xl);
        font-weight: 700;
        color: var(--color-text-on-dark);
        text-transform: uppercase;
        letter-spacing: var(--tracking-wider);
        margin-bottom: 0.75rem;
    }

    @media (min-width: 640px) {
        .error-title {
            font-size: var(--text-2xl);
        }
    }

    .error-message {
        font-size: var(--text-sm);
        color: var(--color-text-on-dark-subtle);
        line-height: 1.6;
        margin-bottom: 2rem;
    }

    .actions {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .btn-primary {
        padding: 0.625rem 1.5rem;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        text-transform: uppercase;
        letter-spacing: var(--tracking-wider);
        background-color: var(--color-surface);
        color: var(--color-text-heading);
        clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        transition: background-color 150ms;
        text-decoration: none;
    }

    .btn-primary:hover {
        background-color: var(--color-surface-subtle);
    }

    .btn-secondary {
        padding: 0.625rem 1.25rem;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        text-transform: uppercase;
        letter-spacing: var(--tracking-wider);
        color: var(--color-text-on-dark-muted);
        background: none;
        border: none;
        transition: color 150ms;
        text-decoration: none;
    }

    .btn-secondary:hover {
        color: var(--color-text-on-dark);
    }
}@scope(.layout-app-layout){:scope {
        min-height: 100vh;
        background-color: var(--color-neutral-50);
    }
}@scope(.layout-app-main-area){:scope {
        min-height: 100vh;
        transition: margin-left 250ms ease-in-out;
    }

    :scope.collapsed {
        margin-left: 4.5rem;
    }

    :scope.expanded {
        margin-left: 16rem;
    }

    :scope.collapsed .ui-top-bar {
        left: calc(4.5rem + var(--env-border));
    }

    :scope.expanded .ui-top-bar {
        left: calc(16rem + var(--env-border));
    }

    .main {
        padding: calc(3.5rem + var(--env-top)) 2rem 1.5rem;
    }

    .manager-page-header {
        position: sticky;
        top: calc(3.5rem + var(--env-top));
        display: flex;
        align-items: center;
        padding: 0.25rem 2rem 0 2rem;
        background-color: var(--color-neutral-100);
        border-bottom: 1px solid var(--color-neutral-200);
        font-size: var(--text-sm);
        z-index: 30;
        margin: 0 -2rem 1rem;
    }
}@scope(.layout-app-sidebar){:scope {
        background-color: var(--color-portal-sidebar);
        position: fixed;
        top: var(--env-top);
        left: var(--env-border);
        height: calc(100% - var(--env-top) - var(--env-border));
        z-index: 50;
        display: flex;
        flex-direction: column;
        transition: width 250ms ease-in-out;
        box-shadow: var(--shadow-xl);
    }

    :scope.collapsed {
        width: 4.5rem;
    }

    :scope.expanded {
        width: 16rem;
    }

    .sidebar-header {
        padding: 1.25rem 1.25rem 0.75rem;
        border-bottom: 1px solid var(--color-portal-sidebar-border);
    }

    .logo-link {
        display: block;
    }

    .logo {
        max-width: 9rem;
        height: auto;
        margin: 0 auto;
        display: block;
    }

    .sidebar-app-label {
        text-align: center;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: var(--color-text-on-dark);
        margin-top: 0.5rem;
    }

    .sidebar-nav {
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0.5rem 0;
    }

    .nav-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    :scope.collapsed .nav-link {
        justify-content: center;
        padding: 0.625rem;
    }

    :scope.collapsed .sidebar-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-footer {
        border-top: 1px solid var(--color-portal-sidebar-border);
        padding: 0.5rem;
    }

    .user-info {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        padding: 0.5rem;
        margin-bottom: 0.25rem;
    }

    .user-avatar {
        flex-shrink: 0;
        width: 2rem;
        height: 2rem;
        border-radius: 9999px;
        background-color: var(--color-dark-raised);
        color: var(--color-white);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .user-details {
        flex: 1;
        min-width: 0;
    }

    .user-name {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-on-dark);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-email {
        font-size: var(--text-xs);
        color: var(--color-text-on-dark-muted);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .footer-icon-btn {
        flex-shrink: 0;
        color: var(--color-text-on-dark-muted);
        background: none;
        border: none;
        cursor: pointer;
        padding: 0.375rem;
        border-radius: var(--radius-default);
        display: flex;
        align-items: center;
    }

    .footer-icon-btn:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-portal-sidebar-hover);
    }

    .collapse-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.5rem;
        color: var(--color-text-on-dark-muted);
        font-size: var(--text-sm);
        background: none;
        border: none;
        cursor: pointer;
        border-radius: var(--radius-default);
    }

    .collapse-btn:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-portal-sidebar-hover);
    }
}@scope(.layout-app-nav-item){:scope {
        margin: 0.125rem 0.5rem;
    }

    .nav-link {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.625rem 0.75rem;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-on-dark-muted);
        background: none;
        border: none;
        border-radius: var(--radius-default);
        cursor: pointer;
        text-align: left;
        text-decoration: none;
        clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
    }

    .nav-link:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-portal-sidebar-hover);
    }

    .nav-link.active {
        color: var(--color-text-on-dark);
        background-color: var(--color-manager-sidebar);
    }

    .nav-label {
        flex: 1;
    }

    .active-dot {
        width: 0.375rem;
        height: 0.375rem;
        border-radius: 9999px;
        background-color: var(--color-primary);
        flex-shrink: 0;
    }

    .expand-chevron {
        transition: transform 200ms;
        color: var(--color-text-on-dark-faint);
    }

    .expand-chevron.open {
        transform: rotate(90deg);
    }

    .sub-list {
        list-style: none;
        margin: 0;
        padding: 0.25rem 0 0.25rem 1rem;
    }

    .sub-link {
        display: block;
        padding: 0.375rem 0.75rem;
        font-size: var(--text-sm);
        color: var(--color-text-on-dark-subtle);
        clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
        text-decoration: none;
    }

    .sub-link:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-portal-sidebar-hover);
    }

    .sub-link.active {
        color: var(--color-text-on-dark);
        background-color: var(--color-manager-sidebar);
    }
}.layout-sidebar-backdrop{display:none}@media(max-width:768px){.layout-sidebar-backdrop{display:block;position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:45}.layout-app-main-area.collapsed,.layout-app-main-area.expanded{margin-left:0!important}.layout-app-main-area.collapsed .ui-top-bar,.layout-app-main-area.expanded .ui-top-bar{left:var(--env-border)!important}.layout-app-main-area .main{padding:calc(4.5rem + var(--env-top))1rem 1.5rem!important}.layout-app-sidebar{transform:translateX(-100%)!important}.layout-app-sidebar.mobile-open{transform:translateX(0)!important;width:16rem!important}.layout-app-sidebar.mobile-open .sidebar-header{display:block!important}.layout-app-sidebar.mobile-open .nav-link{justify-content:flex-start!important;padding:.625rem .75rem!important}.layout-app-sidebar .hide-mobile{display:none!important}}@scope(.layout-super-admin-border){:scope {
        position: fixed;
        inset: 0;
        border: 4px solid var(--color-red-800);
        pointer-events: none;
        z-index: 9999;
    }
}@scope(.layout-super-admin-bar){:scope {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: var(--color-red-800);
        color: var(--color-white);
        padding: 0.5rem 0;
        font-size: var(--text-sm);
        z-index: 9999;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 1rem;
    }

    .disable-btn {
        padding: 0.125rem 0.75rem;
        background-color: var(--color-white);
        color: var(--color-red-800);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        border-radius: var(--radius-default);
        transition: background-color 150ms;
        cursor: pointer;
        border: none;
    }

    .disable-btn:hover {
        background-color: var(--color-red-100);
    }

    .disable-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }
}@scope(.layout-env-border){:scope {
        position: fixed;
        inset: 0;
        pointer-events: none;
        z-index: 9998;
    }

    :scope.env-development {
        border: var(--env-border) solid var(--color-orange-500);
    }

    :scope.env-staging {
        border: var(--env-border) solid var(--color-yellow-500);
    }
}@scope(.layout-env-bar){:scope {
        position: fixed;
        top: var(--env-border);
        left: var(--env-border);
        right: var(--env-border);
        height: var(--env-banner);
        padding: 0.2rem 0;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        z-index: 9998;
        display: flex;
        align-items: center;
        justify-content: center;
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    :scope.env-development {
        background-color: var(--color-orange-500);
        color: var(--color-white);
    }

    :scope.env-staging {
        background-color: var(--color-yellow-500);
        color: var(--color-gray-900);
    }
}@scope(.layout-app-container-small){:scope {
        padding: 1.25rem 0;
        max-width: 72rem;
        margin-left: auto;
        margin-right: auto;
    }
}@scope(.layout-app-container-medium){:scope {
        padding: 1.25rem 0;
        max-width: 80rem;
        margin-left: auto;
        margin-right: auto;
    }
}@scope(.layout-app-container-large){:scope {
        padding: 1.25rem 0;
        max-width: 100rem;
        margin-left: auto;
        margin-right: auto;
    }
}@scope(.page-app-launcher){:scope {
        position: relative;
        min-height: 100vh;
        overflow: hidden;
    }

    .bg-image {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        filter: blur(3px);
        transform: scale(1.1);
    }

    .bg-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, var(--color-dark-overlay-heavy), var(--color-dark-overlay-light));
    }

    .content {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
        padding: 2rem;
    }

    .empty {
        text-align: center;
        max-width: 28rem;
    }

    .empty h2 {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-light);
        color: var(--color-text-on-dark);
        margin-bottom: 1rem;
    }

    .empty p {
        color: var(--color-text-on-dark-muted);
    }

    .launcher-inner {
        width: 100%;
        max-width: 52rem;
    }

    .greeting {
        font-size: var(--text-3xl);
        font-weight: var(--font-weight-black);
        font-family: var(--font-heading);
        color: var(--color-text-on-dark);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-align: center;
    }

    .subtitle {
        text-align: center;
        color: var(--color-text-on-dark-muted);
        margin-top: 0.25rem;
        margin-bottom: 2.5rem;
    }

    .apps-grid {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 1rem;
    }

    @media (min-width: 640px) {
        .app-card {
            width: calc((100% - 2rem) / 3);
        }
    }

    .app-card {
        position: relative;
        isolation: isolate;
        display: flex;
        flex-direction: column;
        padding: 1.5rem;
        text-decoration: none;
        cursor: pointer;
    }

    .app-card::before {
        content: "";
        position: absolute;
        inset: 0;
        clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
        background-color: var(--color-border-on-dark);
        z-index: -2;
        transition: background-color 150ms;
    }

    .app-card::after {
        content: "";
        position: absolute;
        inset: 1px;
        clip-path: polygon(8px 0, 100% 0, calc(100% - 8px) 100%, 0 100%);
        background-color: var(--color-dark-raised);
        z-index: -1;
        transition: background-color 150ms;
    }

    .app-card:hover::before {
        background-color: var(--color-primary);
    }

    .app-card:hover::after {
        background-color: var(--color-dark);
    }

    .app-icon {
        color: var(--color-primary);
        margin-bottom: 1rem;
    }

    .app-title {
        font-size: var(--text-base);
        font-weight: var(--font-weight-bold);
        font-family: var(--font-heading);
        color: var(--color-text-on-dark);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 0.375rem;
    }

    .app-desc {
        font-size: var(--text-xs);
        color: var(--color-text-on-dark-muted);
        line-height: 1.5;
    }
}@scope(.page-app-dashboard){:scope {
        
    }

    

    .dashboard-header {
        margin-bottom: calc(var(--spacing) * 3);
    }

    .dashboard-title {
        font-size: var(--text-3xl);
        font-weight: var(--font-weight-black);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    

    .section {
        margin-bottom: 2rem;
    }

    .section-header {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 0.75rem;
    }

    @media (min-width: 640px) {
        .section-header {
            flex-direction: row;
            align-items: center;
            justify-content: space-between;
        }
    }

    .section-title {
        font-size: var(--text-lg);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        display: flex;
        align-items: center;
        gap: 0.5rem;
        text-transform: uppercase;
        letter-spacing: 0.05em;
        border-left: 3px solid var(--color-primary);
        padding-left: 0.75rem;
    }

    .btn-new-reg {
        display: inline-flex;
        align-items: center;
        padding: 0.375rem 1rem;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        font-family: var(--font-heading);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--color-on-primary);
        background-color: var(--color-primary);
        border: none;
        cursor: pointer;
        clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
        transition: opacity 150ms;
    }

    .btn-new-reg:hover {
        opacity: 0.85;
    }

    

    .track-groups {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .track-group-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem 1.25rem;
        background-color: var(--color-portal-sidebar);
        border-bottom: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default) var(--radius-default) 0 0;
    }

    .track-name {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-white);
    }

    .track-reg-count {
        font-size: var(--text-xs);
        color: var(--color-neutral-400);
    }


    .reg-division-name {
        font-weight: var(--font-weight-medium);
        color: var(--color-text-heading);
    }

    .reg-car-number {
        font-weight: var(--font-weight-bold);
        font-family: var(--font-heading);
        color: var(--color-text-heading);
    }

    

    .points-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .points-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (min-width: 1280px) {
        .points-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .points-card-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0.75rem;
        margin-bottom: 1rem;
        padding-bottom: 0.75rem;
        border-bottom: 1px solid var(--color-neutral-100);
    }

    .points-track {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
    }

    .points-division {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        margin-top: 0.125rem;
    }

    .position-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-width: 2.75rem;
        padding: 0.375rem 0.625rem;
        font-size: var(--text-base);
        font-weight: var(--font-weight-black);
        font-family: var(--font-heading);
        clip-path: polygon(6px 0, 100% 0, calc(100% - 6px) 100%, 0 100%);
        color: var(--color-neutral-600);
        background-color: var(--color-neutral-100);
    }

    .position-badge.p1 {
        color: var(--color-gold-900);
        background-color: var(--color-gold-200);
    }

    .position-badge.p2 {
        color: var(--color-neutral-700);
        background-color: var(--color-neutral-200);
    }

    .position-badge.p3 {
        color: var(--color-amber-900);
        background-color: var(--color-amber-200);
    }

    .points-stats {
        display: flex;
        gap: 1.5rem;
    }

    .points-stat {
        display: flex;
        flex-direction: column;
    }

    .stat-value {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-black);
        font-family: var(--font-heading);
        color: var(--color-text-heading);
    }

    .stat-label {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    

    .status-row {
        display: grid;
        grid-template-columns: auto 1fr;
        gap: 1rem;
        align-items: stretch;
    }

    @media (max-width: 768px) {
        .status-row {
            grid-template-columns: 1fr;
        }
    }

    .registration-status {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .registration-status-badge {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-green-700);
    }

    .registration-status-desc {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        line-height: 1.4;
    }

    .edit-registration-link {
        font-size: var(--text-xs);
    }

    .edit-registration-link button {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
    }

    

    .competitor-info-title {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        margin-bottom: 0.75rem;
    }

    .competitor-info {
        display: flex;
        gap: 2.5rem;
    }

    .competitor-info-item {
        display: flex;
        flex-direction: column;
        gap: 0.125rem;
    }

    .competitor-info-label {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-weight: var(--font-weight-medium);
    }

    .competitor-info-value {
        font-size: var(--text-sm);
        color: var(--color-neutral-800);
    }

    

    .empty-registrations {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 2rem 1rem;
        color: var(--color-neutral-700);
    }

    .empty-registrations-title {
        font-size: var(--text-base);
        font-weight: var(--font-weight-bold);
        color: var(--color-neutral-800);
        margin-top: 0.75rem;
        margin-bottom: 0.5rem;
    }

    .empty-registrations-desc {
        font-size: var(--text-sm);
        color: var(--color-neutral-600);
        max-width: 28rem;
        line-height: 1.5;
        margin-bottom: 1.25rem;
    }

    

    .coming-soon {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 2rem 1rem;
        color: var(--color-neutral-700);
    }

    .coming-soon-title {
        font-size: var(--text-base);
        font-weight: var(--font-weight-bold);
        color: var(--color-neutral-800);
        margin-top: 0.75rem;
        margin-bottom: 0.5rem;
    }

    .coming-soon-desc {
        font-size: var(--text-sm);
        color: var(--color-neutral-600);
        max-width: 28rem;
        line-height: 1.5;
    }

    

    .cta-banner-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
    }

    

    .edit-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
    }

    .edit-driver-current {
        font-size: var(--text-sm);
        color: var(--color-neutral-600);
    }

    .modal-footer-buttons {
        display: flex;
        justify-content: flex-end;
        gap: calc(var(--spacing) * 2);
    }
}@scope(.page-org-selector){.loading-container {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 400px;
    }

    .loading-content {
        text-align: center;
    }

    .loading-text {
        color: var(--color-neutral-600);
    }

    .empty-container {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 400px;
    }

    .empty-content {
        text-align: center;
        max-width: 28rem;
    }

    .empty-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-light);
        color: var(--color-neutral-800);
        margin-bottom: 1rem;
    }

    .empty-desc {
        color: var(--color-neutral-600);
        margin-bottom: 1.5rem;
    }

    .selector-container {
        max-width: 42rem;
        margin-left: auto;
        margin-right: auto;
        padding: 2rem 0;
        position: relative;
    }

    .switching-overlay {
        position: absolute;
        inset: 0;
        background-color: rgba(255, 255, 255, 0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 10;
        border-radius: var(--radius-default);
    }

    .switching-content {
        text-align: center;
    }

    .switching-text {
        color: var(--color-neutral-600);
        font-size: var(--text-sm);
    }

    .selector-header {
        text-align: center;
        margin-bottom: 2rem;
    }

    .selector-title {
        font-size: var(--text-3xl);
        font-weight: var(--font-weight-light);
        color: var(--color-neutral-800);
        margin-bottom: 0.5rem;
    }

    .selector-desc {
        color: var(--color-neutral-600);
    }

    .org-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
        text-align: left;
        transition: background-color 150ms;
        cursor: pointer;
        background: none;
        border: none;
        border-bottom: 1px solid var(--color-neutral-200);
    }

    .org-btn:last-child {
        border-bottom: none;
    }

    .org-btn:hover {
        background-color: var(--color-neutral-50);
    }

    .org-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    .org-name {
        font-weight: var(--font-weight-medium);
        color: var(--color-neutral-900);
    }

    .org-cert {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
    }

    .org-arrow {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--color-neutral-400);
    }
}@scope(.reg-wizard){.reg-wizard-prompt {
        font-size: var(--text-sm);
        font-weight: bold;
        color: var(--color-neutral-600);
        margin-bottom: calc(var(--spacing) * 4);
    }

    

    .driver-options {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: calc(var(--spacing) * 3);
    }

    .driver-option {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        padding: calc(var(--spacing) * 6) calc(var(--spacing) * 4);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        background: none;
        cursor: pointer;
        text-align: center;
        transition: border-color 150ms, background-color 150ms;
        color: var(--color-neutral-500);
    }

    .driver-option:hover {
        border-color: var(--color-neutral-400);
        background-color: var(--color-neutral-50);
    }

    .driver-option.selected {
        border-color: var(--color-primary);
        background-color: var(--color-red-50);
        color: var(--color-primary);
    }

    .driver-option-label {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-900);
    }

    .driver-option.selected .driver-option-label {
        color: var(--color-primary);
    }

    .driver-option-desc {
        font-size: var(--text-xs);
        color: var(--color-neutral-400);
        line-height: 1.4;
    }

    .no-active-season-msg {
        font-size: var(--text-sm);
        color: var(--color-red-50);
        background: var(--color-red-600);
        border: 1px solid var(--color-red-700);
        border-radius: var(--radius-default);
        padding: calc(var(--spacing) * 3) calc(var(--spacing) * 4);
        font-weight: var(--font-weight-semibold);
    }

    

    .confirmation-summary {
        display: flex;
        flex-direction: column;
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        margin-bottom: calc(var(--spacing) * 5);
    }

    .summary-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: calc(var(--spacing) * 3) calc(var(--spacing) * 4);
        border-bottom: 1px solid var(--color-neutral-100);
    }

    .summary-row:last-child {
        border-bottom: none;
    }

    .summary-label {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .summary-value {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
    }

    .payment-section {
        padding: calc(var(--spacing) * 4);
        background-color: var(--color-neutral-50);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        margin-bottom: calc(var(--spacing) * 5);
    }

    .payment-title {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: calc(var(--spacing) * 2);
    }

    .payment-amount {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-black);
        font-family: var(--font-heading);
        color: var(--color-text-heading);
        margin-bottom: calc(var(--spacing) * 2);
    }

    .payment-note {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        margin-bottom: calc(var(--spacing) * 3);
    }

    .stripe-card-wrap {
        padding: calc(var(--spacing) * 3);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius);
        background: white;
        margin-top: calc(var(--spacing) * 3);
    }

    .stripe-card-error {
        font-size: var(--text-xs);
        color: var(--color-danger);
        margin-top: calc(var(--spacing) * 2);
    }

    .confirm-checkbox {
        display: flex;
        align-items: flex-start;
        gap: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        color: var(--color-neutral-700);
        cursor: pointer;
    }

    .confirm-checkbox input[type="checkbox"] {
        margin-top: 0.125rem;
        accent-color: var(--color-primary);
    }

    label .required {
        color: var(--color-red-500);
        margin-left: 2px;
    }

    .wizard-required-hint .required {
        color: var(--color-red-500);
    }
}@scope(.onboarding-wizard){.onboarding-wizard-prompt {
        font-size: var(--text-sm);
        font-weight: bold;
        color: var(--color-neutral-600);
        margin-bottom: calc(var(--spacing) * 4);
    }

    .wizard-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 5);
    }

    .wizard-field label {
        display: block;
        color: var(--color-neutral-700);
        font-size: var(--text-sm);
        margin-bottom: calc(var(--spacing) * 1);
    }

    .wizard-field label .required {
        color: var(--color-red-500);
        margin-left: 2px;
    }

    .wizard-required-hint {
        font-size: var(--text-xs);
        color: var(--color-neutral-400);
        margin-bottom: calc(var(--spacing) * 3);
    }

    .wizard-required-hint .required {
        color: var(--color-red-500);
    }

    

    .license-options {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: calc(var(--spacing) * 3);
    }

    .license-option {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        padding: calc(var(--spacing) * 5) calc(var(--spacing) * 4);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        background: none;
        cursor: pointer;
        text-align: center;
        transition: border-color 150ms, background-color 150ms;
        color: var(--color-neutral-500);
    }

    .license-option:hover {
        border-color: var(--color-neutral-400);
        background-color: var(--color-neutral-50);
    }

    .license-option.selected {
        border-color: var(--color-primary);
        background-color: var(--color-red-50);
        color: var(--color-primary);
    }

    .license-option-label {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-900);
    }

    .license-option.selected .license-option-label {
        color: var(--color-primary);
    }

    .license-option-desc {
        font-size: var(--text-xs);
        color: var(--color-neutral-400);
        line-height: 1.4;
    }

    

    .wizard-checkbox {
        display: flex;
        align-items: center;
        gap: calc(var(--spacing) * 2);
        font-size: var(--text-sm);
        color: var(--color-neutral-700);
        cursor: pointer;
    }

    .wizard-checkbox input[type="checkbox"] {
        width: auto;
        margin-right: calc(var(--spacing) * 1);
        accent-color: var(--color-primary);
    }
}@scope(.page-company-profile){:scope {
        
    }

    .save-btn-container {
        display: flex;
        flex-direction: row;
        justify-content: center;
    }

    .save-btn-inner {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 0.75rem;
    }

    .form-label-tooltip {
        display: block;
        color: var(--color-neutral-700);
        font-size: var(--text-sm);
        margin-bottom: 0.5rem;
    }

    .form-label-inner {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        align-items: center;
    }

    .tooltip-icon {
        cursor: help;
        color: var(--color-neutral-500);
    }

    .grid-cols-3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .grid-cols-3 {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .grid-cols-2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .grid-cols-2 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .address-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 640px) {
        .address-grid {
            grid-template-columns: repeat(6, 1fr);
        }
    }

    @media (min-width: 1280px) {
        .address-grid {
            grid-template-columns: repeat(5, 1fr);
        }
    }

    .address-col-1 {
        grid-column: span 1;
    }

    @media (min-width: 640px) {
        .address-col-1 {
            grid-column: span 3;
        }
    }

    @media (min-width: 1280px) {
        .address-col-1 {
            grid-column: span 1;
        }
    }

    .address-col-2 {
        grid-column: span 1;
    }

    @media (min-width: 640px) {
        .address-col-2 {
            grid-column: span 2;
        }
    }

    @media (min-width: 1280px) {
        .address-col-2 {
            grid-column: span 1;
        }
    }

    .checkbox-label {
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        align-items: center;
        font-size: var(--text-sm);
        width: fit-content;
        cursor: pointer;
    }

    .spacer-sm {
        margin-bottom: 0.25rem;
    }

    .spacer-md {
        margin-bottom: 1rem;
    }

    .spacer-lg {
        margin-bottom: 1.5rem;
    }

    .spacer-xl {
        margin-bottom: 2.25rem;
    }

    .spacer-xl-responsive {
        margin-bottom: 2.25rem;
    }

    @media (min-width: 1280px) {
        .spacer-xl-responsive {
            margin-bottom: 0.75rem;
        }
    }

    .empty-text {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
        font-style: italic;
    }

    .hint-text {
        color: var(--color-gray-500);
        font-size: var(--text-sm);
    }

    .depository-contacts-border {
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        overflow: hidden;
    }

    .settings-two-col {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .settings-two-col {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .interest-pays-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .interest-pays-at-grid-single {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 0.5rem;
    }

    .interest-pays-at-grid-double {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 0.5rem;
    }

    .maturity-label {
        font-size: var(--text-sm);
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        align-items: center;
        color: var(--color-neutral-700);
        margin-bottom: 0.5rem;
    }

    .maturity-label-hint {
        display: flex;
        color: var(--color-neutral-500);
    }

    .checkbox-row {
        font-size: var(--text-sm);
        display: flex;
        flex-direction: row;
        gap: 0.5rem;
        align-items: center;
        width: fit-content;
        cursor: pointer;
    }

    .link-text {
        color: var(--color-sky-700);
    }

    .link-text:hover {
        text-decoration: underline;
    }

    .documents-table {
        min-width: 100%;
        table-layout: auto;
    }

    .documents-table-header {
        background-color: var(--color-neutral-600);
        color: var(--color-white);
    }

    .documents-table-header th {
        padding: 0.5rem 1rem;
        text-align: left;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
    }

    .documents-table-header th:last-child {
        text-align: center;
    }

    .documents-table tbody {
        font-size: var(--text-sm);
    }

    .documents-table td {
        padding: 0.5rem 1rem;
    }

    .documents-row-alt {
        background-color: var(--color-neutral-100);
    }

    .document-type {
        font-style: italic;
    }

    .download-link {
        color: var(--color-sky-700);
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
    }

    .download-link:hover {
        text-decoration: underline;
    }

    .upload-section {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .upload-section {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .upload-buttons {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 1.5rem;
    }

    .button-inner {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .current-logo {
        height: 40px;
        width: auto;
    }

    .financials-table-container {
        overflow-x: auto;
    }

    .financials-table {
        table-layout: fixed;
        width: 100%;
        min-width: 64rem;
    }

    .financials-table tbody tr td {
        padding: 0.5rem;
    }

    .financials-label {
        font-size: var(--text-sm);
        text-align: right;
        width: auto;
    }

    .financials-avg {
        font-size: var(--text-sm);
        text-align: center;
        width: auto;
    }

    .preference-select {
        width: 100%;
    }

    @media (min-width: 768px) {
        .preference-select {
            width: 50%;
        }
    }
}@scope(.page-institution-report){:scope {
        
    }

    .loading-text {
        color: var(--color-neutral-500);
    }

    .company-info-container {
        display: flex;
        flex-direction: row;
        gap: 2rem;
    }

    .company-logo-container {
        display: flex;
        flex-direction: column;
        height: fit-content;
        max-height: 13rem;
        width: 13rem;
        align-items: center;
        justify-content: flex-start;
    }

    .company-logo {
        height: fit-content;
        width: auto;
        max-height: 13rem;
        max-width: 13rem;
        font-size: var(--text-sm);
    }

    .company-details {
        width: 100%;
        padding-right: 1rem;
    }

    .details-flex {
        display: flex;
        gap: 1rem;
    }

    @media (max-width: 767px) {
        .details-flex {
            flex-direction: column;
        }
    }

    @media (min-width: 768px) {
        .details-flex {
            flex-wrap: wrap;
            justify-content: space-between;
        }
    }

    .details-column {
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .address-block {
        font-size: var(--text-sm);
    }

    .address-block.no-address2 {
        margin-bottom: 1.25rem;
    }

    .address-label {
        font-size: var(--text-xs);
        color: var(--color-neutral-700);
    }

    .cert-info {
        font-size: var(--text-sm);
    }

    .contact-card {
        font-size: var(--text-sm);
    }

    .contact-label {
        font-size: var(--text-xs);
        color: var(--color-neutral-700);
    }

    .contact-name {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .contact-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-neutral-700);
    }

    .contact-link {
        width: fit-content;
    }

    .contact-link a {
        font-size: var(--text-sm);
        color: var(--color-sky-700);
    }

    .contact-link a:hover {
        color: var(--color-sky-800);
        text-decoration: underline;
        text-decoration-thickness: 1px;
    }

    .contact-link-inner {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        height: 100%;
        min-height: 0;
    }

    .contact-link-icon {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-neutral-700);
    }

    .general-info-spacer {
        padding-top: 1.25rem;
    }

    .financials-empty {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
    }

    .financials-table-border {
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        overflow: hidden;
    }

    .financials-table {
        min-width: 100%;
    }

    .financials-table-header {
        background-color: var(--color-neutral-600);
        color: var(--color-white);
    }

    .financials-table-header th {
        padding: 0.375rem 0.5rem;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
    }

    .financials-table-header th:first-child {
        text-align: left;
        width: 25%;
    }

    .financials-table-header th:not(:first-child) {
        text-align: center;
    }

    .financials-table tbody {
        font-size: var(--text-sm);
    }

    .financials-table tbody tr td {
        padding: 0.25rem 0.5rem;
    }

    .financials-row-alt {
        background-color: var(--color-neutral-100);
    }

    .financials-label-cell {
        text-align: right;
        border-right: 1px solid var(--color-neutral-300);
    }

    .financials-value-cell {
        text-align: right;
        border-right: 1px solid var(--color-neutral-300);
    }

    .financials-value-cell:last-child {
        border-right: none;
    }

    .terms-section {
        margin-top: 1.5rem;
    }

    .terms-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 1024px) {
        .terms-grid {
            grid-template-columns: repeat(16, 1fr);
        }
    }

    .terms-col-5 {
        grid-column: span 1;
    }

    @media (min-width: 1024px) {
        .terms-col-5 {
            grid-column: span 5;
        }
    }

    .terms-col-4 {
        grid-column: span 1;
        font-size: var(--text-sm);
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    @media (min-width: 1024px) {
        .terms-col-4 {
            grid-column: span 4;
        }
    }

    .terms-col-3 {
        grid-column: span 1;
        font-size: var(--text-sm);
        display: flex;
        align-items: flex-start;
        justify-content: center;
    }

    @media (min-width: 1024px) {
        .terms-col-3 {
            grid-column: span 3;
        }
    }

    .depository-terms-table {
        width: 100%;
        font-size: var(--text-sm);
    }

    .depository-terms-table tbody tr td {
        padding: 0.25rem 0.5rem;
    }

    .depository-terms-label {
        text-align: right;
        padding-right: 2ch;
    }

    .depository-terms-value {
        text-align: left;
        white-space: nowrap;
        padding-left: 0;
    }

    .rate-terms-table thead tr th {
        padding: 0.25rem 0.5rem;
        font-weight: var(--font-weight-bold);
    }

    .rate-terms-table tbody tr td {
        padding: 0.25rem 0.5rem;
    }

    .rate-terms-label {
        text-align: right;
    }

    .rate-terms-rate {
        text-align: right;
        font-variant-numeric: tabular-nums;
    }

    .rate-terms-amount {
        text-align: right;
    }

    .callables-table thead tr th {
        padding: 0.25rem 0.5rem;
        font-weight: var(--font-weight-bold);
        text-align: left;
    }

    .callables-table tbody tr td {
        padding: 0.25rem 0.5rem;
    }

    .callable-item {
        white-space: pre-wrap;
        display: inline;
    }

    .callable-icon {
        color: var(--color-green-800);
    }

    .section-text {
        font-size: var(--text-sm);
    }

    .wiring-table-desktop {
        table-layout: fixed;
        width: 100%;
        display: none;
    }

    @media (min-width: 1024px) {
        .wiring-table-desktop {
            display: table;
        }
    }

    .wiring-table-mobile {
        table-layout: fixed;
        width: 100%;
    }

    @media (min-width: 1024px) {
        .wiring-table-mobile {
            display: none;
        }
    }

    .wiring-table tbody tr td {
        padding: 0.25rem 0.5rem;
    }

    .wiring-label {
        text-align: right;
        font-size: var(--text-sm);
    }

    .wiring-value {
        font-size: var(--text-sm);
    }

    .wiring-spacer {
        padding: 0.5rem 0;
    }

    .further-instructions {
        margin-top: 1rem;
    }

    .further-instructions-table {
        table-layout: fixed;
        width: 100%;
    }

    .further-instructions-table tbody tr td {
        padding: 0.25rem 0.5rem;
    }

    .further-instructions-label {
        text-align: right;
        vertical-align: top;
        font-size: var(--text-sm);
    }

    .further-instructions-value-desktop {
        font-size: var(--text-sm);
        display: none;
    }

    @media (min-width: 1024px) {
        .further-instructions-value-desktop {
            display: table-cell;
        }
    }

    .further-instructions-row-mobile {
        display: table-row;
    }

    @media (min-width: 1024px) {
        .further-instructions-row-mobile {
            display: none;
        }
    }

    .further-instructions-value-mobile {
        font-size: var(--text-sm);
    }
}@scope(.page-institution-user-list){:scope {
        
    }

    .search-fields {
        display: flex;
        flex-wrap: wrap;
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .email-link {
        width: fit-content;
    }

    .email-link a {
        color: var(--color-sky-700);
    }

    .email-link a:hover {
        color: var(--color-sky-800);
        text-decoration: underline;
    }

    .email-link-inner {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        height: 100%;
        min-height: 0;
    }

    .email-icon {
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        color: var(--color-sky-700);
    }

    .action-buttons {
        display: flex;
        align-items: center;
        gap: 1rem;
    }

    .edit-link {
        cursor: pointer;
        color: var(--color-sky-700);
    }

    .edit-link:hover {
        color: var(--color-sky-800);
    }

    .edit-link-inner {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 0.5rem;
    }

    .delete-btn {
        cursor: pointer;
        color: var(--color-red-600);
    }

    .delete-btn:hover {
        color: var(--color-red-700);
    }

    .delete-btn-inner {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 0.5rem;
    }
}@scope(.page-app-profile){:scope {
        position: relative;
        min-height: 100vh;
        overflow: hidden;
    }

    .bg-image {
        position: absolute;
        inset: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        filter: blur(3px);
        transform: scale(1.1);
    }

    .bg-overlay {
        position: absolute;
        inset: 0;
        background: linear-gradient(135deg, var(--color-dark-overlay-heavy), var(--color-dark-overlay-light));
    }

    .content {
        position: relative;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        min-height: 100vh;
        padding: 3rem 1.5rem;
    }

    .profile-outer {
        width: 100%;
        max-width: 44rem;
    }

    .ui-back a {
        color: var(--color-text-on-dark-muted);
    }

    .ui-back a:hover {
        color: var(--color-text-on-dark);
    }

    .profile-card {
        background-color: var(--color-dark-raised);
        border: 1px solid var(--color-border-on-dark);
        border-radius: 0.5rem;
        padding: 2.5rem;
    }

    .profile-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-black);
        font-family: var(--font-heading);
        color: var(--color-text-on-dark);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        text-align: center;
        margin-bottom: 0.25rem;
    }

    .profile-subtitle {
        text-align: center;
        color: var(--color-text-on-dark-muted);
        margin-bottom: 2rem;
    }

    .profile-loading {
        text-align: center;
        color: var(--color-text-on-dark-muted);
        padding: 2rem 0;
    }

    .profile-section {
        margin-bottom: 1.5rem;
    }

    .profile-section-title {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-bold);
        font-family: var(--font-heading);
        color: var(--color-primary);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        margin-bottom: 1rem;
        padding-bottom: 0.5rem;
        border-bottom: 1px solid var(--color-border-on-dark);
    }

    .profile-row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1rem;
    }

    .profile-row-3 {
        grid-template-columns: 2fr 1fr 1fr;
    }

    @media (max-width: 640px) {
        .profile-row,
        .profile-row-3 {
            grid-template-columns: 1fr;
        }
    }

    .profile-field {
        min-width: 0;
    }

    .ui-form label {
        color: var(--color-text-on-dark);
    }

    .profile-divider {
        border-top: 1px solid var(--color-border-on-dark);
        margin: 2rem 0;
    }

    .profile-actions {
        display: flex;
        justify-content: flex-end;
        margin-top: 1.5rem;
    }

    .profile-error {
        color: var(--color-red-400);
        font-size: var(--text-sm);
        margin-top: 0.75rem;
    }

    .profile-success {
        color: var(--color-success);
        font-size: var(--text-sm);
        margin-top: 0.75rem;
    }
}@scope(.page-portal-tickets){:scope {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 4);
    }

    .page-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.25rem;
    }

    .page-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
    }

    .ui-autotable-toolbar {
        padding: 0;
        margin-bottom: calc(var(--spacing) * 3);
    }

    .ui-autotable-search {
        flex: 1;
        min-width: 0;
    }

    .ticket-action-cell {
        width: 1px;
        white-space: nowrap;
        padding-right: 0.75rem;
    }

    .ticket-row-actions {
        display: flex;
        align-items: center;
        gap: 0.375rem;
    }

    .ticket-view-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.25rem 0.625rem;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-muted);
        background: none;
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        cursor: pointer;
        transition: color 120ms, border-color 120ms, background-color 120ms;
    }

    .ticket-view-btn:hover {
        color: var(--color-text-body);
        border-color: var(--color-neutral-400);
        background-color: var(--color-neutral-50);
    }

    

    .ticket-form {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 4);
    }

    .form-row {
        max-width: 24rem;
    }

    .char-count {
        margin-top: calc(var(--spacing) * 1);
        font-size: var(--text-xs);
        color: var(--color-text-muted);
        text-align: right;
    }

    .ticket-modal-actions {
        display: flex;
        justify-content: flex-end;
    }

    .ticket-submitted-msg {
        font-size: var(--text-sm);
        color: var(--color-text-body);
        margin-bottom: 1rem;
    }

    

    .ticket-close-actions {
        margin-top: 1.5rem;
        padding-top: 1rem;
        border-top: 1px solid var(--color-neutral-200);
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 0.75rem;
    }

    .ticket-close-label {
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        font-weight: var(--font-weight-medium);
        text-align: center;
    }

    .ticket-close-buttons {
        display: flex;
        justify-content: center;
        gap: 0.75rem;
    }

    .ticket-close-buttons button {
        flex: 1;
        max-width: 12rem;
    }
}@scope(.page-portal-purchases){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.page-description {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		margin-top: 0.125rem;
	}
}@scope(.page-portal-purchase-detail){:scope {
		max-width: 56rem;
		margin: 0 auto;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
		margin: 0;
	}

	.page-header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 1rem;
		margin-bottom: 1.5rem;
	}

	.detail-meta {
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 0.25rem;
	}

	.detail-date {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
	}

	.detail-notes {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		font-style: italic;
	}

	.detail-loading,
	.detail-error {
		padding: 2rem;
		color: var(--color-text-muted);
		font-size: var(--text-sm);
	}

	.detail-error { color: var(--color-red-600); }

	.detail-section {
		margin-bottom: 1.5rem;

		h3 {
			font-size: var(--text-base);
			font-weight: var(--font-weight-semibold);
			color: var(--color-text-heading);
			margin-bottom: 0.5rem;
		}
	}

	.detail-empty {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		padding: 0.75rem 0;
	}

	.detail-table {
		width: 100%;
		border-collapse: collapse;
		font-size: var(--text-sm);
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-default);
		overflow: hidden;

		th {
			background: var(--color-neutral-50);
			padding: 0.375rem 0.75rem;
			text-align: left;
			font-size: 0.65rem;
			font-weight: var(--font-weight-bold);
			text-transform: uppercase;
			letter-spacing: 0.06em;
			color: var(--color-text-muted);
			border-bottom: 1px solid var(--color-neutral-200);
		}

		td {
			padding: 0.5rem 0.75rem;
			border-bottom: 1px solid var(--color-neutral-100);
			color: var(--color-text-body);
		}

		tr:last-child td { border-bottom: none; }
	}

	.detail-totals {
		margin-top: 0.5rem;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		gap: 0.25rem;
		max-width: 20rem;
		margin-left: auto;
	}

	.detail-totals-row {
		display: flex;
		justify-content: space-between;
		gap: 2rem;
		width: 100%;
		font-size: var(--text-sm);
		color: var(--color-text-body);
	}

	.detail-totals-total {
		font-weight: var(--font-weight-bold);
		padding-top: 0.25rem;
		border-top: 1px solid var(--color-neutral-200);
		font-size: var(--text-base);
	}
}@scope(.layout-manager-layout){:scope {
        min-height: 100vh;
        background-color: var(--color-neutral-50);
    }
}@scope(.layout-manager-main-area){:scope {
        min-height: 100vh;
        transition: margin-left 250ms ease-in-out;
    }

    :scope.collapsed {
        margin-left: 4.5rem;
    }

    :scope.expanded {
        margin-left: 16rem;
    }

    :scope.collapsed .ui-top-bar {
        left: calc(4.5rem + var(--env-border));
    }

    :scope.expanded .ui-top-bar {
        left: calc(16rem + var(--env-border));
    }

    .main {
        padding: calc(3.5rem + var(--env-top)) 2rem 1.5rem;
    }

    .page-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        margin-bottom: calc(var(--spacing) * 4);
    }

    .page-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
    }

    .page-desc {
        margin-top: calc(var(--spacing) * 0.5);
        font-size: var(--text-sm);
        color: var(--color-text-muted);
    }
}.manager-page-header{display:flex;flex-direction:column;gap:.25rem;padding:.25rem 2rem 0;background-color:var(--color-neutral-100);border-bottom:1px solid var(--color-neutral-200);margin:0 -2rem calc(var(--spacing) * 4);font-size:var(--text-sm)}@scope(.manager-org-picker){:scope {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 4rem 2rem;
    }

    .org-picker-icon {
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-default);
        background-color: var(--color-neutral-100);
        color: var(--color-neutral-500);
        margin-bottom: 1.5rem;
    }

    .org-picker-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        font-family: var(--font-heading);
        color: var(--color-text-heading);
        margin-bottom: 0.375rem;
    }

    .org-picker-subtitle {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
        margin-bottom: 2rem;
    }

    .org-picker-grid {
        display: grid;
        grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
        gap: calc(var(--spacing) * 4);
        width: 100%;
        max-width: 56rem;
    }

    .org-picker-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: calc(var(--spacing) * 3);
        padding: calc(var(--spacing) * 8) calc(var(--spacing) * 4);
        background: var(--color-neutral-50);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        cursor: pointer;
        transition: border-color 120ms, box-shadow 120ms;
        text-align: center;
        font-family: inherit;
    }

    .org-picker-card:hover:not(:disabled) {
        border-color: var(--color-primary);
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
    }

    .org-picker-card:disabled {
        opacity: 0.6;
        cursor: not-allowed;
    }

    .org-picker-card .ui-icon {
        color: var(--color-primary);
    }

    .org-picker-card-label {
        font-size: var(--text-base);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
    }

    .org-picker-empty {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
    }
}@scope(.layout-manager-sidebar){:scope {
        background-color: var(--color-manager-sidebar);
        position: fixed;
        top: var(--env-top);
        left: var(--env-border);
        height: calc(100% - var(--env-top) - var(--env-border));
        z-index: 50;
        display: flex;
        flex-direction: column;
        transition: width 250ms ease-in-out;
        box-shadow: var(--shadow-xl);
    }

    :scope.collapsed {
        width: 4.5rem;
    }

    :scope.expanded {
        width: 16rem;
    }

    .sidebar-header {
        padding: 1.25rem 1.25rem 0.75rem;
        border-bottom: 1px solid var(--color-manager-sidebar-border);
    }

    .logo-link {
        display: block;
    }

    .logo {
        max-width: 9rem;
        height: auto;
        margin: 0 auto;
        display: block;
    }

    .sidebar-app-label {
        text-align: center;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: var(--color-text-on-dark);
        margin-top: 0.5rem;
    }

    .sidebar-org-required {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0.75rem 0.75rem 0.25rem;
        padding: 0.5rem 0.75rem;
        background-color: var(--color-manager-sidebar-raised);
        border: 1px solid var(--color-manager-sidebar-border);
        border-radius: var(--radius-default);
        font-size: var(--text-xs);
        color: var(--color-text-on-dark-muted);
    }

    .sidebar-nav {
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0.5rem 0;
    }

    .nav-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    :scope.collapsed .nav-link {
        justify-content: center;
        padding: 0.625rem;
    }

    :scope.collapsed .sidebar-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-footer {
        border-top: 1px solid var(--color-manager-sidebar-border);
        padding: 0.5rem;
    }

    .user-info {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        padding: 0.5rem;
        margin-bottom: 0.25rem;
    }

    .user-avatar {
        flex-shrink: 0;
        width: 2rem;
        height: 2rem;
        border-radius: 9999px;
        background-color: var(--color-primary);
        color: var(--color-white);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .user-details {
        flex: 1;
        min-width: 0;
    }

    .user-name {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-on-dark);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-email {
        font-size: var(--text-xs);
        color: var(--color-text-on-dark-muted);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .footer-icon-btn {
        flex-shrink: 0;
        color: var(--color-text-on-dark-muted);
        background: none;
        border: none;
        cursor: pointer;
        padding: 0.375rem;
        border-radius: var(--radius-default);
        display: flex;
        align-items: center;
    }

    .footer-icon-btn:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-manager-sidebar-hover);
    }

    .collapse-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.5rem;
        color: var(--color-text-on-dark-muted);
        font-size: var(--text-sm);
        background: none;
        border: none;
        cursor: pointer;
        border-radius: var(--radius-default);
        transition: background-color 150ms ease, color 150ms ease;
    }

    .collapse-btn:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-manager-sidebar-hover);
    }
}@scope(.layout-manager-nav-item){:scope {
        margin: 0.125rem 0.5rem;
    }

    .nav-link {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.625rem 0.75rem;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-on-dark-muted);
        background: none;
        border: none;
        border-radius: var(--radius-default);
        cursor: pointer;
        text-align: left;
        text-decoration: none;
        clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
        transition: background-color 150ms ease, color 150ms ease;
    }

    .nav-link:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-manager-sidebar-hover);
    }

    .nav-link.active {
        color: var(--color-text-on-dark);
        background-color: var(--color-portal-sidebar);
    }

    .nav-label {
        flex: 1;
    }

    .nav-link.disabled {
        opacity: 0.35;
        pointer-events: none;
        cursor: default;
    }

    .expand-chevron {
        transition: transform 60ms ease;
        color: var(--color-text-on-dark-faint);
    }

    .expand-chevron.open {
        transform: rotate(90deg);
    }

    
    .sub-list {
        list-style: none;
        margin: 0;
        padding: 0 0 0 1rem;
        overflow: hidden;
        max-height: 0;
        opacity: 0;
        transition:
            max-height 60ms ease,
            opacity    40ms ease,
            padding    60ms ease;
    }

    .sub-list.open {
        max-height: 24rem;
        opacity: 1;
        padding: 0.25rem 0 0.25rem 1rem;
    }

    .sub-link {
        display: block;
        padding: 0.375rem 0.75rem;
        font-size: var(--text-sm);
        color: var(--color-text-on-dark-subtle);
        clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
        text-decoration: none;
        transition: background-color 140ms ease, color 140ms ease;
    }

    .sub-link:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-manager-sidebar-hover);
    }

    .sub-link.active {
        color: var(--color-text-on-dark);
        background-color: var(--color-portal-sidebar);
    }
}@media(max-width:768px){.layout-manager-main-area.collapsed,.layout-manager-main-area.expanded{margin-left:0!important}.layout-manager-main-area.collapsed .ui-top-bar,.layout-manager-main-area.expanded .ui-top-bar{left:var(--env-border)!important}.layout-manager-main-area .main{padding:calc(4.5rem + var(--env-top))1rem 1.5rem!important}.layout-manager-sidebar{transform:translateX(-100%)!important;transition:transform 260ms cubic-bezier(.4,0,.2,1),width 250ms ease-in-out!important}.layout-manager-sidebar.mobile-open{transform:translateX(0)!important;width:16rem!important}.layout-manager-sidebar.mobile-open .sidebar-header{display:block!important}.layout-manager-sidebar.mobile-open .nav-link{justify-content:flex-start!important;padding:.625rem .75rem!important}.layout-manager-sidebar .hide-mobile{display:none!important}}@scope(.page-manager-cars){a {
        color: var(--color-primary);
        text-decoration: underline;
    }

    a:hover {
        color: var(--color-primary-hover);
    }

    .page-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

    .page-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
    }

    .page-header-actions {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .season-filter {
        min-width: 14rem;
    }

    .search-fields {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .edit-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
    }

    .checkbox-field label {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: var(--text-sm);
        color: var(--color-neutral-700);
        cursor: pointer;
    }

    .checkbox-field input[type="checkbox"] {
        accent-color: var(--color-primary);
    }

    .modal-footer-buttons {
        display: flex;
        gap: 0.5rem;
        justify-content: flex-end;
    }

    .registrations-overview {
        margin-bottom: 1rem;
    }

    .registrations-chart-wrap {
        height: 200px;
        margin-bottom: 1rem;
    }

    .registrations-summary {
        display: flex;
        align-items: flex-start;
        gap: 2rem;
        padding-top: 0.5rem;
    }

    .summary-stat {
        display: flex;
        flex-direction: column;
    }

    .summary-divider {
        width: 1px;
        align-self: stretch;
        background: var(--color-neutral-200);
    }

    .summary-value {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-black);
        font-family: var(--font-heading);
        color: var(--color-text-heading);
    }

    .summary-label {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        text-transform: uppercase;
        letter-spacing: 0.05em;
    }

    .summary-classes {
        display: grid;
        grid-template-rows: repeat(4, auto);
        grid-auto-flow: column;
        gap: 0.125rem 1.5rem;
    }

    .summary-class-item {
        display: flex;
        align-items: baseline;
        gap: 0.75rem;
    }

    .summary-class-value {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-bold);
        font-family: var(--font-heading);
        color: var(--color-text-heading);
        min-width: 1.5rem;
        text-align: right;
    }

    .summary-class-label {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
    }

    .no-seasons {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .no-seasons p {
        font-size: var(--text-sm);
        color: var(--color-neutral-600);
    }

    .no-seasons a {
        color: var(--color-primary);
        text-decoration: underline;
    }
}.w9-preview-canvas-wrap{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius);overflow:hidden}.w9-preview-canvas-wrap canvas{width:100%;height:auto;display:block}@scope(.page-manager-drivers){.search-fields {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }
}@scope(.page-manager-contacts){.search-fields {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    a {
        color: var(--color-primary);
        text-decoration: underline;
    }

    a:hover {
        color: var(--color-primary-hover);
    }
}@scope(.page-manager-car-detail){.car-detail-header {
        margin-bottom: 1rem;
    }

    .car-detail-header .page-title {
        font-size: var(--text-lg);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
    }

    .error-message {
        color: var(--color-red-600);
        font-size: var(--text-sm);
        padding: 1rem 1.25rem;
    }

    .tab-section {
        padding: 1.5rem 1rem;
    }

    .people-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 1.5rem;
    }

    @media (max-width: 768px) {
        .people-grid {
            grid-template-columns: 1fr;
        }
    }

    .info-grid-single {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .info-row {
        display: flex;
        padding: 0.5rem 0;
        border-bottom: 1px solid var(--color-neutral-100);
    }

    .info-label {
        width: 10rem;
        flex-shrink: 0;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-neutral-500);
    }

    .info-value {
        font-size: var(--text-sm);
        color: var(--color-text-body);
    }

    .info-value a {
        color: var(--color-primary-600);
        text-decoration: none;
    }

    .info-value a:hover {
        text-decoration: underline;
    }

    .empty-state {
        padding: 1.5rem;
        text-align: center;
        font-size: var(--text-sm);
        color: var(--color-neutral-400);
    }

    .loading-text {
        padding: 1.5rem;
        text-align: center;
        font-size: var(--text-sm);
        color: var(--color-neutral-400);
    }

    .text-nowrap {
        white-space: nowrap;
    }

    .w9-signature {
        padding: 0.5rem;
        background: var(--color-neutral-50);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        text-align: center;
    }

    .w9-signature svg {
        max-width: 100%;
        max-height: 8rem;
    }
}@scope(.page-manager-seasons){.page-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.5rem;
    }

    .page-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
    }

    .row-actions {
        display: flex;
        gap: 0.375rem;
        justify-content: center;
    }

    .season-form-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
    }

    .checkbox-field label {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: var(--text-sm);
        color: var(--color-neutral-700);
        cursor: pointer;
    }

    .checkbox-field input[type="checkbox"] {
        accent-color: var(--color-primary);
    }

    .modal-footer-buttons {
        display: flex;
        gap: 0.5rem;
        justify-content: flex-end;
    }
}@scope(.page-manager-series){.page-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

    .page-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
    }

    .page-header-actions {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .season-filter {
        min-width: 14rem;
    }

    .search-fields {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
    }

    .no-seasons {
        text-align: center;
        padding: 3rem 1rem;
        color: var(--color-neutral-500);
    }

    .no-seasons a {
        color: var(--color-primary);
        text-decoration: underline;
    }

    .series-form-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
    }

    .modal-footer-buttons {
        display: flex;
        gap: 0.5rem;
        justify-content: flex-end;
    }
}@scope(.page-manager-classes){.page-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1.5rem;
    }

    .page-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
    }

    .divisions-cell {
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
    }

    .division-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
    }

    .division-tag {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        font-size: var(--text-xs);
        padding: 0.125rem 0.5rem;
        background-color: var(--color-neutral-100);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius);
        color: var(--color-neutral-700);
    }

    .div-edit-btn,
    .div-delete-btn {
        all: unset;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        color: var(--color-neutral-400);
        padding: 0.0625rem;
        border-radius: 2px;
    }

    .div-edit-btn:hover {
        color: var(--color-primary);
    }

    .div-delete-btn:hover {
        color: var(--color-red-600);
    }

    .reserved-tag {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        font-size: var(--text-xs);
        padding: 0.125rem 0.5rem;
        background-color: var(--color-red-50);
        border: 1px solid var(--color-red-200);
        border-radius: var(--radius);
        color: var(--color-red-700);
        font-weight: var(--font-weight-medium);
    }

    .no-divisions {
        color: var(--color-neutral-400);
        font-size: var(--text-sm);
    }

    .add-division-btn {
        all: unset;
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        font-size: var(--text-xs);
        color: var(--color-primary);
        font-weight: var(--font-weight-medium);
    }

    .add-division-btn:hover {
        text-decoration: underline;
    }

    .class-form-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
    }

    .checkbox-field label {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: var(--text-sm);
        color: var(--color-neutral-700);
        cursor: pointer;
    }

    .checkbox-field input[type="checkbox"] {
        accent-color: var(--color-primary);
    }

    .modal-footer-buttons {
        display: flex;
        gap: 0.5rem;
        justify-content: flex-end;
    }
}@scope(.page-manager-integrations){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.integration-section {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 5);
	}

	.integration-section-header {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 2);
	}

	.integration-section-title {
		font-size: var(--text-lg);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.integration-section-desc {
		font-size: var(--text-sm);
		color: var(--color-neutral-600);
		line-height: 1.5;
	}

	.integration-section-desc a {
		color: var(--color-primary);
		text-decoration: underline;
	}

	.integration-fields {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 4);
		max-width: 32rem;
	}

	.key-input-wrap {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing) * 2);
	}

	.key-input-wrap .ui-form {
		flex: 1;
	}

	.integration-actions {
		display: flex;
		gap: calc(var(--spacing) * 2);
	}

	

	.api-keys-section-header {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: calc(var(--spacing) * 4);
		margin-top: calc(var(--spacing) * 8);
		margin-bottom: calc(var(--spacing) * 4);
	}

	.empty-state {
		font-size: var(--text-sm);
		color: var(--color-neutral-500);
	}

	.keys-table {
		width: 100%;
		border-collapse: collapse;
		font-size: var(--text-sm);
	}

	.keys-table th {
		text-align: left;
		padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
		font-weight: var(--font-weight-semibold);
		color: var(--color-text-muted);
		border-bottom: 1px solid var(--color-neutral-200);
	}

	.keys-table td {
		padding: calc(var(--spacing) * 3);
		border-bottom: 1px solid var(--color-neutral-100);
		vertical-align: middle;
	}

	.keys-table tr:last-child td {
		border-bottom: none;
	}

	.key-prefix {
		font-family: var(--font-mono);
		font-size: var(--text-xs);
		background: var(--color-neutral-100);
		padding: 2px 6px;
		border-radius: 4px;
	}

	.new-key-fields {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 4);
	}

	.key-reveal {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 4);
	}

	.key-reveal-warning {
		font-size: var(--text-sm);
		color: var(--color-neutral-600);
		font-weight: var(--font-weight-semibold);
	}

	.key-reveal-box {
		display: flex;
		align-items: center;
		gap: calc(var(--spacing) * 2);
		background: var(--color-neutral-50);
		border: 1px solid var(--color-neutral-200);
		border-radius: 6px;
		padding: calc(var(--spacing) * 3);
	}

	.key-reveal-value {
		flex: 1;
		font-family: var(--font-mono);
		font-size: var(--text-xs);
		word-break: break-all;
		color: var(--color-text-body);
	}
}@scope(.page-manager-sales){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.page-description {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		margin-top: 0.125rem;
	}


}@scope(.page-manager-sales-accounts){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.page-description {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		margin-top: 0.125rem;
	}
}@scope(.page-manager-sales-products){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.page-description {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		margin-top: 0.125rem;
	}
}.modal-footer-buttons{display:flex;gap:calc(var(--spacing) * 2);justify-content:flex-end}.sales-account-form-fields,.product-form-fields{display:flex;flex-direction:column;gap:calc(var(--spacing) * 5)}.product-form-layout{display:grid;grid-template-columns:1fr 13rem;gap:calc(var(--spacing) * 6);align-items:start}.product-preview-pane{display:flex;flex-direction:column;gap:calc(var(--spacing) * 3);position:sticky;top:calc(var(--spacing) * 6)}.product-preview-label{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.product-preview-tile{display:flex;flex-direction:column;justify-content:space-between;gap:calc(var(--spacing) * 2);background:var(--color-neutral-100);border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);padding:calc(var(--spacing) * 4);min-height:5rem;box-shadow:var(--shadow-xs)}.product-preview-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35);line-height:1.3;word-break:break-word}.product-preview-tile:not([style]) .product-preview-name,.product-preview-tile:not([style*=background]) .product-preview-name{color:var(--color-text-heading);text-shadow:none}.product-preview-price{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}.product-preview-tile:not([style]) .product-preview-price,.product-preview-tile:not([style*=background]) .product-preview-price{color:var(--color-text-body);text-shadow:none}.product-preview-unit{font-size:var(--text-xs);opacity:.85}.product-preview-details{display:flex;flex-direction:column;gap:.2rem;border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);padding:calc(var(--spacing) * 2)calc(var(--spacing) * 3);background:var(--color-neutral-50)}.product-preview-details:empty{display:none}.product-preview-detail-row{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-text-muted)}.product-preview-detail-total{font-weight:var(--font-weight-semibold);color:var(--color-text-body);padding-top:.2rem;border-top:1px solid var(--color-neutral-200);margin-top:.1rem}.product-preview-detail-note{font-style:italic}.product-preview-hint{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4}.form-section-label{display:flex;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted);padding:calc(var(--spacing) * 3)calc(var(--spacing) * 4);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);margin-bottom:calc(var(--spacing) * -1)}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--spacing) * 4)}.form-row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:calc(var(--spacing) * 4)}.checkbox-fields{display:flex;flex-direction:column;gap:calc(var(--spacing) * 2);padding:calc(var(--spacing) * 3)calc(var(--spacing) * 4);background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-default)}.checkbox-field{display:flex;align-items:center;gap:calc(var(--spacing) * 3);font-size:var(--text-sm);color:var(--color-text-body);cursor:pointer;user-select:none}.checkbox-field input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--color-primary);flex-shrink:0}.product-color-swatches{display:flex;flex-wrap:wrap;gap:.375rem;padding:.25rem 0}.product-color-swatch{width:1.75rem;height:1.75rem;border-radius:9999px;border:2px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform 80ms,border-color 80ms,box-shadow 80ms;padding:0;font-family:var(--font-sans);outline:none}.product-color-swatch:hover{transform:scale(1.15);box-shadow:0 1px 4px rgba(0,0,0,.25)}.product-color-swatch.selected{border-color:var(--color-text-heading);box-shadow:0 0 0 2px rgba(0,0,0,.12)}.product-color-none{background:var(--color-neutral-100);border-color:var(--color-neutral-300)!important;color:var(--color-text-muted);font-size:.75rem;font-weight:var(--font-weight-bold)}.product-color-none.selected{border-color:var(--color-neutral-500)!important}.product-color-check{color:#fff;font-size:.8rem;font-weight:var(--font-weight-bold);text-shadow:0 1px 3px rgba(0,0,0,.5);pointer-events:none}@scope(.page-manager-sales-report,.page-manager-collections-report,.page-manager-roster-purchase-report){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.page-description {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		margin-top: 0.125rem;
	}

	.payment-summary {
		margin-top: 1.5rem;
		max-width: 24rem;
		margin-left: auto;
	}

	.payment-summary-title {
		font-size: var(--text-base);
		font-weight: var(--font-weight-semibold);
		color: var(--color-text-heading);
		margin-bottom: 0.5rem;
	}

	.payment-summary-empty {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
	}

	.payment-summary-rows {
		display: flex;
		flex-direction: column;
		gap: 0.25rem;
	}

	.payment-summary-row {
		display: flex;
		justify-content: space-between;
		gap: 2rem;
		font-size: var(--text-sm);
		color: var(--color-text-body);
	}

	.payment-summary-row.sub-row {
		padding-left: 1rem;
		font-size: var(--text-xs);
		color: var(--color-text-muted);
	}

	.payment-summary-row.grand-total {
		font-weight: var(--font-weight-bold);
		padding-top: 0.25rem;
		border-top: 1px solid var(--color-neutral-200);
		margin-top: 0.1rem;
		font-size: var(--text-base);
		color: var(--color-text-heading);
	}

	.quick-date-tags {
		display: flex;
		align-items: center;
		gap: 0.375rem;
		margin-bottom: 0.5rem;
	}

	.quick-date-tag {
		font-size: var(--text-xs);
		font-weight: var(--font-weight-medium);
		padding: 0.1875rem 0.5rem;
		border-radius: var(--radius-full);
		border: 1px solid var(--color-neutral-200);
		background: var(--color-neutral-50);
		color: var(--color-neutral-600);
		cursor: pointer;
		white-space: nowrap;
		transition: background-color 0.15s, border-color 0.15s, color 0.15s;
	}

	.quick-date-tag:hover {
		background: var(--color-sky-50);
		border-color: var(--color-sky-300);
		color: var(--color-sky-800);
	}

	.product-sales-chart {
		margin-top: 1.5rem;
	}

	.product-sales-chart-title {
		font-size: var(--text-base);
		font-weight: var(--font-weight-semibold);
		color: var(--color-text-heading);
		margin-bottom: 0.5rem;
	}

	.product-sales-chart .ui-chart {
		height: 24rem;
	}
}@scope(.page-manager-roster-purchase-report){.season-filter {
		min-width: 14rem;
	}

	.roster-loading,
	.roster-empty {
		padding: 2rem;
		color: var(--color-text-muted);
		font-size: var(--text-sm);
	}

	.roster-purchase-cell {
		text-align: center;
		font-size: var(--text-sm);
		color: var(--color-text-muted);
	}

	.roster-purchase-cell.purchased {
		background-color: var(--color-green-50);
		color: var(--color-green-800);
		font-weight: var(--font-weight-semibold);
	}
}@scope(.page-manager-sales-reports){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1.5rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.page-description {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		margin-top: 0.125rem;
	}

	.report-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(14rem, 1fr));
		gap: calc(var(--spacing) * 4);
	}

	.report-card {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: calc(var(--spacing) * 3);
		padding: calc(var(--spacing) * 8) calc(var(--spacing) * 4);
		background: var(--color-neutral-50);
		border: 1px solid var(--color-neutral-200);
		border-radius: var(--radius-default);
		cursor: pointer;
		transition: border-color 120ms, box-shadow 120ms;
		text-align: center;
		font-family: inherit;
	}

	.report-card:hover {
		border-color: var(--color-primary);
		box-shadow: 0 2px 8px rgba(0,0,0,0.08);
	}

	.report-card .ui-icon {
		color: var(--color-primary);
	}

	.report-card-label {
		font-size: var(--text-base);
		font-weight: var(--font-weight-semibold);
		color: var(--color-text-heading);
	}

	.report-card-description {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		line-height: 1.4;
	}
}@scope(.page-manager-sales-history){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.page-description {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		margin-top: 0.125rem;
	}
}.page-manager-sale-detail{max-width:56rem;.page-title{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-heading);font-family:var(--font-heading);margin:0}.sale-detail-loading, .sale-detail-error{padding:2rem;color:var(--color-text-muted);font-size:var(--text-sm)}.sale-detail-error{color:var(--color-red-600)}.sale-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.5rem}.sale-detail-header-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;h2{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-heading);font-family:var(--font-heading);margin:0}}.sale-detail-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem}.sale-detail-date{font-size:var(--text-sm);color:var(--color-text-muted)}.sale-detail-notes{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.sale-detail-section{margin-bottom:1.5rem;h3{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-heading);margin-bottom:.5rem}}.sale-detail-empty{font-size:var(--text-sm);color:var(--color-text-muted);padding:.75rem 0}.sale-detail-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);overflow:hidden;th{background:var(--color-neutral-50);padding:.375rem .75rem;text-align:left;font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);border-bottom:1px solid var(--color-neutral-200)}td{padding:.5rem .75rem;border-bottom:1px solid var(--color-neutral-100);color:var(--color-text-body)}tr:last-child td{border-bottom:none}}.sale-detail-totals{margin-top:.5rem;display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;max-width:20rem;margin-left:auto}.sale-detail-totals-row{display:flex;justify-content:space-between;gap:2rem;width:100%;font-size:var(--text-sm);color:var(--color-text-body)}.sale-detail-totals-total{font-weight:var(--font-weight-bold);padding-top:.25rem;border-top:1px solid var(--color-neutral-200);font-size:var(--text-base)}.sale-detail-totals-due{color:var(--color-red-600);font-weight:var(--font-weight-semibold)}.sale-detail-totals-change{color:var(--color-green-700);font-weight:var(--font-weight-semibold)}}.page-manager-sale{display:flex;flex-direction:column;height:calc(100vh - 6.5rem);overflow:hidden;.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-bottom:.75rem;margin-bottom:.75rem;border-bottom:1px solid var(--color-neutral-200);flex-shrink:0}}.sale-hdr-left{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.sale-hdr-left nav.ui-back{margin-bottom:0;display:flex;align-items:center}.sale-hdr-left h2{font-size:var(--text-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-heading);font-family:var(--font-heading);margin:0}.sale-hdr-right{display:flex;align-items:center;gap:.5rem}.sale-hdr-date{font-size:var(--text-sm);color:var(--color-text-muted)}.sale-hdr-settings-btn{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);background:0 0;cursor:pointer;color:var(--color-text-muted);padding:0}.sale-hdr-settings-btn:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.sale-hdr-settings-btn:disabled{opacity:.35;cursor:not-allowed}.sale-loading{padding:2rem;color:var(--color-text-muted);font-size:var(--text-sm)}.sale-body{display:flex;flex-direction:row;gap:.75rem;flex:1;min-height:0}.sale-panel--purchaser{width:19rem;flex-shrink:0}.sale-panel--items{flex:1;min-width:0}.sale-panel--payments{width:21rem;flex-shrink:0}.sale-panel{display:flex;flex-direction:column;border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);background:var(--color-surface);overflow:hidden;min-height:0}.sale-payments-scroll{flex:1;overflow-y:auto;min-height:0;padding-bottom:.5rem}.sale-panel-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.sale-panel-body>.sale-payments-scroll{flex:1}.sale-panel-hdr{font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:.5rem .75rem;background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);flex-shrink:0;display:flex;align-items:center;justify-content:space-between}.sale-panel-hdr>span:first-child{flex:1}.sale-tax-hdr{display:flex;align-items:center;gap:.25rem;font-size:var(--text-sm);font-weight:var(--font-weight-normal);text-transform:none;letter-spacing:normal;color:var(--color-text-body)}.sale-switch--hdr{margin:0}.sale-panel--purchaser{overflow-y:auto}.sale-purchaser-display,.sale-purchaser-chosen{padding:.75rem;border-bottom:1px solid var(--color-neutral-100);flex-shrink:0}.sale-purchaser-chosen{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sale-purchaser-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sale-purchaser-type{font-size:.6rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.07em;color:var(--color-text-muted)}.sale-purchaser-primary{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-heading);line-height:1.2}.sale-purchaser-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.sale-purchaser-name{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.sale-purchaser-actions{display:flex;align-items:center;flex-shrink:0}.sale-change-btn{font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);background:var(--color-neutral-100);border:none;border-radius:var(--radius-default);padding:.35rem .6rem;cursor:pointer;transition:all var(--default-transition-duration)var(--default-transition-timing-function)}.sale-change-btn:hover{background:var(--color-neutral-200);color:var(--color-text-body)}.sale-clear-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);background:0 0;cursor:pointer;color:var(--color-text-muted);font-size:var(--text-xs);padding:0;line-height:1}.sale-clear-btn:hover{border-color:var(--color-red-300);color:var(--color-red-500);background:var(--color-red-50)}.sale-class-filters{display:flex;flex-wrap:wrap;gap:.3rem;padding:.4rem .6rem;border-bottom:1px solid var(--color-neutral-100);flex-shrink:0}.sale-class-chip{font-size:var(--text-xs);padding:.2rem .55rem;border:1px solid var(--color-neutral-300);border-radius:999px;background:0 0;color:var(--color-text-muted);cursor:pointer;white-space:nowrap;transition:background 60ms,border-color 60ms,color 60ms}.sale-class-chip:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.sale-class-chip.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sale-picker-search{padding:.4rem .6rem;border-bottom:1px solid var(--color-neutral-100);flex-shrink:0;display:flex;gap:.4rem}.sale-filter-input{flex:1;min-width:0;font-size:var(--text-sm);padding:.3rem .5rem;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);background:var(--color-surface);color:var(--color-text-body);outline:none}.sale-filter-input:focus{border-color:var(--color-primary)}.sale-picker-list{overflow-y:auto;flex:1}.sale-pick-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.5rem;width:100%;padding:.45rem .75rem;font-size:var(--text-sm);background:0 0;border:none;border-bottom:1px solid var(--color-neutral-100);cursor:pointer;text-align:left;color:var(--color-text-body);transition:background 60ms}.sale-pick-row:last-child{border-bottom:none}.sale-pick-row:hover{background:var(--color-neutral-50)}.sale-pick-row:disabled{opacity:.5;cursor:not-allowed}.sale-pick-row--car{grid-template-columns:3rem 1fr auto}.sale-pick-car-number{font-size:var(--text-sm);font-weight:var(--font-weight-bold);color:var(--color-text-heading);font-family:var(--font-mono);white-space:nowrap}.sale-pick-car-driver{color:var(--color-text-body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sale-pick-car-class{font-size:var(--text-xs);color:var(--color-text-muted);white-space:nowrap;text-align:right}.sale-pick-car-owner{font-size:var(--text-xs);color:var(--color-text-muted);font-style:italic;white-space:nowrap;margin-left:.25rem}.sale-pick-type-badge{font-size:.6rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-neutral-100);border-radius:3px;padding:.1rem .3rem;white-space:nowrap}.sale-picker-divider{padding:.3rem .75rem;font-size:.6rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-100)}.sale-picker-empty{padding:.75rem;font-size:var(--text-sm);color:var(--color-text-muted)}.sale-purchaser-car-row{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.sale-purchaser-number{font-size:var(--text-base);font-weight:var(--font-weight-bold);color:var(--color-text-heading);font-family:var(--font-mono)}.sale-purchaser-driver{font-size:var(--text-sm);color:var(--color-text-body)}.sale-purchaser-class{font-size:var(--text-xs);color:var(--color-text-muted);background:var(--color-neutral-100);border-radius:3px;padding:.1rem .35rem}.sale-purchaser-walkin{font-size:var(--text-sm);color:var(--color-text-muted);font-style:italic}.sale-class-select{padding:.4rem .6rem;border-bottom:1px solid var(--color-neutral-100);flex-shrink:0}.sale-assoc-toggle{display:flex;gap:.25rem;margin-top:.35rem}.sale-assoc-btn{font-size:var(--text-xs);padding:.2rem .55rem;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);background:0 0;color:var(--color-text-muted);cursor:pointer;transition:background 60ms,border-color 60ms,color 60ms;white-space:nowrap}.sale-assoc-btn:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.sale-assoc-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.sale-purchaser-history{border-top:1px solid var(--color-neutral-100)}.sale-purchaser-history-hdr{font-size:.6rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);padding:.4rem .75rem .2rem}.sale-purchaser-history-empty{padding:.4rem .75rem;font-size:var(--text-xs);color:var(--color-text-muted)}.sale-history-row{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;border-bottom:1px solid var(--color-neutral-100);text-decoration:none;color:var(--color-text-body);font-size:var(--text-xs);transition:background 60ms}.sale-history-row:last-child{border-bottom:none}.sale-history-row:hover{background:var(--color-neutral-50)}.sale-history-date{color:var(--color-text-muted);white-space:nowrap;flex:1}.sale-history-total{font-weight:var(--font-weight-semibold);white-space:nowrap}.sale-picker-footer{display:flex;align-items:center;gap:.5rem;padding:.5rem .6rem;border-top:1px solid var(--color-neutral-100);flex-shrink:0}.sale-tax-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;flex-shrink:0;margin-top:auto}.sale-tax-label{font-size:var(--text-sm);color:var(--color-text-body)}.sale-switch{display:inline-flex;cursor:pointer;position:relative}.sale-switch input{position:absolute;opacity:0;width:0;height:0}.sale-switch-track{width:2.2rem;height:1.2rem;background:var(--color-neutral-300);border-radius:999px;transition:background 150ms;position:relative}.sale-switch-track::after{content:"";position:absolute;top:.15rem;left:.15rem;width:.9rem;height:.9rem;background:#fff;border-radius:50%;transition:transform 150ms;box-shadow:0 1px 3px rgba(0,0,0,.2)}.sale-switch input:checked+.sale-switch-track{background:var(--color-primary)}.sale-switch input:checked+.sale-switch-track::after{transform:translateX(1rem)}.sale-switch input:disabled+.sale-switch-track{opacity:.4;cursor:not-allowed}.sale-switch--inline{display:flex;align-items:center;gap:.5rem}.sale-switch--inline .sale-switch-label{font-size:var(--text-sm);color:var(--color-text)}.sale-panel--items{min-width:0}.sale-panel--items>.ui-accordion:last-child{flex:1;min-height:0;display:flex;flex-direction:column}.sale-panel--items>.ui-accordion:last-child>.ui-accordion-item{flex:1;min-height:0;display:flex;flex-direction:column}.sale-panel--items>.ui-accordion:last-child .ui-accordion-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sale-scan-row{display:flex;gap:.5rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-neutral-100);flex-shrink:0}.sale-scan-row .ui-form{flex:1;min-width:0}.sale-scan-input{flex:1;min-width:0;font-size:var(--text-sm);padding:.4rem .6rem;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);background:var(--color-surface);color:var(--color-text-body);outline:none}.sale-scan-input:focus{border-color:var(--color-primary)}.sale-product-grid{display:flex;flex-wrap:wrap;gap:.4rem;padding:.5rem .75rem;border-bottom:1px solid var(--color-neutral-100);flex-shrink:0}.sale-product-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.5rem .75rem;min-width:5rem;border:2px solid var(--product-color,#6b7280);border-radius:var(--radius-default);background:color-mix(in srgb,var(--product-color,#6b7280) 12%,transparent);color:color-mix(in srgb,var(--product-color,#6b7280) 80%,#000);cursor:pointer;transition:background 80ms,transform 60ms;font-family:var(--font-sans)}.sale-product-btn:hover{background:color-mix(in srgb,var(--product-color,#6b7280) 22%,transparent);transform:scale(1.03)}.sale-product-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.sale-product-name{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);white-space:nowrap}.sale-product-price{font-size:var(--text-xs);opacity:.8}.sale-product-unit{white-space:nowrap}.sale-product-unit-divider{opacity:.6}.sale-items-scroll{flex:1;overflow-y:auto;min-height:0}.sale-items-empty{padding:1rem .75rem;font-size:var(--text-sm);color:var(--color-text-muted)}.sale-item-row{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--color-neutral-100);font-size:var(--text-sm)}.sale-item-row:last-child{border-bottom:none}.sale-item-info{display:flex;flex-direction:column;gap:.1rem;min-width:0}.sale-item-name-row{display:flex;align-items:center;gap:.4rem;min-width:0}.sale-item-color-dot{width:.55rem;height:.55rem;border-radius:50%;background:var(--dot-color,#6b7280);flex-shrink:0}.sale-item-modified-icon{color:var(--color-blue-600);font-weight:var(--font-weight-bold);margin-right:.2rem}.sale-item-name{color:var(--color-text-body);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sale-item-serial{font-size:var(--text-xs);color:var(--color-text-muted);font-family:var(--font-mono)}.sale-item-meta{display:flex;align-items:center;gap:.5rem}.sale-item-group-hdr{display:flex;align-items:center;gap:.5rem;padding:.35rem .75rem;background:var(--color-neutral-50);border-bottom:1px solid var(--color-neutral-200);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.sale-item-group-hdr:not(:first-child){border-top:1px solid var(--color-neutral-200)}.sale-item-row--grouped{padding-left:1.25rem}.sale-item-discount-tag{display:inline-flex;padding:.05rem .4rem;border-radius:9999px;background:var(--color-red-50,#fef2f2);border:1px solid var(--color-red-200,#fecaca);font-size:var(--text-xs);color:var(--color-red-600);white-space:nowrap;line-height:1.4}.sale-item-purchaser-tag{display:inline-flex;align-items:center;gap:.25rem;padding:.1rem .45rem;border:1px solid var(--color-neutral-200);border-radius:9999px;background:var(--color-neutral-50);font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;white-space:nowrap;line-height:1.4}.sale-item-purchaser-tag:hover{background:var(--color-neutral-100);border-color:var(--color-neutral-300);color:var(--color-text-body)}.sale-item-purchaser-tag:disabled{opacity:.5;cursor:not-allowed}.sale-reassign-modal{display:flex;flex-direction:column;gap:.75rem}.sale-reassign-item-label{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);padding:.4rem .5rem;background:var(--color-neutral-50);border-radius:var(--radius-default);border:1px solid var(--color-neutral-100)}.sale-item-right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}.sale-item-qty{min-width:1.5rem;text-align:center;color:var(--color-text-body)}.sale-item-qty-input{width:2.5rem;padding:.2rem;text-align:center;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);font-size:var(--text-sm)}.sale-item-qty-input:focus{outline:none;border-color:var(--color-primary)}.sale-settings-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);background:0 0;cursor:pointer;color:var(--color-text-muted);padding:0;line-height:1}.sale-settings-btn:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.sale-settings-btn:disabled{opacity:.35;cursor:not-allowed}.sale-settings-btn:hover{color:var(--color-text-body)}.sale-item-price-col{display:flex;flex-direction:column;align-items:flex-end;min-width:3.5rem}.sale-item-price-label{font-size:.5625rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em;line-height:1}.sale-item-price-value{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);line-height:1.2}.sale-item-price-value.sale-item-price-muted{color:var(--color-text-muted)}.sale-item-custom-badge{background:var(--color-amber-100);color:var(--color-amber-800);padding:.0625rem .3rem;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.02em;white-space:nowrap;margin-right:.25rem}.sale-qty-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);background:0 0;cursor:pointer;font-size:var(--text-sm);color:var(--color-text-body);padding:0;line-height:1}.sale-qty-btn:hover{background:var(--color-neutral-100)}.sale-qty-btn:disabled{opacity:.35;cursor:not-allowed}.sale-rm-btn{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-default);background:0 0;cursor:pointer;color:var(--color-text-muted);padding:0}.sale-rm-btn:hover{color:var(--color-red-600);background:var(--color-red-50)}.sale-rm-btn:disabled{opacity:.35;cursor:not-allowed}.sale-panel--payments{display:flex;flex-direction:column;min-height:0;overflow:hidden}.sale-change-given-display{display:flex;justify-content:space-between;padding:.5rem .75rem;font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);border-top:1px solid var(--color-neutral-200);flex-shrink:0}.sale-rounding-controls{padding:.5rem .75rem;display:flex;gap:.75rem;flex-shrink:0;border-top:1px solid var(--color-neutral-200);background:var(--color-neutral-50)}.sale-rounding-controls+.sale-rounding-controls{border-top:none;padding-top:0}.sale-rounding-row{display:flex;align-items:center;gap:.375rem}.sale-rounding-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium);white-space:nowrap}.sale-rounding-select{font-size:var(--text-xs);padding:.2rem .375rem;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);background:var(--color-neutral-0);color:var(--color-text-body)}.sale-total--rounding{color:var(--color-text-muted)}.sale-total--adjusted{font-weight:var(--font-weight-semibold)}.sale-total--discount{color:var(--color-red-600)}.sale-discount-input{width:4.5rem;text-align:right}.sale-ss-tax-row{display:flex;align-items:center;gap:.5rem}.sale-ss-tax-row .sale-field{flex:1}.sale-is-item-label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-body);padding:.4rem .5rem;background:var(--color-neutral-50);border-radius:var(--radius-default);border:1px solid var(--color-neutral-100);margin-bottom:.25rem}.sale-totals{padding:.6rem .75rem;display:flex;flex-direction:column;gap:.2rem;flex-shrink:0;background:var(--color-surface);border-top:1px solid var(--color-neutral-200)}.sale-total-row{display:flex;justify-content:space-between;gap:1rem;font-size:var(--text-sm);color:var(--color-text-body)}.sale-total--grand{font-weight:var(--font-weight-bold);font-size:var(--text-base);padding-top:.25rem;border-top:1px solid var(--color-neutral-200);margin-top:.1rem}.sale-total--due{color:var(--color-red-600);font-weight:var(--font-weight-semibold)}.sale-total--change{color:var(--color-green-700);font-weight:var(--font-weight-semibold)}.sale-panel .ui-accordion{border:none;border-radius:0}.sale-panel .ui-accordion .ui-accordion-trigger{padding:.4rem .5rem;background-color:initial}.sale-panel .ui-accordion .ui-accordion-trigger:hover{background-color:var(--color-neutral-100)}.sale-panel .ui-accordion .ui-accordion-content{padding:.25rem .5rem .5rem}.sale-add-payment{padding:0;display:flex;flex-direction:column;gap:.4rem}.sale-section-label{font-size:.65rem;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.sale-pm-row{display:grid;grid-template-columns:1fr auto;gap:.4rem;align-items:center}.sale-pm-badges{display:flex;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);overflow:hidden;margin-bottom:.5rem}.sale-pm-badge{flex:1;padding:.5rem .75rem;border:none;border-right:1px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:all var(--default-transition-duration)var(--default-transition-timing-function)}.sale-pm-badge:last-child{border-right:none}.sale-pm-badge:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.sale-pm-badge.active{background:var(--color-primary);color:#fff}.sale-amount-row-new{display:flex;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);overflow:hidden;margin-top:.5rem}.sale-amount-row-new .sale-field-btn{flex-shrink:0;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border:none;border-right:1px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;font-size:1rem;padding:0}.sale-amount-row-new .sale-field-btn:last-child{border-right:none}.sale-amount-row-new .sale-field-btn:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.sale-amount-row-new .sale-field-btn--full{width:3.5rem;font-size:var(--text-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;border-left:1px solid var(--color-neutral-300)}.sale-amount-row-new .sale-field-btn--full:hover{background:var(--color-primary);color:#fff}.sale-field-with-suffix{flex:1;display:flex;align-items:center;position:relative;width:100%}.sale-field-with-suffix .sale-field{flex:1;width:100%;height:2.5rem;padding-left:1.25rem;border:none}.sale-amount-row-new--compact{border:none;border-radius:0;overflow:visible}.sale-amount-row-new--compact .sale-field-with-suffix{border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);overflow:hidden}.sale-amount-row-new--compact .sale-field{height:2rem;border:none}.sale-amount-row-new--compact .sale-field-btn{width:2rem;height:2rem;border:none;border-right:1px solid var(--color-neutral-300)}.sale-amount-row-new--compact .sale-field-btn--clear{border-right:1px solid var(--color-neutral-300)}.sale-field-prefix{position:absolute;left:.75rem;color:var(--color-text-muted);pointer-events:none}.sale-field-prefix::after{content:" "}.sale-field-with-suffix .sale-field{height:2.5rem;padding-left:1.25rem;border:none}.sale-pm-fields{display:grid;grid-template-columns:1fr 1fr;gap:.4rem}.sale-card-type-badges{display:flex;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);overflow:hidden;margin-top:.5rem}.sale-card-type-badge{flex:1;padding:.4rem .5rem;border:none;border-right:1px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--default-transition-duration)var(--default-transition-timing-function)}.sale-card-type-badge:last-child{border-right:none}.sale-card-type-badge:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.sale-card-type-badge.active{background:var(--color-primary);color:#fff}.sale-card-last4-row{margin-top:.5rem}.sale-field--last4{width:5rem}.sale-check-row{margin-top:.5rem}.sale-cash-quick{display:flex;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);overflow:hidden;margin-top:.5rem}.sale-make-change-empty{padding:.5rem .75rem;color:var(--color-text-muted);font-style:italic}.sale-cash-btn{flex:1;padding:.4rem .5rem;border:none;border-right:1px solid var(--color-neutral-300);background:var(--color-surface);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--font-weight-bold);cursor:pointer;transition:all var(--default-transition-duration)var(--default-transition-timing-function)}.sale-cash-btn:last-child{border-right:none}.sale-cash-btn:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.sale-give-change{padding:.5rem 0;border-top:1px dashed var(--color-neutral-200);margin-top:.25rem}.sale-pm-amount-wrap{display:flex;align-items:center;gap:.25rem}.sale-field{width:100%;font-size:var(--text-sm);padding:.4rem .6rem;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);background:var(--color-surface);color:var(--color-text-body);outline:none}.sale-field:focus{border-color:var(--color-primary)}.sale-field--amt{width:6rem}.sale-fill-btn{flex-shrink:0;width:1.6rem;height:1.6rem;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-neutral-300);border-radius:var(--radius-default);background:0 0;color:var(--color-text-muted);cursor:pointer;font-size:.75rem;padding:0}.sale-fill-btn:hover{background:var(--color-neutral-100);color:var(--color-text-body)}.sale-payments-scroll .ui-btn.primary{width:100%;margin-top:.75rem}.sale-card-badge{display:inline-block;font-size:.6rem;font-weight:var(--font-weight-bold);padding:.1rem .35rem;border-radius:3px;border:1px solid transparent;vertical-align:middle;white-space:nowrap;text-transform:uppercase;letter-spacing:.04em}.sale-card-badge[data-brand=visa]{background:#1a1f71;color:#fff;font-style:italic}.sale-card-badge[data-brand=mastercard]{background:linear-gradient(135deg,#eb001b 0%,#f79e1b 100%);color:#fff}.sale-card-badge[data-brand=amex]{background:#2e77bc;color:#fff}.sale-card-badge[data-brand=discover]{background:#fff;border-color:#f60;color:#f60}.sale-card-badge[data-brand=zelle]{background:#6d1ed4;color:#fff}.sale-card-badge[data-brand=paypal]{background:#003087;color:#fff}.sale-card-badge[data-brand=venmo]{background:#3d95ce;color:#fff}.sale-payments-list{flex-shrink:0}.sale-payments-empty{padding:.5rem .75rem;font-size:var(--text-sm);color:var(--color-text-muted)}.sale-payment-row{display:flex;align-items:center;gap:.5rem;padding:.4rem .75rem;border-bottom:1px solid var(--color-neutral-100);font-size:var(--text-sm)}.sale-payment-row:last-child{border-bottom:none}.sale-payment-info{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;flex:1;min-width:0;color:var(--color-text-body)}.sale-payment-amt{font-weight:var(--font-weight-semibold);color:var(--color-text-body);white-space:nowrap}.dim{color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.sale-pricing-modal{display:flex;flex-direction:column;gap:1rem}.sale-pricing-name label{display:block;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.025em}.sale-pricing-name .ui-form input{font-weight:var(--font-weight-semibold)}.sale-pricing-toggle-row{display:flex;background:var(--color-neutral-100);border-radius:var(--radius-md);padding:3px}.sale-pricing-toggle-btn{flex:1;padding:.5rem 1rem;border:none;background:0 0;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.sale-pricing-toggle-btn:hover{color:var(--color-text)}.sale-pricing-toggle-btn.active{background:#fff;color:var(--color-text);box-shadow:0 1px 2px rgba(0,0,0,.1)}.sale-pricing-row{display:grid;grid-template-columns:1fr 90px;gap:.5rem}.sale-pricing-field{display:flex;flex-direction:column;min-width:0}.sale-pricing-field label{display:block;font-size:var(--text-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-bottom:.25rem;text-transform:uppercase;letter-spacing:.025em}.sale-field-with-prefix{display:flex;width:100%}.sale-field-prefix{flex-shrink:0;padding:.5rem .625rem;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-right:none;border-radius:var(--radius-sm)0 0 var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-sm)}.sale-field-with-prefix .sale-field{flex:1;min-width:0;border-radius:0 var(--radius-sm)var(--radius-sm)0}.sale-pricing-total-field{width:100%}.sale-pricing-summary{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);padding:.875rem}.sale-pricing-summary .summary-row{min-height:1.5rem}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm);color:var(--color-text-muted);padding:.25rem 0}.summary-row.summary-subtotal{padding-top:.5rem;margin-top:.25rem;border-top:1px solid var(--color-neutral-200)}.summary-row.summary-total{padding-top:.5rem;margin-top:.25rem;border-top:1px solid var(--color-neutral-200);font-weight:var(--font-weight-semibold);font-size:var(--text-base);color:var(--color-text)}.summary-row.summary-total span:last-child{color:var(--color-primary);font-size:var(--text-lg)}.sale-pricing-preview{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-lg)}.sale-pricing-preview .preview-line{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm)}.sale-pricing-preview .preview-line .label{color:var(--color-text-muted)}.sale-pricing-preview .preview-line.total{padding-top:.5rem;border-top:1px solid var(--color-neutral-200)}.sale-pricing-preview .preview-line.total .label{font-weight:var(--font-weight-medium);color:var(--color-text)}.sale-pricing-preview .preview-line.total span:last-child{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.sale-pricing-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}.sale-qa-modal{display:flex;flex-direction:column;align-items:center;gap:1rem}.sale-qa-price{font-size:.9rem;color:var(--color-neutral-500)}.sale-qa-qty-row{display:flex;align-items:center;gap:.75rem}.sale-qa-qty-input{width:5rem;text-align:center;font-size:1.5rem;font-weight:600;padding:.5rem;border:1px solid var(--color-neutral-300);border-radius:var(--radius-md);background:var(--color-neutral-50);-moz-appearance:textfield}.sale-qa-qty-input::-webkit-inner-spin-button,.sale-qa-qty-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.sale-qa-total{font-size:1.1rem;font-weight:600}.sale-qa-actions{display:flex;justify-content:flex-end;gap:.5rem;width:100%;margin-top:.25rem}.sale-price-chart-modal{margin:calc(var(--spacing) * -6)calc(var(--spacing) * -7)}.sale-price-chart-modal>.ui-tabs>.header{padding:0 calc(var(--spacing) * 7)}.sale-price-chart-modal>.ui-tabs>.panel{padding:calc(var(--spacing) * 4)calc(var(--spacing) * 7)}.sale-price-chart{display:flex;flex-direction:column;gap:1rem}.sale-price-chart-qty-row{display:flex;align-items:center;gap:.75rem}.sale-price-chart-qty-row label{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.sale-price-chart-dollar-prefix{font-size:1.5rem;font-weight:600;color:var(--color-text-muted);margin-right:-.4rem}.sale-price-chart-tax-toggle{display:flex;align-items:center;gap:.4rem;font-size:var(--text-sm);color:var(--color-text-body);cursor:pointer;user-select:none;margin-left:auto}.sale-price-chart-tax-toggle input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--color-primary)}.sale-custom-item-btn{background:linear-gradient(135deg,var(--color-neutral-50) 0%,var(--color-neutral-100) 100%);border:2px dashed var(--color-neutral-300)}.sale-custom-item-btn:hover{border-color:var(--color-primary);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-neutral-50) 100%)}.sale-custom-item-modal{display:flex;flex-direction:column;gap:1.25rem;padding:.5rem}.sale-ci-field{display:flex;flex-direction:column;gap:.375rem}.sale-ci-field label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.sale-ci-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sale-snf-serial{padding:.5rem .75rem;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);font-size:var(--text-sm);color:var(--color-text-body)}.sale-snf-list{display:flex;flex-direction:column;gap:.375rem;max-height:16rem;overflow-y:auto}.sale-snf-product{display:flex;align-items:center;justify-content:space-between;padding:.625rem .75rem;border:1px solid var(--color-neutral-200);border-left:4px solid var(--product-color,var(--color-neutral-300));border-radius:var(--radius-default);background:var(--color-neutral-0);cursor:pointer;transition:background 80ms}.sale-snf-product:hover{background:var(--color-neutral-50)}.sale-snf-product:disabled{opacity:.5;cursor:not-allowed}.sale-snf-product-name{font-weight:var(--font-weight-medium)}.sale-snf-product-price{font-size:var(--text-sm);color:var(--color-text-muted)}.sale-snf-custom{border-style:dashed;border-left:4px dashed var(--color-neutral-300)}.sale-custom-error{padding:.75rem;background:var(--color-error-50);border:1px solid var(--color-error-200);border-radius:var(--radius-default);color:var(--color-error-700);font-size:var(--text-sm)}.sale-custom-field{display:flex;flex-direction:column;gap:.375rem}.sale-custom-field label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.sale-custom-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.sale-custom-field .input-dollar{display:flex;align-items:center}.sale-custom-field .input-dollar .prefix{padding:.5rem .75rem;background:var(--color-neutral-100);border:1px solid var(--color-neutral-300);border-right:none;border-radius:var(--radius-default)0 0 var(--radius-default);color:var(--color-text-muted);font-size:var(--text-base)}.sale-custom-field .input-dollar .ui-form{flex:1;margin:0}.sale-custom-field .input-dollar .ui-form input{border-radius:0 var(--radius-default)var(--radius-default)0}.sale-custom-preview{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--color-neutral-100);border-radius:var(--radius-default);font-weight:var(--font-weight-bold)}.sale-custom-preview .total{font-size:var(--text-xl);color:var(--color-primary)}.sale-custom-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.5rem}@scope(.page-manager-pos){:scope {
        height: calc(100vh - 7rem);
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    

    .pos-layout {
        display: grid;
        grid-template-columns: 17rem 1fr 19rem;
        gap: 1.25rem;
        flex: 1;
        min-height: 0;
        align-items: stretch;
    }

    
    .pos-layout--home {
        grid-template-columns: 17rem 1fr;
    }

    
    .pos-layout--sale {
        grid-template-columns: 17rem 1fr 19rem;
    }

    .pos-home-content {
        display: flex;
        flex-direction: column;
        min-height: 0;
        overflow-y: auto;
    }

    .pos-home-content .pos-recent-sales {
        height: 100%;
    }

    

    .pos-col {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        overflow-y: auto;
        padding-bottom: 0.5rem;
        
        min-height: 0;
    }

    .pos-col > * {
        flex-shrink: 0;
    }

    
    .pos-sidebar-hint {
        padding: 1rem;
        text-align: center;
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        border: 2px dashed var(--color-neutral-200);
        border-radius: var(--radius-default);
    }

    .pos-new-sale-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        width: 100%;
        padding: 0.625rem 1rem;
        background-color: var(--color-primary);
        color: #fff;
        border: none;
        border-radius: var(--radius-default);
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        cursor: pointer;
        transition: background-color 120ms ease;
        font-family: var(--font-sans);
    }

    .pos-new-sale-btn:hover:not(:disabled) {
        background-color: var(--color-primary-dark);
    }

    .pos-new-sale-btn:disabled {
        opacity: 0.5;
        cursor: not-allowed;
    }

    

    .pos-card {
        background: var(--color-surface);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        
    }

    .pos-card-header {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid var(--color-neutral-100);
        background: var(--color-neutral-50);
        border-radius: var(--radius-default) var(--radius-default) 0 0;
    }

    .pos-step-badge {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 1.25rem;
        height: 1.25rem;
        border-radius: 9999px;
        background: var(--color-neutral-200);
        font-size: 0.65rem;
        font-weight: var(--font-weight-bold);
        color: var(--color-text-muted);
        flex-shrink: 0;
    }

    .pos-card-title {
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        text-transform: uppercase;
        letter-spacing: 0.06em;
        color: var(--color-text-muted);
        flex: 1;
    }

    .pos-card-action {
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary);
        background: none;
        border: none;
        cursor: pointer;
        padding: 0;
    }

    .pos-card-action:hover {
        text-decoration: underline;
    }

    

    .pos-purchaser-badge {
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        color: #16a34a;
        background: #dcfce7;
        padding: 0.125rem 0.5rem;
        border-radius: 9999px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 8rem;
    }

    

    .pos-purchaser-body {
        padding: 0.5rem 0.75rem 0.625rem;
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
        border-top: 1px solid var(--color-neutral-100);
    }

    .pos-walkin-btn {
        width: 100%;
        padding: 0.35rem 0.625rem;
        background: none;
        border: 1px dashed var(--color-neutral-300);
        border-radius: var(--radius-default);
        font-size: var(--text-xs);
        color: var(--color-text-muted);
        cursor: pointer;
        text-align: center;
        font-family: var(--font-sans);
        transition: border-color 100ms, color 100ms;
        margin-top: 0.125rem;
    }

    .pos-walkin-btn:hover:not(:disabled) {
        border-color: var(--color-primary);
        color: var(--color-primary);
    }

    .pos-walkin-btn:disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }

    

    .pos-serial-row {
        padding: 0.625rem 0.75rem 0.25rem;
    }

    .pos-serial-add-row {
        padding: 0 0.75rem 0.625rem;
        display: flex;
    }

    .pos-serial-add-row .ui-btn {
        width: 100%;
        justify-content: center;
    }

    .pos-serial-input {
        width: 100%;
        box-sizing: border-box;
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        padding: 0.4rem 0.625rem;
        font-size: var(--text-sm);
        font-family: monospace;
        outline: none;
        background: var(--color-surface);
        color: var(--color-text-body);
    }

    .pos-serial-input:focus {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 2px var(--color-primary-glow);
    }

    .pos-last-scanned {
        padding: 0.25rem 0.75rem 0.5rem;
        font-size: var(--text-xs);
        color: var(--color-text-muted);
    }

    

    .pos-serial-preview {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin: 0 0.75rem;
        padding: 0.375rem 0.625rem;
        border-radius: var(--radius-default);
        font-size: var(--text-xs);
        border: 1px solid transparent;
    }

    .pos-serial-preview--loading {
        background: var(--color-neutral-50);
        border-color: var(--color-neutral-200);
        color: var(--color-text-muted);
    }

    .pos-serial-preview--ok {
        background: #f0fdf4;
        border-color: #86efac;
        color: #15803d;
    }

    .pos-serial-preview--sold {
        background: #fef2f2;
        border-color: #fca5a5;
        color: #b91c1c;
    }

    .pos-serial-preview--notfound {
        background: var(--color-neutral-50);
        border-color: var(--color-neutral-300);
        color: var(--color-text-muted);
    }

    .pos-serial-preview-name {
        font-weight: var(--font-weight-semibold);
        flex: 1;
    }

    .pos-serial-preview-price {
        font-weight: var(--font-weight-medium);
    }

    .pos-serial-preview-status {
        font-weight: var(--font-weight-bold);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        font-size: 0.6rem;
    }

    .pos-serial-preview-label {
        flex: 1;
    }

    

    .pos-quick-add-form {
        padding: 0.5rem 0.75rem 0.75rem;
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .pos-quick-add-controls {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    .pos-quick-add-controls .ui-btn {
        flex: 1;
        justify-content: center;
    }

    

    .pos-qty-stepper {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        overflow: hidden;
    }

    .pos-qty-btn {
        width: 1.625rem;
        height: 1.625rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: none;
        background: var(--color-neutral-50);
        color: var(--color-text-body);
        font-size: var(--text-sm);
        font-weight: var(--font-weight-bold);
        cursor: pointer;
        font-family: var(--font-sans);
        transition: background-color 80ms;
        flex-shrink: 0;
    }

    .pos-qty-btn:hover:not(:disabled) {
        background: var(--color-neutral-200);
    }

    .pos-qty-btn:disabled {
        opacity: 0.4;
        cursor: not-allowed;
    }

    .pos-qty-input {
        width: 2.25rem;
        height: 1.625rem;
        border: none;
        border-left: 1px solid var(--color-neutral-200);
        border-right: 1px solid var(--color-neutral-200);
        text-align: center;
        font-size: var(--text-sm);
        font-family: var(--font-sans);
        color: var(--color-text-body);
        background: var(--color-surface);
        outline: none;
        -moz-appearance: textfield;
    }

    .pos-qty-input::-webkit-outer-spin-button,
    .pos-qty-input::-webkit-inner-spin-button {
        -webkit-appearance: none;
    }

    

    .pos-card-brands {
        display: flex;
        gap: 0.375rem;
        flex-wrap: wrap;
    }

    .pos-card-brand {
        padding: 0.3rem 0.625rem;
        border-radius: 4px;
        font-size: 0.7rem;
        font-weight: var(--font-weight-bold);
        letter-spacing: 0.04em;
        cursor: pointer;
        border: 2px solid transparent;
        transition: opacity 100ms, border-color 100ms;
        font-family: var(--font-sans);
        opacity: 0.75;
    }

    .pos-card-brand:hover { opacity: 1; }

    .pos-card-brand--selected {
        border-color: var(--color-text-heading) !important;
        opacity: 1;
        box-shadow: 0 0 0 2px rgba(0,0,0,0.08);
    }

    .pos-card-brand--visa        { background: #1a1f71; color: #fff; }
    .pos-card-brand--mastercard  { background: linear-gradient(90deg, #eb001b 40%, #f79e1b); color: #fff; }
    .pos-card-brand--amex        { background: #007bc1; color: #fff; }
    .pos-card-brand--discover    { background: #f76f20; color: #fff; }
    .pos-card-brand--generic     { background: var(--color-neutral-200); color: var(--color-text-body); }

    

    .pos-add-payment-btn {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        padding: 0.625rem 0.75rem;
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        background: var(--color-surface);
        cursor: pointer;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-body);
        font-family: var(--font-sans);
        transition: border-color 100ms, background-color 100ms;
    }

    .pos-add-payment-btn:hover:not(:disabled) {
        border-color: var(--color-primary);
        background: var(--color-neutral-50);
    }

    .pos-add-payment-btn:disabled {
        opacity: 0.45;
        cursor: not-allowed;
    }

    .pos-balance-chip {
        margin-left: auto;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        color: var(--color-primary);
        background: var(--color-primary-glow);
        padding: 0.125rem 0.375rem;
        border-radius: 9999px;
    }

    

    .pos-cart {
        display: flex;
        flex-direction: column;
        height: 100%;
        min-height: 0;
        background: var(--color-surface);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        overflow: hidden;
    }

    .pos-cart-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem 1rem;
        border-bottom: 1px solid var(--color-neutral-100);
        background: var(--color-neutral-50);
        flex-shrink: 0;
        gap: 0.75rem;
    }

    .pos-cart-title-row {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        flex: 1;
    }

    .pos-cart-actions {
        display: flex;
        align-items: center;
        gap: 0.5rem;
    }

    

    .pos-tax-switch {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        cursor: pointer;
        user-select: none;
    }

    .pos-tax-switch input[type="checkbox"] {
        position: absolute;
        opacity: 0;
        width: 0;
        height: 0;
    }

    .pos-tax-track {
        position: relative;
        display: inline-block;
        width: 2rem;
        height: 1.125rem;
        background: var(--color-neutral-300);
        border-radius: 9999px;
        transition: background-color 150ms;
        flex-shrink: 0;
    }

    .pos-tax-track::after {
        content: "";
        position: absolute;
        top: 0.125rem;
        left: 0.125rem;
        width: 0.875rem;
        height: 0.875rem;
        background: #fff;
        border-radius: 9999px;
        transition: transform 150ms;
        box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    }

    .pos-tax-switch input:checked + .pos-tax-track {
        background: var(--color-primary);
    }

    .pos-tax-switch input:checked + .pos-tax-track::after {
        transform: translateX(0.875rem);
    }

    .pos-tax-switch input:disabled + .pos-tax-track {
        opacity: 0.5;
    }

    .pos-tax-label {
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-muted);
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    

    .pos-notes {
        padding: 0.5rem 1rem;
        border-bottom: 1px solid var(--color-neutral-100);
        flex-shrink: 0;
    }

    .pos-notes-input {
        width: 100%;
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        padding: 0.375rem 0.625rem;
        font-size: var(--text-sm);
        font-family: var(--font-sans);
        color: var(--color-text-body);
        background: var(--color-surface);
        resize: vertical;
        outline: none;
        box-sizing: border-box;
    }

    .pos-notes-input:focus {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 2px var(--color-primary-glow);
    }

    .pos-notes-input::placeholder {
        color: var(--color-neutral-400);
    }

    .pos-cart-title {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-muted);
        text-transform: uppercase;
        letter-spacing: 0.06em;
    }

    .pos-cart-badges {
        display: flex;
        align-items: center;
        gap: 0.375rem;
    }

    .pos-cart-empty {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 4rem 2rem;
        color: var(--color-neutral-300);
    }

    .pos-cart-empty-title {
        font-size: var(--text-base);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-muted);
        margin: 0;
    }

    .pos-cart-empty-sub {
        font-size: var(--text-sm);
        color: var(--color-neutral-400);
        margin: 0;
    }

    .pos-cart-body {
        flex: 1;
        min-height: 0;
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }

    .pos-cart-items {
        flex: 1;
        overflow-y: auto;
        min-height: 0;
    }

    .pos-cart-summary {
        flex-shrink: 0;
        border-top: 2px solid var(--color-neutral-200);
        background: var(--color-surface);
    }

    

    .pos-items-table {
        flex-shrink: 0;
    }

    .pos-items-header {
        display: grid;
        grid-template-columns: 1fr 7rem 3rem 5rem 5rem 2rem;
        gap: 0.5rem;
        padding: 0.375rem 1rem;
        font-size: 0.65rem;
        font-weight: var(--font-weight-bold);
        text-transform: uppercase;
        letter-spacing: 0.07em;
        color: var(--color-text-muted);
        border-bottom: 1px solid var(--color-neutral-100);
        background: var(--color-neutral-50);
    }

    .pos-items-empty {
        padding: 1.25rem;
        text-align: center;
        font-size: var(--text-sm);
        color: var(--color-neutral-400);
    }

    .pos-item-row {
        display: grid;
        grid-template-columns: 1fr 7rem 3rem 5rem 5rem 2rem;
        gap: 0.5rem;
        align-items: center;
        padding: 0.5rem 1rem;
        font-size: var(--text-sm);
        border-bottom: 1px solid var(--color-neutral-50);
        transition: background-color 80ms;
    }

    .pos-item-row:hover {
        background: var(--color-neutral-50);
    }

    .pos-item-name {
        display: flex;
        align-items: center;
        gap: 0;
        font-weight: var(--font-weight-medium);
        color: var(--color-text-body);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pos-item-serial {
        font-family: monospace;
        font-size: var(--text-xs);
        color: var(--color-text-muted);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pos-item-qty {
        color: var(--color-text-muted);
        text-align: center;
    }

    .pos-item-qty-stepper {
        border-color: var(--color-neutral-150);
    }

    .pos-item-qty-stepper .pos-qty-btn {
        width: 1.375rem;
        height: 1.375rem;
        font-size: 0.7rem;
    }

    .pos-qty-display {
        min-width: 1.5rem;
        text-align: center;
        font-size: var(--text-sm);
        color: var(--color-text-body);
        padding: 0 0.25rem;
    }

    .pos-item-price {
        color: var(--color-text-muted);
        text-align: right;
    }

    .pos-item-total {
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-body);
        text-align: right;
    }

    

    .pos-totals {
        padding: 0.625rem 1rem;
        border-bottom: 1px solid var(--color-neutral-100);
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        flex-shrink: 0;
    }

    .pos-total-row {
        display: flex;
        justify-content: space-between;
        font-size: var(--text-sm);
        color: var(--color-text-muted);
    }

    .pos-total-grand {
        font-size: var(--text-base);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        padding-top: 0.25rem;
        border-top: 1px solid var(--color-neutral-200);
        margin-top: 0.25rem;
    }

    

    .pos-payments-section {
        padding: 0.625rem 1rem;
        border-bottom: 1px solid var(--color-neutral-100);
        flex-shrink: 0;
    }

    .pos-section-heading {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 0.65rem;
        font-weight: var(--font-weight-bold);
        text-transform: uppercase;
        letter-spacing: 0.07em;
        color: var(--color-text-muted);
        margin-bottom: 0.5rem;
    }

    .pos-total-paid {
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-body);
    }

    .pos-empty-list {
        font-size: var(--text-sm);
        color: var(--color-neutral-400);
    }

    .pos-payment-row {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        padding: 0.25rem 0;
    }

    .pos-payment-method {
        flex: 1;
        font-size: var(--text-sm);
        color: var(--color-text-body);
    }

    .pos-payment-amount {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-body);
    }

    

    .pos-balance {
        padding: 0.625rem 1rem;
        border-bottom: 1px solid var(--color-neutral-100);
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
        flex-shrink: 0;
    }

    .pos-balance-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-bold);
        padding: 0.25rem 0;
    }

    .pos-balance-due  { color: var(--color-primary); }
    .pos-change-due   { color: #16a34a; }
    .pos-paid-full    { color: #16a34a; display: flex; align-items: center; gap: 0.375rem; }

    

    .pos-remove-btn {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;
        padding: 0;
        border: none;
        border-radius: var(--radius-default);
        background: transparent;
        color: var(--color-neutral-400);
        cursor: pointer;
        transition: background-color 100ms, color 100ms;
        flex-shrink: 0;
    }

    .pos-remove-btn:hover:not(:disabled) {
        background-color: var(--color-neutral-100);
        color: var(--color-primary);
    }

    .pos-remove-btn:disabled {
        opacity: 0.3;
        cursor: not-allowed;
    }

    

    .pos-finalize {
        display: flex;
        gap: 0.5rem;
        padding: 0.75rem 1rem;
        border-top: 1px solid var(--color-neutral-200);
        background: var(--color-surface);
        flex-shrink: 0;
    }

    .pos-finalize > * {
        flex: 1;
    }

    

    .pos-purchaser-tabs {
        display: flex;
        border-bottom: 1px solid var(--color-neutral-100);
    }

    .pos-purchaser-tab {
        flex: 1;
        padding: 0.375rem 0;
        border: none;
        background: none;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        color: var(--color-text-muted);
        cursor: pointer;
        font-family: var(--font-sans);
        border-bottom: 2px solid transparent;
        transition: color 100ms, border-color 100ms;
        margin-bottom: -1px;
    }

    .pos-purchaser-tab.active {
        color: var(--color-primary);
        border-bottom-color: var(--color-primary);
    }

    .pos-purchaser-tab:hover:not(.active) {
        color: var(--color-text-body);
    }

    .pos-person-name {
        font-weight: var(--font-weight-medium);
        color: var(--color-text-heading);
        font-size: var(--text-sm);
    }

    

    .pos-car-result {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        padding: 0.375rem 0.625rem;
        background: var(--color-surface);
        border: none;
        cursor: pointer;
        text-align: left;
        font-family: var(--font-sans);
        transition: background-color 80ms;
        width: 100%;
    }

    .pos-car-result:hover {
        background: var(--color-neutral-50);
    }

    .pos-car-result-number {
        font-weight: var(--font-weight-bold);
        font-size: var(--text-sm);
        color: var(--color-text-heading);
        min-width: 2.5rem;
    }

    .pos-car-result-meta {
        font-size: var(--text-xs);
        color: var(--color-text-muted);
    }


    

    .pos-payment-form {
        padding: 0.625rem 0.75rem;
        display: flex;
        flex-direction: column;
        gap: 0.375rem;
        border-top: 1px solid var(--color-neutral-100);
    }

    .pos-form-select {
        width: 100%;
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        padding: 0.375rem 0.5rem;
        font-size: var(--text-sm);
        font-family: var(--font-sans);
        color: var(--color-text-body);
        background: var(--color-surface);
        outline: none;
        box-sizing: border-box;
    }

    .pos-form-select:focus {
        border-color: var(--color-primary);
        box-shadow: 0 0 0 2px var(--color-primary-glow);
    }

    .pos-payment-form-actions {
        display: flex;
        gap: 0.375rem;
        justify-content: flex-end;
    }

    .pos-btn-secondary {
        padding: 0.375rem 0.75rem;
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        background: var(--color-surface);
        font-size: var(--text-sm);
        color: var(--color-text-body);
        cursor: pointer;
        font-family: var(--font-sans);
        transition: background-color 100ms;
    }

    .pos-btn-secondary:hover {
        background: var(--color-neutral-50);
    }

    

    .pos-new-sale-fields,
    .pos-payment-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 4);
    }

    

    .pos-recent-sales {
        background: var(--color-surface);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }

    .pos-recent-sales-header {
        display: grid;
        grid-template-columns: 1fr 7rem 4rem 4rem 2rem;
        gap: 0.5rem;
        padding: 0.375rem 1rem;
        font-size: 0.65rem;
        font-weight: var(--font-weight-bold);
        text-transform: uppercase;
        letter-spacing: 0.07em;
        color: var(--color-text-muted);
        background: var(--color-neutral-50);
        border-bottom: 1px solid var(--color-neutral-100);
        flex-shrink: 0;
    }

    .pos-recent-body {
        flex: 1;
        overflow-y: auto;
    }

    .pos-recent-empty {
        padding: 3rem 1rem;
        font-size: var(--text-sm);
        color: var(--color-neutral-400);
        text-align: center;
    }

    .pos-recent-row {
        display: grid;
        grid-template-columns: 1fr 7rem 4rem 4rem 2rem;
        gap: 0.5rem;
        align-items: center;
        padding: 0.625rem 1rem;
        border-bottom: 1px solid var(--color-neutral-50);
        cursor: pointer;
        transition: background-color 80ms;
    }

    .pos-recent-row:last-child { border-bottom: none; }

    .pos-recent-row:hover {
        background: var(--color-neutral-50);
    }

    .pos-recent-purchaser {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .pos-recent-status {
        font-size: 0.65rem;
        font-weight: var(--font-weight-bold);
        text-transform: uppercase;
        letter-spacing: 0.05em;
        padding: 0.2rem 0.5rem;
        border-radius: 9999px;
        text-align: center;
        display: inline-block;
    }

    .pos-recent-status--active   { background: #dbeafe; color: #1d4ed8; }
    .pos-recent-status--complete { background: #dcfce7; color: #15803d; }
    .pos-recent-status--void     { background: #fee2e2; color: #b91c1c; }

    .pos-recent-date {
        font-size: var(--text-xs);
        color: var(--color-text-muted);
    }

    .pos-recent-amount {
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        text-align: right;
    }

    .pos-recent-amount-paid {
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-body);
    }

    .pos-recent-items {
        font-size: var(--text-xs);
        color: var(--color-text-muted);
        text-align: right;
    }

    .pos-recent-del-col {
        display: flex;
        justify-content: center;
    }

    .pos-recent-resume {
        font-size: var(--text-xs);
        color: var(--color-primary);
        font-weight: var(--font-weight-semibold);
    }

    .pos-recent-footer {
        border-top: 1px solid var(--color-neutral-100);
        padding: 0.5rem 1rem;
        flex-shrink: 0;
    }

    .pos-history-link {
        font-size: var(--text-sm);
        color: var(--color-primary);
        text-decoration: none;
    }
    .pos-history-link:hover { text-decoration: underline; }

    

    .pos-color-dot {
        display: inline-block;
        width: 0.6rem;
        height: 0.6rem;
        border-radius: 9999px;
        flex-shrink: 0;
        vertical-align: middle;
        margin-right: 0.25rem;
        border: 1px solid rgba(0,0,0,0.15);
    }

    

    .pos-modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.5);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 1000;
    }

    .pos-modal {
        background: var(--color-surface);
        border-radius: var(--radius-lg);
        box-shadow: 0 4px 20px rgba(0,0,0,0.15);
        width: 90%;
        max-width: 400px;
    }

    .pos-modal-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
        border-bottom: 1px solid var(--color-neutral-100);
        font-weight: var(--font-weight-bold);
    }

    .pos-modal-close {
        background: none;
        border: none;
        cursor: pointer;
        color: var(--color-text-muted);
        padding: 0.25rem;
    }

    .pos-modal-close:hover { color: var(--color-text-body); }

    .pos-modal-body {
        padding: 1rem;
    }

    .pos-modal-body p {
        margin: 0 0 0.5rem;
    }

    .pos-modal-hint {
        color: var(--color-text-muted);
        font-size: var(--text-sm);
    }

    .pos-modal-footer {
        display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
        padding: 1rem;
        border-top: 1px solid var(--color-neutral-100);
    }
}@scope(.page-manager-inventory){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.inventory-top-row {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
		margin-bottom: 1rem;
	}

	@media (min-width: 768px) {
		.inventory-top-row {
			grid-template-columns: 1fr 1fr;
		}
	}

	.inventory-totals-card {
		margin-bottom: 0;
	}

	.inventory-chart-card {
		height: 20rem;
	}

	.inventory-summary-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	@media (min-width: 768px) {
		.inventory-summary-grid {
			grid-template-columns: 1fr 1fr;
			gap: 1rem;
		}
	}

	.inventory-totals {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
		gap: 0.25rem;
	}

	.totals-label {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
	}

	.totals-value {
		font-size: var(--text-3xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}
}.inventory-qa-modal{display:flex;flex-direction:column;gap:1.25rem}.inventory-qa-modal-field{display:flex;flex-direction:column;gap:.375rem}.inventory-qa-modal-field label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.inventory-qa-modal-add{align-self:stretch}.inventory-qa-stats{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-default)}.inventory-qa-stat{display:flex;justify-content:space-between;align-items:center}.inventory-qa-stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}.inventory-qa-stat-value{font-weight:var(--font-weight-semibold);font-size:var(--text-sm)}.inventory-qa-modal-footer{display:flex;justify-content:flex-end}@scope(.page-manager-inventory-shipments){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.ui-autotable-toolbar {
		padding: 0;
		margin-bottom: calc(var(--spacing) * 3);
	}

	.ui-autotable-search {
		flex: 1;
		min-width: 0;
	}

	.shipment-by-product-card,
	.shipment-items-card {
		margin-top: 1rem;
	}

	.shipment-item-delete-btn {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		background: none;
		border: none;
		cursor: pointer;
		padding: calc(var(--spacing) * 1);
		border-radius: var(--radius-default);
		color: var(--color-neutral-400);
		transition: color 150ms, background-color 150ms;
	}
	.shipment-item-delete-btn:hover {
		color: var(--color-red-600);
		background-color: var(--color-red-50);
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.row-actions {
		display: flex;
		gap: 0.375rem;
		justify-content: center;
	}

	

	.shipment-detail {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.shipment-detail-grid {
		display: grid;
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.shipment-detail-grid > * {
		height: 100%;
		box-sizing: border-box;
	}

	@media (min-width: 768px) {
		.shipment-detail-grid {
			grid-template-columns: 1fr 1fr;
		}
	}

	

	.shipment-meta-row {
		display: flex;
		gap: calc(var(--spacing) * 6);
		flex-wrap: wrap;
		margin-bottom: calc(var(--spacing) * 4);
	}

	.shipment-meta-field {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 1);
	}

	.meta-label {
		font-size: var(--text-xs);
		font-weight: var(--font-weight-semibold);
		color: var(--color-text-muted);
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	.meta-value {
		font-size: var(--text-sm);
		font-weight: var(--font-weight-medium);
		color: var(--color-text-body);
	}

	.shipment-total-count {
		font-size: var(--text-xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.shipment-detail-notes {
		font-size: var(--text-sm);
		color: var(--color-neutral-600);
		font-style: italic;
		margin-bottom: calc(var(--spacing) * 4);
	}

	.shipment-totals-section {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 3);
		margin-top: calc(var(--spacing) * 2);
	}

	

	.scan-card-header {
		font-size: var(--text-xs);
		font-weight: var(--font-weight-bold);
		text-transform: uppercase;
		letter-spacing: 0.07em;
		color: var(--color-text-muted);
		margin-bottom: calc(var(--spacing) * 3);
	}

	.scan-controls {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 3);
	}

	.scan-qty-row {
		display: flex;
		gap: calc(var(--spacing) * 2);
		align-items: flex-end;
	}

	.scan-qty-row .ui-form {
		flex: 1;
	}

	.last-scan-info {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 1.5);
		padding: calc(var(--spacing) * 3);
		background: var(--color-neutral-50);
		border-radius: var(--radius-default);
		border: 1px solid var(--color-neutral-200);
	}

	.last-scan-row {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: calc(var(--spacing) * 2);
	}

	.last-scan-empty {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		font-style: italic;
	}

	.last-scan-label {
		font-size: var(--text-xs);
		font-weight: var(--font-weight-semibold);
		color: var(--color-text-muted);
		text-transform: uppercase;
		letter-spacing: 0.04em;
	}

	.last-scan-count {
		font-size: var(--text-sm);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
	}

	

	.shipment-form-fields {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 4);
	}

	.shipment-totals-table {
		width: auto;
		min-width: 280px;
		border-collapse: collapse;
		font-size: var(--text-sm);
	}

	.shipment-totals-table th {
		text-align: left;
		padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
		font-weight: var(--font-weight-semibold);
		color: var(--color-text-muted);
		border-bottom: 1px solid var(--color-neutral-200);
	}

	.shipment-totals-table td {
		padding: calc(var(--spacing) * 2) calc(var(--spacing) * 3);
		border-bottom: 1px solid var(--color-neutral-100);
	}

	.shipment-totals-table tr:last-child td {
		border-bottom: none;
	}

}@scope(.page-manager-inventory-suppliers){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.supplier-form-fields {
		display: flex;
		flex-direction: column;
		gap: calc(var(--spacing) * 4);
	}

	.supplier-form-section {
		padding-top: calc(var(--spacing) * 3);
	}

	.supplier-form-section-label {
		font-size: var(--text-xs);
		font-weight: var(--font-weight-bold);
		text-transform: uppercase;
		letter-spacing: 0.07em;
		color: var(--color-text-muted);
		margin-bottom: calc(var(--spacing) * 2);
	}

	.row-actions {
		display: flex;
		gap: 0.375rem;
		justify-content: center;
	}
}.modal-footer-buttons{display:flex;gap:calc(var(--spacing) * 2);justify-content:flex-end}.section-label{display:flex;align-items:center;gap:calc(var(--spacing) * 2);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.inventory-summary-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.inventory-summary-table th{text-align:left;padding:calc(var(--spacing) * 2)calc(var(--spacing) * 3);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);border-bottom:1px solid var(--color-neutral-200)}.inventory-summary-table td{padding:calc(var(--spacing) * 2)calc(var(--spacing) * 3);border-bottom:1px solid var(--color-neutral-100);vertical-align:middle}.inventory-summary-table tr:last-child td{border-bottom:none}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.table-loading,.table-empty{text-align:center;color:var(--color-neutral-400);padding:calc(var(--spacing) * 4)!important;font-style:italic}.serial-badge{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-neutral-100);padding:2px 6px;border-radius:4px}.shipment-detail .font-semibold{font-weight:600}.shipment-detail .text-xl{font-size:var(--text-xl)}.shipment-detail .text-small{font-size:var(--text-sm)}.shipment-detail .text-muted{color:var(--color-neutral-500)}.shipment-detail .mt-sm{margin-top:.5rem}.shipment-detail .mt-lg{margin-top:1.5rem}.shipment-detail .section-title{font-size:var(--text-lg);font-weight:600;margin-bottom:1rem}.shipment-detail .detail-grid{display:grid;grid-template-columns:1fr;gap:1rem}.shipment-detail .add-items-form{display:flex;flex-direction:column;gap:1rem;max-width:500px}@media(min-width:768px){.shipment-detail .shipment-detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.shipment-detail .detail-grid{grid-template-columns:repeat(2,1fr)}}.page-manager-tech{display:flex;flex-direction:column;gap:1.5rem}.page-manager-tech .page-header{margin-bottom:0}.tech-competitor-layout{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.tech-competitor-layout{grid-template-columns:1fr 2fr}}.tech-command-bar{display:flex;flex-direction:column;gap:.75rem}.tech-command-input{width:100%;font-size:var(--text-lg);font-family:var(--font-mono);padding:calc(var(--spacing) * 3)calc(var(--spacing) * 4);letter-spacing:.03em}.tech-scan-status{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:var(--radius-default);border:1px solid transparent;font-size:var(--text-sm)}.tech-scan-status-icon{display:inline-flex;align-items:center;justify-content:center;width:1.25rem;height:1.25rem;border-radius:9999px;font-weight:var(--font-weight-bold);font-size:var(--text-xs);flex-shrink:0}.tech-scan-status--success{background:var(--color-success-50,#ecfdf5);border-color:var(--color-success-200,#a7f3d0);color:var(--color-success,#047857)}.tech-scan-status--success .tech-scan-status-icon{background:var(--color-success,#047857);color:#fff}.tech-scan-status--info{background:var(--color-info-50,#eff6ff);border-color:var(--color-info-200,#bfdbfe);color:var(--color-info,#1d4ed8)}.tech-scan-status--info .tech-scan-status-icon{background:var(--color-info,#1d4ed8);color:#fff}.tech-scan-status--error{background:var(--color-danger-50,#fef2f2);border-color:var(--color-danger-200,#fecaca);color:var(--color-danger,#b91c1c)}.tech-scan-status--error .tech-scan-status-icon{background:var(--color-danger,#b91c1c);color:#fff}.tech-result-list{display:flex;flex-direction:column;gap:.5rem;max-height:30rem;overflow-y:auto}.tech-result-item{display:flex;flex-direction:column;gap:.125rem;padding:.625rem .75rem;border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);background:var(--color-white);cursor:pointer;text-align:left;font-family:inherit;transition:border-color .15s,background-color .15s}.tech-result-item:hover{border-color:var(--color-primary);background:var(--color-neutral-50)}.tech-result-item--active{border-color:var(--color-primary);background:var(--color-primary-50,var(--color-neutral-50))}.tech-result-top{display:flex;align-items:center;gap:.5rem}.tech-result-name{font-size:var(--text-sm);color:var(--color-text-body);font-weight:var(--font-weight-medium)}.tech-result-owner{font-size:var(--text-xs);color:var(--color-text-muted)}.tech-inventory-view{display:flex;flex-direction:column;gap:.75rem}.tech-inventory-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 0;border-bottom:1px solid var(--color-neutral-100)}.tech-inventory-row:last-child{border-bottom:none}.tech-inventory-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.tech-inventory-value{font-size:var(--text-sm);color:var(--color-text-body);text-align:right}.tech-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:calc(var(--spacing) * 10)calc(var(--spacing) * 4);text-align:center}.tech-empty-state-title{font-size:var(--text-base);font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.tech-empty-state-hint{font-size:var(--text-sm);color:var(--color-text-muted);max-width:28rem}.tech-selected-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap}.tech-selected-identity{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.tech-selected-number{font-size:var(--text-2xl,1.5rem);font-weight:var(--font-weight-bold);color:var(--color-text-heading);line-height:1}.tech-selected-meta{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.tech-selected-name{font-size:var(--text-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body)}.tech-selected-owner{font-size:var(--text-sm);color:var(--color-text-muted)}.tech-selected-actions{display:flex;align-items:center;gap:.5rem}.tech-selected-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-neutral-200)}@media(max-width:640px){.tech-selected-stats{grid-template-columns:1fr}.tech-selected-actions{width:100%}}.tech-stat{display:flex;flex-direction:column;gap:.25rem}.tech-stat-label{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.tech-stat-value{font-size:var(--text-xl);font-weight:var(--font-weight-bold);color:var(--color-text-heading)}.tech-inline-hint{font-size:var(--text-xs);margin-top:.25rem}.tech-inline-hint--success{color:var(--color-success,#047857)}.tech-inline-hint--info{color:var(--color-text-muted)}.tech-inline-hint--error{color:var(--color-danger,#b91c1c)}.tech-mode-toggle{display:inline-flex;gap:0;margin-bottom:.5rem;border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);overflow:hidden;background:var(--color-white)}.tech-mode-btn{padding:.375rem .875rem;font-size:var(--text-sm);font-family:inherit;background:0 0;border:none;cursor:pointer;color:var(--color-text-muted);transition:background-color .15s,color .15s}.tech-mode-btn:not(:last-child){border-right:1px solid var(--color-neutral-200)}.tech-mode-btn:hover{background:var(--color-neutral-50);color:var(--color-text-body)}.tech-mode-btn--active{background:var(--color-primary);color:#fff}.tech-mode-btn--active:hover{background:var(--color-primary);color:#fff}.tech-designation-list{display:flex;flex-direction:column;gap:.5rem}.tech-designation-row{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.75rem;border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);background:var(--color-white)}.tech-designation-main{display:flex;flex-direction:column;gap:.25rem;flex:1;min-width:0}.tech-designation-top{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tech-designation-name{font-weight:var(--font-weight-semibold);color:var(--color-text-heading)}.tech-designation-qty{font-size:var(--text-sm);color:var(--color-text-muted)}.tech-designation-meta{font-size:var(--text-xs);color:var(--color-text-muted);display:flex;gap:.25rem}.tech-designation-notes{font-size:var(--text-sm);color:var(--color-text-body);margin:.25rem 0 0;white-space:pre-wrap}.tech-audit-name{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.tech-audit-notes{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:.125rem;white-space:pre-wrap}.text-success{color:var(--color-success)}.shipment-item-delete-btn{display:inline-flex;align-items:center;justify-content:center;padding:.25rem;border:none;background:0 0;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color .15s,background-color .15s}.shipment-item-delete-btn:hover{color:var(--color-danger);background:var(--color-danger-50)}@scope(.page-manager-licensing){:scope {
        display: flex;
        flex-direction: column;
    }

    .page-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .page-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
    }

    .section-title {
        font-size: var(--text-lg);
        font-weight: var(--font-weight-bold);
        color: var(--color-primary);
        font-family: var(--font-heading);
        margin-bottom: 1rem;
    }

    .section-header-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 1rem;
    }

    .section-header-row .section-title {
        margin-bottom: 0;
    }

    .license-table {
        width: 100%;
        border-collapse: collapse;
    }

    .license-table th {
        padding: 0.75rem 1rem;
        text-align: left;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-700);
        border-bottom: 1px solid var(--color-neutral-200);
    }

    .license-table td {
        padding: 0.75rem 1rem;
        font-size: var(--text-sm);
        color: var(--color-neutral-600);
        border-bottom: 1px solid var(--color-neutral-100);
    }

    .license-table tr:last-child td {
        border-bottom: none;
    }

    .mono {
        font-family: var(--font-mono, monospace);
        font-size: var(--text-xs);
    }

    .icon-value {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
    }

    .text-success {
        color: var(--color-success, #15803d);
        font-weight: var(--font-weight-medium);
    }

    .user-count-banner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        background: var(--color-neutral-50, #fafafa);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        padding: 1rem;
        margin-top: 1rem;
    }

    .user-count-left {
        display: flex;
        align-items: center;
        gap: 0.75rem;
    }

    .user-count-icon {
        padding: 0.5rem;
        background: var(--color-neutral-100);
        border-radius: 50%;
    }

    .user-count-label {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-neutral-600);
    }

    .user-count-value {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        margin-top: 0.25rem;
    }

    .user-count-number {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
    }

    .user-count-sep {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
    }

    .user-count-right {
        text-align: right;
    }

    .user-count-right-label {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
    }

    .user-count-right-value {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
    }

    .print-link {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        font-size: var(--text-sm);
        color: var(--color-primary);
        text-decoration: none;
        cursor: pointer;
    }

    .print-link:hover {
        text-decoration: underline;
    }

    .tos-sections {
        display: flex;
        flex-direction: column;
        gap: 1rem;
        font-size: var(--text-sm);
        color: var(--color-neutral-700);
    }

    .tos-heading {
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-800);
        margin-bottom: 0.5rem;
    }

    .tos-sections p {
        line-height: 1.5;
    }

    .ui-accordion-trigger {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary);
        cursor: pointer;
        margin-top: 1.5rem;
    }

    .ui-accordion-trigger:hover {
        color: var(--color-primary-700, #0369a1);
    }

    .ui-accordion-icon {
        display: inline-flex;
    }

    .eula-content {
        margin-top: 1rem;
        padding: 1rem;
        background: var(--color-neutral-50, #fafafa);
        border-radius: var(--radius-md, 0.375rem);
        font-size: var(--text-xs);
        color: var(--color-neutral-600);
    }

    .eula-content h5 {
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-800);
        margin-top: 0.75rem;
        margin-bottom: 0.25rem;
    }

    .eula-content p {
        line-height: 1.5;
        margin-bottom: 0.5rem;
    }

    .eula-disclaimer {
        margin-bottom: 0.75rem;
    }

    .tos-footer {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        margin-top: 1.5rem;
    }

}@scope(.page-manager-support){:scope {
        display: flex;
        flex-direction: column;
    }

    .ui-autotable-toolbar {
        padding: 0;
        margin-bottom: calc(var(--spacing) * 3);
    }

    .ui-autotable-search {
        flex: 1;
        min-width: 0;
    }

    

    .ticket-status-cell {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        flex-wrap: wrap;
    }

    .ticket-action-cell {
        width: 1px;
        white-space: nowrap;
        padding-right: 0.75rem;
    }

    .ticket-row-actions {
        display: flex;
        align-items: center;
        gap: 0.375rem;
    }

    .ticket-view-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.25rem 0.625rem;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-muted);
        background: none;
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        cursor: pointer;
        transition: color 120ms, border-color 120ms, background-color 120ms;
    }

    .ticket-view-btn:hover {
        color: var(--color-text-body);
        border-color: var(--color-neutral-400);
        background-color: var(--color-neutral-50);
    }

    

    .tickets-loading {
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        padding: calc(var(--spacing) * 4) 0;
    }

    

    .ticket-form {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 4);
    }

    .form-row {
        max-width: 24rem;
    }

    .char-count {
        margin-top: calc(var(--spacing) * 1);
        font-size: var(--text-xs);
        color: var(--color-text-muted);
        text-align: right;
    }

    .ticket-modal-actions {
        display: flex;
        justify-content: flex-end;
    }

    .ticket-submitted-msg {
        font-size: var(--text-sm);
        color: var(--color-text-body);
        margin-bottom: 1rem;
    }

    

    .ticket-forward-divider {
        width: 1px;
        height: 1.25rem;
        background: var(--color-neutral-200);
        margin: 0 0.25rem;
    }

    

    .page-manager-support .ui-card.no-flex {
        flex: 1;
        min-height: 0;
    }

    .page-manager-support .ui-tabs .panel {
        padding-top: 0;
    }
}@scope(.page-manager-roles){:scope {
        display: flex;
        flex-direction: column;
    }

    .page-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .page-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
    }

    .roles-grid {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .roles-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (min-width: 1200px) {
        .roles-grid {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .role-card {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .role-card-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .role-card-title {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        color: var(--color-text-heading);
    }

    .role-card-desc {
        color: var(--color-text-muted);
        font-size: var(--text-sm);
        margin: 0;
    }

    .role-card-meta {
        display: flex;
        gap: 0.5rem;
        margin-top: 0.25rem;
    }

    .empty-state {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.75rem;
        padding: 2rem;
        text-align: center;
        color: var(--color-text-muted);
    }

    .empty-state p {
        margin: 0;
    }
}@scope(.page-manager-roles-form){.role-fields {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
        margin-bottom: 1rem;
    }

    .permissions-heading {
        font-size: var(--text-base);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
        margin-bottom: 0.5rem;
    }
}@scope(.page-manager-members){:scope {
        display: flex;
        flex-direction: column;
    }

    .page-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .page-title {
        font-size: var(--text-2xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-text-heading);
        font-family: var(--font-heading);
    }
}@scope(.page-manager-member-permissions){:scope {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .permissions-section-heading {
        font-size: var(--text-base);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
        margin: 0;
    }

    .empty-hint {
        color: var(--color-text-muted);
        font-size: var(--text-sm);
        margin: 0;
    }

    .role-checkboxes {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .role-checkbox {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        cursor: pointer;
    }

    .role-checkbox input[type="checkbox"] {
        margin-top: 0.2rem;
    }

    .role-name {
        font-weight: var(--font-weight-medium);
        color: var(--color-text-heading);
    }

    .role-desc {
        display: block;
        font-size: var(--text-sm);
        color: var(--color-text-muted);
    }
}@scope(.page-manager-members-add){:scope {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }
}@scope(.page-manager-system-settings){.page-header {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin-bottom: 1rem;
	}

	.page-title {
		font-size: var(--text-2xl);
		font-weight: var(--font-weight-bold);
		color: var(--color-text-heading);
		font-family: var(--font-heading);
	}

	.settings-grid {
		display: flex;
		flex-direction: column;
		gap: 1rem;
	}

	.settings-section-title {
		font-size: var(--text-sm);
		font-weight: var(--font-weight-bold);
		text-transform: uppercase;
		letter-spacing: 0.07em;
		color: var(--color-text-muted);
		margin-bottom: 1rem;
	}

	.settings-form {
		display: flex;
		flex-direction: column;
		gap: 0.875rem;
	}

	.settings-field {
		display: flex;
		flex-direction: column;
		gap: 0.375rem;
		flex: 1;
		min-width: 0;
	}

	.settings-field label {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		font-weight: var(--font-weight-medium);
	}

	.settings-row {
		display: flex;
		gap: 0.75rem;
	}

	.settings-cards-row {
		display: flex;
		gap: 1rem;
		align-items: flex-start;
	}

	.settings-cards-row > * {
		flex: 1 1 0;
		min-width: 0;
	}

	@media (max-width: 900px) {
		.settings-cards-row {
			flex-direction: column;
		}
	}

	.locations-empty {
		font-size: var(--text-sm);
		color: var(--color-text-muted);
		padding: 0.75rem 0;
	}

	.locations-actions {
		display: flex;
		justify-content: flex-end;
		margin-bottom: 0.75rem;
	}

	.location-row-actions {
		display: inline-flex;
		gap: 0.375rem;
		justify-content: center;
	}

	.settings-actions {
		margin-top: 1.25rem;
		display: flex;
		justify-content: flex-end;
	}
}@scope(.layout-admin-layout){:scope {
        min-height: 100vh;
        background-color: var(--color-neutral-50);
    }
}@scope(.layout-admin-main-area){:scope {
        min-height: 100vh;
        transition: margin-left 250ms ease-in-out;
    }

    :scope.collapsed {
        margin-left: 4.5rem;
    }

    :scope.expanded {
        margin-left: 16rem;
    }

    :scope.collapsed .ui-top-bar {
        left: calc(4.5rem + var(--env-border));
    }

    :scope.expanded .ui-top-bar {
        left: calc(16rem + var(--env-border));
    }

    .main {
        padding-top: calc(3.5rem + var(--env-top));
    }

    .admin-page-container {
        padding: 1.5rem 1.75rem;
    }

    .admin-page-header {
        position: sticky;
        top: calc(3.5rem + var(--env-top));
        display: flex;
        align-items: center;
        padding: 0.25rem 1.75rem 0 1.75rem;
        background-color: var(--color-neutral-100);
        border-bottom: 1px solid var(--color-neutral-200);
        font-size: var(--text-sm);
        z-index: 30;
        margin-bottom: 1rem;
    }
}@scope(.layout-admin-sidebar){:scope {
        background-color: var(--color-admin-sidebar);
        position: fixed;
        top: var(--env-top);
        left: var(--env-border);
        height: calc(100% - var(--env-top) - var(--env-border));
        z-index: 50;
        display: flex;
        flex-direction: column;
        transition: width 250ms ease-in-out;
        box-shadow: var(--shadow-xl);
    }

    :scope.collapsed {
        width: 4.5rem;
    }

    .sidebar-collapse-trigger {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 0.5rem;
        background: transparent;
        border: none;
        cursor: pointer;
        z-index: 10;
    }

    .sidebar-collapse-trigger:hover {
        background: transparent;
    }

    :scope.expanded {
        width: 16rem;
    }

    .sidebar-header {
        padding: 1.25rem 1.25rem 0.75rem;
        border-bottom: 1px solid var(--color-admin-sidebar-border);
    }

    .logo-link {
        display: block;
    }

    .logo {
        max-width: 9rem;
        height: auto;
        margin: 0 auto;
        display: block;
    }

    .sidebar-app-label {
        text-align: center;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: var(--color-text-on-dark);
        margin-top: 0.5rem;
    }

    .sidebar-nav {
        flex: 1;
        overflow-y: auto;
        overflow-x: hidden;
        padding: 0.5rem 0;
    }

    .nav-list {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    :scope.collapsed .nav-link {
        justify-content: center;
        padding: 0.625rem;
    }

    :scope.collapsed .sidebar-header {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .sidebar-footer {
        border-top: 1px solid var(--color-admin-sidebar-border);
        padding: 0.5rem;
    }

    .user-info {
        display: flex;
        align-items: center;
        gap: 0.625rem;
        padding: 0.5rem;
        margin-bottom: 0.25rem;
    }

    .user-avatar {
        flex-shrink: 0;
        width: 2rem;
        height: 2rem;
        border-radius: 9999px;
        background-color: var(--color-primary);
        color: var(--color-white);
        font-size: var(--text-xs);
        font-weight: var(--font-weight-bold);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .user-details {
        flex: 1;
        min-width: 0;
    }

    .user-name {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-on-dark);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .user-email {
        font-size: var(--text-xs);
        color: var(--color-text-on-dark-muted);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .footer-icon-btn {
        flex-shrink: 0;
        color: var(--color-text-on-dark-muted);
        background: none;
        border: none;
        cursor: pointer;
        padding: 0.375rem;
        border-radius: var(--radius-default);
        display: flex;
        align-items: center;
    }

    .footer-icon-btn:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-admin-sidebar-hover);
    }

    .collapse-btn {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 0.5rem;
        padding: 0.5rem;
        color: var(--color-text-on-dark-muted);
        font-size: var(--text-sm);
        background: none;
        border: none;
        cursor: pointer;
        border-radius: var(--radius-default);
    }

    .collapse-btn:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-admin-sidebar-hover);
    }
}@media(max-width:768px){.layout-admin-main-area.collapsed,.layout-admin-main-area.expanded{margin-left:0!important}.layout-admin-main-area.collapsed .ui-top-bar,.layout-admin-main-area.expanded .ui-top-bar{left:var(--env-border)!important}.layout-admin-main-area .main{padding-top:calc(3.5rem + var(--env-top))!important}.layout-admin-main-area .admin-page-container{padding:1rem!important}.layout-admin-sidebar{transform:translateX(-100%)!important}.layout-admin-sidebar.mobile-open{transform:translateX(0)!important;width:16rem!important}.layout-admin-sidebar.mobile-open .sidebar-header{display:block!important}.layout-admin-sidebar.mobile-open .nav-link{justify-content:flex-start!important;padding:.625rem .75rem!important}.layout-admin-sidebar .hide-mobile{display:none!important}}@scope(.layout-admin-nav-item){:scope {
        margin: 0.125rem 0.5rem;
    }

    .nav-link {
        width: 100%;
        display: flex;
        align-items: center;
        gap: 0.75rem;
        padding: 0.625rem 0.75rem;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-on-dark-muted);
        background: none;
        border: none;
        clip-path: polygon(8px 0, 100% 0, 100% calc(100% - 8px), calc(100% - 8px) 100%, 0 100%, 0 8px);
        cursor: pointer;
        text-align: left;
        text-decoration: none;
    }

    .nav-link:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-admin-sidebar-hover);
    }

    .nav-link.active {
        color: var(--color-text-on-dark);
        background-color: rgba(255, 255, 255, 0.08);
    }

    .nav-label {
        flex: 1;
    }

    .active-dot {
        width: 0.375rem;
        height: 0.375rem;
        border-radius: 9999px;
        background-color: var(--color-primary);
        flex-shrink: 0;
    }

    .expand-chevron {
        transition: transform 200ms;
        color: var(--color-text-on-dark-faint);
    }

    .expand-chevron.open {
        transform: rotate(90deg);
    }

    .sub-list {
        list-style: none;
        margin: 0;
        padding: 0.25rem 0 0.25rem 1rem;
    }

    .sub-link {
        display: block;
        padding: 0.375rem 0.75rem;
        font-size: var(--text-sm);
        color: var(--color-text-on-dark-subtle);
        clip-path: polygon(6px 0, 100% 0, 100% calc(100% - 6px), calc(100% - 6px) 100%, 0 100%, 0 6px);
        text-decoration: none;
    }

    .sub-link:hover {
        color: var(--color-text-on-dark);
        background-color: var(--color-admin-sidebar-hover);
    }

    .sub-link.active {
        color: var(--color-text-on-dark);
        background-color: rgba(255, 255, 255, 0.08);
    }
}@scope(.page-admin-dashboard){.dashboard-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 1rem;
        padding: 1.25rem;
    }

    @media (min-width: 768px) {
        .dashboard-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .section-card {
        display: flex;
        align-items: flex-start;
        gap: 1rem;
    }

    .section-icon {
        flex-shrink: 0;
        width: 2.5rem;
        height: 2.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: var(--radius-default);
        background-color: var(--color-neutral-100);
        color: var(--color-neutral-600);
    }

    .section-content {
        flex: 1;
        min-width: 0;
    }

    .section-title {
        font-size: var(--text-base);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
    }

    .section-description {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
        margin-top: 0.25rem;
    }

    .section-count {
        display: inline-block;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-medium);
        color: var(--color-neutral-600);
        background-color: var(--color-neutral-100);
        padding: 0.125rem 0.5rem;
        border-radius: 9999px;
        margin-top: 0.5rem;
    }
}@scope(.page-admin-users){.search-fields {
        display: flex;
        gap: 0.5rem;
        align-items: flex-end;
        width: 100%;
    }

    .search-fields-spacer {
        flex: 1;
    }

    .edit-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
    }

    .modal-footer-buttons {
        display: flex;
        gap: 0.5rem;
        justify-content: flex-end;
    }
}@scope(.page-admin-user-detail){.error-message {
        color: var(--color-red-600);
        font-size: var(--text-sm);
        padding: 1rem 1.25rem;
    }

    .tab-section {
        padding: 1.5rem 1rem;
    }

    .section-heading {
        font-size: var(--text-base);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
        margin-bottom: 0.75rem;
        margin-top: 1.5rem;
    }

    .section-heading:first-child {
        margin-top: 0;
    }

    .info-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    @media (min-width: 640px) {
        .info-grid {
            grid-template-columns: 1fr 1fr;
        }
    }

    .info-grid-single {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .info-row {
        display: flex;
        padding: 0.5rem 0;
        border-bottom: 1px solid var(--color-neutral-100);
    }

    .info-label {
        width: 10rem;
        flex-shrink: 0;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-neutral-500);
    }

    .info-value {
        font-size: var(--text-sm);
        color: var(--color-text-body);
    }

    .info-value a {
        color: var(--color-primary-600);
        text-decoration: none;
    }

    .info-value a:hover {
        text-decoration: underline;
    }

    .fieldset-header {
        display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .reveal-field {
        display: inline-flex;
        align-items: center;
        gap: 0.4rem;
    }

    .reveal-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        padding: 2px;
        cursor: pointer;
        color: var(--color-neutral-400);
        border-radius: var(--radius-default);
    }

    .reveal-btn:hover {
        color: var(--color-neutral-600);
    }

    .edit-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
    }

    .modal-footer-buttons {
        display: flex;
        gap: 0.5rem;
        justify-content: flex-end;
    }

    .empty-state {
        padding: 1.5rem;
        text-align: center;
        font-size: var(--text-sm);
        color: var(--color-neutral-400);
    }

    

    .table-wrap {
        overflow-x: auto;
    }

    .detail-table {
        width: 100%;
        border-collapse: collapse;
        font-size: var(--text-sm);
    }

    .detail-table th {
        text-align: left;
        padding: 0.5rem 0.75rem;
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-600);
        border-bottom: 2px solid var(--color-neutral-200);
        white-space: nowrap;
    }

    .detail-table td {
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid var(--color-neutral-100);
        color: var(--color-text-body);
    }

    .detail-table tbody tr:hover {
        background-color: var(--color-neutral-50);
    }

    .copy-field {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
    }

    .copy-field-text {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .copy-field-text.ua-cell {
        max-width: 16rem;
    }

    .copy-btn {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        background: none;
        border: none;
        padding: 2px;
        cursor: pointer;
        color: var(--color-neutral-400);
        border-radius: var(--radius-default);
        flex-shrink: 0;
    }

    .copy-btn:hover {
        color: var(--color-neutral-600);
    }

    .text-nowrap {
        white-space: nowrap;
    }

    

    .login-chart-wrap {
        height: 12rem;
        margin-bottom: 1.5rem;
    }

    .sessions-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.5rem;
    }

    .sessions-header .section-heading {
        margin-bottom: 0;
        margin-top: 0;
    }

    

    .permissions-list {
        display: flex;
        flex-direction: column;
        gap: 0.25rem;
    }

    .permission-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.375rem 0.75rem;
        font-size: var(--text-sm);
        border-radius: var(--radius-default);
    }

    .permission-item.granted {
        background-color: var(--color-green-50);
    }

    .permission-item.denied {
        background-color: var(--color-red-50);
    }

    .permission-key {
        font-family: var(--font-mono);
        color: var(--color-text-body);
    }

    .permission-badge {
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
    }

    .permission-item.granted .permission-badge {
        color: var(--color-green-700);
    }

    .permission-item.denied .permission-badge {
        color: var(--color-red-700);
    }

    

    .role-checkboxes {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .role-checkbox {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 0.5rem 0.75rem;
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        cursor: pointer;
        font-size: var(--text-sm);
    }

    .role-checkbox:hover {
        background-color: var(--color-neutral-50);
    }

    .role-checkbox input[type="checkbox"] {
        margin-top: 0.15rem;
        flex-shrink: 0;
    }

    .role-name {
        font-weight: var(--font-weight-medium);
        color: var(--color-text-heading);
    }

    .role-desc {
        display: block;
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        margin-top: 0.125rem;
    }

    .save-bar {
        display: flex;
        justify-content: flex-end;
        padding: 1rem 0;
        border-top: 1px solid var(--color-neutral-100);
        margin-top: 1rem;
    }

    

    .auth-actions {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    .auth-action-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.75rem 0;
        border-bottom: 1px solid var(--color-neutral-100);
        gap: 1rem;
    }

    .auth-action-row:last-child {
        border-bottom: none;
    }

    .auth-action-title {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-heading);
    }

    .auth-action-desc {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        margin-top: 0.125rem;
    }

    .auth-error-msg {
        font-size: var(--text-sm);
        color: var(--color-red-600);
        padding: 0.5rem 0.75rem;
        background-color: var(--color-red-50);
        border-radius: var(--radius-default);
    }

    .auth-password-hint {
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        line-height: 1.5;
    }

    

    .w9-signature {
        padding: 0.5rem;
        background: var(--color-neutral-50);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        text-align: center;
    }

    .w9-signature img {
        max-width: 100%;
        max-height: 8rem;
    }

    

    .w9-preview-canvas-wrap {
        background: var(--color-neutral-50);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        padding: 0.5rem;
    }

    .w9-preview-canvas-wrap canvas {
        width: 100%;
        height: auto;
        display: block;
    }
}@scope(.page-admin-orgs){.search-fields {
        display: flex;
        gap: 0.5rem;
        align-items: flex-end;
        width: 100%;
    }

    .search-fields-spacer {
        flex: 1;
    }
}@scope(.page-admin-org-detail){.error-message {
        color: var(--color-red-600);
        font-size: var(--text-sm);
        padding: 1rem 1.25rem;
    }

    .tab-section {
        padding: 1.5rem 1rem;
    }

    .section-heading {
        font-size: var(--text-base);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
        margin-bottom: 0.75rem;
        margin-top: 1.5rem;
    }

    .section-heading:first-child {
        margin-top: 0;
    }

    .info-grid-single {
        display: grid;
        grid-template-columns: 1fr;
        gap: 0;
    }

    .info-row {
        display: flex;
        padding: 0.5rem 0;
        border-bottom: 1px solid var(--color-neutral-100);
    }

    .info-label {
        width: 12rem;
        flex-shrink: 0;
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-neutral-500);
    }

    .info-value {
        font-size: var(--text-sm);
        color: var(--color-text-body);
    }

    .info-value a {
        color: var(--color-primary-600);
        text-decoration: none;
    }

    .info-value a:hover {
        text-decoration: underline;
    }

    .fieldset-header {
        display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
        margin-bottom: 0.5rem;
    }

    .edit-fields {
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 3);
    }

    .checkbox-row {
        display: flex;
        gap: 1.5rem;
    }

    .inline-checkbox {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        font-size: var(--text-sm);
        cursor: pointer;
    }

    .modal-footer-buttons {
        display: flex;
        gap: 0.5rem;
        justify-content: flex-end;
    }

    .empty-state {
        padding: 1.5rem;
        text-align: center;
        font-size: var(--text-sm);
        color: var(--color-neutral-400);
    }

    

    .table-wrap {
        overflow-x: auto;
    }

    .detail-table {
        width: 100%;
        border-collapse: collapse;
        font-size: var(--text-sm);
    }

    .detail-table th {
        text-align: left;
        padding: 0.5rem 0.75rem;
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-600);
        border-bottom: 2px solid var(--color-neutral-200);
        white-space: nowrap;
    }

    .detail-table td {
        padding: 0.5rem 0.75rem;
        border-bottom: 1px solid var(--color-neutral-100);
        color: var(--color-text-body);
    }

    .detail-table td a {
        color: var(--color-primary-600);
        text-decoration: none;
    }

    .detail-table td a:hover {
        text-decoration: underline;
    }

    .detail-table tbody tr:hover {
        background-color: var(--color-neutral-50);
    }

    .text-nowrap {
        white-space: nowrap;
    }

    .member-actions {
        display: flex;
        gap: 0.375rem;
        justify-content: flex-end;
        white-space: nowrap;
    }

    

    .sessions-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 0.5rem;
    }

    .sessions-header .section-heading {
        margin-bottom: 0;
        margin-top: 0;
    }

    

    .login-chart-wrap {
        height: 12rem;
        margin-bottom: 1.5rem;
    }

    

    .role-checkboxes {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .role-checkbox {
        display: flex;
        align-items: flex-start;
        gap: 0.5rem;
        padding: 0.5rem 0.75rem;
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        cursor: pointer;
        font-size: var(--text-sm);
    }

    .role-checkbox:hover {
        background-color: var(--color-neutral-50);
    }

    .role-checkbox input[type="checkbox"] {
        margin-top: 0.15rem;
        flex-shrink: 0;
    }

    .role-name {
        font-weight: var(--font-weight-medium);
        color: var(--color-text-heading);
    }

    .role-desc {
        display: block;
        font-size: var(--text-xs);
        color: var(--color-neutral-500);
        margin-top: 0.125rem;
    }

    .save-bar {
        display: flex;
        justify-content: flex-end;
        padding: 1rem 0;
        border-top: 1px solid var(--color-neutral-100);
        margin-top: 1rem;
    }

    .search-fields {
        display: flex;
        gap: 0.5rem;
    }
}@scope(.page-admin-settings){:scope {
        padding: 0 calc(var(--spacing) * 5) calc(var(--spacing) * 5);
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 5);
    }

    .page-title {
        font-size: var(--text-3xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-gray-900);
        letter-spacing: var(--tracking-tight);
    }

    .settings-section-title {
        font-size: var(--text-base);
        font-weight: var(--font-weight-semibold);
        margin-bottom: calc(var(--spacing) * 1);
    }

    .settings-section-desc {
        font-size: var(--text-sm);
        color: var(--color-neutral-500);
        margin-bottom: calc(var(--spacing) * 4);
    }

    .inline-checkbox {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        font-size: var(--text-sm);
        cursor: pointer;
    }

    .settings-actions {
        display: flex;
    }
}@scope(.page-admin-examples){:scope {
        padding: 0 calc(var(--spacing) * 5) calc(var(--spacing) * 5);
        display: flex;
        flex-direction: column;
        gap: calc(var(--spacing) * 12);
    }

    section {
        scroll-margin-top: calc(var(--spacing) * 22);
    }

    

    .page-title {
        font-size: var(--text-3xl);
        font-weight: var(--font-weight-bold);
        color: var(--color-gray-900);
        margin-bottom: 0.5rem;
        letter-spacing: var(--tracking-tight);
    }

    .page-desc {
        color: var(--color-gray-600);
        margin-bottom: 2rem;
    }

    .section-title {
        font-size: var(--text-xl);
        font-weight: var(--font-weight-semibold);
        color: var(--color-gray-800);
        margin-bottom: 1rem;
    }

    .section-desc {
        color: var(--color-gray-600);
        margin-bottom: 1rem;
        font-size: var(--text-sm);
    }

    .subsection-title {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-gray-600);
        margin-bottom: 0.75rem;
        margin-top: 1.5rem;
    }

    .subsection-title:first-child {
        margin-top: 0;
    }

    .hint {
        font-size: var(--text-xs);
        color: var(--color-gray-500);
    }

    .code {
        background-color: var(--color-gray-100);
        padding-left: 0.25rem;
        padding-right: 0.25rem;
        border-radius: var(--radius-default);
    }

    .body-text {
        font-size: var(--text-sm);
        color: var(--color-neutral-600);
    }

    .text-small {
        font-size: var(--text-sm);
    }

    

    .divider {
        border-color: var(--color-gray-200);
    }

    

    .grid-2 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }

    @media (min-width: 1024px) {
        .grid-2 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .grid-3 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 2rem;
    }

    @media (min-width: 768px) {
        .grid-3 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (min-width: 1024px) {
        .grid-3 {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .grid-3-sm {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1.5rem;
    }

    @media (min-width: 768px) {
        .grid-3-sm {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (min-width: 1024px) {
        .grid-3-sm {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    .grid-4 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .grid-4 {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (min-width: 1024px) {
        .grid-4 {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    .grid-2-md {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .grid-2-md {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    .grid-2-always {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .grid-3-md {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .grid-3-md {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    

    .button-row {
        display: flex;
        flex-wrap: wrap;
        gap: 0.75rem;
        align-items: center;
    }

    .search-row {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
    }

    .search-all {
        flex: 1;
        min-width: 250px;
    }

    .flex-end {
        display: flex;
        justify-content: flex-end;
    }

    

    .stack-sm {
        display: flex;
        flex-direction: column;
        gap: 0.5rem;
    }

    .stack-md {
        display: flex;
        flex-direction: column;
        gap: 0.75rem;
    }

    .stack-lg {
        display: flex;
        flex-direction: column;
        gap: 1.5rem;
    }

    .stack-xl {
        display: flex;
        flex-direction: column;
        gap: 2rem;
    }

    

    .pad {
        padding: 1rem;
    }

    .pad-sm {
        padding: 0.75rem;
    }

    .mt-section {
        margin-top: 1.5rem;
    }

    .mb-section {
        margin-bottom: 1.5rem;
    }

    

    .chart-sm {
        height: 16rem;
    }

    .chart-md {
        height: 20rem;
    }

    .chart-actions {
        display: flex;
        flex-wrap: wrap;
        gap: 0.5rem;
        margin-top: 1rem;
    }

    

    .input-full {
        width: 100%;
    }

    

    .accordion-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

    .accordion-label {
        font-size: var(--text-xs);
        font-weight: var(--font-weight-semibold);
        color: var(--color-neutral-500);
        margin-bottom: 0.25rem;
    }

    .tag-list {
        display: flex;
        flex-wrap: wrap;
        gap: 0.25rem;
    }


    

    .popover-sm {
        padding: 1rem;
        width: 16rem;
    }

    .popover-md {
        padding: 1rem;
        width: 18rem;
    }

    .popover-xs {
        padding: 0.75rem;
    }

    .popover-title {
        font-weight: var(--font-weight-medium);
        margin-bottom: 0.5rem;
    }

    .popover-text {
        font-size: var(--text-sm);
        color: var(--color-neutral-600);
        margin-bottom: 0.75rem;
    }

    

    .tab-content {
        padding: 1rem;
    }

    .tab-content-sky {
        padding: 1rem;
        background-color: var(--color-sky-50);
    }

    .tab-content-green {
        padding: 1rem;
        background-color: var(--color-green-50);
    }

    .tab-content-amber {
        padding: 1rem;
        background-color: var(--color-amber-50);
    }

    

    .inline-icon {
        transition: transform 200ms;
    }

    .inline-icon.rotated {
        transform: rotate(180deg);
    }

    .icon-before {
        margin-right: 0.25rem;
    }

    

    .card-accent-header {
        background-color: var(--color-sky-700);
        color: var(--color-white);
        padding: 1rem;
        border-radius: var(--radius-default) var(--radius-default) 0 0;
    }

    .card-accent-title {
        font-size: var(--text-lg);
        font-weight: var(--font-weight-medium);
    }

    

    .demo-box {
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        padding: 1rem;
    }

    .preview-box {
        padding: 1rem;
        border-radius: var(--radius-default);
        border: 1px solid var(--color-neutral-200);
    }

    .preview-text {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-gray-800);
    }

    .preview-subtext {
        font-size: var(--text-xs);
        margin-top: 0.25rem;
        color: var(--color-gray-600);
    }

    .color-red { color: var(--color-red-600); }
    .color-blue { color: var(--color-blue-600); }
    .color-green { color: var(--color-green-600); }
    .color-purple { color: var(--color-purple-600); }
    .color-orange { color: var(--color-orange-600); }

    .bg-yellow { background-color: var(--color-yellow-100); }
    .bg-blue { background-color: var(--color-blue-100); }
    .bg-green { background-color: var(--color-green-100); }
    .bg-pink { background-color: var(--color-pink-100); }
    .bg-gray { background-color: var(--color-gray-100); }

    

    .modal-pad {
        padding: 1.5rem;
    }

    .modal-heading {
        font-size: var(--text-xl);
        font-weight: var(--font-weight-semibold);
        margin-bottom: 1rem;
    }

    .modal-text {
        color: var(--color-neutral-600);
        margin-bottom: 1rem;
    }

    .modal-actions {
        display: flex;
        justify-content: flex-end;
        gap: 0.5rem;
    }

    .modal-form-grid {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
        margin-bottom: 1rem;
    }

    .modal-info-box {
        margin-top: 1rem;
        padding: 1rem;
        background-color: var(--color-gray-50);
        border-radius: var(--radius-default);
        font-size: var(--text-sm);
    }

    .col-span-full {
        grid-column: span 2;
    }

    @media (min-width: 768px) {
        .col-span-full-md {
            grid-column: span 2;
        }
    }

    

    .feature-list {
        list-style: disc;
        list-style-position: inside;
        font-size: var(--text-sm);
        color: var(--color-neutral-600);
    }

    .feature-list li {
        margin-top: 0.25rem;
    }
}@scope(.page-admin-logs){.section-heading {
        font-size: var(--text-base);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
        margin-top: 1.5rem;
        margin-bottom: 0.75rem;
    }

    .section-heading:first-child {
        margin-top: 0;
    }

    .activity-chart-wrap {
        height: 12rem;
        margin-bottom: 1.5rem;
    }

    .search-fields {
        display: flex;
        gap: 0.75rem;
    }

    

    .log-accordion {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 1.5rem;
        padding: 0.75rem 0;
    }

    .log-accordion-heading {
        font-size: var(--text-sm);
        font-weight: var(--font-weight-semibold);
        color: var(--color-text-heading);
        margin: 0 0 0.5rem;
    }

    

    .detail-row {
        display: flex;
        gap: 0.5rem;
        padding: 0.25rem 0;
        font-size: var(--text-sm);
        border-bottom: 1px solid var(--color-neutral-100);
    }

    .detail-row:last-child {
        border-bottom: none;
    }

    .detail-label {
        flex-shrink: 0;
        width: 7rem;
        color: var(--color-neutral-500);
        font-weight: var(--font-weight-medium);
    }

    .detail-value {
        color: var(--color-text-body);
        word-break: break-all;
    }

    

    .json-tree-container {
        background-color: var(--color-neutral-50);
        border: 1px solid var(--color-neutral-200);
        border-radius: var(--radius-default);
        padding: 0.75rem;
        overflow-x: auto;
        font-family: var(--font-mono);
        font-size: var(--text-xs);
        line-height: 1.6;
    }

    .json-entry {
        padding-left: 1rem;
    }

    .json-key {
        color: var(--color-primary-700);
        margin-right: 0.375rem;
    }

    .json-index {
        color: var(--color-neutral-400);
        margin-right: 0.375rem;
    }

    .json-string {
        color: var(--color-green-700);
    }

    .json-number {
        color: var(--color-blue-700);
    }

    .json-bool {
        color: var(--color-amber-700);
    }

    .json-null {
        color: var(--color-neutral-400);
        font-style: italic;
    }

    .json-bracket {
        color: var(--color-neutral-500);
    }
}@scope(.page-admin-tickets){.source-tabs {
        display: flex;
        border-bottom: 2px solid var(--color-neutral-200);
        margin-bottom: 1.25rem;
    }

    .source-tab {
        padding: calc(var(--spacing) * 2) calc(var(--spacing) * 5);
        font-size: var(--text-sm);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-muted);
        background: none;
        border: none;
        border-bottom: 2px solid transparent;
        margin-bottom: -2px;
        cursor: pointer;
        transition: color 120ms, border-color 120ms;
    }

    .source-tab:hover {
        color: var(--color-text-body);
    }

    .source-tab.active {
        color: var(--color-primary);
        border-bottom-color: var(--color-primary);
    }

    .ui-autotable-toolbar {
        padding: 0;
        margin-bottom: calc(var(--spacing) * 3);
    }

    .ui-autotable-search {
        flex: 1;
        min-width: 0;
    }

    .search-fields {
        display: flex;
        gap: 0.5rem;
        align-items: flex-end;
        width: 100%;
    }

    .search-fields-spacer {
        flex: 1;
    }

    .ticket-action-cell {
        width: 1px;
        white-space: nowrap;
        padding-right: 0.75rem;
    }

    .ticket-view-btn {
        display: inline-flex;
        align-items: center;
        gap: 0.25rem;
        padding: 0.25rem 0.625rem;
        font-size: var(--text-xs);
        font-weight: var(--font-weight-medium);
        color: var(--color-text-muted);
        background: none;
        border: 1px solid var(--color-neutral-300);
        border-radius: var(--radius-default);
        cursor: pointer;
        transition: color 120ms, border-color 120ms, background-color 120ms;
    }

    .ticket-view-btn:hover {
        color: var(--color-text-body);
        border-color: var(--color-neutral-400);
        background-color: var(--color-neutral-50);
    }

    .ticket-email-link {
        color: var(--color-primary);
        text-decoration: none;
    }

    .ticket-email-link:hover {
        text-decoration: underline;
    }

    .loading-message {
        font-size: var(--text-sm);
        color: var(--color-text-muted);
        padding: calc(var(--spacing) * 4);
    }
}.ticket-detail-list{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.ticket-detail-row{display:grid;grid-template-columns:7rem 1fr;gap:.5rem;padding:.625rem 0;border-bottom:1px solid var(--color-neutral-100);align-items:baseline}.ticket-detail-row:last-child{border-bottom:none}.ticket-detail-row dt{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.ticket-detail-row dd{font-size:var(--text-sm);color:var(--color-text-body);margin:0;word-break:break-word}.ticket-detail-message{align-items:start}.ticket-detail-message dd{white-space:pre-wrap;line-height:1.6}.ticket-detail-link{color:var(--color-primary);text-decoration:none}.ticket-detail-link:hover{text-decoration:underline}.ticket-detail-loading{font-size:var(--text-sm);color:var(--color-text-muted);padding:calc(var(--spacing) * 3)0}.ticket-replies{margin-top:1.25rem;border-top:1px solid var(--color-neutral-200);padding-top:1rem}.ticket-replies-header{font-size:var(--text-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:.75rem}.ticket-reply{background:var(--color-neutral-50);border:1px solid var(--color-neutral-200);border-radius:var(--radius-default);padding:.75rem;margin-bottom:.5rem}.ticket-reply-mine{background:color-mix(in srgb,var(--color-primary) 6%,white);border-color:color-mix(in srgb,var(--color-primary) 30%,transparent)}.ticket-reply-meta{display:flex;gap:.75rem;align-items:baseline;margin-bottom:.375rem}.ticket-reply-author{font-size:var(--text-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-body)}.ticket-reply-time{font-size:var(--text-xs);color:var(--color-text-muted)}.ticket-reply-content{font-size:var(--text-sm);color:var(--color-text-body);white-space:pre-wrap;line-height:1.6}.ticket-reply-form{margin-top:1.25rem;border-top:1px solid var(--color-neutral-200);padding-top:1rem;display:flex;flex-direction:column;gap:.75rem}.ticket-reply-actions{display:flex;justify-content:flex-end}.ticket-close-actions{margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-neutral-200);display:flex;flex-direction:column;align-items:stretch;gap:.75rem}.ticket-close-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--font-weight-medium);text-align:center}.ticket-close-buttons{display:flex;justify-content:center;gap:.75rem}.ticket-close-buttons button{flex:1;max-width:12rem}.ticket-reopen-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-neutral-200);display:flex;gap:.5rem}