:root{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:#FFFFFF;--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:#FFFFFF;--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:#000000;--color-text-placeholder:#8792A3;--color-text-link:#353A40;--color-text-link-hover:#000000;--color-text-disabled:#8792A3;--color-text-inverse:#FFFFFF;--color-text-tooltip:#FFFFFF;--color-btn-primary-bg:#FFFFFF;--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:#000000;--color-btn-primary-text-disabled:#8792A3;--color-surface-buttons-primary-choice-on:var(--steel-100,#F4F5F8);--color-surface-buttons-primary-choice-hover:var(--steel-200,#E6EAF0);--color-surface-buttons-primary-choice-active:#000000;--color-text-buttons-primary-choice-on:var(--color-text-link);--color-text-buttons-primary-choice-hover:var(--color-text-link-hover);--color-text-buttons-primary-choice-active:#FFFFFF;--color-btn-secondary-bg:#353A40;--color-btn-secondary-bg-hover:#000000;--color-btn-secondary-bg-disabled:#E6EAF0;--color-btn-secondary-border:#353A40;--color-btn-secondary-border-hover:#000000;--color-btn-secondary-text:#F4F5F8;--color-btn-secondary-text-hover:#FFFFFF;--color-btn-secondary-text-disabled:#8792A3;--color-btn-outline-border:#000000;--color-btn-outline-bg-hover:#000000;--color-btn-outline-bg-disabled:#E6EAF0;--color-btn-outline-text:#000000;--color-btn-outline-text-hover:#FFFFFF;--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:#000000;--color-icon-active:#000000;--color-icon-disabled:#B9C3D4;--color-white:#FFFFFF;--color-black:#000000;--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 rgba(0,0,0,0.05);--shadow-md:0 4px 12px rgba(0,0,0,0.08);--shadow-lg:0 8px 24px rgba(0,0,0,0.12);--transition-fast:120ms ease;--transition-base:200ms ease;--transition-slow:300ms ease}[data-theme=dark]{color-scheme:dark;--color-bg:#000000;--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:#FFFFFF;--color-text-placeholder:#A7B4C9;--color-text-link:#D3D9E4;--color-text-link-hover:#FFFFFF;--color-text-disabled:#8792A3;--color-text-inverse:#000000;--color-text-tooltip:#FFFFFF;--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:#FFFFFF;--color-btn-primary-text-disabled:#8792A3;--color-surface-buttons-primary-choice-on:var(--steel-800,#353A40);--color-surface-buttons-primary-choice-hover:var(--steel-700,#616875);--color-surface-buttons-primary-choice-active:#FFFFFF;--color-text-buttons-primary-choice-on:var(--color-text-link);--color-text-buttons-primary-choice-hover:var(--color-text-link-hover);--color-text-buttons-primary-choice-active:#000000;--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:#000000;--color-btn-secondary-text-disabled:#8792A3;--color-btn-outline-border:#FFFFFF;--color-btn-outline-bg-hover:#FFFFFF;--color-btn-outline-bg-disabled:#353A40;--color-btn-outline-text:#FFFFFF;--color-btn-outline-text-hover:#000000;--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:#FFFFFF;--color-icon-active:#FFFFFF;--color-icon-disabled:#8792A3;--shadow-sm:0 1px 2px rgba(0,0,0,0.3);--shadow-md:0 4px 12px rgba(0,0,0,0.4);--shadow-lg:0 8px 24px rgba(0,0,0,0.5)}[data-theme=dark] .modal{background:var(--steel-950)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:var(--showcase-header-height);overflow-y:scroll;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}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);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-text-link-hover)}code,pre{font-family:var(--font-secondary);font-size:var(--font-size-body-sm)}.showcase-layout{display:flex;flex-direction:column;min-height:100vh;width:100%;padding-top:var(--showcase-header-height);background-color:var(--color-bg)}.showcase-menu-button{display:none;align-items:center;justify-content:center;width:40px;height:40px;margin:0 calc(var(--space-md) * -1) 0 0;padding:0;border:0;background:transparent;color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.showcase-menu-button:hover{background:rgba(0,0,0,.06)}.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:rgba(255,255,255,.1)}[data-theme=dark] .showcase-menu-button:focus-visible{outline-color:#fff}.showcase-header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--showcase-header-height);box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-lg);background:rgba(255,255,255,.48);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);color:var(--color-text)}[data-theme=dark] .showcase-header{background:rgba(28,31,34,.48);color:#fff}.showcase-sidebar-overlay{display:none;inset:0;z-index:45;background:rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.showcase-sidebar,.showcase-sidebar-overlay{position:fixed;top:var(--showcase-header-height)}.showcase-sidebar{left:0;bottom:0;width:var(--showcase-sidebar-width);overflow-y:auto;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}.showcase-sidebar::-webkit-scrollbar{width:4px}.showcase-sidebar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.showcase-sidebar::-webkit-scrollbar-track{background:transparent}.showcase-main{flex:1 1;margin-left:var(--showcase-sidebar-width);width:calc(100% - var(--showcase-sidebar-width));min-width:0;padding:var(--space-xl) var(--space-2xl);max-width:1200px;background-color:var(--color-bg);box-sizing:border-box}@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{transform:translateX(-100%);transition:transform var(--transition-base);box-shadow:none}.showcase-layout.sidebar-open .showcase-sidebar{transform:translateX(0);box-shadow:4px 0 24px rgba(0,0,0,.15)}.showcase-main{margin-left:0;width:100%;padding:var(--space-lg) var(--space-md)}}@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);line-height:1;color:var(--color-text);letter-spacing:.01em}[data-theme=dark] .showcase-header h1{color:#fff}.showcase-header-right{display:flex;align-items:center;gap:var(--space-md)}.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{display:flex;flex-direction:column}.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);margin-bottom:2px}.sidebar-group-label,.sidebar-link{padding:var(--space-xs) var(--space-sm)}.sidebar-link{display:flex;align-items:center;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);color:var(--color-text-body);background:var(--color-bg);text-decoration:none;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);box-sizing:border-box;border:none;cursor:pointer;text-align:left}.sidebar-link:active,.sidebar-link:hover{background:var(--color-bg-hover);color:var(--color-text-body-hover)}.sidebar-link:active{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{flex:1 1;font-weight:var(--font-weight-regular)}.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{display:flex;align-items:center;justify-content:center;padding:var(--space-xs);color:var(--color-text);opacity:.8;transition:opacity .15s ease;text-decoration:none}.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{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md)}#buttons .component-row{gap:var(--space-sm);margin-bottom:var(--space-2xl)}.component-row-start{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-sm);margin-bottom:var(--space-md)}.component-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-md);gap:var(--space-md);margin-bottom:var(--space-md)}.about-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg)}.iconography-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-gap:var(--space-sm);gap:var(--space-sm)}.iconography-item{display:flex;flex-direction:column;align-items:center;justify-content: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);min-height:104px}.iconography-svg{display:inline-block;width:24px;height:24px;background-color:var(--color-icon);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.iconography-title{color:var(--color-text-body);text-align:center;line-height:var(--line-height-body-xs)}.iconography-title,.row-label{font-size:var(--font-size-body-xs)}.row-label{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{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-xl);gap:var(--space-xl);margin-bottom:var(--space-lg);align-items:start}.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{display:inline-flex;align-items:center;justify-content: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}.btn:focus-visible{outline:var(--border-md) solid var(--color-border-focus);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:1}.btn-xs{font-size:10px;padding:2px var(--space-xs);height:var(--scale-600)}.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)}.btn-primary.btn-hover-preview,.btn-primary.btn-pressed-preview{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)}.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{background:transparent;border-color:var(--color-btn-outline-border);color:var(--color-btn-outline-text)}.btn-outline:hover:not(:disabled){background:var(--color-btn-outline-bg-hover);color:var(--color-btn-outline-text-hover)}.btn-outline:disabled{background:transparent;border-color:var(--color-border-disabled);color:var(--color-btn-outline-text-disabled)}.btn-ghost{background:transparent;border-color:transparent;color:var(--color-text-body)}.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{background:transparent;border-color:transparent;color:var(--color-error)}.btn-destructive:hover:not(:disabled){background:var(--red-50);border-color:transparent}.btn-destructive:active:not(:disabled){background:var(--red-100);border-color:transparent}.btn-destructive:focus-visible:not(:disabled){border-color:var(--color-focus-ring)}.btn-destructive:disabled{background:var(--color-bg-emphasis);border-color:transparent;color:var(--color-text-disabled)}[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{display:inline-flex;gap:var(--space-sm)}.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 1;width:100%}.filter-group{display:inline-flex;flex-wrap:wrap;gap:var(--space-sm)}.filter-btn{display:inline-flex;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}.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)}.btn-pill,.filter-btn-pill{border-radius:var(--radius-pill)}.btn-icon{padding:0;aspect-ratio:1;justify-content:center}.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{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-primary);font-size:var(--font-size-body-sm);color:var(--color-text-link);text-decoration:none;transition:color var(--transition-fast),-webkit-text-decoration-color var(--transition-fast);transition:color var(--transition-fast),text-decoration-color var(--transition-fast);transition:color var(--transition-fast),text-decoration-color var(--transition-fast),-webkit-text-decoration-color var(--transition-fast);border-radius:var(--radius-sm);cursor:pointer}.link:focus{outline:none}.link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.link-default{text-decoration:none}.link-default:active:not(.link-disabled),.link-default:hover:not(.link-disabled){color:var(--color-text-link-hover);text-decoration:underline}.link-default:focus-visible:not(.link-disabled){color:var(--color-text-link-hover);text-decoration:underline}.link-inline{text-decoration:underline}.link-inline:active:not(.link-disabled),.link-inline:hover: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-active .link:not(.link-disabled),.link-demo-focus .link:not(.link-disabled),.link-demo-hover .link:not(.link-disabled){color:var(--color-text-link-hover);text-decoration:underline}.link-demo-focus .link:not(.link-disabled){outline:2px solid var(--color-border-focus);outline-offset:2px}.input-wrapper{display:flex;flex-direction:column;gap:var(--space-2xs)}.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{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(92,138,206,.15)}.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 rgba(196,49,72,.15)}.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{color:var(--color-text-placeholder)}.input-error-msg,.input-hint{font-size:var(--font-size-body-xs)}.input-error-msg{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;min-height:100px;width:100%;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{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(92,138,206,.15)}.textarea-field:disabled{background:var(--color-bg-disabled);color:var(--color-text-disabled);cursor:not-allowed}.select-field{-webkit-appearance:none;-moz-appearance:none;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);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-repeat:no-repeat;background-position:right 12px center;padding-right:var(--space-2xl)}.select-field:hover:not(:disabled){border-color:var(--color-border-strong)}.select-field:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px rgba(92,138,206,.15)}.checkbox-radio-row{display:flex;gap:var(--space-3xl);flex-wrap:wrap}@media (max-width:640px){.checkbox-radio-row{flex-direction:column;gap:var(--space-xl)}}.check-group{flex-direction:column}.check-group,.check-item{display:flex;gap:var(--space-md)}.check-item{align-items:center;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)}.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]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:var(--border-sm) solid var(--color-border-strong);background:var(--color-bg);cursor:pointer;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-repeat:no-repeat;background-position:50%}.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-repeat:no-repeat;background-position:50%}.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")}.form-choice-group{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.form-choice-group-stacked{flex-direction:column;gap:var(--space-md)}.form-choice-group-stacked .form-choice-item{width:100%}.form-choice-group-split .form-choice-item{flex:1 1}@media (max-width:479px){.form-choice-group-split{flex-direction:column}.form-choice-group-split .form-choice-item{width:100%}}.form-choice-item{display:flex;align-items:center;justify-content:center;text-align:center;border:0;border-radius:var(--radius-pill);background:var(--color-surface-buttons-primary-choice-on);color:var(--color-text-buttons-primary-choice-on);font-size:var(--font-size-body-md);padding:10px 18px;min-height:44px;cursor:pointer;transition:background-color .18s ease,color .18s ease}.form-choice-item input{position:absolute;opacity:0;pointer-events:none}.form-choice-item:hover{background:var(--color-surface-buttons-primary-choice-hover);color:var(--color-text-buttons-primary-choice-hover)}.form-choice-item:active{background:var(--color-surface-buttons-primary-choice-active);color:var(--color-text-buttons-primary-choice-active)}.form-choice-item:has(input:checked){background:var(--color-surface-buttons-primary-choice-active);color:var(--color-text-buttons-primary-choice-active)}.form-choice-item:focus-within{border-color:transparent;box-shadow:none}.form-choice-item:has(input:focus-visible){outline:2px solid var(--color-border-focus);outline-offset:2px}.toggle{display:inline-flex;align-items:center;gap:var(--space-xs);cursor:pointer;font-size:var(--font-size-body-sm);color:var(--color-text-body)}.toggle-track{position:relative;width:44px;height:24px;background:var(--color-border-strong);border-radius:var(--radius-pill);transition:background var(--transition-fast);flex-shrink:0}.toggle-track:after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;background:var(--color-white);border-radius:50%;transition:transform var(--transition-fast);box-shadow:var(--shadow-sm)}.toggle input{display:none}.toggle input:checked+.toggle-track{background:var(--color-btn-secondary-bg)}.toggle input:checked+.toggle-track:after{transform:translateX(20px)}.toggle input:disabled+.toggle-track{background:#D3D9E4;cursor:not-allowed}.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:translateX(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:translateX(24px)}[data-theme=dark] .toggle-track{background:var(--steel-700)}[data-theme=dark] .toggle input:checked+.toggle-track{background:#FFFFFF}[data-theme=dark] .toggle-track:after{background:var(--color-bg);box-shadow:0 1px 2px rgba(0,0,0,.2)}[data-theme=dark] .toggle input:disabled+.toggle-track{background:#616875;cursor:not-allowed}[data-theme=dark] .toggle input:disabled+.toggle-track:after{background:#353A40}[data-theme=dark] .toggle input:disabled:checked+.toggle-track{background:#616875}.card{display:flex;flex-direction:column;min-height:0;background:var(--color-bg);border:var(--border-sm) solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-body{flex:1 1;min-height:0;padding:var(--space-md);display:flex;flex-direction:column}.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{flex:1 1;min-height:0;font-size:var(--font-size-body-sm);color:var(--color-text-body);line-height:var(--line-height-body-sm)}.card-footer{display:flex;gap:var(--space-xs);align-items:center}.card-footer,.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{text-decoration:none;color:inherit;display:block;border-radius:var(--radius-md);overflow:hidden}.image-card{display:flex;flex-direction:column;height:100%;background:var(--color-bg);transition:box-shadow var(--transition-base)}.image-card-link:hover .image-card{box-shadow:var(--shadow-md)}.image-card-image{width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--color-bg-muted);border-radius:var(--radius-md)}.image-card-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.image-card-content{flex:1 1;display:flex;flex-direction:column;justify-content:space-between}.image-card-text{display:flex;align-items:flex-start;gap:var(--space-md);padding-left:0;padding-right:0;padding-top:var(--space-md);padding-bottom:var(--space-md)}.image-card-text-inner{flex:1 1;display:flex;flex-direction:column;gap:var(--space-2xs)}.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;display:flex;align-items:center;justify-content:center;color:var(--color-text);opacity:0;transition:opacity var(--transition-fast);flex-shrink:0}.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{position:relative;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)}.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{display:flex;align-items:center;gap:var(--space-xl);flex-wrap:wrap}.chart-donut{flex-shrink:0}.chart-legend{display:flex;flex-direction:column;gap:var(--space-xs)}.chart-legend-item{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-body-sm);color:var(--color-text-body)}.chart-legend-swatch{width:10px;height:10px;border-radius:50%;flex-shrink:0}.chart-legend-label{min-width:3ch}.chart-legend-value{margin-left:auto;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.chart-bar-wrap{padding-top:var(--space-xs)}.chart-bars{display:flex;align-items:flex-end;gap:var(--space-lg);min-height:160px}.chart-bar-group{display:flex;flex-direction:column;align-items:center;flex:1 1;min-width:0}.chart-bar{width:100%;max-width:64px;min-height:4px;background:var(--chart-bar);border-radius:var(--radius-sm);margin-bottom:var(--space-sm);transition:background .15s ease}.chart-bar:hover{background:var(--blue-600)}.chart-bar-labels{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2xs)}.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{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-md)}.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{display:flex;height:24px;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-sm)}.completion-tracker-segment{position:relative;flex-shrink:0;min-width:4px;transition:background .15s ease}.completion-tracker-segment-texture{position:absolute;inset:0;pointer-events:none;border-radius:inherit}.completion-tracker-segment--stripes .completion-tracker-segment-texture{background:repeating-linear-gradient(-55deg,transparent,transparent 4px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 6px)}.completion-tracker-segment--stripes-alt .completion-tracker-segment-texture{background:repeating-linear-gradient(55deg,transparent,transparent 2px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 3px)}.completion-tracker-segment--dots .completion-tracker-segment-texture{background-image:radial-gradient(circle at 0 0,rgba(0,0,0,.08) 1px,transparent 0),radial-gradient(circle at 3px 3px,rgba(0,0,0,.08) 1px,transparent 0);background-size:6px 6px}.completion-tracker-segment--crosshatch .completion-tracker-segment-texture{background-image:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 4px),repeating-linear-gradient(90deg,transparent,transparent 3px,rgba(0,0,0,.06) 0,rgba(0,0,0,.06) 4px)}.completion-tracker-labels{display:flex;min-width:0}.completion-tracker-label-cell{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:0;padding:0 var(--space-2xs);min-width:0;cursor:default}.completion-tracker-pct{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);font-feature-settings:"tnum";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;line-height:1;margin-top:var(--space-2xs)}@media (max-width:640px){.completion-tracker-labels{flex-direction:column;gap:0;border-top:var(--border-sm) solid var(--color-border);margin-top:var(--space-sm);padding-top:var(--space-sm)}.completion-tracker-label-cell{width:100%!important;min-width:0;flex-direction:row;justify-content:space-between;align-items:center;padding:var(--space-xs) 0;border-bottom:var(--border-sm) solid var(--color-border);text-align:left}.completion-tracker-label-cell:last-child{border-bottom:none}.completion-tracker-pct{flex-shrink:0;margin-right:var(--space-sm)}.completion-tracker-name{text-align:right;white-space:normal;margin-top:0;word-break:break-word}}.chart-kpi-card{position:absolute;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}.chart-kpi-card-inline{position:static;display:inline-block;width:-moz-fit-content;width:fit-content}.chart-kpi-card-title{font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:var(--space-xs)}.chart-kpi-card-row{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-2xs)}.chart-kpi-card-row:first-of-type{margin-top:0}.chart-kpi-card-bullet{width:8px;height:8px;border-radius:50%;flex-shrink:0}.chart-kpi-card-label{color:var(--color-text-body);flex:1 1}.chart-kpi-card-value{font-weight:var(--font-weight-semibold);color:var(--color-text);font-feature-settings:"tnum";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);min-width:100px;width:-moz-fit-content;width:fit-content}.kpi-card-small-header{display:flex;align-items:center;gap:var(--space-xs);margin-bottom:var(--space-2xs)}.kpi-card-small-label{font-size:var(--font-size-body-sm);color:var(--color-text-body)}.kpi-card-small-trend-icon{display:inline-flex;flex-shrink:0;margin-left:auto}.kpi-card-small-value{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold);color:var(--color-text);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.2;margin-top:var(--space-lg)}.kpi-card-small-change{font-size:var(--font-size-body-xs);margin-top:0}.badge{display:inline-flex;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}.badge-sm{font-size:10px;padding:0 var(--space-xs)}.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{width:6px;height:6px;border-radius:50%;flex-shrink:0}.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{background:none;border:none;cursor:pointer;color:currentColor;padding:0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.7;transition:opacity .15s ease}.badge-dismiss:hover{opacity:1}.action-button{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;transition:all var(--transition-fast);color:var(--color-icon);flex-shrink:0;border-radius:var(--radius-sm);padding:0}.action-button-sm{width:32px;height:32px}.action-button-md{width:40px;height:40px}.action-button-lg{width:48px;height:48px}.action-button:active:not(:disabled),.action-button:hover: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:active:not(:disabled),[data-theme=dark] .action-button:hover: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{position:relative;display:flex;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:-moz-fit-content;width:fit-content;max-width:100%}.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{flex:1 1;display:flex;flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:var(--space-sm);min-width:0}.alert-title{font-weight:var(--font-weight-bold)}.alert-body,.alert-title{font-size:var(--font-size-body-md)}.alert-body{color:var(--color-text-body);min-width:0}.alert-dismiss{position:absolute;top:var(--space-md);right:var(--space-md);flex-shrink:0;background:none;border:none;cursor:pointer;color:var(--steel-800);padding:var(--space-2xs);display:flex;align-items:center;justify-content:center;opacity:1;transition:opacity .15s ease}.alert-dismiss svg{width:14px;height:14px}.alert-dismiss:hover{opacity:.85}.alert-error,.alert-info,.alert-success,.alert-warning{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{position:relative}.avatar,.avatar-wrapper{display:inline-flex;flex-shrink:0}.avatar{align-items:center;justify-content:center;border-radius:50%;background:var(--color-bg-emphasis);color:var(--color-text-body);font-weight:var(--font-weight-semibold);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-xs{width:24px;height:24px;font-size:12px}.avatar-sm{width:32px;height:32px;font-size:14px}.avatar-md{width:40px;height:40px}.avatar-lg,.avatar-md{font-size:var(--font-size-body-md)}.avatar-lg{width:48px;height:48px}.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{position:absolute;top:5px;right:1px;width:10px;height:10px;border-radius:50%;z-index:1}.avatar-status-busy,.avatar-status-offline,.avatar-status-online{background:var(--green-500)}.avatar-square~.avatar-status{right:-4px;top:5px}.avatar-with-full-name{display:inline-flex;align-items:center;gap:var(--space-sm)}.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{display:inline-flex;align-items:center;gap:var(--space-sm)}.avatar-with-info .avatar-wrapper{flex-shrink:0}.avatar-with-info-text{display:flex;flex-direction:column;gap:var(--space-3xs);min-width:0}.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{flex-direction:column;background:var(--color-bg);border:var(--border-sm) solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;gap:var(--space-2xs);padding:var(--space-2xs)}.menu,.menu-item{display:flex;width:100%}.menu-item{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);font-family:var(--font-primary);font-size:var(--font-size-body-sm);color:var(--color-text-body);background:transparent;border:none;cursor:pointer;text-align:left;border-radius:var(--radius-sm);transition:background var(--transition-fast),color var(--transition-fast);box-sizing:border-box}.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:transparent}.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{flex:1 1}.menu .menu-item-icon:hover:not(:disabled):not(.menu-item-active) .menu-item-label,.menu-item-icon .menu-item-label,.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:1 1;display:flex;flex-direction:column;gap:2px;min-width:0}.menu .menu-item-subtext:hover:not(:disabled):not(.menu-item-active) .menu-item-label,.menu-item-text .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{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-family:var(--font-primary);position:relative}.drawer-button-default,.drawer-button-hover{display:flex;align-items:center;justify-content:center;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{display:flex;border-bottom:var(--border-sm) solid var(--color-border);gap:0}.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);background:none;border:none;border-bottom:var(--border-md) solid transparent;cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px;font-family:var(--font-primary)}.tab:hover{color:var(--color-text-body-hover)}.tab-inactive .tab-icon{color:var(--color-icon)}.tab-active{border-bottom-color:var(--color-text)}.tab-active,.tab-active .tab-icon{color:var(--color-text)}.tab-icon{display:inline-flex;align-items:center;margin-right:.5rem}.table-section{display:flex;flex-direction:column;gap:0}.table-header-wrap{margin-bottom:var(--space-2xs)}.table-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);flex-wrap:wrap}.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{display:flex;align-items:center;gap:var(--space-sm)}.table-header-buttons{display:inline-flex;align-items:center;gap:var(--space-2xs)}.table-header-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-body);cursor:pointer;transition:background .15s ease,color .15s ease}.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{overflow-x:auto;border:var(--border-sm) solid var(--color-border);border-radius:var(--radius-sm)}.table{width:100%;border-collapse:collapse;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{display:inline-block;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)}.table-cell-actions{display:inline-flex;align-items:center;gap:var(--space-2xs)}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal{background:var(--color-bg);border-radius:var(--radius-md);width:100%;max-width:480px;box-shadow:var(--shadow-lg);overflow:hidden;text-align:center}.modal,.modal-header{display:flex;flex-direction:column}.modal-header{align-items:center;justify-content:center;padding:var(--space-3xl) var(--space-lg) 0;gap:var(--space-md);position:relative}.modal-icon{color:var(--color-text);flex-shrink:0}.modal-close{position:absolute;right:var(--space-lg);top:var(--space-lg);background:none;border:none;color:var(--color-icon);cursor:pointer;padding:var(--space-2xs);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);flex-shrink:0}.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);margin:0;line-height:var(--line-height-heading-h5)}.modal-body{padding:var(--space-lg) var(--space-lg) var(--space-sm);line-height:var(--line-height-body-md);flex:1 1}.modal-body,.modal-description{color:var(--color-text-body);font-size:var(--font-size-body-md)}.modal-description{margin:0}.modal-content{margin-top:var(--space-lg)}.modal-footer{padding:var(--space-xl) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.progress-bar{width:100%;background:var(--color-bg-emphasis);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-sm{height:4px}.progress-bar-md{height:8px}.progress-bar-lg{height:12px}.progress-fill{height:100%;background:var(--color-btn-secondary-bg);border-radius:var(--radius-pill);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(1turn)}}.spinner{border:var(--border-md) solid var(--color-bg-emphasis);border-top-color:var(--color-text);border-radius:50%;animation:spin .7s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-md{width:24px;height:24px;border-width:2px}.spinner-lg{width:36px;height:36px;border-width:3px}@keyframes gradient-cyan{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-orange{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient-purple{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.image-card-gradient{width:100%;height:100%;animation-duration:6s;animation-timing-function:ease-in-out;animation-iteration-count:infinite;background-size:200% 200%}.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{width:100%;background:var(--color-bg-subtle);border-bottom:1px solid var(--color-border)}.usg-ribbon-content{display:flex;align-items:center;justify-content:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-md);max-width:1200px;margin:0 auto}.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{width:200px;min-height:700px;background:var(--color-bg-muted);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm);transition:width var(--transition-base)}.sidebar-nav-panel.sidebar-nav-panel-closed{width:66px;align-items:center;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{display:flex;align-items:center;justify-content:space-between;min-height:40px}.sidebar-nav-logo{display:inline-flex;align-items:center;justify-content:center;padding:0}.sidebar-nav-logo,.sidebar-nav-toggle.drawer-button{width:40px;height:40px;background:transparent;border:none;color:var(--color-text-secondary)}.sidebar-nav-toggle.drawer-button{border-radius:var(--radius-sm)}.sidebar-nav-toggle.drawer-button:active:not(:disabled),.sidebar-nav-toggle.drawer-button:hover: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{width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-btn-secondary-border);background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);height:40px;margin-top:24px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);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)}.sidebar-nav-new-app-collapsed{width:40px;height:40px;padding:0;justify-content:center;align-self:center;gap:0}.sidebar-nav-new-app-text{overflow:hidden;white-space:nowrap;opacity:1;transition:opacity var(--transition-base);max-width:100%}.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{font-size:20px;line-height:1;margin-top:-1px}.sidebar-nav-menus{opacity:1;max-height:1000px;overflow:hidden}.sidebar-nav-menus,.sidebar-nav-menus-hidden{transition:opacity var(--transition-base),max-height var(--transition-base)}.sidebar-nav-menus-hidden{opacity:0;max-height:0;pointer-events:none}.sidebar-nav-help-menu{margin-top:auto;margin-bottom:0}.sidebar-nav-menu-wrap .menu{background:transparent;border:none;border-radius:0;padding:0}.sidebar-nav-menu-wrap .menu-item{color:var(--color-text-body);border-bottom:none;border-radius:var(--radius-sm);padding:7px var(--space-sm);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm)}.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{background:var(--color-bg-hover);color:var(--color-text-secondary)}.sidebar-nav-menu-wrap .menu-item:focus-visible:not(.menu-item-active),.sidebar-nav-menu-wrap .menu-item:hover:not(:disabled):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{display:flex;align-items:center;gap:var(--space-xs);flex-wrap:nowrap}.sidebar-nav-user-copy{min-width:0;flex:1 1;opacity:1;transition:opacity var(--transition-base);overflow:hidden;white-space:nowrap}.sidebar-nav-user-copy-hidden{width:0;flex:0 1;opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.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{width:200px;min-height:700px;background:var(--color-bg);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);box-sizing:border-box;display:flex;flex-direction:column;gap:var(--space-sm);transition:width var(--transition-base)}.sidebar-nav-panel-icons.sidebar-nav-panel-icons-closed{width:66px;align-items:center;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{width:40px;min-width:40px;height:40px;padding:0;justify-content:center;gap:0;margin:0 auto}.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:translateX(-4px)}.sidebar-nav-new-app-icons{width:100%;border-radius:var(--radius-sm);border:1px solid var(--color-btn-secondary-border);background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text);height:40px;margin-top:24px;margin-bottom:24px;display:flex;align-items:center;justify-content:center;gap:var(--space-xs);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}.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{width:40px;height:40px;padding:0;justify-content:center;align-self:center;gap:0}.sidebar-nav-new-app-icons-collapsed .sidebar-nav-new-app-text{opacity:0;max-width:0;overflow:hidden;white-space:nowrap}.sidebar-nav-menu-wrap-icons .menu{background:transparent;border:none;border-radius:0;padding:0}.sidebar-nav-menu-wrap-icons .menu-item{color:var(--color-text-body);border-bottom:none;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)}.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{background:var(--color-bg-hover);color:var(--color-text-secondary)}.sidebar-nav-menu-wrap-icons .menu-item:focus-visible:not(.menu-item-active),.sidebar-nav-menu-wrap-icons .menu-item:hover:not(:disabled):not(.menu-item-active){background:var(--color-bg-hover);color:var(--color-text-secondary)}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip-content{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translateX(-50%);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}.tooltip-wrapper:hover .tooltip-content{opacity:1}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--font-size-body-sm);list-style:none}.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{position:relative;display:inline-block}.dropdown-trigger{display:inline-flex;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}.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{position:absolute;top:calc(100% + 4px);left:0;right:0;width:100%;min-width:0;background:var(--color-bg);border:var(--border-sm) solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);z-index:100;padding:var(--space-2xs) 0;overflow:hidden}.dropdown-item{display:flex;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);border:none;background:none;width:100%;text-align:left;font-family:var(--font-primary)}.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{height:1px;background:var(--color-border);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{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-lg);background:var(--color-bg);border:var(--border-sm) solid var(--color-border);border-radius:var(--radius-sm)}.navbar-brand{font-size:var(--font-size-body-lg);font-weight:var(--font-weight-bold);color:var(--color-text);text-decoration:none}.navbar-links{display:flex;align-items:center;gap:var(--space-md);list-style:none}.navbar-links a{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-body);text-decoration:none;transition:color var(--transition-fast)}.navbar-links a:hover{color:var(--color-text-body-hover)}.navbar-actions{display:flex;align-items:center;gap:var(--space-xs)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-icon);cursor:pointer;padding:var(--space-xs);transition:all var(--transition-fast);flex-shrink:0}.theme-toggle:hover{color:var(--color-icon-hover)}.palette-row{display:flex;gap:0;border-radius:var(--radius-sm);overflow:hidden;margin-bottom:var(--space-xs)}@media (max-width:600px){.palette-row{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm)}.palette-swatch{flex:0 0 36px;min-width:36px}}.palette-swatch{flex:1 1;height:48px;min-width:40px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:var(--space-2xs);font-size:9px;line-height:1;gap:var(--space-3xs);box-sizing:border-box}.palette-swatch-step{font-weight:var(--font-weight-semibold);line-height:1;margin:0}.palette-swatch-hex{font-size:8px;font-weight:var(--font-weight-regular);line-height:1;opacity:.9;text-transform:uppercase}.palette-swatch-single{flex:0 0 120px;min-width:120px;font-size:var(--font-size-body-xs);font-weight:var(--font-weight-medium);line-height:1;padding:var(--space-xs);justify-content:flex-end;gap:var(--space-3xs)}.palette-swatch-single .palette-swatch-hex,.palette-swatch-single .palette-swatch-step{line-height:1}.palette-swatch-white{border:1px solid var(--steel-100);border-radius:4px}[data-theme=dark] .palette-swatch-white{border-color:transparent}.palette-swatch-black{border:1px solid transparent;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{display:grid;grid-template-columns:100px 1fr auto;grid-gap:var(--space-xs) var(--space-md);gap:var(--space-xs) var(--space-md);align-items:center}@media (max-width:480px){.token-grid{grid-template-columns:70px 1fr 44px;gap:var(--space-2xs) var(--space-sm)}}.token-name{font-family:var(--font-secondary);font-size:var(--font-size-body-xs);color:var(--color-text-body)}.token-bar{height:12px;background:var(--color-bg-inverse);border-radius:var(--radius-sm);transition:background var(--transition-base)}.token-value{font-family:var(--font-secondary);font-size:var(--font-size-body-xs);color:var(--color-text-placeholder);min-width:40px;text-align:right}