:root{--navy-50: #eef2f7;--navy-100: #d5deea;--navy-200: #aabcd5;--navy-300: #7e9bc0;--navy-400: #5379ab;--navy-500: #2e5286;--navy-600: #1f3d68;--navy-700: #162e4e;--navy-800: #0e1f35;--navy-900: #08131f;--gold-50: #faf6ef;--gold-100: #f1e7d5;--gold-200: #e3cfab;--gold-300: #cfaf77;--gold-400: #b88c43;--gold-500: #9c7538;--gold-600: #7e5e2c;--gold-700: #5e4621;--gold-800: #3e2e16;--gold-900: #201709;--neutral-0: #ffffff;--neutral-50: #f7f8fa;--neutral-100: #edeff3;--neutral-200: #dde1e8;--neutral-400: #98a1b0;--neutral-600: #5a6472;--neutral-800: #2b3341;--neutral-900: #161b24;--success: #1e7a4b;--warning: #b57314;--danger: #b3261e;--info: #2e5286}:root{--font-family-base: "Tajawal", "Segoe UI", "Helvetica Neue", "Noto Sans Arabic", system-ui, sans-serif;--font-weight-extralight: 200;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-bold: 700;--font-weight-extrabold: 800;--font-weight-black: 900;--font-size-display: 2rem;--font-size-h1: 1.75rem;--font-size-h2: 1.5rem;--font-size-h3: 1.25rem;--font-size-body: 1rem;--font-size-body-sm: .875rem;--font-size-caption: .75rem;--font-size-button: .9375rem;--line-height-display: 1.3;--line-height-h1: 1.35;--line-height-h2: 1.4;--line-height-h3: 1.45;--line-height-body: 1.7;--line-height-body-sm: 1.65;--line-height-caption: 1.6;--line-height-button: 1}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px}:root{--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px rgba(8, 19, 31, .06);--shadow-md: 0 4px 12px rgba(8, 19, 31, .1);--shadow-lg: 0 12px 32px rgba(8, 19, 31, .16)}:root{--z-base: 0;--z-sticky: 100;--z-header: 200;--z-sidebar: 300;--z-dropdown: 400;--z-overlay: 500;--z-modal: 600;--z-toast: 700}@font-face{font-family:Tajawal;font-style:normal;font-weight:200;font-display:swap;src:url(/build/assets/tajawal-latin-200-Dc95VbnG.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:200;font-display:swap;src:url(/build/assets/tajawal-arabic-200-DLE44P1Z.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:300;font-display:swap;src:url(/build/assets/tajawal-latin-300-CeEKeOxZ.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:300;font-display:swap;src:url(/build/assets/tajawal-arabic-300-By07C9pa.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/tajawal-latin-400-BVNSOH3d.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/build/assets/tajawal-arabic-400-CyCXRvzh.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/build/assets/tajawal-latin-500-CoYeBiSI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/build/assets/tajawal-arabic-500-BZ8ojJNu.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/build/assets/tajawal-latin-700-BypgxfGb.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/build/assets/tajawal-arabic-700-D2-eand5.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(/build/assets/tajawal-latin-800-CmI34b-g.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:800;font-display:swap;src:url(/build/assets/tajawal-arabic-800-TQp-UTiE.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(/build/assets/tajawal-latin-900-DURQZvFY.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Tajawal;font-style:normal;font-weight:900;font-display:swap;src:url(/build/assets/tajawal-arabic-900-MgmkhdPX.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}*,*:before,*:after{box-sizing:border-box}*{margin:0}html,body{height:100%}body{line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{background:none;border:none;cursor:pointer}a{color:inherit;text-decoration:none}ul,ol{list-style:none;padding:0}table{border-collapse:collapse;width:100%}:focus:not(:focus-visible){outline:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{color-scheme:light;--color-page-bg: var(--neutral-50);--color-surface: var(--neutral-0);--color-surface-raised: var(--neutral-0);--color-surface-sunken: var(--neutral-50);--color-header-bg: var(--neutral-0);--color-header-border: var(--neutral-100);--color-text: var(--neutral-900);--color-heading: var(--navy-800);--color-text-muted: var(--neutral-600);--color-text-subtle: var(--neutral-400);--color-text-inverse: var(--neutral-0);--color-link: var(--navy-700);--color-link-hover: var(--navy-600);--color-border: var(--neutral-200);--color-border-strong: var(--neutral-400);--color-divider: var(--navy-100);--color-primary: var(--navy-700);--color-primary-hover: var(--navy-600);--color-primary-active: var(--navy-800);--color-on-primary: var(--neutral-0);--color-secondary: var(--navy-500);--color-secondary-hover: var(--navy-600);--color-secondary-surface: var(--navy-50);--color-gold-text: var(--gold-600);--color-focus-ring: var(--gold-500);--color-input-bg: var(--neutral-0);--color-input-border: var(--neutral-200);--color-input-border-hover: var(--neutral-400);--color-input-focus-border: var(--navy-500);--color-input-placeholder: var(--neutral-400);--color-disabled-bg: var(--neutral-100);--color-disabled-text: var(--neutral-400);--color-row-hover: var(--navy-50);--color-row-stripe: var(--navy-50);--color-overlay: color-mix(in srgb, var(--navy-900) 45%, transparent);--photo-filter: none}@media(prefers-color-scheme:dark){:root:not(.light){color-scheme:dark;--color-page-bg: var(--neutral-900);--color-surface: var(--neutral-800);--color-surface-raised: var(--neutral-800);--color-surface-sunken: var(--neutral-900);--color-header-bg: var(--neutral-900);--color-header-border: color-mix(in srgb, var(--neutral-0) 10%, transparent);--color-text: var(--neutral-100);--color-heading: var(--neutral-0);--color-text-muted: var(--neutral-400);--color-text-subtle: var(--neutral-600);--color-text-inverse: var(--neutral-900);--color-link: var(--navy-300);--color-link-hover: var(--navy-200);--color-border: color-mix(in srgb, var(--neutral-0) 12%, transparent);--color-border-strong: var(--neutral-600);--color-divider: color-mix(in srgb, var(--neutral-0) 12%, transparent);--color-primary: var(--navy-600);--color-primary-hover: var(--navy-500);--color-primary-active: var(--navy-400);--color-on-primary: var(--neutral-0);--color-secondary: var(--navy-400);--color-secondary-hover: var(--navy-300);--color-secondary-surface: color-mix(in srgb, var(--navy-300) 14%, transparent);--color-gold-text: var(--gold-400);--color-focus-ring: var(--gold-400);--color-input-bg: color-mix(in srgb, var(--neutral-0) 5%, var(--neutral-900));--color-input-border: color-mix(in srgb, var(--neutral-0) 16%, transparent);--color-input-border-hover: var(--neutral-600);--color-input-focus-border: var(--navy-300);--color-input-placeholder: var(--neutral-600);--color-disabled-bg: color-mix(in srgb, var(--neutral-0) 6%, transparent);--color-disabled-text: var(--neutral-600);--color-row-hover: color-mix(in srgb, var(--neutral-0) 5%, transparent);--color-row-stripe: color-mix(in srgb, var(--neutral-0) 3%, transparent);--color-overlay: color-mix(in srgb, var(--navy-900) 70%, transparent);--color-success-fg: color-mix(in srgb, var(--success) 45%, var(--neutral-0));--color-warning-fg: color-mix(in srgb, var(--warning) 55%, var(--neutral-0));--color-danger-fg: color-mix(in srgb, var(--danger) 55%, var(--neutral-0));--color-info-fg: color-mix(in srgb, var(--info) 55%, var(--neutral-0));--photo-filter: brightness(.9);--shadow-sm: 0 1px 2px rgba(8, 19, 31, .5);--shadow-md: 0 4px 12px rgba(8, 19, 31, .55);--shadow-lg: 0 12px 32px rgba(8, 19, 31, .6)}}:root.dark{color-scheme:dark;--color-page-bg: var(--neutral-900);--color-surface: var(--neutral-800);--color-surface-raised: var(--neutral-800);--color-surface-sunken: var(--neutral-900);--color-header-bg: var(--neutral-900);--color-header-border: color-mix(in srgb, var(--neutral-0) 10%, transparent);--color-text: var(--neutral-100);--color-heading: var(--neutral-0);--color-text-muted: var(--neutral-400);--color-text-subtle: var(--neutral-600);--color-text-inverse: var(--neutral-900);--color-link: var(--navy-300);--color-link-hover: var(--navy-200);--color-border: color-mix(in srgb, var(--neutral-0) 12%, transparent);--color-border-strong: var(--neutral-600);--color-divider: color-mix(in srgb, var(--neutral-0) 12%, transparent);--color-primary: var(--navy-600);--color-primary-hover: var(--navy-500);--color-primary-active: var(--navy-400);--color-on-primary: var(--neutral-0);--color-secondary: var(--navy-400);--color-secondary-hover: var(--navy-300);--color-secondary-surface: color-mix(in srgb, var(--navy-300) 14%, transparent);--color-gold-text: var(--gold-400);--color-focus-ring: var(--gold-400);--color-input-bg: color-mix(in srgb, var(--neutral-0) 5%, var(--neutral-900));--color-input-border: color-mix(in srgb, var(--neutral-0) 16%, transparent);--color-input-border-hover: var(--neutral-600);--color-input-focus-border: var(--navy-300);--color-input-placeholder: var(--neutral-600);--color-disabled-bg: color-mix(in srgb, var(--neutral-0) 6%, transparent);--color-disabled-text: var(--neutral-600);--color-row-hover: color-mix(in srgb, var(--neutral-0) 5%, transparent);--color-row-stripe: color-mix(in srgb, var(--neutral-0) 3%, transparent);--color-overlay: color-mix(in srgb, var(--navy-900) 70%, transparent);--color-success-fg: color-mix(in srgb, var(--success) 45%, var(--neutral-0));--color-warning-fg: color-mix(in srgb, var(--warning) 55%, var(--neutral-0));--color-danger-fg: color-mix(in srgb, var(--danger) 55%, var(--neutral-0));--color-info-fg: color-mix(in srgb, var(--info) 55%, var(--neutral-0));--photo-filter: brightness(.9);--shadow-sm: 0 1px 2px rgba(8, 19, 31, .5);--shadow-md: 0 4px 12px rgba(8, 19, 31, .55);--shadow-lg: 0 12px 32px rgba(8, 19, 31, .6)}:root.light{color-scheme:light;--color-page-bg: var(--neutral-50);--color-surface: var(--neutral-0);--color-surface-raised: var(--neutral-0);--color-surface-sunken: var(--neutral-50);--color-header-bg: var(--neutral-0);--color-header-border: var(--neutral-100);--color-text: var(--neutral-900);--color-heading: var(--navy-800);--color-text-muted: var(--neutral-600);--color-text-subtle: var(--neutral-400);--color-text-inverse: var(--neutral-0);--color-link: var(--navy-700);--color-link-hover: var(--navy-600);--color-border: var(--neutral-200);--color-border-strong: var(--neutral-400);--color-divider: var(--navy-100);--color-primary: var(--navy-700);--color-primary-hover: var(--navy-600);--color-primary-active: var(--navy-800);--color-on-primary: var(--neutral-0);--color-secondary: var(--navy-500);--color-secondary-hover: var(--navy-600);--color-secondary-surface: var(--navy-50);--color-gold-text: var(--gold-600);--color-focus-ring: var(--gold-500);--color-input-bg: var(--neutral-0);--color-input-border: var(--neutral-200);--color-input-border-hover: var(--neutral-400);--color-input-focus-border: var(--navy-500);--color-input-placeholder: var(--neutral-400);--color-disabled-bg: var(--neutral-100);--color-disabled-text: var(--neutral-400);--color-row-hover: var(--navy-50);--color-row-stripe: var(--navy-50);--color-overlay: color-mix(in srgb, var(--navy-900) 45%, transparent);--photo-filter: none}:root{--color-gold-accent: var(--gold-400);--color-success: var(--success);--color-success-fg: var(--success);--color-success-bg: color-mix(in srgb, var(--success) 12%, var(--color-surface));--color-success-border: color-mix(in srgb, var(--success) 40%, var(--color-surface));--color-warning: var(--warning);--color-warning-fg: var(--warning);--color-warning-bg: color-mix(in srgb, var(--warning) 12%, var(--color-surface));--color-warning-border: color-mix(in srgb, var(--warning) 40%, var(--color-surface));--color-danger: var(--danger);--color-danger-fg: var(--danger);--color-danger-bg: color-mix(in srgb, var(--danger) 12%, var(--color-surface));--color-danger-border: color-mix(in srgb, var(--danger) 40%, var(--color-surface));--color-info: var(--info);--color-info-fg: var(--info);--color-info-bg: color-mix(in srgb, var(--info) 12%, var(--color-surface));--color-info-border: color-mix(in srgb, var(--info) 40%, var(--color-surface));--layout-sidebar-width: 264px;--layout-sidebar-width-collapsed: 72px;--layout-header-height: 64px;--layout-content-max: 1280px;--transition-fast: .12s ease;--transition-base: .2s ease}body{font-family:var(--font-family-base);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text);background-color:var(--color-page-bg)}h1,h2,h3,h4,h5,h6{color:var(--color-heading);font-weight:var(--font-weight-bold);line-height:var(--line-height-h2)}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:var(--line-height-h3)}p{line-height:var(--line-height-body)}small{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm)}strong,b{font-weight:var(--font-weight-bold)}a{color:var(--color-link)}a:hover{color:var(--color-link-hover)}code,kbd,samp{font-family:Tajawal,ui-monospace,monospace}html{direction:ltr}html[dir=rtl]{direction:rtl}[lang=ar],html[dir=rtl]{letter-spacing:normal}.bidi-isolate{unicode-bidi:isolate}html[dir=rtl] .u-mirror-rtl{transform:scaleX(-1)}.u-numeric{font-variant-numeric:lining-nums tabular-nums;font-feature-settings:"tnum" 1}.app-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1em;line-height:1;vertical-align:-.125em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-base);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);line-height:var(--line-height-button);border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.btn:disabled,.btn.is-loading{cursor:not-allowed;opacity:.65}.btn--sm{padding-block:var(--space-1);padding-inline:var(--space-3);font-size:var(--font-size-body-sm)}.btn--md{padding-block:var(--space-2);padding-inline:var(--space-4)}.btn--lg{padding-block:var(--space-3);padding-inline:var(--space-6);font-size:var(--font-size-body)}.btn--block{display:flex;width:100%}.btn--icon-only{padding-inline:var(--space-2);aspect-ratio:1}.btn--primary{background-color:var(--color-primary);color:var(--color-on-primary)}.btn--primary:hover:not(:disabled):not(.is-loading){background-color:var(--color-primary-hover)}.btn--primary:active:not(:disabled){background-color:var(--color-primary-active)}.btn--secondary{background-color:var(--color-secondary-surface);color:var(--color-link);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled):not(.is-loading){border-color:var(--color-secondary);color:var(--color-secondary-hover)}.btn--ghost{background-color:transparent;color:var(--color-link)}.btn--ghost:hover:not(:disabled):not(.is-loading){background-color:var(--color-row-hover)}.btn--danger{background-color:var(--color-danger);color:var(--neutral-0)}.btn--danger:hover:not(:disabled):not(.is-loading){background-color:color-mix(in srgb,var(--danger) 82%,black)}.btn--gold{background-color:var(--color-gold-accent);color:var(--navy-900);border-color:var(--gold-500)}.btn--gold:hover:not(:disabled):not(.is-loading){background-color:var(--gold-300)}.btn__icon{font-size:1.15em}.btn__spinner{color:currentColor}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding-block:2px;padding-inline:var(--space-2);border-radius:var(--radius-full);border:1px solid transparent;font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);line-height:var(--line-height-caption);white-space:nowrap}.badge__icon{font-size:.85em}.badge--neutral{background-color:var(--color-surface-sunken);border-color:var(--color-border);color:var(--color-text-muted)}.badge--primary{background-color:var(--color-secondary-surface);border-color:var(--color-border);color:var(--color-link)}.badge--gold{background-color:var(--gold-50);border-color:var(--color-gold-accent);color:var(--color-gold-text)}.badge--success{background-color:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-fg)}.badge--warning{background-color:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning-fg)}.badge--danger{background-color:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-fg)}.badge--info{background-color:var(--color-info-bg);border-color:var(--color-info-border);color:var(--color-info-fg)}.card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.card--elevation-sm{box-shadow:var(--shadow-sm)}.card--elevation-md{box-shadow:var(--shadow-md)}.card--elevation-lg{box-shadow:var(--shadow-lg)}.card__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.card__title{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--color-heading)}.card__actions{display:flex;align-items:center;gap:var(--space-2)}.card--padded .card__body{padding:var(--space-4)}.card__footer{padding:var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-surface-sunken)}.spinner{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-primary)}.spinner__svg{width:var(--spinner-size, 20px);height:var(--spinner-size, 20px);animation:spinner-rotate .8s linear infinite}.spinner--sm{--spinner-size: 16px}.spinner--md{--spinner-size: 20px}.spinner--lg{--spinner-size: 32px}.spinner__track{stroke:currentColor;opacity:.2}.spinner__head{stroke:currentColor;stroke-linecap:round;stroke-dasharray:56;stroke-dashoffset:42}.spinner__label{font-size:var(--font-size-body-sm);color:var(--color-text-muted)}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.dropdown{position:relative;display:inline-flex}.dropdown__trigger{display:inline-flex}.dropdown__trigger-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text)}.dropdown__trigger-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dropdown__caret{font-size:.85em;color:var(--color-text-subtle)}.dropdown__menu{position:absolute;top:calc(100% + var(--space-1));min-width:200px;padding:var(--space-1);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-dropdown)}.dropdown__menu--start{inset-inline-start:0}.dropdown__menu--end{inset-inline-end:0}.dropdown__item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-body-sm);color:var(--color-text);text-align:start}.dropdown__item.is-active:not(:disabled){background-color:var(--color-row-hover)}.dropdown__item:disabled{color:var(--color-disabled-text);cursor:not-allowed}.dropdown__item:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.dropdown__item--danger{color:var(--color-danger-fg)}.dropdown__item-icon{font-size:1em;color:var(--color-text-subtle)}.dropdown-fade-enter-active,.dropdown-fade-leave-active{transition:opacity var(--transition-fast),transform var(--transition-fast)}.dropdown-fade-enter-from,.dropdown-fade-leave-to{opacity:0;transform:translateY(-4px)}.search-select{position:relative;display:flex;flex-direction:column;gap:var(--space-1)}.search-select__control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:0 var(--space-2);width:100%;padding-block:var(--space-2);padding-inline:var(--space-3);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);text-align:start}.search-select__control:hover:not(:disabled){border-color:var(--color-input-border-hover)}.search-select__control:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.search-select__label{grid-column:1;font-size:var(--font-size-caption);color:var(--color-text-muted)}.search-select__value{grid-column:1;font-size:var(--font-size-body);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-select__value.is-placeholder{color:var(--color-input-placeholder)}.search-select__caret{grid-column:2;grid-row:1/span 2;color:var(--color-text-subtle)}.search-select__panel{position:absolute;top:calc(100% + var(--space-1));inset-inline:0;z-index:var(--z-dropdown);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.search-select__search{position:relative;display:flex;align-items:center;padding:var(--space-2);border-bottom:1px solid var(--color-border)}.search-select__search-icon{position:absolute;inset-inline-start:var(--space-3);color:var(--color-text-subtle);pointer-events:none}.search-select__search-input{width:100%;padding-block:var(--space-2);padding-inline:var(--space-8) var(--space-3);font-size:var(--font-size-body-sm);color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm)}.search-select__search-input:focus{outline:none;border-color:var(--color-input-focus-border)}.search-select__search-input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.search-select__list{max-height:240px;overflow-y:auto;padding:var(--space-1)}.search-select__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-body-sm);cursor:pointer}.search-select__option.is-active{background-color:var(--color-row-hover)}.search-select__option.is-selected{color:var(--color-link);font-weight:var(--font-weight-medium)}.search-select__check{color:var(--color-gold-accent)}.search-select__empty{padding:var(--space-3);font-size:var(--font-size-body-sm);color:var(--color-text-muted);text-align:center}.search-select--invalid .search-select__control{border-color:var(--color-danger)}.search-select--disabled{opacity:.6}.search-select--disabled .search-select__control{cursor:not-allowed}.search-select__error{font-size:var(--font-size-caption);color:var(--color-danger-fg)}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field__label{display:flex;align-items:baseline;gap:var(--space-2);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.form-field__required{font-size:var(--font-size-caption);color:var(--color-danger-fg)}.form-field__optional{font-size:var(--font-size-caption);color:var(--color-text-subtle);font-weight:var(--font-weight-regular)}.form-field__control{display:flex;flex-direction:column}.form-field__error{font-size:var(--font-size-caption);color:var(--color-danger-fg)}.form-field__hint{font-size:var(--font-size-caption);color:var(--color-text-muted)}.field{display:flex;flex-direction:column;gap:var(--space-1)}.field__control{position:relative;display:flex;align-items:center}.field__input{width:100%;padding-block:22px var(--space-2);padding-inline:var(--space-3);font-size:var(--font-size-body);color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.field__input::placeholder{color:transparent}.field__input:hover:not(:disabled){border-color:var(--color-input-border-hover)}.field__input:focus{outline:none;border-color:var(--color-input-focus-border)}.field__input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.field__label{position:absolute;inset-inline-start:var(--space-3);top:50%;transform:translateY(-50%);font-size:var(--font-size-body);color:var(--color-input-placeholder);pointer-events:none;transition:top var(--transition-fast),font-size var(--transition-fast),color var(--transition-fast)}.field__input:focus+.field__label,.field__input:not(:placeholder-shown)+.field__label{top:var(--space-2);transform:none;font-size:var(--font-size-caption);color:var(--color-text-muted)}.field__input:focus+.field__label{color:var(--color-link)}.field__required{color:var(--color-danger);margin-inline-start:2px}.field__icon{position:absolute;inset-inline-start:var(--space-3);color:var(--color-text-subtle);pointer-events:none}.field--with-icon .field__input{padding-inline-start:var(--space-8)}.field--with-icon .field__label{inset-inline-start:var(--space-8)}.field--invalid .field__input{border-color:var(--color-danger)}.field--disabled .field__input{background-color:var(--color-disabled-bg);color:var(--color-disabled-text);cursor:not-allowed}.field__error{font-size:var(--font-size-caption);color:var(--color-danger-fg)}.field__hint{font-size:var(--font-size-caption);color:var(--color-text-muted)}.field--textarea .field__control{align-items:stretch}.field--textarea .field__textarea{resize:vertical;min-height:96px;line-height:var(--line-height-body)}.field--textarea .field__label{top:var(--space-4);transform:none}.field--textarea .field__textarea:focus+.field__label,.field--textarea .field__textarea:not(:placeholder-shown)+.field__label{top:var(--space-2);font-size:var(--font-size-caption)}.field--select .field__select{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding-inline-end:var(--space-8)}.field--select .field__label--static{top:var(--space-2);transform:none;font-size:var(--font-size-caption);color:var(--color-text-muted)}.field--select .field__select:focus+.field__label--static{color:var(--color-link)}.field--select .field__chevron{position:absolute;inset-inline-end:var(--space-3);color:var(--color-text-subtle);pointer-events:none}.checkbox{display:flex;flex-direction:column;gap:var(--space-1)}.checkbox__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.checkbox__label{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox__box{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid var(--color-input-border);border-radius:var(--radius-sm);background-color:var(--color-input-bg);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.checkbox__mark{font-size:12px;color:var(--color-on-primary);opacity:0;transform:scale(.6);transition:opacity var(--transition-fast),transform var(--transition-fast)}.checkbox__input:checked+.checkbox__label .checkbox__box{background-color:var(--color-primary);border-color:var(--color-primary)}.checkbox__input:checked+.checkbox__label .checkbox__mark{opacity:1;transform:scale(1)}.checkbox__input:focus-visible+.checkbox__label .checkbox__box{outline:2px solid var(--color-focus-ring);outline-offset:2px}.checkbox--invalid .checkbox__box{border-color:var(--color-danger)}.checkbox--disabled{opacity:.6}.checkbox--disabled .checkbox__label{cursor:not-allowed}.checkbox__text{font-size:var(--font-size-body)}.checkbox__error{font-size:var(--font-size-caption);color:var(--color-danger-fg)}.radio{display:inline-flex}.radio__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.radio__label{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.radio__dot{position:relative;display:inline-block;width:20px;height:20px;border:1px solid var(--color-input-border);border-radius:var(--radius-full);background-color:var(--color-input-bg);transition:border-color var(--transition-fast)}.radio__dot:after{content:"";position:absolute;top:50%;right:50%;bottom:50%;left:50%;width:10px;height:10px;border-radius:var(--radius-full);background-color:var(--color-primary);transform:translate(-50%,-50%) scale(0);transition:transform var(--transition-fast)}html[dir=rtl] .radio__dot:after{transform:translate(50%,-50%) scale(0)}.radio__input:checked+.radio__label .radio__dot{border-color:var(--color-primary)}.radio__input:checked+.radio__label .radio__dot:after{transform:translate(-50%,-50%) scale(1)}html[dir=rtl] .radio__input:checked+.radio__label .radio__dot:after{transform:translate(50%,-50%) scale(1)}.radio__input:focus-visible+.radio__label .radio__dot{outline:2px solid var(--color-focus-ring);outline-offset:2px}.radio--disabled{opacity:.6}.radio--disabled .radio__label{cursor:not-allowed}.radio__text{font-size:var(--font-size-body)}.file-upload{display:flex;flex-direction:column;gap:var(--space-1)}.file-upload__label{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.file-upload__drop{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface-sunken);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.file-upload__drop:hover{border-color:var(--color-input-border-hover)}.file-upload__drop.is-dragging{border-color:var(--color-gold-accent);background-color:var(--color-secondary-surface)}.file-upload__drop:has(.file-upload__input:focus-visible){outline:2px solid var(--color-focus-ring);outline-offset:2px}.file-upload__icon{font-size:20px;color:var(--color-text-subtle)}.file-upload__filename{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted)}.file-upload__browse{font-weight:var(--font-weight-medium);color:var(--color-link)}.file-upload__input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.file-upload--invalid .file-upload__drop{border-color:var(--color-danger)}.file-upload--disabled{opacity:.6}.file-upload--disabled .file-upload__drop{cursor:not-allowed}.file-upload__error{font-size:var(--font-size-caption);color:var(--color-danger-fg)}.file-upload__hint{font-size:var(--font-size-caption);color:var(--color-text-muted)}.family-date{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);margin:0}.family-date__legend{padding-inline:var(--space-2);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.family-date__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:640px){.family-date__grid{grid-template-columns:2fr 1fr 1fr}}.lineage-breadcrumb{display:inline-flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.lineage-breadcrumb__name{font-weight:var(--font-weight-medium);color:var(--color-text);unicode-bidi:isolate}.tree-page__header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.tree-page__toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}.tree-page__search{min-width:220px}.tree-page__views{display:inline-flex;gap:var(--space-2)}.tree-page__parity{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid var(--color-info-border);background:var(--color-info-bg);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.tree-page__parity-icon{color:var(--color-info-fg);margin-top:2px;flex-shrink:0}.tree-page__stage{position:relative;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface-sunken);overflow:hidden;min-height:60vh}.tree-page__controls{position:absolute;top:var(--space-3);inset-inline-end:var(--space-3);z-index:var(--z-sticky);display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.tree-canvas{width:100%;height:60vh}.tree-canvas__svg{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.tree-canvas__svg:active{cursor:grabbing}.tree-edge{fill:none;stroke-width:1.5px}.tree-edge--father,.tree-edge--mother{stroke:var(--color-border-strong)}.tree-edge--mother{stroke-dasharray:4 3}.tree-edge--marriage{stroke:var(--color-gold-text);stroke-dasharray:2 4;stroke-width:2px}.tree-node{cursor:pointer}.tree-node:focus{outline:none}.tree-node__marker{stroke-width:2px;fill:var(--color-surface);stroke:var(--color-primary)}.tree-node--female .tree-node__marker{stroke:var(--color-gold-text)}.tree-node--male .tree-node__marker{stroke:var(--color-primary)}.tree-node.is-placeholder .tree-node__marker{stroke:var(--color-warning);stroke-dasharray:4 3}.tree-node.is-focused .tree-node__marker{fill:var(--color-secondary-surface);stroke:var(--color-focus-ring);stroke-width:3px}.tree-node:focus .tree-node__marker{stroke:var(--color-focus-ring);stroke-width:3px}.tree-node__label{text-anchor:middle;fill:var(--color-text);font-size:var(--font-size-body-sm);font-weight:600;pointer-events:none}.tree-node__toggle{fill:var(--color-surface);stroke:var(--color-border-strong);stroke-width:1.5px;cursor:pointer}.tree-node__toggle.is-hidden,.tree-node__toggle-icon.is-hidden{display:none}.tree-node__toggle-icon{text-anchor:middle;fill:var(--color-text-muted);font-size:var(--font-size-body-sm);font-weight:700;pointer-events:none}.person-card{position:absolute;top:var(--space-3);inset-inline-start:var(--space-3);z-index:var(--z-dropdown);width:min(320px,100% - var(--space-8));padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.person-card__close{position:absolute;top:var(--space-2);inset-inline-end:var(--space-2);display:inline-flex;padding:var(--space-1);color:var(--color-text-muted);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer}.person-card__close:hover{color:var(--color-text);background:var(--color-row-hover)}.person-card__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);padding-inline-end:var(--space-6)}.person-card__avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);color:var(--color-on-primary);background:var(--color-primary);flex-shrink:0}.person-card__avatar--female{background:var(--color-gold-text)}.person-card__identity{display:flex;flex-direction:column;gap:var(--space-1)}.person-card__name{font-size:var(--font-size-h3);font-weight:700;color:var(--color-heading)}.person-card__facts{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-3)}.person-card__fact dt{font-size:var(--font-size-caption);color:var(--color-text-subtle);margin-bottom:var(--space-1)}.person-card__fact dd{font-size:var(--font-size-body-sm);color:var(--color-text)}.person-card__redacted{color:var(--color-text-subtle);font-style:italic}.person-card__actions{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.node-visibility-control{display:flex;flex-direction:column;gap:var(--space-3);align-items:stretch}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);margin-block-end:var(--space-5)}.page-header__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text)}.page-notice{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);margin-block-end:var(--space-4);border:1px solid var(--color-warning-border);background-color:var(--color-warning-bg);border-radius:var(--radius-md);color:var(--color-text)}.page-form{display:flex;flex-direction:column;gap:var(--space-4)}.page-form__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:640px){.page-form__grid{grid-template-columns:1fr 1fr}}.page-form__stack{display:flex;flex-direction:column;gap:var(--space-3)}.page-form__actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.page-section{display:flex;flex-direction:column;gap:var(--space-4)}.page-cell{display:inline-flex;align-items:center;gap:var(--space-2)}.page-diff{display:grid;gap:var(--space-2)}.page-diff__row{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-2);padding-block:var(--space-2);border-block-end:1px solid var(--color-border)}.page-diff__key{font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.guest{position:relative;display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-page-bg)}.guest__toolbar{display:flex;justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-4)}.guest__main{flex:1;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.guest__card{width:100%;max-width:25rem;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.guest__brand{display:flex;justify-content:center}.guest__header{text-align:center}.guest__title{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-heading)}.guest__subtitle{margin-block-start:var(--space-2);font-size:var(--font-size-body);color:var(--color-text-muted)}.auth-form{display:flex;flex-direction:column;gap:var(--space-4)}.auth-form__remember{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-body);color:var(--color-text-muted)}.auth-divider{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-subtle);font-size:var(--font-size-caption)}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background-color:var(--color-divider)}.auth-google{display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-size:var(--font-size-button);font-weight:var(--font-weight-medium);text-decoration:none}.auth-google:hover{background-color:var(--color-row-hover)}.auth-links{display:flex;justify-content:center;gap:var(--space-3);font-size:var(--font-size-body)}.auth-links a{color:var(--color-link);text-decoration:none}.auth-links a:hover{color:var(--color-link-hover);text-decoration:underline}.auth-status{padding:var(--space-3);border-radius:var(--radius-md);background-color:var(--color-secondary-surface);color:var(--color-text);font-size:var(--font-size-body)}.person-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface-sunken)}.person-summary__avatar{display:inline-flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-full);background-color:var(--color-secondary-surface);color:var(--color-gold-text)}.person-summary__label{font-size:var(--font-size-caption);color:var(--color-text-subtle)}.person-summary__name{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-heading)}.person-summary__meta{font-size:var(--font-size-caption);color:var(--color-text-muted)}.account-facts{display:flex;flex-direction:column;gap:var(--space-3)}.account-facts__row{display:grid;grid-template-columns:1fr 2fr;gap:var(--space-3)}.account-facts__row dt{color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.account-facts__row dd{color:var(--color-text)}.home-lead{font-size:var(--font-size-body);color:var(--color-text)}.page-header__subtitle{width:100%;font-size:var(--font-size-sm);color:var(--color-text-muted)}.audit-log__system{font-style:italic;color:var(--color-text-muted)}.audit-log__changes{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.audit-log__change{display:inline-flex;gap:var(--space-2);align-items:baseline}.audit-log__change-key{font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.audit-log__change-value{font-family:var(--font-family-mono, monospace);color:var(--color-text)}.audit-log__count{margin-block-start:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.field-defaults__grid{display:grid;gap:var(--space-3)}.field-defaults__row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-3);align-items:end;padding-block:var(--space-2);border-block-end:1px solid var(--color-border)}.field-defaults__label{font-weight:var(--font-weight-medium);color:var(--color-text)}.field-defaults__hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.directory-filters{margin-block-end:var(--space-4)}.directory-filters__grid{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:640px){.directory-filters__grid{grid-template-columns:repeat(3,1fr)}}.directory-filters__actions{display:flex;justify-content:flex-end;margin-block-start:var(--space-3)}.directory-name{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);text-decoration:none}.directory-name:hover{color:var(--color-gold-text)}.directory-muted{color:var(--color-text-muted)}.profile-heading{display:flex;flex-direction:column;gap:var(--space-2)}.profile-heading__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.profile-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:768px){.profile-grid{grid-template-columns:minmax(0,18rem) 1fr;align-items:start}}.profile-identity{text-align:center}.profile-photo{display:flex;justify-content:center;margin-block-end:var(--space-3)}.profile-photo__img{inline-size:8rem;block-size:8rem;object-fit:cover;border-radius:var(--radius-full);border:1px solid var(--color-border)}.profile-photo__placeholder{display:inline-flex;align-items:center;justify-content:center;inline-size:8rem;block-size:8rem;border-radius:var(--radius-full);background-color:var(--color-surface-sunken);color:var(--color-text-muted);font-size:var(--font-size-h1)}.profile-identity__name{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text)}.profile-identity__known-as{margin-block-start:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.profile-dl{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:640px){.profile-dl__row{display:grid;grid-template-columns:minmax(0,12rem) 1fr;gap:var(--space-2);align-items:baseline}.profile-dl__row--full{grid-template-columns:1fr}}.profile-dl__term{font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.profile-dl__desc{color:var(--color-text)}.profile-section{margin-block-start:var(--space-6)}.profile-section__title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text);margin-block-end:var(--space-1)}.profile-section__intro{color:var(--color-text-muted);margin-block-end:var(--space-3)}.invitations-hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-block-end:var(--space-2)}.user-management__subtitle{margin-block-start:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-sm)}.user-management__branches{display:grid;grid-template-columns:1fr;gap:var(--space-2)}@media(min-width:640px){.user-management__branches{grid-template-columns:1fr 1fr}}.user-management__hint{color:var(--color-text-muted);font-size:var(--font-size-sm)}.stats-cards{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media(min-width:640px){.stats-cards{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stats-cards{grid-template-columns:repeat(4,1fr)}}.stat-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.stat-card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);font-size:20px;flex-shrink:0}.stat-card__icon--neutral{color:var(--color-link);background-color:var(--color-secondary-surface)}.stat-card__icon--gold{color:var(--color-gold-text);background-color:var(--gold-50);border:1px solid var(--color-gold-accent)}.stat-card__icon--success{color:var(--color-success-fg);background-color:var(--color-success-bg)}.stat-card__icon--warning{color:var(--color-warning-fg);background-color:var(--color-warning-bg)}.stat-card__value{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-heading)}.stat-card__label{font-size:var(--font-size-body-sm);color:var(--color-text-muted)}.stat-card__hint{font-size:var(--font-size-caption);color:var(--color-text-subtle)}.list-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.list-toolbar__search{position:relative;flex:1 1 240px;display:flex;align-items:center}.list-toolbar__search-icon{position:absolute;inset-inline-start:var(--space-3);color:var(--color-text-subtle);pointer-events:none}.list-toolbar__search-input{width:100%;padding-block:var(--space-2);padding-inline:var(--space-8) var(--space-3);font-size:var(--font-size-body);color:var(--color-text);background-color:var(--color-input-bg);border:1px solid var(--color-input-border);border-radius:var(--radius-sm)}.list-toolbar__search-input::placeholder{color:var(--color-input-placeholder)}.list-toolbar__search-input:focus{outline:none;border-color:var(--color-input-focus-border)}.list-toolbar__search-input:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.list-toolbar__actions{display:flex;align-items:center;gap:var(--space-2)}.list-toolbar__badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding-inline:5px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-caption)}.data-table__scroll{width:100%;overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface)}.data-table{width:100%;border-collapse:collapse;font-size:var(--font-size-body-sm)}.data-table__caption{padding:var(--space-3) var(--space-4);text-align:start;font-size:var(--font-size-caption);color:var(--color-text-subtle)}.data-table__head th{position:sticky;top:0;padding:var(--space-3) var(--space-4);background-color:var(--color-surface-sunken);border-bottom:1px solid var(--color-border);font-weight:var(--font-weight-medium);color:var(--color-text-muted);white-space:nowrap}.data-table__th--start{text-align:start}.data-table__th--center{text-align:center}.data-table__th--end{text-align:end}.data-table__sort{display:inline-flex;align-items:center;gap:var(--space-1);color:inherit;font:inherit}.data-table__sort:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.data-table__sort-icon{font-size:.8em;color:var(--color-text-subtle)}.data-table__row{border-bottom:1px solid var(--color-border)}.data-table__row:last-child{border-bottom:none}.data-table__row:hover{background-color:var(--color-row-hover)}.data-table__td{padding:var(--space-3) var(--space-4);color:var(--color-text);vertical-align:middle}.data-table__td--center{text-align:center}.data-table__td--end{text-align:end}.data-table__skeleton{display:block;height:12px;width:70%;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--color-surface-sunken) 25%,var(--color-row-hover) 37%,var(--color-surface-sunken) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite}.data-table__empty{padding:var(--space-8) var(--space-4)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding-block:var(--space-3)}.pagination__summary{font-size:var(--font-size-body-sm);color:var(--color-text-muted)}.pagination__controls{display:flex;align-items:center;gap:var(--space-2)}.pagination__btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text)}.pagination__btn:hover:not(:disabled){border-color:var(--color-input-border-hover)}.pagination__btn:disabled{color:var(--color-disabled-text);cursor:not-allowed}.pagination__btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.pagination__page{font-size:var(--font-size-body-sm);color:var(--color-text-muted)}.actions-dropdown__trigger{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-md);color:var(--color-text-muted)}.actions-dropdown__trigger:hover{background-color:var(--color-row-hover);color:var(--color-text)}.actions-dropdown__trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.has-modal{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-4)}@media(min-width:640px){.modal{align-items:center}}.modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--color-overlay)}.modal__dialog{position:relative;z-index:1;width:100%;max-height:calc(100dvh - var(--space-8));display:flex;flex-direction:column;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden}.modal__dialog:focus{outline:none}.modal__dialog--sm{max-width:420px}.modal__dialog--md{max-width:560px}.modal__dialog--lg{max-width:760px}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4);border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-heading)}.modal__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-text-muted)}.modal__close:hover{background-color:var(--color-row-hover);color:var(--color-text)}.modal__close:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.modal__body{padding:var(--space-4);overflow-y:auto}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);padding:var(--space-4);border-top:1px solid var(--color-border);background-color:var(--color-surface-sunken)}.modal-enter-active,.modal-leave-active{transition:opacity var(--transition-base)}.modal-enter-active .modal__dialog,.modal-leave-active .modal__dialog{transition:transform var(--transition-base)}.modal-enter-from,.modal-leave-to{opacity:0}.modal-enter-from .modal__dialog,.modal-leave-to .modal__dialog{transform:translateY(16px)}.confirm-modal__body{color:var(--color-text-muted);line-height:var(--line-height-body)}.form-modal__form{display:flex;flex-direction:column;gap:var(--space-4)}.form-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.toast-host{position:fixed;inset-block-start:var(--space-4);inset-inline-end:var(--space-4);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);width:min(100% - var(--space-8),380px);pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);pointer-events:auto}.toast--success{border-inline-start:var(--space-1) solid var(--color-success-fg)}.toast__icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;font-size:20px;color:var(--color-success-fg)}.toast__message{flex:1;color:var(--color-text);font-size:var(--font-size-body-sm)}.toast__dismiss{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-sm);color:var(--color-text-muted)}.toast__dismiss:hover{background-color:var(--color-row-hover);color:var(--color-text)}.toast__dismiss:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.toast-enter-active,.toast-leave-active{transition:opacity var(--transition-base),transform var(--transition-base)}.toast-enter-from,.toast-leave-to{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}.ui-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center}.ui-state__icon{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-full);font-size:24px}.ui-state__icon--brand{color:var(--color-gold-text);background-color:var(--gold-50);border:1px solid var(--color-gold-accent)}.ui-state__icon--danger{color:var(--color-danger-fg);background-color:var(--color-danger-bg);border:1px solid var(--color-danger-border)}.ui-state__title{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);color:var(--color-heading)}.ui-state__body{max-width:46ch;color:var(--color-text-muted)}.ui-state__action{margin-top:var(--space-2)}.skeleton{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.skeleton__line,.skeleton__block,.skeleton__avatar{background:linear-gradient(90deg,var(--color-surface-sunken) 25%,var(--color-row-hover) 37%,var(--color-surface-sunken) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton__line{height:12px}.skeleton__line:last-child{width:60%}.skeleton__block{height:120px;border-radius:var(--radius-md)}.skeleton__avatar{width:48px;height:48px;border-radius:var(--radius-full)}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}.app-logo{display:inline-flex;align-items:center}.app-logo__image{width:auto;height:40px;min-width:160px;object-fit:contain}.app-logo__mark{width:32px;height:32px}.app-logo__wordmark{display:none;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-heading)}:root.dark .app-logo__image,:root.dark .app-logo__mark{display:none}:root.dark .app-logo__wordmark{display:inline-flex}@media(prefers-color-scheme:dark){:root:not(.light) .app-logo__image,:root:not(.light) .app-logo__mark{display:none}:root:not(.light) .app-logo__wordmark{display:inline-flex}}.locale-switch{display:inline-flex;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.locale-switch:hover{background-color:var(--color-row-hover);color:var(--color-text)}.locale-switch:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.locale-switch__icon{font-size:20px}@media(max-width:639px){.locale-switch__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.theme-toggle:hover{background-color:var(--color-row-hover);color:var(--color-text)}.theme-toggle:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.theme-toggle__icon{font-size:20px}@media(max-width:639px){.theme-toggle__text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.top-navbar{position:sticky;top:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--layout-header-height);padding-inline:var(--space-4);background-color:var(--color-header-bg);border-bottom:1px solid var(--color-header-border)}.top-navbar__start,.top-navbar__end{display:flex;align-items:center;gap:var(--space-2)}.top-navbar__menu{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:20px}.top-navbar__menu:hover{background-color:var(--color-row-hover);color:var(--color-text)}.top-navbar__menu:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(min-width:1024px){.top-navbar__menu{display:none}}.top-navbar__brand{display:inline-flex;align-items:center;padding-inline:var(--space-2)}.top-navbar__brand:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.top-navbar__user{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.top-navbar__user:hover{background-color:var(--color-row-hover)}.top-navbar__user:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.top-navbar__avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-bold)}.top-navbar__user-name{font-size:var(--font-size-body-sm);color:var(--color-text)}@media(max-width:639px){.top-navbar__user-name{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}.top-navbar__user-caret{font-size:.8em;color:var(--color-text-subtle)}.sidebar-wrap{display:contents}.sidebar__backdrop{display:none}.sidebar{display:flex;flex-direction:column;width:var(--layout-sidebar-width);flex-shrink:0;background-color:var(--color-surface);border-inline-end:1px solid var(--color-border);overflow-y:auto}.sidebar__nav{flex:1;padding:var(--space-4) var(--space-3)}.sidebar__section{margin-bottom:var(--space-6)}.sidebar__section-title{padding-inline:var(--space-3);margin-bottom:var(--space-2);font-size:var(--font-size-caption);font-weight:var(--font-weight-medium);color:var(--color-text-subtle)}.sidebar__list{display:flex;flex-direction:column;gap:2px}.sidebar__link{display:flex;align-items:center;gap:var(--space-3);padding-block:var(--space-2);padding-inline:var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-body-sm);border-inline-start:3px solid transparent}.sidebar__link:hover{background-color:var(--color-row-hover);color:var(--color-text)}.sidebar__link.is-active{background-color:var(--color-secondary-surface);color:var(--color-link);font-weight:var(--font-weight-medium);border-inline-start-color:var(--color-gold-accent)}.sidebar__link:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.sidebar__icon{font-size:18px;width:20px;flex-shrink:0}.sidebar__collapse{display:none;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-6);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:var(--font-size-body-sm)}.sidebar__collapse:hover{color:var(--color-text)}.sidebar__collapse:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}@media(min-width:1024px){.sidebar__collapse{display:flex}}.sidebar__collapse-icon{font-size:16px}.app-layout--collapsed .sidebar{width:var(--layout-sidebar-width-collapsed)}.app-layout--collapsed .sidebar__section-title,.app-layout--collapsed .sidebar__label,.app-layout--collapsed .sidebar__collapse-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-layout--collapsed .sidebar__link{justify-content:center;border-inline-start:none}.app-layout--collapsed .sidebar__collapse{justify-content:center;padding-inline:0}.app-layout--collapsed .sidebar__collapse-icon{transform:rotate(180deg)}@media(max-width:1023px){.sidebar{position:fixed;inset-block:var(--layout-header-height) 0;inset-inline-start:0;z-index:var(--z-sidebar);transform:translate(-100%);transition:transform var(--transition-base);box-shadow:var(--shadow-lg)}html[dir=rtl] .sidebar{transform:translate(100%)}.sidebar-wrap--mobile-open .sidebar__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);background-color:var(--color-overlay)}.sidebar-wrap--mobile-open .sidebar{transform:translate(0);z-index:calc(var(--z-overlay) + 1)}}.app-layout{display:flex;flex-direction:column;min-height:100dvh;background-color:var(--color-page-bg)}.app-layout__body{display:flex;flex:1;min-height:0}.app-layout__content{flex:1;min-width:0;overflow-x:hidden}.app-layout__container{width:100%;max-width:var(--layout-content-max);margin-inline:auto;padding:var(--space-4)}@media(min-width:768px){.app-layout__container{padding:var(--space-6)}}.catalog__intro{margin-bottom:var(--space-8)}.catalog__subtitle{margin-top:var(--space-2);color:var(--color-text-muted)}.catalog__note{display:inline-flex;align-items:center;gap:var(--space-2);margin-top:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background-color:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning-fg);font-size:var(--font-size-body-sm)}.catalog__note-icon{color:var(--color-warning-fg)}.catalog__section{margin-bottom:var(--space-12)}.catalog__heading{margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-divider)}.catalog__row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.catalog__row+.catalog__row{margin-top:var(--space-4)}.catalog__hint{margin-top:var(--space-4);font-size:var(--font-size-body-sm);color:var(--color-text-muted)}.catalog__color-groups{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:768px){.catalog__color-groups{grid-template-columns:repeat(2,1fr)}}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:var(--space-3)}.swatch{display:flex;flex-direction:column;gap:var(--space-1)}.swatch__chip{height:48px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.swatch__name{font-size:var(--font-size-caption);color:var(--color-text-muted)}.swatch--navy-50{background-color:var(--navy-50)}.swatch--navy-100{background-color:var(--navy-100)}.swatch--navy-300{background-color:var(--navy-300)}.swatch--navy-500{background-color:var(--navy-500)}.swatch--navy-700{background-color:var(--navy-700)}.swatch--navy-800{background-color:var(--navy-800)}.swatch--navy-900{background-color:var(--navy-900)}.swatch--gold-100{background-color:var(--gold-100)}.swatch--gold-200{background-color:var(--gold-200)}.swatch--gold-300{background-color:var(--gold-300)}.swatch--gold-400{background-color:var(--gold-400)}.swatch--gold-500{background-color:var(--gold-500)}.swatch--gold-600{background-color:var(--gold-600)}.swatch--gold-700{background-color:var(--gold-700)}.swatch--neutral-0{background-color:var(--neutral-0)}.swatch--neutral-50{background-color:var(--neutral-50)}.swatch--neutral-100{background-color:var(--neutral-100)}.swatch--neutral-200{background-color:var(--neutral-200)}.swatch--neutral-400{background-color:var(--neutral-400)}.swatch--neutral-600{background-color:var(--neutral-600)}.swatch--neutral-900{background-color:var(--neutral-900)}.swatch--success{background-color:var(--success)}.swatch--warning{background-color:var(--warning)}.swatch--danger{background-color:var(--danger)}.swatch--info{background-color:var(--info)}.type-scale{display:flex;flex-direction:column;gap:var(--space-3)}.type-sample{color:var(--color-heading)}.type-sample--display{font-size:var(--font-size-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-display)}.type-sample--h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-h1)}.type-sample--h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-h2)}.type-sample--h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-medium);line-height:var(--line-height-h3)}.type-sample--body{font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text)}.type-sample--body-sm{font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-text)}.type-sample--caption{font-size:var(--font-size-caption);line-height:var(--line-height-caption);color:var(--color-text-muted)}.catalog__form-grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:768px){.catalog__form-grid{grid-template-columns:repeat(2,1fr)}}.catalog__choices{display:flex;flex-direction:column;gap:var(--space-3)}.catalog__radios{display:flex;flex-wrap:wrap;gap:var(--space-4)}.catalog__states{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:768px){.catalog__states{grid-template-columns:repeat(2,1fr)}}