@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.8e0177b5.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.b97b3418.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.853070df.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist","Geist Fallback"}
@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/4ba802ed8e67eac5-s.e45fea2b.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/d7a0600e467cf0bd-s.20ecb425.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:400;font-display:swap;src:url(../media/dc0d9adbac686440-s.p.3b382e45.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/b8f2b92a9960dd69-s.12167c5a.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/28e60ca39c9ae554-s.7a4e9fcc.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Space Mono;font-style:normal;font-weight:700;font-display:swap;src:url(../media/8d05cfa5faa8406c-s.p.4adea45d.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Space Mono Fallback;src:local(Arial);ascent-override:81.58%;descent-override:26.3%;line-gap-override:0.0%;size-adjust:137.28%}.space_mono_fdf5de47-module__aex0MW__className{font-family:Space Mono,Space Mono Fallback;font-style:normal}.space_mono_fdf5de47-module__aex0MW__variable{--font-space-mono:"Space Mono","Space Mono Fallback"}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--showcase-header-height:48px;--showcase-sidebar-width:220px;--showcase-breakpoint:1024px;--font-primary:var(--font-geist-sans,"Geist",system-ui,-apple-system,sans-serif);--font-secondary:var(--font-space-mono,"Space Mono",monospace);--font-weight-regular:400;--font-weight-semibold:600;--font-weight-bold:700;--font-size-body-xs:12px;--font-size-body-sm:14px;--font-size-body-md:16px;--font-size-body-lg:18px;--font-size-heading-h1:60px;--font-size-heading-h2:48px;--font-size-heading-h3:40px;--font-size-heading-h4:32px;--font-size-heading-h5:24px;--font-size-heading-h6:20px;--line-height-body-xs:18px;--line-height-body-sm:20px;--line-height-body-md:24px;--line-height-body-lg:28px;--line-height-heading-h1:72px;--line-height-heading-h2:56px;--line-height-heading-h3:48px;--line-height-heading-h4:40px;--line-height-heading-h5:28px;--line-height-heading-h6:24px;--space-3xs:2px;--space-2xs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:40px;--space-3xl:48px;--scale-0:0px;--scale-25:1px;--scale-50:2px;--scale-100:4px;--scale-150:6px;--scale-200:8px;--scale-300:12px;--scale-400:16px;--scale-500:20px;--scale-600:24px;--scale-700:28px;--scale-800:32px;--scale-900:36px;--scale-1000:40px;--scale-1100:44px;--scale-1200:48px;--scale-1300:52px;--scale-1400:56px;--scale-1500:60px;--scale-1600:64px;--radius-none:0px;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-pill:36px;--border-none:0px;--border-sm:1px;--border-md:2px;--border-lg:4px;--icon-xs:16px;--icon-sm:20px;--icon-md:24px;--icon-lg:28px;--icon-xl:32px;--color-bg:#fff;--color-bg-subtle:#fafafc;--color-bg-muted:#f4f5f8;--color-bg-emphasis:#e6eaf0;--color-bg-strong:#d3d9e4;--color-bg-inverse:#353a40;--color-bg-hover:#e6eaf0;--color-bg-disabled:#f4f5f8;--color-bg-tooltip:#1c1f22;--color-bg-alert:#fff;--color-border:#e6eaf0;--color-border-subtle:#f4f5f8;--color-border-strong:#d3d9e4;--color-border-emphasis:#a7b4c9;--color-border-focus:#5c8ace;--color-border-disabled:#f4f5f8;--color-border-alert:#e6eaf0;--color-text:#1c1f22;--color-text-secondary:#141618;--color-text-body:#353a40;--color-text-body-hover:#000;--color-text-placeholder:#8792a3;--color-text-link:#353a40;--color-text-link-hover:#000;--color-text-disabled:#8792a3;--color-text-inverse:#fff;--color-text-tooltip:#fff;--color-btn-primary-bg:#fff;--color-btn-primary-bg-hover:#fafafc;--color-btn-primary-bg-pressed:#f4f5f8;--color-btn-primary-bg-disabled:#e6eaf0;--color-btn-primary-border:#d3d9e4;--color-btn-primary-border-hover:var(--steel-400);--color-btn-primary-text:#353a40;--color-btn-primary-text-hover:#000;--color-btn-primary-text-disabled:#8792a3;--color-btn-secondary-bg:#353a40;--color-btn-secondary-bg-hover:#000;--color-btn-secondary-bg-disabled:#e6eaf0;--color-btn-secondary-border:#353a40;--color-btn-secondary-border-hover:#000;--color-btn-secondary-text:#f4f5f8;--color-btn-secondary-text-hover:#fff;--color-btn-secondary-text-disabled:#8792a3;--color-btn-outline-border:#000;--color-btn-outline-bg-hover:#000;--color-btn-outline-bg-disabled:#e6eaf0;--color-btn-outline-text:#000;--color-btn-outline-text-hover:#fff;--color-btn-outline-text-disabled:#8792a3;--color-alert-bg:#fafafc;--color-alert-border:var(--steel-300);--color-info:#426393;--color-success:#417827;--color-warning:#4e3e0e;--color-error:#c43148;--color-chip-steel-bg:var(--steel-200);--color-chip-steel-text:var(--steel-800);--color-chip-steel-icon:var(--steel-800);--color-chip-blue-bg:var(--blue-200);--color-chip-blue-text:var(--blue-800);--color-chip-blue-icon:var(--blue-800);--color-chip-red-bg:var(--red-200);--color-chip-red-text:var(--red-800);--color-chip-red-icon:var(--red-800);--color-chip-orange-bg:var(--orange-200);--color-chip-orange-text:var(--orange-800);--color-chip-orange-icon:var(--orange-800);--color-chip-gold-bg:var(--gold-200);--color-chip-gold-text:var(--gold-900);--color-chip-gold-icon:var(--gold-900);--color-chip-yellow-bg:var(--yellow-200);--color-chip-yellow-text:var(--yellow-900);--color-chip-yellow-icon:var(--yellow-900);--color-chip-green-bg:var(--green-200);--color-chip-green-text:var(--green-800);--color-chip-green-icon:var(--green-800);--color-chip-pink-bg:var(--pink-200);--color-chip-pink-text:var(--pink-800);--color-chip-pink-icon:var(--pink-800);--color-chip-turquoise-bg:var(--turquoise-200);--color-chip-turquoise-text:var(--turquoise-900);--color-chip-turquoise-icon:var(--turquoise-900);--color-chip-violet-bg:var(--violet-200);--color-chip-violet-text:var(--violet-800);--color-chip-violet-icon:var(--violet-800);--chart-1:var(--blue-300);--chart-2:var(--blue-500);--chart-3:var(--steel-400);--chart-4:var(--steel-800);--chart-5:var(--blue-200);--chart-bar:var(--blue-400);--color-icon:#616875;--color-icon-hover:#000;--color-icon-active:#000;--color-icon-disabled:#b9c3d4;--color-white:#fff;--color-black:#000;--steel-50:#fafafc;--steel-100:#f4f5f8;--steel-200:#e6eaf0;--steel-300:#d3d9e4;--steel-400:#b9c3d4;--steel-500:#a7b4c9;--steel-600:#8792a3;--steel-700:#616875;--steel-800:#353a40;--steel-900:#1c1f22;--steel-950:#141618;--neutral-50:#fafafa;--neutral-100:#f3f3f3;--neutral-200:#e6e6e6;--neutral-300:#d3d3d3;--neutral-400:#b8b8b8;--neutral-500:#a6a6a6;--neutral-600:#868686;--neutral-700:#606060;--neutral-800:#424242;--neutral-900:#252525;--neutral-950:#121212;--blue-50:#f7faff;--blue-100:#edf4ff;--blue-200:#d8e7ff;--blue-300:#b8d5ff;--blue-400:#8ebbfe;--blue-500:#72aafe;--blue-600:#5c8ace;--blue-700:#426393;--blue-800:#243651;--blue-900:#131d2b;--blue-950:#0d131c;--red-50:#fef3f5;--red-100:#fde6e9;--red-200:#fbc9d1;--red-300:#f99eac;--red-400:#f5647a;--red-500:#f23d59;--red-600:#c43148;--red-700:#8c2334;--red-800:#4d141c;--red-900:#290a0f;--red-950:#1b070a;--orange-50:#fff8f3;--orange-100:#fef0e5;--orange-200:#fddec7;--orange-300:#fcc59b;--orange-400:#faa15f;--orange-500:#f98a37;--orange-600:#ca702d;--orange-700:#905020;--orange-800:#4d141c;--orange-900:#2a1709;--orange-950:#1b0f06;--gold-50:#fefbf2;--gold-100:#fef7e4;--gold-200:#fceec4;--gold-300:#fae195;--gold-400:#f7cf56;--gold-500:#f5c32c;--gold-600:#c69e24;--gold-700:#8e711a;--gold-800:#4e3e0e;--gold-900:#2a2107;--gold-950:#1b1505;--yellow-50:#fefdf5;--yellow-100:#fdfce9;--yellow-200:#fcf8d0;--yellow-300:#f9f3aa;--yellow-400:#f5eb78;--yellow-500:#f3e656;--yellow-600:#c5ba46;--yellow-700:#8d8532;--yellow-800:#4e4a1c;--yellow-900:#29270f;--yellow-950:#1b1909;--green-50:#f6fcf4;--green-100:#ecf9e7;--green-200:#d7f2cb;--green-300:#b7e7a1;--green-400:#8dd969;--green-500:#70cf44;--green-600:#5ba837;--green-700:#417827;--green-800:#244216;--green-900:#13230c;--green-950:#0c1707;--pink-50:#fffafe;--pink-100:#fff4fe;--pink-200:#ffe7fc;--pink-300:#ffd4f9;--pink-400:#ffbaf6;--pink-500:#ffa9f4;--pink-600:#cf89c6;--pink-700:#94628e;--pink-800:#52364e;--pink-900:#2b1d29;--pink-950:#1c131b;--turquoise-50:#f7fcfe;--turquoise-100:#eef9fd;--turquoise-200:#dbf2fa;--turquoise-300:#bfe9f6;--turquoise-400:#99dbf1;--turquoise-500:#80d2ed;--turquoise-600:#68aac0;--turquoise-700:#4a7a89;--turquoise-800:#29434c;--turquoise-900:#162428;--turquoise-950:#0e171a;--violet-50:#f9f9ff;--violet-100:#f1f2fe;--violet-200:#e1e2fd;--violet-300:#cacbfb;--violet-400:#aaadf9;--violet-500:#9598f7;--violet-600:#797bc8;--violet-700:#56588f;--violet-800:#30314f;--violet-900:#191a2a;--violet-950:#10111b;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 12px #00000014;--shadow-lg:0 8px 24px #0000001f;--transition-fast:.12s ease;--transition-base:.2s ease;--transition-slow:.3s ease}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-bg:#000;--color-bg-subtle:#141618;--color-bg-muted:#1c1f22;--color-bg-emphasis:#1c1f22;--color-bg-strong:#353a40;--color-bg-inverse:#353a40;--color-bg-hover:#353a40;--color-bg-disabled:#353a40;--color-bg-tooltip:#353a40;--color-bg-alert:#1c1f22;--color-border:#353a40;--color-border-subtle:#1c1f22;--color-border-strong:#616875;--color-border-emphasis:#a7b4c9;--color-border-focus:#72aafe;--color-border-disabled:#1c1f22;--color-border-alert:#353a40;--color-text:#fafafc;--color-text-secondary:#f4f5f8;--color-text-body:#d3d9e4;--color-text-body-hover:#fff;--color-text-placeholder:#a7b4c9;--color-text-link:#d3d9e4;--color-text-link-hover:#fff;--color-text-disabled:#8792a3;--color-text-inverse:#000;--color-text-tooltip:#fff;--color-btn-primary-bg:#1c1f22;--color-btn-primary-bg-hover:#353a40;--color-btn-primary-bg-pressed:#353a40;--color-btn-primary-bg-disabled:#353a40;--color-btn-primary-border:#353a40;--color-btn-primary-border-hover:var(--steel-800);--color-btn-primary-text:#f4f5f8;--color-btn-primary-text-hover:#fff;--color-btn-primary-text-disabled:#8792a3;--color-btn-secondary-bg:#e6eaf0;--color-btn-secondary-bg-hover:#fafafc;--color-btn-secondary-bg-disabled:#353a40;--color-btn-secondary-border:#a7b4c9;--color-btn-secondary-border-hover:#a7b4c9;--color-btn-secondary-text:#353a40;--color-btn-secondary-text-hover:#000;--color-btn-secondary-text-disabled:#8792a3;--color-btn-outline-border:#fff;--color-btn-outline-bg-hover:#fff;--color-btn-outline-bg-disabled:#353a40;--color-btn-outline-text:#fff;--color-btn-outline-text-hover:#000;--color-btn-outline-text-disabled:#8792a3;--color-alert-bg:#141618;--color-alert-border:#1c1f22;--color-info:#8ebbfe;--color-success:#8dd969;--color-warning:#f5c32c;--color-error:#f5647a;--color-chip-steel-bg:var(--steel-800);--color-chip-steel-text:var(--steel-100);--color-chip-steel-icon:var(--steel-100);--color-chip-blue-bg:var(--blue-700);--color-chip-blue-text:var(--blue-100);--color-chip-blue-icon:var(--blue-100);--color-chip-red-bg:var(--red-700);--color-chip-red-text:var(--red-100);--color-chip-red-icon:var(--red-100);--color-chip-orange-bg:var(--orange-700);--color-chip-orange-text:var(--orange-100);--color-chip-orange-icon:var(--orange-100);--color-chip-gold-bg:var(--gold-700);--color-chip-gold-text:var(--gold-100);--color-chip-gold-icon:var(--gold-50);--color-chip-yellow-bg:var(--yellow-900);--color-chip-yellow-text:var(--yellow-100);--color-chip-yellow-icon:var(--yellow-50);--color-chip-green-bg:var(--green-800);--color-chip-green-text:var(--green-100);--color-chip-green-icon:var(--green-100);--color-chip-pink-bg:var(--pink-800);--color-chip-pink-text:var(--pink-100);--color-chip-pink-icon:var(--pink-100);--color-chip-turquoise-bg:var(--turquoise-900);--color-chip-turquoise-text:var(--turquoise-100);--color-chip-turquoise-icon:var(--turquoise-100);--color-chip-violet-bg:var(--violet-800);--color-chip-violet-text:var(--violet-100);--color-chip-violet-icon:var(--violet-100);--chart-1:var(--blue-400);--chart-2:var(--blue-300);--chart-3:var(--steel-500);--chart-4:var(--steel-400);--chart-5:var(--blue-700);--chart-bar:var(--blue-400);--color-icon:#d3d9e4;--color-icon-hover:#fff;--color-icon-active:#fff;--color-icon-disabled:#8792a3;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080}[data-theme=dark] .modal{background:var(--steel-950)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--showcase-header-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-y:scroll}body{font-family:var(--font-primary);font-size:var(--font-size-body-md);line-height:var(--line-height-body-md);font-weight:var(--font-weight-regular);color:var(--color-text-body);background-color:var(--color-bg);transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6{color:var(--color-text);font-weight:var(--font-weight-bold);letter-spacing:-.02em}h1{font-size:var(--font-size-heading-h1);line-height:var(--line-height-heading-h1)}h2{font-size:var(--font-size-heading-h2);line-height:var(--line-height-heading-h2)}h3{font-size:var(--font-size-heading-h3);line-height:var(--line-height-heading-h3)}h4{font-size:var(--font-size-heading-h4);line-height:var(--line-height-heading-h4)}h5{font-size:var(--font-size-heading-h5);line-height:var(--line-height-heading-h5)}h6{font-size:var(--font-size-heading-h6);line-height:var(--line-height-heading-h6)}a{color:var(--color-text-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-text-link-hover)}code,pre{font-family:var(--font-secondary);font-size:var(--font-size-body-sm)}.showcase-layout{width:100%;min-height:100vh;padding-top:var(--showcase-header-height);background-color:var(--color-bg);flex-direction:column;display:flex}.showcase-menu-button{width:40px;height:40px;margin:0 calc(var(--space-md)*-1)0 0;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:none}.showcase-menu-button:hover{background:#0000000f}.showcase-menu-button:focus-visible{outline:2px solid var(--color-text);outline-offset:2px}[data-theme=dark] .showcase-menu-button{color:#fff}[data-theme=dark] .showcase-menu-button:hover{background:#ffffff1a}[data-theme=dark] .showcase-menu-button:focus-visible{outline-color:#fff}.showcase-header{z-index:100;height:var(--showcase-header-height);box-sizing:border-box;padding:0 var(--space-lg);-webkit-backdrop-filter:blur(24px)saturate(150%);backdrop-filter:blur(24px)saturate(150%);color:var(--color-text);background:#ffffff7a;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}[data-theme=dark] .showcase-header{color:#fff;background:#1c1f227a}.showcase-sidebar-overlay{inset:0;top:var(--showcase-header-height);z-index:45;opacity:0;pointer-events:none;transition:opacity var(--transition-base);background:#0006;display:none;position:fixed}.showcase-sidebar{top:var(--showcase-header-height);width:var(--showcase-sidebar-width);padding:var(--space-lg)0;background:var(--color-bg);border-right:var(--border-sm)solid var(--color-border);z-index:50;scrollbar-width:thin;scrollbar-color:var(--color-border)transparent;position:fixed;bottom:0;left:0;overflow-y:auto}.showcase-sidebar::-webkit-scrollbar{width:4px}.showcase-sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.showcase-sidebar::-webkit-scrollbar-track{background:0 0}.showcase-main{margin-left:var(--showcase-sidebar-width);width:calc(100% - var(--showcase-sidebar-width));min-width:0;padding:var(--space-xl)var(--space-2xl);background-color:var(--color-bg);box-sizing:border-box;flex:1;max-width:1200px}@media (max-width:1023px){.showcase-menu-button{display:flex}.showcase-sidebar-overlay{display:block}.showcase-layout.sidebar-open .showcase-sidebar-overlay{opacity:1;pointer-events:auto}.showcase-sidebar{transition:transform var(--transition-base);box-shadow:none;transform:translate(-100%)}.showcase-layout.sidebar-open .showcase-sidebar{transform:translate(0);box-shadow:4px 0 24px #00000026}.showcase-main{width:100%;padding:var(--space-lg)var(--space-md);margin-left:0}}@media (max-width:480px){.showcase-header{padding:0 var(--space-md)}.showcase-header h1{font-size:var(--font-size-body-sm)}.showcase-main{padding:var(--space-md)var(--space-sm)}}.showcase-header h1{font-size:var(--font-size-body-md);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:.01em;line-height:1}[data-theme=dark] .showcase-header h1{color:#fff}.showcase-header-right{align-items:center;gap:var(--space-md);display:flex}.showcase-header-right .theme-toggle{color:var(--color-text)}.showcase-header-right .theme-toggle:hover{color:var(--color-text-body-hover)}[data-theme=dark] .showcase-header-right .theme-toggle{color:#fff}[data-theme=dark] .showcase-header-right .theme-toggle:hover{color:var(--steel-300)}.sidebar-nav{flex-direction:column;display:flex}.sidebar-group{padding:0 var(--space-md);margin-bottom:var(--space-md)}.sidebar-group-label{font-size:11px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-placeholder);padding:var(--space-xs)var(--space-sm);margin-bottom:2px}.sidebar-link{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-text-body);background:var(--color-bg);padding:var(--space-xs)var(--space-sm);border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);box-sizing:border-box;cursor:pointer;text-align:left;border:none;align-items:center;text-decoration:none;display:flex}.sidebar-link:hover{background:var(--color-bg-hover);color:var(--color-text-body-hover)}.sidebar-link:active{background:var(--color-bg-hover);color:var(--color-text-body-hover);font-weight:var(--font-weight-semibold)}.sidebar-link:focus-visible{background:var(--color-bg-hover);color:var(--color-text-body-hover);outline:2px solid var(--color-border-focus);outline-offset:-2px;z-index:1}.sidebar-link .menu-item-label{font-weight:var(--font-weight-regular);flex:1}.sidebar-link.menu-item-active .menu-item-label{font-weight:var(--font-weight-semibold)}.sidebar-link:hover:not(.menu-item-active) .menu-item-label{font-weight:var(--font-weight-regular)}.header-figma,.header-github{padding:var(--space-xs);color:var(--color-text);opacity:.8;justify-content:center;align-items:center;text-decoration:none;transition:opacity .15s;display:flex}.header-figma:hover,.header-github:hover{opacity:1}[data-theme=dark] .header-figma,[data-theme=dark] .header-github{color:#fff}.showcase-section{margin-bottom:var(--space-3xl);padding-bottom:var(--space-3xl);border-bottom:var(--border-sm)solid var(--color-border)}.showcase-section:last-child{border-bottom:none}.showcase-footer{white-space:pre}.showcase-footer-link{color:inherit;text-decoration:none}.showcase-footer-link:hover{text-decoration:underline}.section-title{font-size:var(--font-size-heading-h5);line-height:var(--line-height-heading-h5);color:var(--color-text);margin-bottom:var(--space-2xs)}.section-desc{font-size:var(--font-size-body-sm);color:var(--color-text-body);margin-bottom:var(--space-lg);max-width:640px}.component-row{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}#buttons .component-row{gap:var(--space-sm);margin-bottom:var(--space-2xl)}.component-row-start{align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md);flex-wrap:wrap;display:flex}.component-grid{gap:var(--space-md);margin-bottom:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.about-cards{gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.iconography-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.iconography-item{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-md);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);flex-direction:column;min-height:104px;display:flex}.iconography-svg{background-color:var(--color-icon);width:24px;height:24px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.iconography-title{font-size:var(--font-size-body-xs);color:var(--color-text-body);text-align:center;line-height:var(--line-height-body-xs)}.row-label{font-size:var(--font-size-body-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-placeholder);text-transform:uppercase;letter-spacing:.08em;min-width:80px}.typography-subsection{margin-bottom:64px}.typography-subsection .row-label{margin-bottom:var(--space-sm)}.typography-density-row{gap:var(--space-xl);margin-bottom:var(--space-lg);grid-template-columns:1fr 1fr;align-items:start;display:grid}.typography-density-row-medium{margin-bottom:64px}@media (max-width:768px){.typography-density-row{grid-template-columns:1fr}}.data-viz-subsection{margin-bottom:var(--space-lg)}.data-viz-subsection .row-label{margin-bottom:var(--space-sm)}.btn{justify-content:center;align-items:center;gap:var(--space-xs);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:var(--border-sm)solid transparent;white-space:nowrap;text-decoration:none;display:inline-flex}.btn:focus-visible{outline:var(--border-md)solid var(--color-border-focus);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:1}.btn-xs{padding:2px var(--space-xs);height:var(--scale-600);font-size:10px}.btn-sm{font-size:var(--font-size-body-xs);padding:var(--space-2xs)var(--space-sm);height:var(--scale-800)}.btn-md{font-size:var(--font-size-body-sm);padding:var(--space-xs)var(--space-md);height:var(--scale-1000)}.btn-lg{font-size:var(--font-size-body-md);padding:var(--space-sm)var(--space-lg);height:var(--scale-1200)}.btn-primary{background:var(--color-btn-primary-bg);border-color:var(--color-btn-primary-border);color:var(--color-btn-primary-text)}.btn-primary:hover:not(:disabled){background:var(--color-btn-primary-bg-hover);border-color:var(--color-btn-primary-border-hover);color:var(--color-btn-primary-text-hover)}.btn-primary:active:not(:disabled){background:var(--color-btn-primary-bg-pressed)}.btn-primary:disabled{background:var(--color-btn-primary-bg-disabled);color:var(--color-btn-primary-text-disabled);border-color:var(--color-btn-primary-bg-disabled)}.btn-primary.btn-hover-preview{background:var(--color-btn-primary-bg-hover);border-color:var(--color-btn-primary-border-hover);color:var(--color-btn-primary-text-hover)}.btn-primary.btn-pressed-preview{background:var(--color-btn-primary-bg-pressed);border-color:var(--color-btn-primary-border-hover);color:var(--color-btn-primary-text-hover)}.btn-primary.btn-focus-preview{outline:var(--border-md)solid var(--color-border-focus);outline-offset:2px}.btn-secondary{background:var(--color-btn-secondary-bg);border-color:var(--color-btn-secondary-border);color:var(--color-btn-secondary-text)}.btn-secondary:hover:not(:disabled){background:var(--color-btn-secondary-bg-hover);border-color:var(--color-btn-secondary-border-hover);color:var(--color-btn-secondary-text-hover)}.btn-secondary:disabled{background:var(--color-btn-secondary-bg-disabled);color:var(--color-btn-secondary-text-disabled);border-color:var(--color-btn-secondary-bg-disabled)}.btn-outline{border-color:var(--color-btn-outline-border);color:var(--color-btn-outline-text);background:0 0}.btn-outline:hover:not(:disabled){background:var(--color-btn-outline-bg-hover);color:var(--color-btn-outline-text-hover)}.btn-outline:disabled{border-color:var(--color-border-disabled);color:var(--color-btn-outline-text-disabled);background:0 0}.btn-ghost{color:var(--color-text-body);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-body-hover)}.btn-ghost:disabled{color:var(--color-text-disabled)}.btn-destructive{color:var(--color-error);background:0 0;border-color:#0000}.btn-destructive:hover:not(:disabled){background:var(--red-50);border-color:#0000}.btn-destructive:active:not(:disabled){background:var(--red-100);border-color:#0000}.btn-destructive:focus-visible:not(:disabled){border-color:var(--color-focus-ring)}.btn-destructive:disabled{background:var(--color-bg-emphasis);color:var(--color-text-disabled);border-color:#0000}[data-theme=dark] .btn-destructive:hover:not(:disabled){background:var(--red-800)}[data-theme=dark] .btn-destructive:active:not(:disabled){background:var(--red-700)}.btn-group{gap:var(--space-sm);display:inline-flex}.btn-group-horizontal{flex-direction:row;align-items:center}.btn-group-vertical{flex-direction:column;align-items:stretch}.btn-group-full{width:100%}.btn-group-full .btn{flex:1;width:100%}.filter-group{gap:var(--space-sm);flex-wrap:wrap;display:inline-flex}.filter-btn{align-items:center;gap:var(--space-xs);font-family:var(--font-primary);font-weight:var(--font-weight-medium);font-size:var(--font-size-body-sm);padding:var(--space-xs)var(--space-md);border-radius:var(--radius-sm);border:var(--border-sm)solid var(--color-btn-primary-border);background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.filter-btn:hover{background:var(--color-btn-primary-bg-hover);border-color:var(--color-btn-primary-border-hover)}.filter-btn:active{background:var(--color-btn-primary-bg-pressed)}.filter-btn:focus-visible{outline:var(--border-md)solid var(--color-border-focus);outline-offset:2px}.filter-btn-active{background:var(--color-btn-primary-bg-pressed);border-color:var(--color-btn-primary-border-hover);color:var(--color-btn-primary-text-hover)}.filter-btn-pill,.btn-pill{border-radius:var(--radius-pill)}.btn-icon{aspect-ratio:1;justify-content:center;padding:0}.btn-icon.btn-xs{width:var(--scale-600);height:var(--scale-600)}.btn-icon.btn-sm{width:var(--scale-800);height:var(--scale-800)}.btn-icon.btn-md{width:var(--scale-1000);height:var(--scale-1000)}.btn-icon.btn-lg{width:var(--scale-1200);height:var(--scale-1200)}.btn-icon-circle{border-radius:50%}.link{align-items:center;gap:var(--space-xs);font-family:var(--font-primary);font-size:var(--font-size-body-sm);color:var(--color-text-link);transition:color var(--transition-fast),text-decoration-color var(--transition-fast);border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;display:inline-flex}.link:focus{outline:none}.link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.link-default{text-decoration:none}.link-default:hover:not(.link-disabled),.link-default:active:not(.link-disabled),.link-default:focus-visible:not(.link-disabled){color:var(--color-text-link-hover);text-decoration:underline}.link-inline{text-decoration:underline}.link-inline:hover:not(.link-disabled),.link-inline:active:not(.link-disabled){color:var(--color-text-link-hover);text-decoration:none}.link-inline:focus-visible:not(.link-disabled){color:var(--color-text-link-hover);text-decoration:underline}.link-disabled{color:var(--color-text-disabled);cursor:default;text-decoration:none}.link-disabled.link-inline{text-decoration:underline}.link-demo-hover .link:not(.link-disabled),.link-demo-active .link:not(.link-disabled){color:var(--color-text-link-hover);text-decoration:underline}.link-demo-focus .link:not(.link-disabled){color:var(--color-text-link-hover);outline:2px solid var(--color-border-focus);outline-offset:2px;text-decoration:underline}.input-wrapper{gap:var(--space-2xs);flex-direction:column;display:flex}.input-label{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text)}.input-field{font-family:var(--font-primary);color:var(--color-text);background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-sm);transition:all var(--transition-fast);width:100%}.input-field::placeholder{color:var(--color-text-placeholder)}.input-field:hover:not(:disabled){border-color:var(--color-border-strong)}.input-field:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #5c8ace26}.input-field:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}.input-field.input-error{border-color:var(--color-error)}.input-field.input-error:focus{box-shadow:0 0 0 3px #c4314826}.input-sm{font-size:var(--font-size-body-xs);padding:var(--space-2xs)var(--space-sm);height:var(--scale-800)}.input-md{font-size:var(--font-size-body-sm);padding:var(--space-xs)var(--space-md);height:var(--scale-1000)}.input-lg{font-size:var(--font-size-body-md);padding:var(--space-sm)var(--space-md);height:var(--scale-1200)}.input-hint{font-size:var(--font-size-body-xs);color:var(--color-text-placeholder)}.input-error-msg{font-size:var(--font-size-body-xs);color:var(--color-error)}.textarea-field{font-family:var(--font-primary);font-size:var(--font-size-body-sm);color:var(--color-text);background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);resize:vertical;width:100%;min-height:100px;transition:border-color var(--transition-fast)}.textarea-field::placeholder{color:var(--color-text-placeholder)}.textarea-field:hover:not(:disabled){border-color:var(--color-border-strong)}.textarea-field:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #5c8ace26}.textarea-field:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}.select-field{appearance:none;font-family:var(--font-primary);color:var(--color-text);background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;width:100%;transition:border-color var(--transition-fast);padding-right:var(--space-2xl);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23616875' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 6l3.5 4 3.5-4z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat}.select-field:hover:not(:disabled){border-color:var(--color-border-strong)}.select-field:focus{border-color:var(--color-border-focus);outline:none;box-shadow:0 0 0 3px #5c8ace26}.checkbox-radio-row{gap:var(--space-3xl);flex-wrap:wrap;display:flex}@media (max-width:640px){.checkbox-radio-row{gap:var(--space-xl);flex-direction:column}}.check-group{gap:var(--space-md);flex-direction:column;display:flex}.check-item{align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-md);border:var(--border-sm)solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-body-sm);color:var(--color-text-body);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);display:flex}.check-item:focus-within{border-color:var(--color-border-focus);box-shadow:0 0 0 2px var(--color-border-focus)}.check-item:has(input:disabled){background:var(--color-bg-muted);border-color:var(--color-border-subtle);color:var(--color-text-disabled);cursor:not-allowed}.check-item input[type=checkbox],.check-item input[type=radio]{appearance:none;border:var(--border-sm)solid var(--color-border-strong);background:var(--color-bg);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);flex-shrink:0}.check-item input[type=checkbox]{border-radius:var(--radius-sm)}.check-item input[type=radio]{border-radius:50%}.check-item input[type=checkbox]:checked,.check-item input[type=radio]:checked{background:var(--color-btn-secondary-bg);border-color:var(--color-btn-secondary-bg)}.check-item input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.check-item input[type=radio]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='3' fill='white'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat}.check-item input:focus-visible{outline:none}.check-item input:disabled{background:var(--color-bg-muted);border-color:var(--color-border-subtle);cursor:not-allowed;opacity:1}[data-theme=dark] .check-item{border-color:var(--color-border);background:var(--color-bg)}[data-theme=dark] .check-item:has(input:disabled){background:var(--color-bg-muted);border-color:var(--color-border-subtle);color:var(--color-text-disabled)}[data-theme=dark] .check-item input:disabled{background:var(--color-bg-strong);border-color:var(--color-border-subtle)}[data-theme=dark] .check-item input[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12' fill='none'%3E%3Cpath d='M10 3L4.5 8.5L2 6' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}[data-theme=dark] .check-item input[type=radio]:checked{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Ccircle cx='4' cy='4' r='3' fill='%23000'/%3E%3C/svg%3E")}.toggle{align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--font-size-body-sm);color:var(--color-text-body);display:inline-flex}.toggle-track{background:var(--color-border-strong);border-radius:var(--radius-pill);width:44px;height:24px;transition:background var(--transition-fast);flex-shrink:0;position:relative}.toggle-track:after{content:"";background:var(--color-white);width:18px;height:18px;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:3px;left:3px}.toggle input{display:none}.toggle input:checked+.toggle-track{background:var(--color-btn-secondary-bg)}.toggle input:checked+.toggle-track:after{transform:translate(20px)}.toggle input:disabled+.toggle-track{cursor:not-allowed;background:#d3d9e4}.toggle input:disabled+.toggle-track:after{background:#f4f5f8}.toggle input:disabled:checked+.toggle-track{background:#d3d9e4}.toggle-sm .toggle-track{width:36px;height:20px}.toggle-sm .toggle-track:after{width:14px;height:14px}.toggle-sm input:checked+.toggle-track:after{transform:translate(16px)}.toggle-lg .toggle-track{width:52px;height:28px}.toggle-lg .toggle-track:after{width:22px;height:22px}.toggle-lg input:checked+.toggle-track:after{transform:translate(24px)}[data-theme=dark] .toggle-track{background:var(--steel-700)}[data-theme=dark] .toggle input:checked+.toggle-track{background:#fff}[data-theme=dark] .toggle-track:after{background:var(--color-bg);box-shadow:0 1px 2px #0003}[data-theme=dark] .toggle input:disabled+.toggle-track{cursor:not-allowed;background:#616875}[data-theme=dark] .toggle input:disabled+.toggle-track:after{background:#353a40}[data-theme=dark] .toggle input:disabled:checked+.toggle-track{background:#616875}.card{background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-md);min-height:0;transition:box-shadow var(--transition-base),border-color var(--transition-base);flex-direction:column;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow-md)}.card-body{min-height:0;padding:var(--space-md);flex-direction:column;flex:1;display:flex}.card-title{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs)}.card-text{min-height:0;font-size:var(--font-size-body-sm);color:var(--color-text-body);line-height:var(--line-height-body-sm);flex:1}.card-footer{padding:var(--space-md);gap:var(--space-xs);align-items:center;display:flex}.card-sm .card-body,.card-sm .card-footer{padding:var(--space-md)}.card-sm .card-title{font-size:var(--font-size-body-md)}.card-lg .card-body,.card-lg .card-footer{padding:var(--space-lg)}.card-lg .card-title{font-size:var(--font-size-heading-h5)}.image-card-link{color:inherit;border-radius:var(--radius-md);text-decoration:none;display:block;overflow:hidden}.image-card{background:var(--color-bg);height:100%;transition:box-shadow var(--transition-base);flex-direction:column;display:flex}.image-card-link:hover .image-card{box-shadow:var(--shadow-md)}.image-card-image{aspect-ratio:16/10;background:var(--color-bg-muted);border-radius:var(--radius-md);width:100%;overflow:hidden}.image-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.image-card-content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.image-card-text{align-items:flex-start;gap:var(--space-md);padding-left:0;padding-right:0;padding-top:var(--space-md);padding-bottom:var(--space-md);display:flex}.image-card-text-inner{gap:var(--space-2xs);flex-direction:column;flex:1;display:flex}.image-card-title{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.image-card-subtitle{font-size:var(--font-size-body-sm);color:var(--color-text-body);line-height:var(--line-height-body-sm)}.image-card-link-icon{width:20px;height:20px;color:var(--color-text);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.image-card-link-icon svg{width:100%;height:100%}.image-card-link:hover .image-card-link-icon{opacity:1}.image-card-link:hover .image-card-image img{transform:scale(1.08)}.chart-card{background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-md);transition:box-shadow var(--transition-base),border-color var(--transition-base);position:relative}.chart-card:hover{box-shadow:var(--shadow-md)}[data-theme=dark] .chart-card,[data-theme=dark] .chart-kpi-card,[data-theme=dark] .kpi-card-small{background:var(--steel-950)}.chart-card-title{font-size:var(--font-size-body-md);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-md)}.chart-card-content{min-width:0}.chart-donut-wrap{align-items:center;gap:var(--space-xl);flex-wrap:wrap;display:flex}.chart-donut{flex-shrink:0}.chart-legend{gap:var(--space-xs);flex-direction:column;display:flex}.chart-legend-item{align-items:center;gap:var(--space-sm);font-size:var(--font-size-body-sm);color:var(--color-text-body);display:flex}.chart-legend-swatch{border-radius:50%;flex-shrink:0;width:10px;height:10px}.chart-legend-label{min-width:3ch}.chart-legend-value{font-variant-numeric:tabular-nums;margin-left:auto}.chart-bar-wrap{padding-top:var(--space-xs)}.chart-bars{align-items:flex-end;gap:var(--space-lg);min-height:160px;display:flex}.chart-bar-group{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.chart-bar{background:var(--chart-bar);border-radius:var(--radius-sm);width:100%;max-width:64px;min-height:4px;margin-bottom:var(--space-sm);transition:background .15s}.chart-bar:hover{background:var(--blue-600)}.chart-bar-labels{text-align:center;align-items:center;gap:var(--space-2xs);flex-direction:column;display:flex}.chart-bar-value{font-size:var(--font-size-body-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.chart-bar-label{font-size:var(--font-size-body-xs);color:var(--color-text-body)}.completion-tracker-header{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.completion-tracker-desc{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-text-body);margin:0 0 var(--space-md)0;max-width:600px}.completion-tracker-bar-wrap{min-width:0}.completion-tracker-bar{border-radius:var(--radius-sm);height:24px;margin-bottom:var(--space-sm);display:flex;overflow:hidden}.completion-tracker-segment{flex-shrink:0;min-width:4px;transition:background .15s;position:relative}.completion-tracker-segment-texture{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.completion-tracker-segment--stripes .completion-tracker-segment-texture{background:repeating-linear-gradient(-55deg,#0000 0 4px,#0000000f 4px 6px)}.completion-tracker-segment--stripes-alt .completion-tracker-segment-texture{background:repeating-linear-gradient(55deg,#0000 0 2px,#0000000f 2px 3px)}.completion-tracker-segment--dots .completion-tracker-segment-texture{background-image:radial-gradient(circle at 0 0,#00000014 1px,#0000 1px),radial-gradient(circle at 3px 3px,#00000014 1px,#0000 1px);background-size:6px 6px}.completion-tracker-segment--crosshatch .completion-tracker-segment-texture{background-image:repeating-linear-gradient(0deg,#0000 0 3px,#0000000f 3px 4px),repeating-linear-gradient(90deg,#0000 0 3px,#0000000f 3px 4px)}.completion-tracker-labels{min-width:0;display:flex}.completion-tracker-label-cell{padding:0 var(--space-2xs);cursor:default;flex-direction:column;flex-shrink:0;align-items:center;gap:0;min-width:0;display:flex}.completion-tracker-pct{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums;line-height:1}.completion-tracker-name{font-size:var(--font-size-body-xs);color:var(--color-text-body);text-align:center;white-space:nowrap;margin-top:var(--space-2xs);line-height:1}@media (max-width:640px){.completion-tracker-labels{border-top:var(--border-sm)solid var(--color-border);margin-top:var(--space-sm);padding-top:var(--space-sm);flex-direction:column;gap:0}.completion-tracker-label-cell{min-width:0;padding:var(--space-xs)0;border-bottom:var(--border-sm)solid var(--color-border);text-align:left;flex-direction:row;justify-content:space-between;align-items:center;width:100%!important}.completion-tracker-label-cell:last-child{border-bottom:none}.completion-tracker-pct{margin-right:var(--space-sm);flex-shrink:0}.completion-tracker-name{text-align:right;white-space:normal;word-break:break-word;margin-top:0}}.chart-kpi-card{z-index:10;min-width:120px;padding:var(--space-sm)var(--space-md);background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--font-size-body-sm);color:var(--color-text);pointer-events:none;position:absolute}.chart-kpi-card-inline{width:fit-content;display:inline-block;position:static}.chart-kpi-card-title{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs)}.chart-kpi-card-row{align-items:center;gap:var(--space-sm);margin-top:var(--space-2xs);display:flex}.chart-kpi-card-row:first-of-type{margin-top:0}.chart-kpi-card-bullet{border-radius:50%;flex-shrink:0;width:8px;height:8px}.chart-kpi-card-label{color:var(--color-text-body);flex:1}.chart-kpi-card-value{font-weight:var(--font-weight-semibold);color:var(--color-text);font-variant-numeric:tabular-nums}.kpi-card-small{padding:var(--space-sm)var(--space-md);background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-md);width:fit-content;min-width:100px}.kpi-card-small-header{align-items:center;gap:var(--space-xs);margin-bottom:var(--space-2xs);display:flex}.kpi-card-small-label{font-size:var(--font-size-body-sm);color:var(--color-text-body)}.kpi-card-small-trend-icon{flex-shrink:0;margin-left:auto;display:inline-flex}.kpi-card-small-value{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold);color:var(--color-text);font-variant-numeric:tabular-nums;margin-top:var(--space-lg);line-height:1.2}.kpi-card-small-change{font-size:var(--font-size-body-xs);margin-top:0}.badge{align-items:center;gap:var(--space-xs);font-family:var(--font-primary);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);white-space:nowrap;display:inline-flex}.badge-sm{padding:0 var(--space-xs);font-size:10px}.badge-md{font-size:var(--font-size-body-xs);padding:var(--space-3xs)var(--space-sm)}.badge-lg{font-size:var(--font-size-body-sm);padding:var(--space-xs)var(--space-md)}.badge-steel{background:var(--color-chip-steel-bg);color:var(--color-chip-steel-text);--icon-color:var(--color-chip-steel-icon)}.badge-blue{background:var(--color-chip-blue-bg);color:var(--color-chip-blue-text);--icon-color:var(--color-chip-blue-icon)}.badge-red{background:var(--color-chip-red-bg);color:var(--color-chip-red-text);--icon-color:var(--color-chip-red-icon)}.badge-orange{background:var(--color-chip-orange-bg);color:var(--color-chip-orange-text);--icon-color:var(--color-chip-orange-icon)}.badge-gold{background:var(--color-chip-gold-bg);color:var(--color-chip-gold-text);--icon-color:var(--color-chip-gold-icon)}.badge-yellow{background:var(--color-chip-yellow-bg);color:var(--color-chip-yellow-text);--icon-color:var(--color-chip-yellow-icon)}.badge-green{background:var(--color-chip-green-bg);color:var(--color-chip-green-text);--icon-color:var(--color-chip-green-icon)}.badge-pink{background:var(--color-chip-pink-bg);color:var(--color-chip-pink-text);--icon-color:var(--color-chip-pink-icon)}.badge-turquoise{background:var(--color-chip-turquoise-bg);color:var(--color-chip-turquoise-text);--icon-color:var(--color-chip-turquoise-icon)}.badge-violet{background:var(--color-chip-violet-bg);color:var(--color-chip-violet-text);--icon-color:var(--color-chip-violet-icon)}.badge-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge-dot-active{background:var(--green-500)}.badge-dot-error{background:var(--red-500)}.badge-dot-pending{background:var(--gold-500)}.badge-dot-draft{background:currentColor}.badge-dismiss{cursor:pointer;color:currentColor;opacity:.7;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.badge-dismiss:hover{opacity:1}.action-button{cursor:pointer;transition:all var(--transition-fast);color:var(--color-icon);border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.action-button-sm{width:32px;height:32px}.action-button-md{width:40px;height:40px}.action-button-lg{width:48px;height:48px}.action-button:hover:not(:disabled),.action-button:active:not(:disabled){background:var(--color-bg-hover);color:var(--color-icon-hover)}.action-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.action-button:disabled{background:var(--color-bg-disabled);color:var(--color-icon-disabled);cursor:not-allowed;opacity:1}[data-theme=dark] .action-button{color:var(--color-icon)}[data-theme=dark] .action-button:hover:not(:disabled),[data-theme=dark] .action-button:active:not(:disabled){background:var(--color-bg-hover);color:var(--color-icon-hover)}[data-theme=dark] .action-button:disabled{background:var(--color-bg-disabled);color:var(--color-icon-disabled)}.alert{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);padding-right:calc(var(--space-md) + 14px + 2*var(--space-2xs) + var(--space-sm));border-radius:var(--radius-sm);border:var(--border-sm)solid;font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);width:fit-content;max-width:100%;display:flex;position:relative}.alert-icon{flex-shrink:0;width:20px;height:20px;margin-top:1px}.alert-icon-fill{fill:currentColor}.alert-icon-knockout{color:var(--color-alert-bg)}.alert-content{align-items:baseline;gap:var(--space-sm);flex-flow:wrap;flex:1;min-width:0;display:flex}.alert-title{font-weight:var(--font-weight-bold);font-size:var(--font-size-body-md)}.alert-body{color:var(--color-text-body);font-size:var(--font-size-body-md);min-width:0}.alert-dismiss{top:var(--space-md);right:var(--space-md);cursor:pointer;color:var(--steel-800);padding:var(--space-2xs);opacity:1;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s;display:flex;position:absolute}.alert-dismiss svg{width:14px;height:14px}.alert-dismiss:hover{opacity:.85}.alert-info,.alert-success,.alert-warning,.alert-error{background:var(--color-alert-bg);border-color:var(--color-alert-border)}.alert-info{color:var(--color-info)}.alert-success{color:var(--color-success)}.alert-warning{color:var(--color-warning)}.alert-error{color:var(--color-error)}.avatar-subsection{margin-bottom:var(--space-xl)}.avatar-subsection:last-child{margin-bottom:0}.avatar-wrapper{flex-shrink:0;display:inline-flex;position:relative}.avatar{background:var(--color-bg-emphasis);color:var(--color-text-body);font-weight:var(--font-weight-semibold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-xs{width:24px;height:24px;font-size:12px}.avatar-sm{width:32px;height:32px;font-size:14px}.avatar-md{width:40px;height:40px;font-size:var(--font-size-body-md)}.avatar-lg{width:48px;height:48px;font-size:var(--font-size-body-md)}.avatar-xl{width:64px;height:64px;font-size:var(--font-size-body-md)}.avatar-square{border-radius:var(--radius-sm)}.avatar-steel{background:var(--steel-700);color:#fff}.avatar-steel:hover{background:var(--steel-800)}.avatar-blue{background:var(--blue-700);color:#fff}.avatar-blue:hover{background:var(--blue-800)}.avatar-green{background:var(--green-700);color:#fff}.avatar-green:hover{background:var(--green-800)}.avatar-pink{background:var(--pink-700);color:#fff}.avatar-pink:hover{background:var(--pink-800)}.avatar-violet{background:var(--violet-700);color:#fff}.avatar-violet:hover{background:var(--violet-800)}.avatar-gold{background:var(--gold-500);color:var(--steel-800)}.avatar-gold:hover{background:var(--gold-600)}.avatar-blue-400{background:var(--blue-400);color:var(--steel-800)}.avatar-blue-400:hover{background:var(--blue-500)}.avatar-status{z-index:1;border-radius:50%;width:10px;height:10px;position:absolute;top:5px;right:1px}.avatar-status-online,.avatar-status-offline,.avatar-status-busy{background:var(--green-500)}.avatar-square~.avatar-status{top:5px;right:-4px}.avatar-with-full-name{align-items:center;gap:var(--space-sm);display:inline-flex}.avatar-with-full-name .avatar-wrapper{flex-shrink:0}.avatar-with-full-name-text{font-size:var(--font-size-body-md);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-body-md)}.avatar-with-info{align-items:center;gap:var(--space-sm);display:inline-flex}.avatar-with-info .avatar-wrapper{flex-shrink:0}.avatar-with-info-text{gap:var(--space-3xs);flex-direction:column;min-width:0;display:flex}.avatar-with-info-name{font-size:var(--font-size-body-md);font-weight:var(--font-weight-semibold);color:var(--color-text);line-height:var(--line-height-body-md)}.avatar-with-info-entity{font-size:var(--font-size-body-sm);color:var(--color-text-body);line-height:var(--line-height-body-sm)}.menu{background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-sm);gap:var(--space-2xs);width:100%;padding:var(--space-2xs);flex-direction:column;display:flex;overflow:hidden}.menu-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-xs)var(--space-sm);font-family:var(--font-primary);font-size:var(--font-size-body-sm);color:var(--color-text-body);cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);box-sizing:border-box;background:0 0;border:none;display:flex}.menu-item:hover:not(:disabled):not(.menu-item-active){background:var(--color-bg-hover);color:var(--color-text-body-hover)}.menu .menu-item:hover:not(:disabled):not(.menu-item-active) .menu-item-label{font-weight:var(--font-weight-regular)}.menu-item:hover:not(:disabled):not(.menu-item-active) .menu-item-sub{color:var(--color-text-body)}.menu-item-active,.menu-item:active:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-body-hover)}.menu .menu-item-active .menu-item-label,.menu .menu-item:active:not(:disabled) .menu-item-label{font-weight:var(--font-weight-semibold)}.menu-item-active .menu-item-sub,.menu-item:active:not(:disabled) .menu-item-sub{color:var(--color-text-body)}.menu-item:focus-visible:not(.menu-item-active){background:var(--color-bg-hover);color:var(--color-text-body-hover);outline:2px solid var(--color-border-focus);outline-offset:-2px;z-index:1}.menu .menu-item:focus-visible:not(.menu-item-active) .menu-item-label{font-weight:var(--font-weight-regular)}.menu-item:focus-visible:not(.menu-item-active) .menu-item-sub{color:var(--color-text-body)}.menu-item:focus-visible.menu-item-active{outline:2px solid var(--color-border-focus);outline-offset:-2px;z-index:1}.menu-item:disabled{color:var(--color-text-disabled);cursor:not-allowed;background:0 0}.menu-sm .menu-item{padding:var(--space-2xs)var(--space-xs);font-size:var(--font-size-body-xs)}.menu-sm .menu-item-sub{font-size:var(--font-size-body-2xs)}.menu-item-label{font-weight:var(--font-weight-regular);flex:1}.menu-item-icon .menu-item-label,.menu .menu-item-icon:hover:not(:disabled):not(.menu-item-active) .menu-item-label{font-weight:var(--font-weight-regular)}.menu .menu-item-icon.menu-item-active .menu-item-label{font-weight:var(--font-weight-semibold)}.menu .menu-item-icon:focus-visible:not(.menu-item-active) .menu-item-label{font-weight:var(--font-weight-regular)}.menu-item-subtext{align-items:center}.menu-item-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.menu-item-text .menu-item-label,.menu .menu-item-subtext:hover:not(:disabled):not(.menu-item-active) .menu-item-label{font-weight:var(--font-weight-regular)}.menu .menu-item-subtext.menu-item-active .menu-item-label{font-weight:var(--font-weight-semibold)}.menu .menu-item-subtext:focus-visible:not(.menu-item-active) .menu-item-label{font-weight:var(--font-weight-regular)}.menu-item-sub{font-size:var(--font-size-body-xs);color:var(--color-text-placeholder);font-weight:var(--font-weight-regular)}.menu-item:disabled .menu-item-sub{color:var(--color-text-disabled)}.drawer-button{background:var(--color-bg);width:40px;height:40px;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:var(--font-primary);justify-content:center;align-items:center;display:inline-flex;position:relative}.drawer-button-default,.drawer-button-hover{justify-content:center;align-items:center;display:flex;position:absolute}.drawer-button-default{opacity:1;transition:opacity var(--transition-fast)}.drawer-button-hover{opacity:0;transition:opacity var(--transition-fast)}.drawer-button:hover:not(:disabled) .drawer-button-default{opacity:0}.drawer-button:hover:not(:disabled) .drawer-button-hover{opacity:1}.drawer-button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}.drawer-button:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.drawer-button:active:not(:disabled){background:var(--color-bg-emphasis);border-color:var(--color-border-strong)}.drawer-button:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-disabled);cursor:not-allowed}[data-theme=dark] .drawer-button{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border-emphasis)}[data-theme=dark] .drawer-button:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-border-strong)}[data-theme=dark] .drawer-button:active:not(:disabled){background:var(--color-bg-emphasis);border-color:var(--color-border-strong)}[data-theme=dark] .drawer-button:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled);border-color:var(--color-border-disabled)}.showcase-layout .drawer-button{border:1px solid var(--color-border)}.tabs{border-bottom:var(--border-sm)solid var(--color-border);gap:0;display:flex}.tab{padding:var(--space-sm)var(--space-md);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-body);border:none;border-bottom:var(--border-md)solid transparent;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary);background:0 0;margin-bottom:-1px}.tab:hover{color:var(--color-text-body-hover)}.tab-inactive .tab-icon{color:var(--color-icon)}.tab-active{color:var(--color-text);border-bottom-color:var(--color-text)}.tab-active .tab-icon{color:var(--color-text)}.tab-icon{align-items:center;margin-right:.5rem;display:inline-flex}.table-section{flex-direction:column;gap:0;display:flex}.table-header-wrap{margin-bottom:var(--space-2xs)}.table-header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.table-header-title{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold);color:var(--color-text);margin:0}.table-header-actions{align-items:center;gap:var(--space-sm);display:flex}.table-header-buttons{align-items:center;gap:var(--space-2xs);display:inline-flex}.table-header-icon-btn{border-radius:var(--radius-sm);width:32px;height:32px;color:var(--color-text-body);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.table-header-icon-btn:hover{background:var(--color-bg-hover);color:var(--color-text-body-hover)}.table-header-icon-btn svg{width:16px;height:16px}.table-header-dropdown{margin-left:var(--space-2xs)}.table-wrapper{border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-sm);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--font-size-body-sm)}.table th{text-align:left;padding:var(--space-sm)var(--space-md);font-weight:var(--font-weight-semibold);font-size:var(--font-size-body-xs);color:var(--color-text-body);text-transform:uppercase;letter-spacing:.05em;background:var(--steel-50);border-bottom:var(--border-sm)solid var(--color-border)}[data-theme=dark] .table th{background:var(--steel-950)}.table td{padding:var(--space-sm)var(--space-md);color:var(--color-text);border-bottom:var(--border-sm)solid var(--color-border)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg-subtle)}.table-cell-chip{padding:var(--space-2xs)var(--space-sm);font-size:var(--font-size-body-xs);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:var(--color-bg-muted);border-radius:var(--radius-md);display:inline-block}.table-cell-actions{align-items:center;gap:var(--space-2xs);display:inline-flex}.modal-overlay{z-index:1000;padding:var(--space-lg);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-bg);border-radius:var(--radius-md);width:100%;max-width:480px;box-shadow:var(--shadow-lg);text-align:center;flex-direction:column;display:flex;overflow:hidden}.modal-header{padding:var(--space-3xl)var(--space-lg)0;justify-content:center;align-items:center;gap:var(--space-md);flex-direction:column;display:flex;position:relative}.modal-icon{color:var(--color-text);flex-shrink:0}.modal-close{right:var(--space-lg);top:var(--space-lg);color:var(--color-icon);cursor:pointer;padding:var(--space-2xs);border-radius:var(--radius-sm);transition:background var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:absolute}.modal-close:hover{background:var(--color-bg-hover)}.modal-title{font-size:var(--font-size-heading-h5);font-weight:var(--font-weight-bold);color:var(--color-text);line-height:var(--line-height-heading-h5);margin:0}.modal-body{padding:var(--space-lg)var(--space-lg)var(--space-sm);color:var(--color-text-body);font-size:var(--font-size-body-md);line-height:var(--line-height-body-md);flex:1}.modal-description{color:var(--color-text-body);font-size:var(--font-size-body-md);margin:0}.modal-content{margin-top:var(--space-lg)}.modal-footer{padding:var(--space-xl)var(--space-lg);gap:var(--space-sm);flex-direction:column;display:flex}.progress-bar{background:var(--color-bg-emphasis);border-radius:var(--radius-pill);width:100%;overflow:hidden}.progress-bar-sm{height:4px}.progress-bar-md{height:8px}.progress-bar-lg{height:12px}.progress-fill{background:var(--color-btn-secondary-bg);border-radius:var(--radius-pill);height:100%;transition:width var(--transition-slow)}.progress-fill-info{background:var(--color-info)}.progress-fill-success{background:var(--color-success)}.progress-fill-warning{background:var(--steel-600)}.progress-fill-error{background:var(--color-error)}.progress-fill-gold{background:var(--gold-500)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:var(--border-md)solid var(--color-bg-emphasis);border-top-color:var(--color-text);border-radius:50%;animation:.7s linear infinite spin}.spinner-sm{border-width:2px;width:16px;height:16px}.spinner-md{border-width:2px;width:24px;height:24px}.spinner-lg{border-width:3px;width:36px;height:36px}@keyframes gradient-cyan{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gradient-orange{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes gradient-purple{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.image-card-gradient{background-size:200% 200%;width:100%;height:100%;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}.image-card-gradient-cyan{background:linear-gradient(-45deg,#4dd0e1,#0288d1,#1565c0,#4dd0e1);animation-name:gradient-cyan}.image-card-gradient-orange{background:linear-gradient(-45deg,#ffb74d,#fb8c00,#e65100,#ffb74d);animation-name:gradient-orange}.image-card-gradient-purple{background:linear-gradient(-45deg,#9c27b0,#5e35b1,#4527a0,#9c27b0);animation-name:gradient-purple}.usg-ribbon{background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border);width:100%}.usg-ribbon-content{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);max-width:1200px;margin:0 auto;display:flex}.usg-ribbon-text{font-size:var(--font-size-body-xs);color:var(--color-text-body);line-height:var(--line-height-body-xs);text-transform:uppercase}.sidebar-panel-showcase{width:100%;max-width:200px}.sidebar-nav-panel{background:var(--color-bg-muted);width:200px;min-height:700px;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);box-sizing:border-box;gap:var(--space-sm);transition:width var(--transition-base);flex-direction:column;display:flex}.sidebar-nav-panel.sidebar-nav-panel-closed{align-items:center;width:66px;padding:12px}.sidebar-nav-panel.sidebar-nav-panel-closed .sidebar-nav-panel-top{justify-content:center;width:auto}.sidebar-nav-panel.sidebar-nav-panel-closed .sidebar-nav-new-app-collapsed{align-self:center}.sidebar-nav-panel.sidebar-nav-panel-closed .sidebar-nav-footer{justify-content:center;align-items:center;gap:0;width:100%}.sidebar-nav-panel-top{justify-content:space-between;align-items:center;min-height:40px;display:flex}.sidebar-nav-logo{width:40px;height:40px;color:var(--color-text-secondary);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.sidebar-nav-toggle.drawer-button{width:40px;height:40px;color:var(--color-text-secondary);border-radius:var(--radius-sm);background:0 0;border:none}.sidebar-nav-toggle.drawer-button:hover:not(:disabled),.sidebar-nav-toggle.drawer-button:active:not(:disabled){background:var(--color-bg-hover)}.sidebar-nav-toggle.drawer-button .drawer-button-default,.sidebar-nav-toggle.drawer-button .drawer-button-hover{position:absolute}.sidebar-nav-toggle-collapsed.drawer-button{width:40px;height:40px}.sidebar-nav-new-app{border-radius:var(--radius-sm);border:1px solid var(--color-btn-secondary-border);background:var(--color-btn-secondary-bg);width:100%;color:var(--color-btn-secondary-text);justify-content:center;align-items:center;gap:var(--space-xs);height:40px;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);padding:0 var(--space-sm);transition:width var(--transition-base),padding var(--transition-base),margin var(--transition-base);margin-top:24px;margin-bottom:24px;display:flex}.sidebar-nav-new-app-collapsed{justify-content:center;align-self:center;gap:0;width:40px;height:40px;padding:0}.sidebar-nav-new-app-text{white-space:nowrap;opacity:1;transition:opacity var(--transition-base);max-width:100%;overflow:hidden}.sidebar-nav-new-app-collapsed .sidebar-nav-new-app-text{opacity:0;max-width:0;transition:opacity var(--transition-base),max-width var(--transition-base)}.sidebar-nav-plus{margin-top:-1px;font-size:20px;line-height:1}.sidebar-nav-menus{opacity:1;max-height:1000px;transition:opacity var(--transition-base),max-height var(--transition-base);overflow:hidden}.sidebar-nav-menus-hidden{opacity:0;pointer-events:none;max-height:0;transition:opacity var(--transition-base),max-height var(--transition-base)}.sidebar-nav-help-menu{margin-top:auto;margin-bottom:0}.sidebar-nav-menu-wrap .menu{background:0 0;border:none;border-radius:0;padding:0}.sidebar-nav-menu-wrap .menu-item{color:var(--color-text-body);border-radius:var(--radius-sm);padding:7px var(--space-sm);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);border-bottom:none}.sidebar-nav-menu-wrap .menu-item .menu-item-sub,.sidebar-nav-menu-wrap .menu-item-subtext>svg{display:none}.sidebar-nav-menu-wrap .menu-item-active,.sidebar-nav-menu-wrap .menu-item:hover:not(:disabled):not(.menu-item-active),.sidebar-nav-menu-wrap .menu-item:focus-visible:not(.menu-item-active){background:var(--color-bg-hover);color:var(--color-text-secondary)}.sidebar-nav-heading{margin-top:var(--space-lg);margin-bottom:var(--space-xs);color:var(--color-text-disabled);font-size:var(--font-size-body-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;padding:0 var(--space-sm)}.sidebar-nav-panel .sidebar-nav-footer{margin-top:auto}.sidebar-nav-footer{align-items:center;gap:var(--space-xs);flex-wrap:nowrap;display:flex}.sidebar-nav-user-copy{opacity:1;min-width:0;transition:opacity var(--transition-base);white-space:nowrap;flex:1;overflow:hidden}.sidebar-nav-user-copy-hidden{opacity:0;pointer-events:none;width:0;transition:opacity var(--transition-base);flex:0}.sidebar-nav-user-name{color:var(--color-text-secondary);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm)}.sidebar-nav-user-org{color:var(--color-text-placeholder);font-size:var(--font-size-body-xs);line-height:var(--line-height-body-xs)}.sidebar-nav-panel-icons{background:var(--color-bg);width:200px;min-height:700px;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);box-sizing:border-box;gap:var(--space-sm);transition:width var(--transition-base);flex-direction:column;display:flex}.sidebar-nav-panel-icons.sidebar-nav-panel-icons-closed{align-items:center;width:66px;padding:12px}.sidebar-nav-panel-icons.sidebar-nav-panel-icons-closed .sidebar-nav-panel-top{justify-content:center;width:auto}.sidebar-nav-panel-icons.sidebar-nav-panel-icons-closed .sidebar-nav-new-app-icons-collapsed{align-self:center}.sidebar-nav-panel-icons.sidebar-nav-panel-icons-closed .sidebar-nav-footer{justify-content:center;align-items:center;gap:0;width:100%}.sidebar-nav-panel-icons.sidebar-nav-panel-icons-closed .sidebar-nav-heading{display:none}.sidebar-nav-panel-icons.sidebar-nav-panel-icons-closed .sidebar-nav-menu-wrap-icons .menu-item{justify-content:center;gap:0;width:40px;min-width:40px;height:40px;margin:0 auto;padding:0}.sidebar-nav-panel-icons.sidebar-nav-panel-icons-closed .sidebar-nav-menu-wrap-icons .menu-item-label{display:none}.sidebar-nav-panel-icons:not(.sidebar-nav-panel-icons-closed) .sidebar-nav-menu-wrap-icons .menu-item-icon>svg:first-child{transform:translate(-4px)}.sidebar-nav-new-app-icons{border-radius:var(--radius-sm);border:1px solid var(--color-btn-secondary-border);background:var(--color-btn-secondary-bg);width:100%;color:var(--color-btn-secondary-text);justify-content:center;align-items:center;gap:var(--space-xs);height:40px;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);padding:0 var(--space-sm);transition:width var(--transition-base),padding var(--transition-base),margin var(--transition-base),background var(--transition-fast);cursor:pointer;margin-top:24px;margin-bottom:24px;display:flex}.sidebar-nav-new-app-icons:hover{background:var(--color-btn-secondary-bg-hover);border-color:var(--color-btn-secondary-border-hover);color:var(--color-btn-secondary-text-hover)}.sidebar-nav-new-app-icons-collapsed{justify-content:center;align-self:center;gap:0;width:40px;height:40px;padding:0}.sidebar-nav-new-app-icons-collapsed .sidebar-nav-new-app-text{opacity:0;white-space:nowrap;max-width:0;overflow:hidden}.sidebar-nav-menu-wrap-icons .menu{background:0 0;border:none;border-radius:0;padding:0}.sidebar-nav-menu-wrap-icons .menu-item{color:var(--color-text-body);border-radius:var(--radius-sm);height:40px;padding:0 var(--space-sm);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);border-bottom:none}.sidebar-nav-menu-wrap-icons .menu-item .menu-item-sub{display:none}.sidebar-nav-menu-wrap-icons .menu-item svg{flex-shrink:0}.sidebar-nav-menu-wrap-icons .menu-item-icon>svg:last-child{display:none}.sidebar-nav-menu-wrap-icons .menu-item-active,.sidebar-nav-menu-wrap-icons .menu-item:hover:not(:disabled):not(.menu-item-active),.sidebar-nav-menu-wrap-icons .menu-item:focus-visible:not(.menu-item-active){background:var(--color-bg-hover);color:var(--color-text-secondary)}.tooltip-wrapper{display:inline-flex;position:relative}.tooltip-content{background:var(--color-bg-tooltip);color:var(--color-text-tooltip);font-size:var(--font-size-body-xs);padding:var(--space-2xs)var(--space-xs);border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);z-index:100;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.tooltip-wrapper:hover .tooltip-content{opacity:1}.breadcrumb{align-items:center;gap:var(--space-xs);font-size:var(--font-size-body-sm);list-style:none;display:flex}.breadcrumb-item{color:var(--color-text-body)}.breadcrumb-item a{color:var(--color-text-link);text-decoration:none}.breadcrumb-item a:hover{color:var(--color-text-link-hover);text-decoration:underline}.breadcrumb-separator{color:var(--color-text-placeholder);font-size:var(--font-size-body-xs)}.breadcrumb-current{color:var(--color-text);font-weight:var(--font-weight-semibold)}.dropdown{display:inline-block;position:relative}.dropdown-trigger{align-items:center;gap:var(--space-sm);font-family:var(--font-primary);font-weight:var(--font-weight-medium);border-radius:var(--radius-sm);border:var(--border-sm)solid var(--color-btn-primary-border);background:var(--color-btn-primary-bg);color:var(--color-btn-primary-text);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;display:inline-flex}.dropdown-trigger:hover:not(:disabled){background:var(--color-btn-primary-bg-hover);border-color:var(--color-btn-primary-border-hover)}.dropdown-trigger:active:not(:disabled){background:var(--color-btn-primary-bg-pressed)}.dropdown-trigger:focus-visible{outline:var(--border-md)solid var(--color-border-focus);outline-offset:2px}.dropdown-trigger:disabled{background:var(--color-btn-primary-bg-disabled);color:var(--color-btn-primary-text-disabled);border-color:var(--color-btn-primary-bg-disabled);cursor:not-allowed}.dropdown-trigger-sm{font-size:var(--font-size-body-xs);padding:var(--space-2xs)var(--space-sm);height:var(--scale-800)}.dropdown-trigger-md{font-size:var(--font-size-body-sm);padding:var(--space-xs)var(--space-md);height:var(--scale-1000)}.dropdown-trigger-lg{font-size:var(--font-size-body-md);padding:var(--space-sm)var(--space-lg);height:var(--scale-1200)}.dropdown-menu{background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-width:0;box-shadow:var(--shadow-lg);z-index:100;padding:var(--space-2xs)0;position:absolute;top:calc(100% + 4px);left:0;right:0;overflow:hidden}.dropdown-item{align-items:center;gap:var(--space-xs);padding:var(--space-xs)var(--space-md);font-size:var(--font-size-body-xs);color:var(--color-text-body);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:left;width:100%;font-family:var(--font-primary);background:0 0;border:none;display:flex}.dropdown-item:hover{background:var(--color-bg-hover);color:var(--color-text-body-hover)}.dropdown-item-destructive{color:var(--color-error)}.dropdown-item-destructive:hover{background:var(--red-100);color:var(--color-error)}[data-theme=dark] .dropdown-item-destructive{color:var(--red-400)}[data-theme=dark] .dropdown-item-destructive:hover{background:var(--red-900);color:var(--red-400)}.dropdown-divider{background:var(--color-border);height:1px;margin:var(--space-2xs)0}.divider{border:none;border-top:var(--border-sm)solid var(--color-border);margin:var(--space-lg)0}.divider-strong{border-top-width:var(--border-md)}.divider-subtle{border-top-color:var(--color-border-subtle)}.navbar{padding:var(--space-sm)var(--space-lg);background:var(--color-bg);border:var(--border-sm)solid var(--color-border);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;display:flex}.navbar-brand{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none}.navbar-links{align-items:center;gap:var(--space-md);list-style:none;display:flex}.navbar-links a{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-body);transition:color var(--transition-fast);text-decoration:none}.navbar-links a:hover{color:var(--color-text-body-hover)}.navbar-actions{align-items:center;gap:var(--space-xs);display:flex}.theme-toggle{color:var(--color-icon);cursor:pointer;padding:var(--space-xs);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.theme-toggle:hover{color:var(--color-icon-hover)}.palette-row{border-radius:var(--radius-sm);margin-bottom:var(--space-xs);gap:0;display:flex;overflow:hidden}@media (max-width:600px){.palette-row{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);overflow-x:auto}.palette-swatch{flex:0 0 36px;min-width:36px}}.palette-swatch{min-width:40px;height:48px;padding:var(--space-2xs);justify-content:flex-end;align-items:center;gap:var(--space-3xs);box-sizing:border-box;flex-direction:column;flex:1;font-size:9px;line-height:1;display:flex}.palette-swatch-step{font-weight:var(--font-weight-semibold);margin:0;line-height:1}.palette-swatch-hex{font-size:8px;font-weight:var(--font-weight-regular);opacity:.9;text-transform:uppercase;line-height:1}.palette-swatch-single{min-width:120px;font-size:var(--font-size-body-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs);justify-content:flex-end;gap:var(--space-3xs);flex:0 0 120px;line-height:1}.palette-swatch-single .palette-swatch-step,.palette-swatch-single .palette-swatch-hex{line-height:1}.palette-swatch-white{border:1px solid var(--steel-100);border-radius:4px}[data-theme=dark] .palette-swatch-white{border-color:#0000}.palette-swatch-black{border:1px solid #0000;border-radius:4px}[data-theme=dark] .palette-swatch-black{border-color:var(--steel-900)}.palette-label{font-size:var(--font-size-body-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-body);margin-bottom:var(--space-2xs)}.token-grid{gap:var(--space-xs)var(--space-md);grid-template-columns:100px 1fr auto;align-items:center;display:grid}@media (max-width:480px){.token-grid{gap:var(--space-2xs)var(--space-sm);grid-template-columns:70px 1fr 44px}}.token-name{font-family:var(--font-secondary);font-size:var(--font-size-body-xs);color:var(--color-text-body)}.token-bar{background:var(--color-bg-inverse);border-radius:var(--radius-sm);height:12px;transition:background var(--transition-base)}.token-value{font-family:var(--font-secondary);font-size:var(--font-size-body-xs);color:var(--color-text-placeholder);text-align:right;min-width:40px}