:root{--color-white: #ffffff;--color-black: #000000;--color-transparent: transparent;--color-gray-25: #f9fafb;--color-gray-50: #f0f2f5;--color-gray-100: #e4e7ec;--color-gray-200: #cdd5df;--color-gray-300: #afb8c8;--color-gray-400: #8896ab;--color-gray-500: #697d95;--color-gray-600: #546679;--color-gray-700: #455468;--color-gray-800: #3a4759;--color-gray-900: #30394a;--color-gray-950: #263238;--color-brand-25: #f7f9fd;--color-brand-50: #edf1fa;--color-brand-100: #d6dff3;--color-brand-200: #b0c2e8;--color-brand-300: #809dd9;--color-brand-400: #5a80cb;--color-brand-500: #3d66b8;--color-brand-600: #30519a;--color-brand-700: #27427d;--color-brand-800: #223868;--color-brand-900: #1f3058;--color-brand-950: #1f2c47;--color-error-25: #fef7f6;--color-error-50: #fdedea;--color-error-100: #fbd6d0;--color-error-200: #f8b0a5;--color-error-300: #f18170;--color-error-400: #e75b46;--color-error-500: #d94529;--color-error-600: #b33518;--color-error-700: #952c14;--color-error-800: #7b2612;--color-error-900: #692210;--color-error-950: #5a1b0c;--color-warning-25: #fff9f5;--color-warning-50: #fff1e5;--color-warning-100: #ffddc2;--color-warning-200: #ffc08a;--color-warning-300: #ff9c4d;--color-warning-400: #f58023;--color-warning-500: #e06e0a;--color-warning-600: #b95700;--color-warning-700: #964700;--color-warning-800: #7d3c00;--color-warning-900: #6f3500;--color-warning-950: #662c00;--color-success-25: #f6fefb;--color-success-50: #e6faf2;--color-success-100: #c3f2df;--color-success-200: #8ee5c0;--color-success-300: #55d09e;--color-success-400: #2dba82;--color-success-500: #17a06c;--color-success-600: #0e8a5d;--color-success-700: #0b754f;--color-success-800: #096344;--color-success-900: #07563c;--color-success-950: #056243;--color-jnblue-25: #f6fafe;--color-jnblue-50: #e8f2fd;--color-jnblue-100: #cde2fb;--color-jnblue-200: #a0c8f7;--color-jnblue-300: #6aaaf1;--color-jnblue-400: #3d90ea;--color-jnblue-500: #1f7cdf;--color-jnblue-600: #1567c0;--color-jnblue-700: #12569e;--color-jnblue-800: #114a85;--color-jnblue-900: #104071;--color-jnblue-950: #0d52a1}:root{--text-primary: var(--color-gray-950);--text-primary-on-brand: var(--color-white);--text-secondary: var(--color-gray-800);--text-secondary-hover: var(--color-gray-900);--text-tertiary: var(--color-gray-700);--text-tertiary-hover: var(--color-gray-800);--text-quaternary: var(--color-gray-500);--text-white: var(--color-white);--text-disabled: var(--color-gray-500);--text-placeholder: var(--color-gray-500);--text-brand-primary: var(--color-brand-950);--text-brand-secondary: var(--color-brand-800);--text-brand-tertiary: var(--color-brand-700);--text-error-primary: var(--color-error-700);--text-warning-primary: var(--color-warning-700);--text-success-primary: var(--color-success-800);--bg-primary: var(--color-white);--bg-primary-alt: var(--color-gray-25);--bg-primary-hover: var(--color-gray-50);--bg-secondary: var(--color-gray-50);--bg-secondary-hover: var(--color-gray-200);--bg-tertiary: var(--color-gray-100);--bg-quaternary: var(--color-gray-200);--bg-disabled: var(--color-gray-100);--bg-disabled-subtle: var(--color-gray-50);--bg-brand-primary: var(--color-brand-50);--bg-brand-secondary: var(--color-brand-100);--bg-brand-solid: var(--color-brand-900);--bg-brand-solid-hover: var(--color-brand-950);--bg-brand-section: var(--color-brand-800);--bg-brand-section-subtle: var(--color-brand-700);--bg-error-primary: var(--color-error-50);--bg-error-solid: var(--color-error-700);--bg-error-solid-hover: var(--color-error-800);--bg-success-primary: var(--color-success-50);--bg-success-solid: var(--color-success-700);--border-primary: var(--color-gray-300);--border-secondary: var(--color-gray-200);--border-tertiary: var(--color-gray-100);--border-disabled: var(--color-gray-300);--border-disabled-subtle: var(--color-gray-200);--border-brand: var(--color-brand-600);--border-error: var(--color-error-500);--border-error-subtle: var(--color-error-300);--fg-primary: var(--color-gray-950);--fg-secondary: var(--color-gray-800);--fg-tertiary: var(--color-gray-700);--fg-quaternary: var(--color-gray-600);--fg-white: var(--color-white);--fg-disabled: var(--color-gray-400);--fg-brand: var(--color-brand-900);--fg-brand-primary: var(--color-brand-700);--fg-error-primary: var(--color-error-700);--focus-ring: var(--color-brand-700);--focus-ring-error: var(--color-error-500)}:root{--font-family-display: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-body: "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-numerical: "DM Mono", "SF Mono", Monaco, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-2xs: 10px;--font-size-xs: 12px;--font-size-sm: 14px;--font-size-md: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-display-xs: 24px;--font-size-display-sm: 30px;--font-size-display-md: 36px;--line-height-2xs: 16px;--line-height-xs: 18px;--line-height-sm: 20px;--line-height-md: 24px;--line-height-lg: 28px;--line-height-xl: 30px;--line-height-display-xs: 32px;--line-height-display-sm: 38px;--line-height-display-md: 44px;--font-regular: var(--font-weight-regular);--font-medium: var(--font-weight-medium);--font-semibold: var(--font-weight-semibold);--font-bold: var(--font-weight-bold);--text-2xs: var(--font-size-2xs);--text-xs: var(--font-size-xs);--text-sm: var(--font-size-sm);--text-md: var(--font-size-md);--text-lg: var(--font-size-lg);--text-xl: var(--font-size-xl);--leading-2xs: var(--line-height-2xs);--leading-xs: var(--line-height-xs);--leading-sm: var(--line-height-sm);--leading-md: var(--line-height-md);--leading-lg: var(--line-height-lg);--leading-xl: var(--line-height-xl)}:root{--spacing-none: 0px;--spacing-xxs: 2px;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-2xl: 20px;--spacing-3xl: 24px;--spacing-4xl: 32px;--spacing-5xl: 40px;--spacing-6xl: 48px;--spacing-7xl: 64px;--spacing-8xl: 80px;--spacing-9xl: 96px;--spacing-10xl: 128px;--spacing-11xl: 160px;--container-padding-mobile: 16px;--container-padding-desktop: 32px;--container-max-width: 1280px;--width-xxs: 320px;--width-xs: 384px;--width-sm: 480px;--width-md: 560px;--width-lg: 640px;--width-xl: 768px;--width-2xl: 1024px;--width-3xl: 1280px;--width-4xl: 1440px}:root{--radius-none: 0px;--radius-xxs: 2px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 20px;--radius-4xl: 24px;--radius-full: 9999px}:root{--shadow-xs: 0px 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0px 1px 3px rgba(16, 24, 40, .1), 0px 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0px 4px 8px -2px rgba(16, 24, 40, .1), 0px 2px 4px -2px rgba(16, 24, 40, .06);--shadow-lg: 0px 12px 16px -4px rgba(16, 24, 40, .08), 0px 4px 6px -2px rgba(16, 24, 40, .03);--shadow-xl: 0px 20px 24px -4px rgba(16, 24, 40, .08), 0px 8px 8px -4px rgba(16, 24, 40, .03)}:root{--duration-instant: 0s;--duration-fast: .15s;--duration-normal: .2s;--duration-moderate: .25s;--duration-slow: .3s;--ease-default: ease;--ease-in: ease-in;--ease-out: ease-out;--ease-in-out: ease-in-out;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-moderate: .25s ease;--transition-slow: .3s ease}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes drawer-slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes drawer-slide-out-right{0%{transform:translate(0)}to{transform:translate(100%)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family-body);color:var(--text-primary);background:var(--bg-primary-alt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gallery-shell{min-height:100vh;display:flex;flex-direction:column}.gallery-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-3xl) var(--spacing-lg) 0;background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);position:sticky;top:0;z-index:50;height:57px}.gallery-logo{display:flex;align-items:center;margin-left:62px;text-decoration:none}.gallery-logo-img{height:40px;width:auto}.gallery-hamburger{display:none;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast)}.gallery-hamburger:hover{border-color:var(--border-brand);color:var(--text-primary)}.gallery-body{display:flex;flex:1;min-height:0}.gallery-sidebar{width:260px;flex-shrink:0;background:var(--bg-primary);border-right:1px solid var(--border-secondary);overflow-y:auto;overflow-x:hidden;padding:var(--spacing-lg) 0;position:sticky;top:57px;height:calc(100vh - 57px)}.gallery-sidebar::-webkit-scrollbar{width:4px}.gallery-sidebar::-webkit-scrollbar-track{background:transparent}.gallery-sidebar::-webkit-scrollbar-thumb{background:var(--border-tertiary);border-radius:var(--radius-full)}.gallery-sidebar-backdrop{display:none}.gallery-main{flex:1;padding:var(--spacing-4xl) var(--spacing-3xl);max-width:1160px;width:100%;margin:0 auto;min-width:0}.sidebar-sections{list-style:none;margin:0;padding:0}.sidebar-item{margin-bottom:2px}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-sm) var(--spacing-xl);border:none;background:none;color:var(--text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);text-align:left;line-height:var(--line-height-sm)}.sidebar-link:hover{background:var(--bg-secondary);color:var(--text-primary)}.sidebar-link--section{padding:var(--spacing-md) var(--spacing-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary);font-size:var(--font-size-sm)}.sidebar-link--section-active{color:var(--text-brand-primary)}.sidebar-link--active{background:var(--bg-brand-secondary);color:var(--text-brand-primary);font-weight:var(--font-weight-semibold)}.sidebar-link--active:hover{background:var(--bg-brand-secondary)}.sidebar-children{list-style:none;margin:0;padding:0 0 var(--spacing-sm) 0}.sidebar-link--child{font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);padding:var(--spacing-xs) var(--spacing-xl) var(--spacing-xs) var(--spacing-5xl);border-left:2px solid transparent;margin-left:var(--spacing-xl);border-left:2px solid var(--border-tertiary);padding-left:var(--spacing-lg)}.sidebar-link--child.sidebar-link--active{border-left-color:var(--border-brand)}.sidebar-subgroup-label{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-xs);margin-left:var(--spacing-xl);padding-left:var(--spacing-lg);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.04em;border-left:2px solid var(--border-tertiary)}.sidebar-icon{flex-shrink:0;color:var(--text-tertiary)}.sidebar-link--section-active .sidebar-icon,.sidebar-link--active .sidebar-icon{color:var(--text-brand-primary)}.sidebar-chevron{margin-left:auto;transition:transform var(--transition-fast);color:var(--text-quaternary);flex-shrink:0}.sidebar-chevron--expanded{transform:rotate(90deg)}.welcome-page{max-width:800px}.welcome-header{margin-bottom:var(--spacing-4xl);text-align:center}.welcome-logo{height:156px;width:auto;margin-bottom:var(--spacing-xl)}.welcome-header h1{font-family:var(--font-family-display);font-size:var(--font-size-display-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-display-xs);margin-bottom:var(--spacing-md)}.welcome-header p{font-size:var(--font-size-md);color:var(--text-tertiary);line-height:var(--line-height-md);max-width:600px;margin-left:auto;margin-right:auto}.welcome-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.welcome-card{display:flex;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.welcome-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md)}.welcome-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.welcome-card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-lg);background:var(--bg-secondary);color:var(--text-tertiary);flex-shrink:0}.welcome-card-body h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);margin-bottom:var(--spacing-xs);display:flex;align-items:center;gap:var(--spacing-md)}.welcome-card-body p{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-sm)}.welcome-badge{display:inline-flex;align-items:center;padding:2px var(--spacing-md);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-quaternary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.gallery-home-header{margin-bottom:var(--spacing-4xl)}.gallery-home-header h1{font-family:var(--font-family-display);font-size:var(--font-size-display-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-display-xs);margin-bottom:var(--spacing-md)}.gallery-home-header p{font-size:var(--font-size-md);color:var(--text-tertiary);line-height:var(--line-height-md)}.gallery-group{margin-bottom:var(--spacing-4xl)}.gallery-group-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-tertiary)}.gallery-group-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-secondary);color:var(--fg-secondary);flex-shrink:0}.gallery-group-title{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg)}.gallery-group-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-sm)}.gallery-group-count{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 var(--spacing-md);border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);font-family:var(--font-family-numerical)}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-xl)}.gallery-card{display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);overflow:hidden;text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.gallery-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md)}.gallery-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.gallery-card-preview{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-3xl) var(--spacing-xl);background:var(--bg-secondary);border-bottom:1px solid var(--border-tertiary);min-height:120px}.gallery-card-body{padding:var(--spacing-xl)}.gallery-card-body h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);margin-bottom:var(--spacing-xs)}.gallery-card-body p{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-sm)}.detail-back{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--text-tertiary);text-decoration:none;margin-bottom:var(--spacing-3xl);transition:color var(--transition-fast)}.detail-back:hover{color:var(--text-primary)}.detail-header{margin-bottom:var(--spacing-4xl)}.detail-header h1{font-family:var(--font-family-display);font-size:var(--font-size-display-xs);font-weight:var(--font-weight-bold);line-height:var(--line-height-display-xs);margin-bottom:var(--spacing-md)}.detail-header p{font-size:var(--font-size-md);color:var(--text-tertiary);line-height:var(--line-height-md);max-width:640px}.demo-section{margin-bottom:var(--spacing-4xl)}.demo-section h2{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);margin-bottom:var(--spacing-xs)}.demo-section>p{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-sm);margin-bottom:var(--spacing-xl)}.demo-box{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-3xl);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.demo-box-col{flex-direction:column;align-items:flex-start}.props-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.props-table th{text-align:left;font-weight:var(--font-weight-semibold);color:var(--text-tertiary);padding:var(--spacing-md) var(--spacing-lg);border-bottom:2px solid var(--border-secondary);white-space:nowrap}.props-table td{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-tertiary);vertical-align:top}.props-table code{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-xs);color:var(--text-brand-primary);white-space:nowrap}.code-block{margin-bottom:var(--spacing-lg)}.code-block-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.code-block-body{position:relative;background:var(--color-gray-950);border-radius:var(--radius-md);overflow:hidden}.code-block-body pre{margin:0;padding:var(--spacing-xl);padding-right:80px;overflow-x:auto}.code-block-body code{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);line-height:var(--line-height-sm);color:var(--color-gray-200);white-space:pre-wrap;word-break:break-all}.code-block-copy{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:#ffffff1a;border:none;border-radius:var(--radius-sm);color:var(--color-gray-300);font-family:var(--font-family-body);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.code-block-copy:hover{background:#fff3;color:var(--color-white)}.a11y-notes{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.a11y-note{display:flex;gap:var(--spacing-lg)}.a11y-note-label{flex-shrink:0;width:80px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.04em;padding-top:2px}.a11y-note-text{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-sm)}.playground{display:flex;gap:var(--spacing-3xl);padding:var(--spacing-3xl);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg)}.playground-preview{flex:1;display:flex;align-items:center;justify-content:center;min-height:160px;background:#fff;border-radius:var(--radius-md);padding:var(--spacing-3xl)}.playground-controls{width:280px;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-xl)}.control-group label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);margin-bottom:var(--spacing-xs);text-transform:uppercase;letter-spacing:.04em}.control-group select,.control-group input[type=text]{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-primary);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);background:var(--bg-primary);color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.control-group select:focus,.control-group input[type=text]:focus{border-color:var(--border-brand)}.control-toggle{display:flex;align-items:center;gap:var(--spacing-md);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer}.control-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--color-brand-600);cursor:pointer}.templates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-xl)}.templates-card{display:flex;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.templates-card:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md)}.templates-card:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.templates-card-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bg-brand-secondary);color:var(--text-brand-primary);flex-shrink:0}.templates-card-body{flex:1;min-width:0}.templates-card-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);margin:0 0 var(--spacing-xs) 0;color:var(--text-primary)}.templates-card-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-sm);margin:0}.templates-card-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-quaternary);transition:color var(--transition-fast),transform var(--transition-fast)}.templates-card:hover .templates-card-arrow{color:var(--text-brand-primary);transform:translate(2px)}.prototypes-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.prototypes-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-secondary)}.prototypes-header{display:flex;align-items:center;height:57px;padding:0 var(--spacing-3xl);background:var(--bg-primary);border-bottom:1px solid var(--border-secondary);flex-shrink:0}.prototypes-header-logo{display:flex;align-items:center;text-decoration:none}.prototypes-main{flex:1;max-width:1160px;width:100%;margin:0 auto;padding:var(--spacing-4xl) var(--spacing-3xl);overflow-y:auto}.prototypes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-4xl) var(--spacing-xl);border:2px dashed var(--border-secondary);border-radius:var(--radius-xl)}.prototypes-empty-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:var(--radius-lg);background:var(--bg-brand-secondary);color:var(--text-brand-primary);margin-bottom:var(--spacing-lg)}.prototypes-empty h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.prototypes-empty p{font-size:var(--font-size-sm);color:var(--text-tertiary);line-height:var(--line-height-sm);margin:0;max-width:400px}.prototypes-empty code{font-size:var(--font-size-xs);background:var(--bg-secondary);padding:2px 6px;border-radius:var(--radius-sm)}@media (max-width: 768px){.gallery-hamburger{display:inline-flex}.gallery-sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;z-index:100;transform:translate(-100%);transition:transform var(--transition-moderate);height:100vh;padding-top:var(--spacing-xl);box-shadow:none}.gallery-sidebar--open{transform:translate(0);box-shadow:var(--shadow-xl)}.gallery-sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:#0000004d}.gallery-main{padding:var(--spacing-xl)}.gallery-header{padding:var(--spacing-lg) var(--spacing-xl)}.gallery-group-header{flex-wrap:wrap}.playground{flex-direction:column}.playground-controls{width:100%}.welcome-grid,.templates-grid{grid-template-columns:1fr}}.setup-page{max-width:1160px}.doc-step-number{color:var(--text-tertiary);font-weight:var(--font-weight-semibold)}.doc-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.doc-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.doc-card h4{margin:0 0 var(--spacing-sm) 0;font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.doc-card p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}a.doc-card-link{text-decoration:none;color:inherit;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}a.doc-card-link:hover{border-color:var(--border-brand);box-shadow:0 0 0 1px var(--border-brand)}a.doc-card-link h4{color:var(--fg-brand-secondary, #60759F)}.doc-highlight-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.doc-highlight-card h4{margin:0 0 var(--spacing-sm) 0;font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.doc-highlight-card p{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-secondary)}.doc-callout{display:flex;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.doc-callout-icon{flex-shrink:0;margin-top:1px}.doc-callout-content{color:var(--text-secondary)}.doc-callout-content strong{color:var(--text-primary)}.doc-callout-info{background:var(--color-brand-50);border:1px solid var(--color-brand-200)}.doc-callout-info .doc-callout-icon{color:var(--color-brand-500)}.doc-callout-tip{background:var(--color-success-50);border:1px solid var(--color-success-200)}.doc-callout-tip .doc-callout-icon{color:var(--color-success-600)}.doc-callout-warning{background:var(--color-warning-50);border:1px solid var(--color-warning-200)}.doc-callout-warning .doc-callout-icon{color:var(--color-warning-600)}.doc-inline-code{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);padding:1px 6px}.doc-link{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-brand-600);text-decoration:none}.doc-link:hover{text-decoration:underline}.doc-link-inline{color:var(--color-brand-600);text-decoration:none}.doc-link-inline:hover{text-decoration:underline}.doc-ai-prompts{margin:var(--spacing-sm) 0 0 0;padding-left:var(--spacing-xl);list-style:disc}.doc-ai-prompts li{margin-bottom:var(--spacing-xs);font-style:italic}.doc-sub-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);margin-bottom:var(--spacing-sm)}.doc-body-text{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-secondary);margin-bottom:var(--spacing-xl)}.coming-soon-page .detail-header .coming-soon-subtitle{font-size:var(--font-size-sm);color:var(--text-quaternary);margin-bottom:var(--spacing-sm)}.coming-soon-box{justify-content:center;flex-direction:column;gap:var(--spacing-xl);min-height:240px}.coming-soon-icon{color:var(--text-quaternary)}.coming-soon-body{text-align:center}.coming-soon-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);margin-bottom:var(--spacing-xs)}.coming-soon-description{font-size:var(--font-size-sm);color:var(--text-quaternary);max-width:400px}.color-swatch{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:120px}.color-swatch-block{width:120px;height:80px;border-radius:var(--radius-lg);display:flex;align-items:flex-end;justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--border-tertiary)}.color-swatch-hex{font-family:var(--font-family-mono);font-size:var(--font-size-xs);opacity:.85}.color-swatch-info{display:flex;flex-direction:column;gap:2px}.color-swatch-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.color-swatch-token{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--text-tertiary)}.color-palette-row{display:flex;gap:0;overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-tertiary)}.color-palette-chip{display:flex;flex-direction:column;align-items:center;flex:1;min-width:64px}.color-palette-block{width:100%;height:64px;display:flex;align-items:center;justify-content:center}.color-palette-chip:first-child .color-palette-block{border-radius:var(--radius-md) 0 0 0}.color-palette-chip:last-child .color-palette-block{border-radius:0 var(--radius-md) 0 0}.color-palette-shade{font-family:var(--font-family-mono);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.color-palette-hex{font-family:var(--font-family-mono);font-size:10px;color:var(--text-quaternary);padding:var(--spacing-xs) 0 var(--spacing-sm);text-align:center}.color-semantic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-3xl)}.color-semantic-group{display:flex;flex-direction:column}.color-semantic-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-xs)}.color-semantic-desc{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-lg)}.color-semantic-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.color-semantic-item{display:flex;align-items:center;gap:var(--spacing-lg)}.color-semantic-dot{width:24px;height:24px;min-width:24px;border-radius:var(--radius-sm);border:1px solid var(--border-tertiary)}.color-semantic-details{display:flex;flex-direction:column;gap:1px}.color-semantic-usage{font-size:var(--font-size-xs);color:var(--text-quaternary)}.color-reference-table{display:flex;flex-direction:column;width:100%;gap:0}.color-ref-row{display:grid;grid-template-columns:1fr 1fr 40px;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-tertiary);font-size:var(--font-size-sm);color:var(--text-secondary)}.color-ref-row:last-child{border-bottom:none}.color-ref-header{font-weight:var(--font-weight-semibold);color:var(--text-tertiary);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.03em;border-bottom:2px solid var(--border-secondary)}.color-ref-row code{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--text-tertiary)}.type-scale{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.type-specimen{padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--border-tertiary)}.type-specimen:last-child{border-bottom:none}.type-specimen-meta{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);flex-wrap:wrap}.type-specimen-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.03em;min-width:80px}.type-specimen-token{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-tertiary);background:var(--bg-secondary);padding:1px var(--spacing-sm);border-radius:var(--radius-xs)}.type-specimen-shorthand{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:#60759f;background:var(--color-brand-50);padding:1px var(--spacing-sm);border-radius:var(--radius-xs)}.type-specimen-details{font-size:var(--font-size-xs);color:var(--text-quaternary);margin-left:auto}.type-specimen-sample{color:var(--text-primary);font-family:var(--font-family-body);margin:0}.type-weight{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:160px}.type-weight-sample{font-family:var(--font-family-body);font-size:var(--font-size-display-xs);color:var(--text-primary);margin:0;line-height:1.2}.type-weight-meta{display:flex;flex-direction:column;gap:2px}.type-weight-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.type-family{display:flex;flex-direction:column;gap:var(--spacing-sm)}.type-family-sample{font-size:var(--font-size-xl);color:var(--text-primary);margin:0;line-height:1.3}.type-family-meta{display:flex;flex-direction:column;gap:2px}.type-pairing{display:flex;flex-direction:column;gap:var(--spacing-xs)}.type-pairing p{margin:0}.type-pairing-recipe{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:#60759f;background:var(--color-brand-50);padding:2px var(--spacing-md);border-radius:var(--radius-xs);align-self:flex-start}.spacing-scale{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.spacing-bar{display:grid;grid-template-columns:200px 1fr;align-items:center;gap:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-xl);border-bottom:1px solid var(--border-tertiary)}.spacing-bar:last-child{border-bottom:none}.spacing-bar-meta{display:flex;align-items:center;gap:var(--spacing-md)}.spacing-bar-token{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-tertiary)}.spacing-bar-value{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-quaternary);margin-left:auto;min-width:36px;text-align:right}.spacing-bar-track{height:16px;background:var(--bg-secondary);border-radius:var(--radius-xs);overflow:hidden}.spacing-bar-fill{height:100%;background:#60759f;border-radius:var(--radius-xs);min-width:1px}.spacing-demo-box-wrapper{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.spacing-demo-box{background:var(--color-brand-50);border:1px dashed var(--color-brand-200);border-radius:var(--radius-sm)}.spacing-demo-inner{width:32px;height:32px;background:#60759f;border-radius:var(--radius-xs)}.spacing-demo-label{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-quaternary)}.spacing-widths{display:flex;flex-direction:column;gap:var(--spacing-lg)}.spacing-width-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.spacing-width-track{height:28px;background:var(--bg-secondary);border-radius:var(--radius-sm);overflow:hidden}.spacing-width-fill{height:100%;background:var(--color-brand-50);border:1px solid var(--color-brand-200);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:flex-end;padding:0 var(--spacing-md);font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-tertiary)}.icon-toolbar{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.icon-search-wrapper{position:relative;display:flex;align-items:center;flex:1;max-width:400px}.icon-search-wrapper svg{position:absolute;left:var(--spacing-md);color:var(--text-quaternary);pointer-events:none}.icon-search{width:100%;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) 36px;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.icon-search::placeholder{color:var(--text-quaternary)}.icon-search:focus{border-color:var(--border-brand)}.icon-search-clear{position:absolute;right:var(--spacing-sm);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;font-size:var(--font-size-lg);line-height:1;color:var(--text-quaternary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:color var(--transition-fast)}.icon-search-clear:hover{color:var(--text-secondary)}.icon-result-count{font-size:var(--font-size-sm);color:var(--text-quaternary);white-space:nowrap}.icon-category-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-2xl)}.icon-chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast);text-transform:capitalize}.icon-chip:hover{border-color:var(--border-primary);color:var(--text-primary)}.icon-chip-active{background:var(--color-brand-50);border-color:var(--color-brand-200);color:#60759f}.icon-chip-active:hover{background:var(--color-brand-100);border-color:var(--color-brand-300);color:#60759f}.icon-chip-count{font-size:var(--font-size-2xs);color:var(--text-quaternary)}.icon-chip-active .icon-chip-count{color:#60759f;opacity:.7}.icon-categories{display:flex;flex-direction:column;gap:var(--spacing-3xl)}.icon-category-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.icon-category-title{font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);text-transform:capitalize;margin:0}.icon-category-count{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-quaternary);background:var(--bg-secondary);padding:1px var(--spacing-sm);border-radius:var(--radius-full)}.icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-md)}.icon-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-sm) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);text-align:center}.icon-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.icon-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring)}.icon-card-copied{border-color:var(--color-success-300);background:var(--color-success-50)}.icon-card-preview{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--text-primary)}.icon-card-preview svg{width:24px;height:24px}.icon-card-info{display:flex;flex-direction:column;gap:2px;min-width:0;width:100%}.icon-card-name{font-family:var(--font-family-numerical);font-size:var(--font-size-2xs);color:var(--text-secondary);word-break:break-all}.icon-card-alias{font-family:var(--font-family-body);font-size:var(--font-size-2xs);font-weight:var(--font-weight-medium);color:#60759f}.icon-card-toast{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);font-size:var(--font-size-2xs);font-weight:var(--font-weight-semibold);color:var(--color-success-700);background:var(--color-success-100);padding:1px var(--spacing-sm);border-radius:var(--radius-sm)}.icon-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-5xl) var(--spacing-xl);color:var(--text-quaternary);font-size:var(--font-size-sm)}.shadow-scale{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.shadow-card{display:grid;grid-template-columns:120px 1fr;align-items:center;gap:var(--spacing-2xl);padding:var(--spacing-2xl);border-bottom:1px solid var(--border-tertiary)}.shadow-card:last-child{border-bottom:none}.shadow-card-preview{width:120px;height:72px;background:var(--bg-primary);border-radius:var(--radius-lg)}.shadow-card-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.shadow-card-token{font-family:var(--font-family-numerical);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.shadow-card-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.shadow-card-value{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-quaternary);word-break:break-all}.shadow-comparison-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:140px;height:120px;background:var(--bg-primary);border-radius:var(--radius-lg)}.shadow-comparison-label{font-family:var(--font-family-body);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.shadow-comparison-token{font-family:var(--font-family-numerical);font-size:var(--font-size-2xs);color:var(--text-quaternary)}.radius-scale{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--spacing-xl)}.radius-specimen{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.radius-specimen-preview{width:80px;height:80px;background:var(--color-brand-50);border:2px solid var(--color-brand-200)}.radius-specimen-info{display:flex;flex-direction:column;align-items:center;gap:2px}.radius-specimen-token{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-secondary)}.radius-specimen-value{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-quaternary)}.radius-comparison-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);width:120px;height:100px;background:var(--color-brand-50);border:2px solid var(--color-brand-200)}.radius-comparison-label{font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.radius-comparison-token{font-family:var(--font-family-numerical);font-size:var(--font-size-2xs);color:var(--text-quaternary)}.changelog-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.changelog-entry{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-2xl);padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-tertiary)}.changelog-entry:last-child{border-bottom:none}.changelog-entry-left{display:flex;flex-direction:column;gap:var(--spacing-xs)}.changelog-hash{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:#60759f;background:var(--color-brand-50);padding:1px var(--spacing-sm);border-radius:var(--radius-xs);align-self:flex-start}.changelog-date{font-size:var(--font-size-xs);color:var(--text-quaternary)}.changelog-entry-right{display:flex;flex-direction:column;gap:var(--spacing-xs)}.changelog-message{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);line-height:var(--line-height-sm)}.changelog-author{font-size:var(--font-size-xs);color:var(--text-tertiary)}.changelog-empty{padding:var(--spacing-5xl) var(--spacing-xl);text-align:center;color:var(--text-quaternary);font-size:var(--font-size-sm)}.logo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-xl)}.logo-card{all:unset;display:flex;flex-direction:column;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative}.logo-card:hover{border-color:var(--border-primary);box-shadow:var(--shadow-sm)}.logo-card:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.logo-card-copied{border-color:var(--color-success-500)}.logo-card-preview{display:flex;align-items:center;justify-content:center;padding:var(--spacing-3xl);min-height:120px;background:#fff}.logo-card-dark .logo-card-preview{background:var(--color-gray-900)}.logo-card-preview img{max-width:100%;max-height:80px;object-fit:contain}.logo-card-info{display:flex;flex-direction:column;gap:var(--spacing-xxs);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--border-secondary);background:var(--bg-primary)}.logo-card-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary)}.logo-card-file{font-family:var(--font-family-numerical);font-size:var(--font-size-xs);color:var(--text-tertiary)}.logo-card-toast{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:var(--color-success-50);color:var(--color-success-700);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-xxs) var(--spacing-md);border-radius:var(--radius-full)}.alert{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-xl);border-radius:var(--radius-lg);border:1px solid;font-family:var(--font-family-body)}.alert-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}.alert-icon svg{width:20px;height:20px}.alert-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.alert-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.alert-title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-sm)}.alert-description{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-sm)}.alert-actions{display:flex;align-items:center;gap:var(--spacing-lg)}.alert-action{all:unset;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-sm);cursor:pointer;border-radius:var(--radius-xs);transition:opacity var(--transition-fast)}.alert-action:hover{opacity:.8}.alert-action:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.alert-close{all:unset;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;margin:calc(-1 * var(--spacing-xs)) calc(-1 * var(--spacing-xs)) 0 0;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast);opacity:.6}.alert-close:hover{opacity:1}.alert-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100);opacity:1}.alert-info{background:var(--color-gray-25);border-color:var(--color-gray-200)}.alert-info .alert-icon{color:var(--color-gray-600)}.alert-info .alert-title{color:var(--color-gray-900)}.alert-info .alert-description{color:var(--color-gray-700)}.alert-info .alert-close{color:var(--color-gray-600)}.alert-info .alert-close:hover{background:var(--color-gray-100)}.alert-info .alert-action{color:var(--color-gray-800)}.alert-brand{background:var(--color-brand-25);border-color:var(--color-brand-200)}.alert-brand .alert-icon{color:var(--color-brand-600)}.alert-brand .alert-title{color:var(--color-brand-900)}.alert-brand .alert-description{color:var(--color-brand-700)}.alert-brand .alert-close{color:var(--color-brand-600)}.alert-brand .alert-close:hover{background:var(--color-brand-100)}.alert-brand .alert-action{color:var(--color-brand-800)}.alert-success{background:var(--color-success-25);border-color:var(--color-success-200)}.alert-success .alert-icon{color:var(--color-success-600)}.alert-success .alert-title{color:var(--color-success-900)}.alert-success .alert-description{color:var(--color-success-700)}.alert-success .alert-close{color:var(--color-success-600)}.alert-success .alert-close:hover{background:var(--color-success-100)}.alert-success .alert-action{color:var(--color-success-800)}.alert-warning{background:var(--color-warning-25);border-color:var(--color-warning-200)}.alert-warning .alert-icon{color:var(--color-warning-600)}.alert-warning .alert-title{color:var(--color-warning-900)}.alert-warning .alert-description{color:var(--color-warning-700)}.alert-warning .alert-close{color:var(--color-warning-600)}.alert-warning .alert-close:hover{background:var(--color-warning-100)}.alert-warning .alert-action{color:var(--color-warning-800)}.alert-error{background:var(--color-error-25);border-color:var(--color-error-200)}.alert-error .alert-icon{color:var(--color-error-600)}.alert-error .alert-title{color:var(--color-error-900)}.alert-error .alert-description{color:var(--color-error-700)}.alert-error .alert-close{color:var(--color-error-600)}.alert-error .alert-close:hover{background:var(--color-error-100)}.alert-error .alert-action{color:var(--color-error-800)}.breadcrumb-list{display:flex;align-items:center;gap:var(--spacing-sm);list-style:none;margin:0;padding:0;font-family:var(--font-family-body);font-size:var(--text-sm);line-height:var(--leading-sm)}.breadcrumb-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--text-tertiary);text-decoration:none;font-weight:var(--font-medium);transition:color var(--transition-fast);white-space:nowrap}.breadcrumb-item:hover:not(.breadcrumb-item-active){color:var(--text-secondary)}.breadcrumb-item-active{color:var(--text-secondary);font-weight:var(--font-semibold);pointer-events:none}.breadcrumb-item-icon{display:inline-flex;align-items:center}.breadcrumb-home{display:inline-flex;align-items:center;justify-content:center;color:var(--text-quaternary);text-decoration:none;transition:color var(--transition-fast)}.breadcrumb-home:hover{color:var(--text-tertiary)}.breadcrumb-home svg{width:20px;height:20px}.breadcrumb-separator{display:inline-flex;align-items:center;justify-content:center;color:var(--text-quaternary);flex-shrink:0;list-style:none}.breadcrumb-separator svg{width:16px;height:16px}.breadcrumb-ellipsis-wrapper{position:relative;display:inline-flex;list-style:none}.breadcrumb-ellipsis{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs);color:var(--text-tertiary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.breadcrumb-ellipsis:hover{background-color:var(--bg-secondary)}.breadcrumb-ellipsis:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.breadcrumb-ellipsis svg{width:16px;height:16px}.breadcrumb-dropdown{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--spacing-xs);background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);min-width:150px;z-index:1000;animation:breadcrumb-dropdown-in var(--duration-fast) var(--ease-out)}@keyframes breadcrumb-dropdown-in{0%{opacity:0;transform:translate(-50%) translateY(-4px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.breadcrumb-dropdown-item{display:block;width:100%;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);font-weight:var(--font-medium);border-radius:var(--radius-sm);transition:background-color var(--transition-fast);white-space:nowrap}.breadcrumb-dropdown-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.chat{display:flex;flex-direction:column;height:100%;font-family:var(--font-family-body)}.chat-container{display:flex;flex-direction:column;gap:var(--spacing-xl);flex:1;overflow-y:auto;padding:var(--spacing-xl)}.chat-container:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-100)}.chat-message{display:flex;align-items:flex-end;gap:var(--spacing-md);max-width:85%}.chat-message-received{align-self:flex-start;flex-direction:row}.chat-message-sent{align-self:flex-end;flex-direction:row-reverse}.chat-message-avatar{flex-shrink:0}.chat-message-content{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.chat-message-sent .chat-message-content{align-items:flex-end}.chat-message-received .chat-message-content{align-items:flex-start}.chat-message-name{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-secondary);padding:0 var(--spacing-sm)}.chat-bubble{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding:var(--spacing-lg) var(--spacing-xl);border-radius:var(--radius-xl);word-wrap:break-word;overflow-wrap:break-word}.chat-message-received .chat-bubble{background-color:var(--bg-secondary);color:var(--text-primary);border-bottom-left-radius:var(--radius-sm)}.chat-message-sent .chat-bubble{background-color:#60759f;color:#fff;border-bottom-right-radius:var(--radius-sm)}.chat-message-timestamp{font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--text-tertiary);padding:0 var(--spacing-sm)}.chat-divider{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-sm) 0}.chat-divider:before,.chat-divider:after{content:"";flex:1;height:1px;background-color:var(--border-secondary)}.chat-divider-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);white-space:nowrap}.chat-input{display:flex;align-items:flex-end;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--border-secondary);background-color:var(--bg-primary)}.chat-input-textarea{flex:1;border:1px solid var(--border-primary);border-radius:var(--radius-lg);padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-primary);background-color:var(--bg-primary);resize:none;field-sizing:content;min-height:40px;max-height:120px;overflow-y:auto;outline:none;transition:border-color var(--transition-fast)}.chat-input-textarea::placeholder{color:var(--text-placeholder)}.chat-input-textarea:focus{border-color:var(--border-brand);border-width:2px;padding:calc(var(--spacing-md) - 1px) calc(var(--spacing-lg) - 1px)}.chat-input-textarea:disabled{background-color:var(--bg-secondary);border-color:var(--border-secondary);cursor:not-allowed;color:var(--text-disabled)}.chat-input-send{all:unset;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);background-color:#60759f;color:#fff;cursor:pointer;flex-shrink:0;transition:background-color var(--transition-fast)}.chat-input-send:hover:not(:disabled){background-color:var(--color-brand-600)}.chat-input-send:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.chat-input-send:disabled{opacity:.5;cursor:not-allowed}.demo-mode-nav{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:900;display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-secondary);border-right:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);box-shadow:var(--shadow-lg);max-height:80vh;min-width:200px;font-family:var(--font-family-body)}.demo-mode-nav-collapsed{min-width:auto}.demo-mode-nav-toggle{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--bg-secondary);border:none;border-bottom:1px solid var(--border-secondary);border-radius:var(--radius-lg) 0 0 0;cursor:pointer;color:var(--text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.demo-mode-nav-collapsed .demo-mode-nav-toggle{border-bottom:none;border-radius:var(--radius-lg) 0 0 var(--radius-lg);padding:var(--spacing-lg) var(--spacing-md)}.demo-mode-nav-toggle:hover{color:var(--text-primary);background:var(--bg-tertiary)}.demo-mode-nav-toggle:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.demo-mode-nav-toggle-icon{flex-shrink:0;transition:transform var(--transition-fast)}.demo-mode-nav-title{line-height:1}.demo-mode-nav-content{overflow-y:auto;padding:var(--spacing-sm) 0}.demo-mode-nav-group{padding:var(--spacing-xs) 0}.demo-mode-nav-group+.demo-mode-nav-group{border-top:1px solid var(--border-secondary)}.demo-mode-nav-group-label{display:block;padding:var(--spacing-xs) var(--spacing-xl);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em}.demo-mode-nav-group-items{display:flex;flex-direction:column}.demo-mode-nav-item{display:flex;align-items:center;width:100%;padding:var(--spacing-sm) var(--spacing-xl);background:none;border:none;cursor:pointer;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--text-secondary);text-align:left;white-space:nowrap;transition:background var(--transition-fast),color var(--transition-fast)}.demo-mode-nav-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.demo-mode-nav-item:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-2px}.demo-mode-nav-item-active{color:#60759f;font-weight:var(--font-weight-medium);background:var(--bg-secondary);box-shadow:inset 3px 0 #60759f}.demo-mode-nav-item-active:hover{color:#60759f}.estimates-nav{display:flex;flex-direction:column;height:100%;width:272px;background:var(--bg-primary);border-right:1px solid var(--border-secondary)}.estimates-nav-content{flex:1;padding:var(--spacing-xl);overflow-y:auto;overflow-x:hidden}.estimates-nav-content::-webkit-scrollbar{width:4px}.estimates-nav-content::-webkit-scrollbar-track{background:transparent}.estimates-nav-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:2px}.estimates-nav-content::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.estimates-nav-content{scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent}.estimates-nav-section{margin-bottom:var(--spacing-md)}.estimates-nav-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;cursor:pointer;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-sm);color:var(--text-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.estimates-nav-section-toggle:hover{background:var(--bg-secondary)}.estimates-nav-section-toggle:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-100)}.estimates-nav-section-chevron{display:flex;align-items:center;transition:transform var(--transition-normal)}.estimates-nav-section-chevron svg{width:16px;height:16px}.estimates-nav-section-chevron-expanded{transform:rotate(180deg)}.estimates-nav-section-content{margin-top:var(--spacing-xs)}.estimates-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md)}.estimates-nav-row-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-primary)}.estimates-nav-row-value{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-sm);color:var(--text-secondary)}.estimates-nav-mode{padding:var(--spacing-md) var(--spacing-lg)}.estimates-nav-mode .estimates-nav-row-label{margin-bottom:var(--spacing-md)}.estimates-nav-select{width:100%;padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-sm);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M4 6L8 10L12 6' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--spacing-md) center;padding-right:calc(var(--spacing-lg) + 20px)}.estimates-nav-select:focus-visible{outline:none;border-color:var(--border-brand)}.estimates-nav-page{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.estimates-nav-page:hover{background:var(--bg-secondary)}.estimates-nav-page:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-100)}.estimates-nav-page-selected,.estimates-nav-page-selected:hover{background:var(--bg-secondary)}.estimates-nav-page-name{flex:1;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-primary)}.estimates-nav-drag-handle{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;color:var(--text-tertiary);cursor:grab}.estimates-nav-drag-handle svg{width:16px;height:16px}.estimates-nav-anchor{display:flex;align-items:center;width:100%;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:none;border:none;cursor:pointer;text-align:left;transition:background-color var(--transition-fast)}.estimates-nav-anchor:hover{background:var(--bg-secondary)}.estimates-nav-anchor:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-100)}.estimates-nav-custom-page{display:flex;justify-content:center;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xs)}.estimates-nav-footer{padding:var(--spacing-xl);border-top:1px solid var(--border-secondary);flex-shrink:0;display:flex;align-items:center;justify-content:center}.file-upload{display:flex;align-items:center;justify-content:center;padding:var(--spacing-5xl) var(--spacing-3xl);border:2px dashed var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-primary-alt);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.file-upload:hover{border-color:var(--border-primary);background:var(--bg-secondary)}.file-upload:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100);border-color:var(--border-brand)}.file-upload-dragging{border-color:#60759f;background:var(--color-brand-25)}.file-upload-dragging .file-upload-icon{color:#60759f}.file-upload-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.file-upload-input{display:none}.file-upload-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;pointer-events:none}.file-upload-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);background:var(--bg-secondary);color:var(--text-tertiary);transition:color var(--transition-fast)}.file-upload-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-upload-title{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary)}.file-upload-subtitle{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-xs);color:var(--text-tertiary)}.file-upload-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.file-upload-item{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg) var(--spacing-xl);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary)}.file-upload-item-error{border-color:var(--border-error-subtle);background:var(--color-error-25)}.file-upload-item-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;color:var(--text-tertiary)}.file-upload-item-error .file-upload-item-icon{color:var(--color-error-500)}.file-upload-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.file-upload-item-info{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.file-upload-item-name{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-upload-item-size{font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--text-tertiary)}.file-upload-item-error-text{color:var(--color-error-600)}.file-upload-item-progress{width:100%;height:4px;background:var(--bg-quaternary);border-radius:var(--radius-full);overflow:hidden}.file-upload-item-progress-bar{height:100%;background:#60759f;border-radius:var(--radius-full);transition:width var(--transition-slow)}.file-upload-item-remove{all:unset;display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:28px;margin:calc(-1 * var(--spacing-xs)) calc(-1 * var(--spacing-xs)) 0 0;border-radius:var(--radius-sm);color:var(--text-quaternary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.file-upload-item-remove:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.file-upload-item-remove:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.file-upload-item-error .file-upload-item-remove:hover{color:var(--color-error-600);background:var(--color-error-100)}.filters-trigger{all:unset;display:inline-flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.filters-trigger:hover{background-color:var(--bg-primary-hover)}.filters-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.filters-trigger-open{border-color:var(--border-brand);color:var(--text-primary)}.filters-trigger-active{border-color:#60759f;color:var(--text-primary)}.filters-trigger-badge{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;background-color:#60759f;border-radius:var(--radius-full)}.filters-popover{z-index:1000;outline:none}.filters-popover[data-state=open]{animation:filters-popover-in var(--duration-fast) var(--ease-default)}.filters-popover[data-state=closed]{animation:filters-popover-out var(--duration-fast) var(--ease-default)}@keyframes filters-popover-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes filters-popover-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.filters-popover .filters-panel{box-shadow:var(--shadow-lg);min-width:520px}.filters-panel{display:flex;flex-direction:column;background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);font-family:var(--font-family-body);overflow:hidden}.filters-header{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-sm) var(--spacing-sm) 0 var(--spacing-sm)}.filters-close{flex-shrink:0}.filters-rows{display:flex;flex-direction:column;padding:var(--spacing-lg) var(--spacing-xl);gap:var(--spacing-md)}.filters-header+.filters-rows,.filters-header+.filters-empty{padding-top:var(--spacing-sm)}.filters-row{display:flex;align-items:flex-start;gap:var(--spacing-md)}.filters-row-column{flex:0 0 180px;min-width:0}.filters-row-operator{flex:0 0 160px;min-width:0}.filters-row-value{flex:1 1 200px;min-width:0}.filters-row-value-empty{height:40px}.filters-row .filters-row-delete{flex-shrink:0;align-self:center}.filters-row .select-field,.filters-row .input-field{gap:0}.filters-logic{display:flex;align-items:center;width:80px}.filters-logic-label{display:inline-flex;align-items:center;height:40px;padding:0 var(--spacing-lg);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;-webkit-user-select:none;user-select:none}.filters-empty{padding:var(--spacing-xl);text-align:center;font-size:var(--font-size-sm);color:var(--text-quaternary)}.filters-add{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-xl)}@media (max-width: 640px){.filters-row{flex-wrap:wrap}.filters-row-column,.filters-row-operator{flex:1 1 calc(50% - var(--spacing-md))}.filters-row-value{flex:1 1 100%}}.page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-xl) 0;border-bottom:1px solid var(--border-secondary)}.page-header-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.page-header-title{font-family:var(--font-family-display);font-size:var(--font-size-display-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-display-md);color:var(--text-primary);margin:0}.page-header-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--text-tertiary);margin:0}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.page-header-fixed{position:fixed;top:56px;left:0;right:0;z-index:99;display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-3xl);background-color:var(--bg-primary);border-bottom:1px solid var(--border-secondary);box-shadow:var(--shadow-sm)}.page-header-fixed-left{display:flex;align-items:center;gap:var(--spacing-lg)}.page-header-fixed-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);color:var(--fg-secondary);text-decoration:none;transition:all var(--transition-fast)}.page-header-fixed-back:hover{color:var(--fg-primary);background-color:var(--bg-secondary)}.page-header-fixed-back:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring)}.page-header-fixed-content{display:flex;flex-direction:column;gap:2px}.page-header-fixed-title{font-family:var(--font-family-display);font-size:var(--font-size-display-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-display-xs);color:var(--text-primary);margin:0}.page-header-fixed-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--text-tertiary);margin:0}.page-header-fixed-right{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-secondary)}.section-header-content{display:flex;flex-direction:column;gap:var(--spacing-xs)}.section-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--text-primary);margin:0}.section-header-subtitle{font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--text-tertiary);margin:0}.section-header-actions{display:flex;gap:var(--spacing-md);flex-shrink:0}.job-header{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg) 0;border-bottom:1px solid var(--border-secondary)}.job-header-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);min-width:0}.job-header-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1}.job-header-content{display:flex;align-items:center;gap:var(--spacing-md);min-width:0}.job-header-title{font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--text-primary);margin:0;white-space:nowrap}.job-header-contact{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.job-header-contact-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-tertiary);text-decoration:none;border-radius:var(--radius-sm);transition:color var(--transition-fast),background-color var(--transition-fast)}.job-header-contact-link:hover{color:var(--text-secondary);background-color:var(--bg-secondary)}.job-header-contact-link:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring)}.job-header-contact-link svg{flex-shrink:0}.job-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.job-header-actions .btn-full{display:inline-flex}.job-header-actions .btn-icon-only-responsive,.job-header-actions.compact .btn-full{display:none}.job-header-actions.compact .btn-icon-only-responsive{display:inline-flex}.job-right-sidebar{position:relative;display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-left:1px solid var(--border-secondary);overflow:hidden;transition:width var(--transition-slow)}.job-right-sidebar-expanded{width:360px}.job-right-sidebar-collapsed{width:auto}.job-right-sidebar-toggle{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);z-index:10;flex-shrink:0}.job-right-sidebar-toggle-collapsed{position:relative;top:auto;right:auto;padding:var(--spacing-sm)}.job-right-sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);color:var(--fg-tertiary);cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.job-right-sidebar-toggle-btn:hover{background:var(--bg-primary-hover);border-color:var(--border-primary);color:var(--fg-secondary)}.job-right-sidebar-toggle-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.job-right-sidebar-toggle-btn svg{width:16px;height:16px}.job-right-sidebar-content{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column}.job-right-sidebar-content::-webkit-scrollbar{width:6px}.job-right-sidebar-content::-webkit-scrollbar-track{background:transparent}.job-right-sidebar-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.job-right-sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--border-primary)}.job-right-sidebar-content{scrollbar-width:thin;scrollbar-color:var(--border-secondary) transparent}.job-right-sidebar-image{position:relative;width:100%;flex-shrink:0}.job-right-sidebar-image img{width:100%;height:auto;display:block;border-radius:0}.job-right-sidebar-address{background:var(--bg-primary-alt);padding:var(--spacing-lg);border-bottom:1px solid var(--border-secondary);flex-shrink:0}.job-right-sidebar-address-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-xs)}.job-right-sidebar-address-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin:0}.job-right-sidebar-address-actions{display:flex;align-items:center;gap:var(--spacing-xxs)}.job-right-sidebar-address-text{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);line-height:var(--line-height-sm);color:var(--text-primary);margin:0}.job-right-sidebar-action-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--fg-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.job-right-sidebar-action-btn:hover{background:var(--bg-secondary);color:var(--fg-secondary)}.job-right-sidebar-action-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.job-right-sidebar-action-btn svg{width:16px;height:16px}.job-right-sidebar-tabs{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-md);flex-shrink:0}.job-right-sidebar-tabs-list{width:100%}.job-right-sidebar-tabs-list .tabs-trigger{flex:1}.job-right-sidebar-section{border-bottom:1px solid var(--border-tertiary)}.job-right-sidebar-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-lg);background:none;border:none;cursor:pointer;text-align:left;font-family:var(--font-family-body);transition:background-color var(--transition-fast)}.job-right-sidebar-section-toggle:hover{background:var(--bg-primary-hover)}.job-right-sidebar-section-toggle:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-100)}.job-right-sidebar-section-label{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.job-right-sidebar-section-arrow{display:flex;align-items:center;color:var(--fg-tertiary);transition:transform var(--transition-normal)}.job-right-sidebar-section-arrow svg{width:16px;height:16px}.job-right-sidebar-section-arrow-expanded{transform:rotate(180deg)}.job-right-sidebar-section-content{padding:0 var(--spacing-lg) var(--spacing-lg)}.job-right-sidebar-detail-row{display:flex;align-items:center;gap:var(--spacing-md);font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.job-right-sidebar-detail-row-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:16px;height:16px;color:var(--fg-tertiary)}.job-right-sidebar-detail-row-icon svg{width:16px;height:16px}.job-right-sidebar-detail-row-label{width:100px;flex-shrink:0;color:var(--text-primary)}.job-right-sidebar-detail-row-value{display:flex;align-items:center;gap:var(--spacing-xs);min-width:0}.job-right-sidebar-detail-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.job-right-sidebar-tag-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.job-right-sidebar-tag-add{padding:var(--spacing-xs) var(--spacing-lg);background:transparent;border:1px dashed var(--border-secondary);border-radius:var(--radius-full);color:var(--text-tertiary);cursor:pointer;display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-family:var(--font-family-body);transition:border-color var(--transition-fast),color var(--transition-fast)}.job-right-sidebar-tag-add:hover{border-color:var(--border-primary);color:var(--text-secondary)}.job-right-sidebar-tag-add:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.job-right-sidebar-tag-add svg{width:12px;height:12px}.job-right-sidebar-contact-card{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-xs)}.job-right-sidebar-contact-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.job-right-sidebar-contact-card-tags{display:flex;gap:var(--spacing-xs)}.job-right-sidebar-contact-card-body{display:flex;flex-direction:column;gap:var(--spacing-sm)}.job-right-sidebar-contact-row{display:flex;align-items:center;justify-content:space-between}.job-right-sidebar-contact-row-content{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.job-right-sidebar-contact-row-icon{display:flex;align-items:center;flex-shrink:0;color:var(--fg-tertiary)}.job-right-sidebar-contact-row-icon svg{width:16px;height:16px}.job-right-sidebar-contact-row-text{color:var(--text-primary);font-family:var(--font-family-body);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-right-sidebar-contact-row-copy{width:24px;height:24px;flex-shrink:0}.job-right-sidebar-contact-row-copy svg{width:14px;height:14px}.job-right-sidebar-description-text{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--text-secondary);line-height:var(--line-height-sm)}.jobs-nav{display:flex;flex-direction:column;height:100%;background:linear-gradient(45deg,var(--color-brand-800) 0%,var(--color-brand-950) 100%);border-radius:var(--radius-xl);overflow:hidden;transition:width var(--transition-slow)}.jobs-nav-expanded{width:230px}.jobs-nav-collapsed{width:64px}.jobs-nav-header{padding:var(--spacing-lg)}.jobs-nav-collapsed .jobs-nav-header{display:flex;justify-content:center;padding:var(--spacing-lg) var(--spacing-sm)}.jobs-nav-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;margin:var(--spacing-xs);background:#ffffff1a;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:background-color var(--transition-fast)}.jobs-nav-collapsed .jobs-nav-toggle{margin:0}.jobs-nav-toggle:hover{background:#fff3}.jobs-nav-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #fff6}.jobs-nav-toggle svg{width:16px;height:16px}.jobs-nav-content{flex:1;padding:var(--spacing-lg) 0;overflow-y:auto;overflow-x:hidden}.jobs-nav-content::-webkit-scrollbar{width:4px}.jobs-nav-content::-webkit-scrollbar-track{background:transparent}.jobs-nav-content::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:2px}.jobs-nav-content::-webkit-scrollbar-thumb:hover{background:#fff6}.jobs-nav-content{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.jobs-nav-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-md);height:40px;color:#fffc;text-decoration:none;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);white-space:nowrap;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.jobs-nav-item:hover{background:#ffffff1a;color:#fff}.jobs-nav-item:focus-visible{outline:none;box-shadow:0 0 0 2px #fff6}.jobs-nav-item-active{background:#ffffff26;color:#fff;font-weight:var(--font-weight-semibold)}.jobs-nav-item-active:hover{background:#fff3}.jobs-nav-item-collapsed{justify-content:center;padding:0;margin:var(--spacing-xs) auto;width:40px;height:40px}.jobs-nav-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.jobs-nav-item-icon svg{width:20px;height:20px}.jobs-nav-item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.jobs-nav-section{margin-bottom:var(--spacing-sm)}.jobs-nav-section-toggle{display:flex;align-items:center;gap:var(--spacing-md);width:calc(100% - 2 * var(--spacing-md));padding:var(--spacing-sm) var(--spacing-md);margin:0 var(--spacing-md);height:40px;background:none;border:none;border-radius:var(--radius-md);color:#fffc;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);white-space:nowrap;text-align:left;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.jobs-nav-section-toggle:hover{background:#ffffff1a;color:#fff}.jobs-nav-section-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px #fff6}.jobs-nav-section-toggle-collapsed{justify-content:center;padding:0;margin:var(--spacing-xs) auto;width:40px;height:40px}.jobs-nav-section-arrow{display:flex;align-items:center;margin-left:auto;margin-right:var(--spacing-xs);transition:transform var(--transition-normal)}.jobs-nav-section-arrow svg{width:16px;height:16px}.jobs-nav-section-arrow-expanded{transform:rotate(180deg)}.jobs-nav-section-content{margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.jobs-nav-section-content .jobs-nav-item{margin-left:var(--spacing-xl);margin-right:var(--spacing-md);color:#ffffffb3}.jobs-nav-section-content .jobs-nav-item:hover{color:#ffffffe6}.jobs-nav-collapsed .jobs-nav-item-label,.jobs-nav-collapsed .jobs-nav-section-arrow,.jobs-nav-collapsed .jobs-nav-section-content{display:none}.metric{position:relative;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-width:180px;font-family:var(--font-family-body)}.metric-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-tertiary);margin-bottom:var(--spacing-sm)}.metric-content{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--spacing-md)}.metric-value{font-family:var(--font-family-display);font-size:var(--font-size-display-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-display-sm);color:var(--text-primary)}.metric-trend{align-self:flex-end}.metric-trend-inner{display:inline-flex;align-items:center;gap:var(--spacing-xxs)}.metric-trend-up svg{color:var(--color-success-700)}.metric-trend-down svg{color:var(--color-error-700)}.metric-menu{position:absolute;top:var(--spacing-md);right:var(--spacing-md)}.metric-menu-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-quaternary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.metric-menu-trigger:hover{background-color:var(--bg-secondary);color:var(--text-tertiary)}.metric-menu-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.metric-sm{padding:var(--spacing-md)}.metric-sm .metric-label{font-size:var(--font-size-xs);line-height:var(--line-height-xs);margin-bottom:var(--spacing-xs)}.metric-sm .metric-value{font-size:var(--font-size-display-xs);line-height:var(--line-height-display-xs)}.metric-sm .metric-trend{font-size:var(--font-size-xs)}.metric-lg{padding:var(--spacing-2xl)}.metric-lg .metric-value{font-size:var(--font-size-display-md);line-height:var(--line-height-display-md)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;background-color:#00000080;animation:modal-backdrop-fade-in var(--duration-fast) var(--ease-default)}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1101;display:flex;flex-direction:column;max-height:calc(100vh - var(--spacing-3xl) * 2);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);outline:none;animation:modal-slide-in var(--duration-normal) var(--ease-out)}@keyframes modal-slide-in{0%{opacity:0;transform:translate(-50%,-50%) translateY(-8px) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) translateY(0) scale(1)}}.modal-sm{width:calc(100% - var(--spacing-xl) * 2);max-width:400px}.modal-md{width:calc(100% - var(--spacing-xl) * 2);max-width:560px}.modal-lg{width:calc(100% - var(--spacing-xl) * 2);max-width:800px}.modal-full{width:calc(100vw - var(--spacing-xl) * 2);height:calc(100vh - var(--spacing-xl) * 2);max-width:none;max-height:none;border-radius:var(--radius-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-xl) var(--spacing-2xl);border-bottom:1px solid var(--border-secondary);flex-shrink:0}.modal-title{margin:0;font-family:var(--font-family-body);font-size:var(--text-lg);font-weight:var(--font-semibold);line-height:var(--leading-lg);color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;margin:calc(var(--spacing-sm) * -1);background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.modal-close:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.modal-close:focus-visible{outline:none;box-shadow:0 0 0 2px var(--focus-ring)}.modal-body{flex:1;padding:var(--spacing-2xl);overflow-y:auto}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:transparent}.modal-body::-webkit-scrollbar-thumb{background-color:var(--border-secondary);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb:hover{background-color:var(--border-primary)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-2xl);border-top:1px solid var(--border-secondary);flex-shrink:0}.modal-footer-spread{justify-content:space-between}@media (max-width: 640px){.modal-sm,.modal-md,.modal-lg{max-width:none;width:calc(100% - var(--spacing-md) * 2)}.modal-full{width:calc(100vw - var(--spacing-md) * 2);height:calc(100vh - var(--spacing-md) * 2)}.modal-header,.modal-body,.modal-footer{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}}.pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);font-family:var(--font-family-body)}.pagination-meta{display:flex;align-items:center;gap:var(--spacing-xl)}.pagination-page-size{display:flex;align-items:center;gap:var(--spacing-md)}.pagination-page-size-label{font-size:var(--font-size-sm);color:var(--text-tertiary);white-space:nowrap}.pagination-page-size-select{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-secondary);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:border-color var(--transition-fast)}.pagination-page-size-select:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100);border-color:var(--border-brand)}.pagination-summary{font-size:var(--font-size-sm);color:var(--text-tertiary);white-space:nowrap}.pagination-pages{display:flex;align-items:center;gap:var(--spacing-xxs)}.pagination-page{all:unset;display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.pagination-page:hover{color:var(--text-primary);background:var(--bg-primary-hover)}.pagination-page:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.pagination-page-active{color:var(--text-primary);background:var(--bg-secondary);font-weight:var(--font-weight-semibold)}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;color:var(--text-quaternary)}.pagination-nav{display:flex;align-items:center;gap:var(--spacing-md)}.pagination-btn{all:unset;display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-tertiary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.pagination-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-primary);background:var(--bg-primary-hover)}.pagination-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.pagination-btn:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.5}.pagination-sm .pagination-page,.pagination-sm .pagination-ellipsis{min-width:28px;height:28px;font-size:var(--font-size-xs);line-height:1}.pagination-sm .pagination-btn{font-size:var(--font-size-xs);line-height:var(--line-height-xs);padding:var(--spacing-sm) var(--spacing-lg)}.pagination-sm .pagination-page-size-label,.pagination-sm .pagination-page-size-select,.pagination-sm .pagination-summary{font-size:var(--font-size-xs)}.pagination-md .pagination-page,.pagination-md .pagination-ellipsis{min-width:32px;height:32px;font-size:var(--font-size-sm);line-height:1}.pagination-md .pagination-btn{font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding:var(--spacing-md) var(--spacing-lg)}.progress-steps{width:100%}.progress-steps-list{display:flex;list-style:none;margin:0;padding:0}.progress-steps-horizontal .progress-steps-list{flex-direction:row;align-items:flex-start}.progress-steps-horizontal .progress-step{flex:1;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.progress-steps-horizontal .progress-step-connector{position:absolute;top:14px;right:50%;width:100%;height:2px;background:var(--border-secondary);z-index:0}.progress-steps-sm.progress-steps-horizontal .progress-step-connector{top:12px}.progress-steps-horizontal .progress-step-connector-completed{background:#60759f}.progress-steps-vertical .progress-steps-list{flex-direction:column;gap:0}.progress-steps-vertical .progress-step{display:flex;flex-direction:row;align-items:flex-start;position:relative;padding-bottom:var(--spacing-3xl)}.progress-steps-vertical .progress-step:last-child{padding-bottom:0}.progress-steps-vertical .progress-step-connector{position:absolute;left:13px;top:0;width:2px;height:100%;background:var(--border-secondary);z-index:0}.progress-steps-sm.progress-steps-vertical .progress-step-connector{left:11px}.progress-steps-vertical .progress-step-connector-completed{background:#60759f}.progress-steps-vertical .progress-step-content{text-align:left;margin-left:var(--spacing-lg)}.progress-step-indicator{all:unset;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--radius-full);position:relative;z-index:1;transition:all var(--transition-fast)}.progress-steps-md .progress-step-indicator{width:28px;height:28px}.progress-steps-sm .progress-step-indicator{width:24px;height:24px}.progress-step-upcoming .progress-step-indicator{background:var(--bg-primary);border:2px solid var(--border-secondary);color:var(--text-quaternary)}.progress-step-current .progress-step-indicator{background:var(--bg-primary);border:2px solid #60759F;color:#60759f}.progress-step-completed .progress-step-indicator{background:#60759f;border:2px solid #60759F;color:var(--color-white, #fff)}.progress-step-number{font-family:var(--font-family-body);font-weight:var(--font-weight-medium);font-variant-numeric:tabular-nums}.progress-steps-md .progress-step-number{font-size:var(--font-size-xs)}.progress-steps-sm .progress-step-number{font-size:10px}.progress-step-completed .progress-step-indicator svg{width:14px;height:14px}.progress-steps-sm .progress-step-completed .progress-step-indicator svg{width:12px;height:12px}.progress-step-content{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.progress-steps-horizontal .progress-step-content{margin-top:var(--spacing-md)}.progress-step-label{font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.progress-steps-md .progress-step-label{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.progress-steps-sm .progress-step-label{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.progress-step-upcoming .progress-step-label{color:var(--text-quaternary)}.progress-step-current .progress-step-label{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.progress-step-description{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}.progress-steps-md .progress-step-description{font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.progress-steps-sm .progress-step-description{font-size:10px;line-height:14px}.progress-step-indicator[tabindex="0"]{cursor:pointer}.progress-step-indicator[tabindex="0"]:hover{box-shadow:0 0 0 4px var(--color-brand-50)}.progress-step-indicator:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-brand-100)}.progress-step-disabled .progress-step-indicator{opacity:.5;cursor:not-allowed}.progress-step-disabled .progress-step-label,.progress-step-disabled .progress-step-description{color:var(--text-disabled)}.settings-nav{display:flex;flex-direction:column;width:280px;height:100%;background-color:var(--bg-primary-alt);border-right:1px solid var(--border-secondary)}.settings-nav-search{padding:var(--spacing-lg);border-bottom:1px solid var(--border-secondary)}.settings-nav-search-input{position:relative;display:flex;align-items:center}.settings-nav-search-input svg{position:absolute;left:var(--spacing-md);z-index:1;color:var(--text-quaternary);pointer-events:none}.settings-nav-search-field{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-3xl);font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md);outline:none;transition:border-color var(--transition-fast)}.settings-nav-search-field::placeholder{color:var(--text-quaternary)}.settings-nav-search-field:focus{border-color:var(--border-brand);border-width:2px;padding:calc(var(--spacing-sm) - 1px) calc(var(--spacing-md) - 1px) calc(var(--spacing-sm) - 1px) calc(var(--spacing-3xl) - 1px)}.settings-nav-search-field::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.settings-nav-content{flex:1;overflow-y:auto;padding:var(--spacing-lg) 0}.settings-nav-group{margin-bottom:var(--spacing-xl)}.settings-nav-group:last-child{margin-bottom:0}.settings-nav-group-title{padding:0 var(--spacing-lg) var(--spacing-sm);margin:0;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-quaternary)}.settings-nav-group-items{display:flex;flex-direction:column}.settings-nav-item{display:block;padding:var(--spacing-sm) var(--spacing-lg) var(--spacing-sm) var(--spacing-2xl);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.settings-nav-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.settings-nav-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-100)}.settings-nav-item-active,.settings-nav-item-active:hover{font-weight:var(--font-weight-bold);color:var(--text-primary)}.table-container{width:100%;overflow-x:auto;border:1px solid var(--border-secondary);border-radius:var(--radius-lg);background:var(--bg-primary)}.table-container:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.table-title{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xl);padding:var(--spacing-xl) var(--spacing-3xl);border-bottom:1px solid var(--border-secondary)}.table-title-content{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.table-title-text{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--text-primary)}.table-title-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.table-title-toolbar{display:flex;align-items:center;gap:var(--spacing-lg);flex-shrink:0}.table-title-search{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-secondary);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-quaternary);transition:border-color var(--transition-fast)}.table-title-search:focus-within{border-color:var(--border-brand);border-width:2px;padding:calc(var(--spacing-md) - 1px) calc(var(--spacing-lg) - 1px)}.table-title-search-input{all:unset;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-primary);width:180px}.table-title-search-input::placeholder{color:var(--text-placeholder)}.table-title-actions{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.table-action-btn{all:unset;display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--color-white);background:#60759f;padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--transition-fast)}.table-action-btn:hover{background:var(--color-brand-600)}.table-action-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.table{width:100%;border-collapse:collapse;font-family:var(--font-family-body);color:var(--text-secondary)}.table-bordered .table-header-cell,.table-bordered .table-cell{border-right:1px solid var(--border-secondary)}.table-bordered .table-header-cell:last-child,.table-bordered .table-cell:last-child{border-right:none}.table-header{background:var(--bg-secondary)}.table-header .table-row{border-bottom:1px solid var(--border-secondary)}.table-header-cell{font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-align:left;white-space:nowrap;border-bottom:1px solid var(--border-secondary)}.table-header-cell-inner{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.table-header-cell-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.table-header-cell-sortable:hover{color:var(--text-secondary)}.table-header-cell-sortable:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-100)}.table-header-cell-sorted{color:var(--text-primary)}.table-sort-indicator{display:inline-flex;align-items:center;flex-shrink:0;color:var(--text-quaternary);transition:color var(--transition-fast)}.table-header-cell-sorted .table-sort-indicator{color:#60759f}.table-body .table-row{border-bottom:1px solid var(--border-secondary);transition:background var(--transition-fast)}.table-body .table-row:last-child{border-bottom:none}.table-hoverable .table-body .table-row:hover{background:var(--bg-primary-hover)}.table-row-clickable{cursor:pointer}.table-row-selected{background:var(--bg-brand-primary)}.table-hoverable .table-row-selected:hover{background:var(--bg-brand-secondary)}.table-row-disabled{opacity:.5;pointer-events:none}.table-striped .table-body .table-row:nth-child(2n){background:var(--bg-primary-alt)}.table-striped.table-hoverable .table-body .table-row:hover{background:var(--bg-primary-hover)}.table-cell{color:var(--text-secondary)}.table-cell-left{text-align:left}.table-cell-center{text-align:center}.table-cell-right{text-align:right}.table-cell-right .table-header-cell-inner{justify-content:flex-end}.table-cell-center .table-header-cell-inner{justify-content:center}.table-cell-truncate{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-sm .table-header-cell,.table-sm .table-cell{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.table-md .table-header-cell,.table-md .table-cell{padding:var(--spacing-lg) var(--spacing-3xl);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.table-lg .table-header-cell,.table-lg .table-cell{padding:var(--spacing-xl) var(--spacing-3xl);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.table-footer{background:var(--bg-secondary)}.table-footer .table-row{border-top:1px solid var(--border-secondary)}.table-footer .table-cell{font-weight:var(--font-weight-medium);color:var(--text-primary)}.table-checkbox{all:unset;display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border:1px solid var(--border-primary);border-radius:var(--radius-xs);background:var(--bg-primary);cursor:pointer;flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast)}.table-checkbox:hover{border-color:#60759f;background:var(--bg-brand-primary)}.table-checkbox[data-state=checked],.table-checkbox[data-state=indeterminate]{background:#60759f;border-color:#60759f}.table-checkbox:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.table-checkbox[data-disabled]{opacity:.5;cursor:not-allowed}.table-checkbox-indicator{display:flex;align-items:center;justify-content:center;color:var(--color-white);opacity:0;transition:opacity var(--transition-fast)}.table-checkbox-indicator svg{width:12px;height:12px}.table-checkbox[data-state=checked] .table-checkbox-indicator,.table-checkbox[data-state=indeterminate] .table-checkbox-indicator{opacity:1}.table-pagination{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-3xl);border-top:1px solid var(--border-secondary)}.table-pagination-btn{all:unset;display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-tertiary);padding:var(--spacing-md) var(--spacing-lg);border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast)}.table-pagination-btn:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-primary);background:var(--bg-primary-hover)}.table-pagination-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.table-pagination-btn:disabled{color:var(--text-disabled);cursor:not-allowed;opacity:.5}.table-pagination-pages{display:flex;align-items:center;gap:var(--spacing-xxs)}.table-pagination-page{all:unset;display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.table-pagination-page:hover{color:var(--text-primary);background:var(--bg-primary-hover)}.table-pagination-page:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.table-pagination-page-active{color:var(--text-primary);background:var(--bg-secondary);font-weight:var(--font-weight-semibold)}.table-pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;font-size:var(--font-size-sm);color:var(--text-quaternary)}.table-empty{padding:var(--spacing-7xl) var(--spacing-3xl);text-align:center;vertical-align:middle}.table-empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-lg);color:var(--text-quaternary)}.table-empty-icon svg{width:40px;height:40px}.table-empty-text{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.table-empty-action{margin-top:var(--spacing-xl)}.tabs{display:flex;flex-direction:column;width:100%}.tabs-vertical{flex-direction:row}.tabs-list{display:flex;flex-shrink:0}.tabs-lined .tabs-list{border-bottom:1px solid var(--border-secondary);gap:var(--spacing-3xl)}.tabs-vertical.tabs-lined .tabs-list{flex-direction:column;border-bottom:none;border-right:1px solid var(--border-secondary);gap:var(--spacing-xs);padding-right:var(--spacing-xl)}.tabs-contained .tabs-list{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-xxs);gap:var(--spacing-xxs)}.tabs-vertical.tabs-contained .tabs-list{flex-direction:column}.tabs-trigger{all:unset;display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-md);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-tertiary);cursor:pointer;position:relative;white-space:nowrap;transition:color var(--transition-fast),background var(--transition-fast)}.tabs-trigger-text{position:relative;z-index:1}.tabs-lined.tabs-md .tabs-trigger{font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding-bottom:var(--spacing-lg)}.tabs-lined.tabs-sm .tabs-trigger{font-size:var(--font-size-xs);line-height:var(--line-height-xs);padding-bottom:var(--spacing-md)}.tabs-contained.tabs-md .tabs-trigger{font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-sm)}.tabs-contained.tabs-sm .tabs-trigger{font-size:var(--font-size-xs);line-height:var(--line-height-xs);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-xs)}.tabs-vertical.tabs-lined .tabs-trigger{padding-bottom:0;padding:var(--spacing-md) var(--spacing-xl);justify-content:flex-start;border-radius:var(--radius-sm)}.tabs-trigger:hover{color:var(--text-secondary)}.tabs-contained .tabs-trigger:hover{background:var(--bg-tertiary)}.tabs-lined .tabs-trigger[data-state=active]{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.tabs-lined .tabs-trigger[data-state=active]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#60759f;border-radius:var(--radius-full)}.tabs-vertical.tabs-lined .tabs-trigger[data-state=active]:after{bottom:auto;left:auto;right:-1px;top:0;width:2px;height:100%}.tabs-contained .tabs-trigger[data-state=active]{color:var(--text-primary);font-weight:var(--font-weight-semibold);background:var(--bg-primary);box-shadow:var(--shadow-xs)}.tabs-trigger:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100);border-radius:var(--radius-sm)}.tabs-contained .tabs-trigger:focus-visible{box-shadow:0 0 0 2px var(--color-brand-100)}.tabs-trigger[data-disabled]{color:var(--text-disabled);cursor:not-allowed}.tabs-trigger[data-disabled]:hover{color:var(--text-disabled);background:transparent}.tabs-trigger-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 var(--spacing-sm);font-size:10px;font-weight:var(--font-weight-medium);line-height:1;color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:var(--radius-full);font-variant-numeric:tabular-nums}.tabs-trigger[data-state=active] .tabs-trigger-badge{color:var(--text-secondary);background:var(--bg-quaternary)}.tabs-content{outline:none;padding-top:var(--spacing-2xl)}.tabs-vertical .tabs-content{padding-top:0;padding-left:var(--spacing-2xl);flex:1}.tabs-content[data-state=active]{animation:tabs-fade-in var(--duration-fast) var(--ease-out)}@keyframes tabs-fade-in{0%{opacity:0}to{opacity:1}}.te-field{display:flex;flex-direction:column;gap:var(--spacing-sm);font-family:var(--font-family-body)}.te-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary)}.te-required{color:var(--text-error-primary);margin-left:2px}.te-editor{display:flex;flex-direction:column;border:1px solid var(--border-primary);border-radius:var(--radius-md);background-color:var(--bg-primary);overflow:hidden;transition:border-color var(--transition-fast)}.te-editor:focus-within{border-color:var(--border-brand)}.te-editor-error{border-color:var(--border-error)}.te-editor-error:focus-within{border-color:var(--border-error)}.te-editor-disabled{opacity:.5;pointer-events:none;background-color:var(--bg-disabled)}.te-toolbar{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-secondary);flex-wrap:wrap}.te-toolbar-group{display:flex;align-items:center;gap:2px}.te-toolbar-divider{width:1px;height:20px;background-color:var(--border-secondary);margin:0 var(--spacing-xs);flex-shrink:0}.te-toolbar-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.te-toolbar-btn:hover{background-color:var(--bg-primary);color:var(--text-primary)}.te-toolbar-btn-active{background-color:var(--bg-primary);color:var(--text-primary);box-shadow:inset 0 0 0 1px var(--border-secondary)}.te-toolbar-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.te-toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.te-heading-label{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1}.te-content{padding:var(--spacing-md) var(--spacing-lg);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--text-primary);outline:none;word-wrap:break-word;overflow-wrap:break-word}.te-content:empty:before{content:attr(data-placeholder);color:var(--text-placeholder);pointer-events:none}.te-content h1{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-xl);color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm)}.te-content h2{font-family:var(--font-family-display);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--text-primary);margin:var(--spacing-md) 0 var(--spacing-sm)}.te-content p{margin:0 0 var(--spacing-sm)}.te-content ul,.te-content ol{padding-left:var(--spacing-xl);margin:var(--spacing-xs) 0 var(--spacing-sm)}.te-content li{margin-bottom:var(--spacing-xxs)}.te-content blockquote{margin:var(--spacing-sm) 0;padding:var(--spacing-sm) var(--spacing-lg);border-left:3px solid var(--border-brand);color:var(--text-secondary);font-style:italic;background-color:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.te-content a{color:var(--text-brand-secondary);text-decoration:underline}.te-content a:hover{color:var(--text-brand-primary)}.te-content strong{font-weight:var(--font-weight-semibold)}.te-content>*:first-child{margin-top:0}.te-content>*:last-child{margin-bottom:0}.te-helper{font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.te-helper-error{color:var(--text-error-primary)}.top-nav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--spacing-xl);background:linear-gradient(45deg,var(--color-brand-950),var(--color-brand-800));font-family:var(--font-family-body);position:relative;z-index:50}.top-nav-left{display:flex;align-items:center;gap:var(--spacing-md);min-width:0;flex:1}.top-nav-right{display:flex;align-items:center;gap:var(--spacing-md);flex-shrink:0}.top-nav-logo{display:flex;align-items:center;flex-shrink:0;height:100%;text-decoration:none}.top-nav-logo img{height:40px;width:auto;display:block}.top-nav-menu-wrapper{position:relative}.top-nav-menu-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-brand-200);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.top-nav-menu-btn:hover{color:var(--color-white);background:#ffffff1a}.top-nav-menu-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-300)}.top-nav-dropdown{position:absolute;top:calc(100% + var(--spacing-xs));left:0;min-width:280px;background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;animation:top-nav-dropdown-in .15s ease}.top-nav-dropdown-right{left:auto;right:0}@keyframes top-nav-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.top-nav-dropdown-content{padding:var(--spacing-sm) 0}.top-nav-dropdown-footer{padding:var(--spacing-sm) 0;border-top:1px solid var(--border-secondary)}.top-nav-dropdown-divider{height:1px;margin:var(--spacing-sm) 0;background:var(--border-secondary)}.top-nav-dropdown-header{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-quaternary);text-transform:uppercase;letter-spacing:.04em}.top-nav-dropdown-action{padding:var(--spacing-md) var(--spacing-xl)}.top-nav-dropdown-action-btn{all:unset;display:block;width:100%;padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-tertiary);text-align:center;border:1px solid var(--border-secondary);border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);box-sizing:border-box}.top-nav-dropdown-action-btn:hover{color:var(--text-primary);border-color:var(--border-primary);background:var(--bg-primary-hover)}.top-nav-dropdown-action-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.top-nav-menu-item{all:unset;display:flex;align-items:center;gap:var(--spacing-lg);width:100%;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);box-sizing:border-box}.top-nav-menu-item:hover{color:var(--text-primary);background:var(--bg-primary-hover)}.top-nav-menu-item:focus-visible{outline:none;box-shadow:inset 0 0 0 2px var(--color-brand-100)}.top-nav-menu-item svg{flex-shrink:0;color:var(--text-quaternary)}.top-nav-menu-item:hover svg{color:var(--text-tertiary)}.top-nav-menu-item-label{flex:1;min-width:0;text-align:left}.top-nav-menu-item-count{flex-shrink:0;min-width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-full)}.top-nav-pin-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:24px;height:24px;border-radius:var(--radius-sm);color:var(--text-quaternary);opacity:0;cursor:pointer;transition:opacity var(--transition-fast),color var(--transition-fast),background var(--transition-fast)}.top-nav-menu-item:hover .top-nav-pin-btn,.top-nav-pin-btn:focus-visible,.top-nav-pin-btn-active{opacity:1}.top-nav-pin-btn:hover{color:var(--text-secondary);background:var(--bg-tertiary)}.top-nav-pin-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-100)}.top-nav-pin-btn-active{color:#60759f}.top-nav-pin-btn-active:hover{color:#60759f;background:var(--color-brand-50)}.top-nav-status-dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-full)}.top-nav-tabs{display:flex;align-items:center;gap:var(--spacing-xxs);margin-left:var(--spacing-md);overflow-x:auto;scrollbar-width:none}.top-nav-tabs::-webkit-scrollbar{display:none}.top-nav-tab{all:unset;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--color-brand-200);white-space:nowrap;border-radius:var(--radius-md);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.top-nav-tab:hover{color:var(--color-white);background:#ffffff1a}.top-nav-tab:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-300)}.top-nav-tab-active{color:var(--color-white);background:#ffffff26;font-weight:var(--font-weight-semibold)}.top-nav-search{display:flex;align-items:center;gap:var(--spacing-md);height:36px;padding:0 var(--spacing-lg);background:#ffffff1a;border:none;border-radius:var(--radius-md);transition:background var(--transition-fast)}.top-nav-search:focus-within{background:#ffffff26}.top-nav-search svg{flex-shrink:0;color:#d3dbdf}.top-nav-search-input{all:unset;flex:1;min-width:180px;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-white)}.top-nav-search-input::placeholder{color:#d3dbdf}.top-nav-search-shortcut{flex-shrink:0;padding:var(--spacing-xxs) var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-white);background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-xs);line-height:1}.top-nav-icon-btn{all:unset;display:inline-flex;align-items:center;justify-content:center;position:relative;width:36px;height:36px;border-radius:var(--radius-md);color:var(--color-brand-200);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast)}.top-nav-icon-btn:hover{color:var(--color-white);background:#ffffff1a}.top-nav-icon-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-300)}.top-nav-icon-btn-outlined{border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-full)}.top-nav-icon-btn-outlined:hover{border-color:#fff6}.top-nav-icon-btn-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;display:flex;align-items:center;justify-content:center;padding:0 var(--spacing-xs);font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-white);background:var(--color-error-500);border-radius:var(--radius-full);line-height:1}.top-nav-avatar-wrapper{position:relative}.top-nav-avatar-btn{all:unset;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);cursor:pointer;overflow:hidden;transition:box-shadow var(--transition-fast)}.top-nav-avatar-btn:hover{box-shadow:0 0 0 2px #ffffff40}.top-nav-avatar-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-brand-300)}.top-nav-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.top-nav-avatar-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-bottom:1px solid var(--border-secondary)}.top-nav-avatar-header-img{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden}.top-nav-avatar-header-img img{width:100%;height:100%;object-fit:cover}.top-nav-avatar-header-info{min-width:0}.top-nav-avatar-header-name{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-sm);color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-nav-avatar-header-email{margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar{position:relative;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-quaternary);font-family:var(--font-family-body);font-weight:var(--font-medium);flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full);overflow:hidden}.avatar-xs{width:24px;height:24px;font-size:10px}.avatar-sm{width:32px;height:32px;font-size:12px}.avatar-md{width:40px;height:40px;font-size:14px}.avatar-lg{width:48px;height:48px;font-size:16px}.avatar-xl{width:56px;height:56px;font-size:18px}.avatar-2xl{width:64px;height:64px;font-size:20px}.avatar-icon svg{color:var(--text-quaternary)}.avatar-xs.avatar-icon svg{width:14px;height:14px}.avatar-sm.avatar-icon svg{width:18px;height:18px}.avatar-md.avatar-icon svg{width:22px;height:22px}.avatar-lg.avatar-icon svg{width:26px;height:26px}.avatar-xl.avatar-icon svg{width:30px;height:30px}.avatar-2xl.avatar-icon svg{width:34px;height:34px}.avatar-online:after,.avatar-offline:after,.avatar-busy:after,.avatar-away:after{content:"";position:absolute;bottom:0;right:0;border-radius:var(--radius-full);border:2px solid var(--bg-primary);z-index:1}.avatar-online:after{background-color:var(--color-success-500)}.avatar-offline:after{background-color:var(--color-gray-400)}.avatar-busy:after{background-color:var(--color-error-500)}.avatar-away:after{background-color:var(--color-warning-500)}.avatar-xs.avatar-online:after,.avatar-xs.avatar-offline:after,.avatar-xs.avatar-busy:after,.avatar-xs.avatar-away:after{width:8px;height:8px;border-width:1.5px}.avatar-sm.avatar-online:after,.avatar-sm.avatar-offline:after,.avatar-sm.avatar-busy:after,.avatar-sm.avatar-away:after{width:10px;height:10px;border-width:1.5px}.avatar-md.avatar-online:after,.avatar-md.avatar-offline:after,.avatar-md.avatar-busy:after,.avatar-md.avatar-away:after{width:12px;height:12px;border-width:2px}.avatar-lg.avatar-online:after,.avatar-lg.avatar-offline:after,.avatar-lg.avatar-busy:after,.avatar-lg.avatar-away:after{width:14px;height:14px;border-width:2px}.avatar-xl.avatar-online:after,.avatar-xl.avatar-offline:after,.avatar-xl.avatar-busy:after,.avatar-xl.avatar-away:after{width:16px;height:16px;border-width:2px}.avatar-2xl.avatar-online:after,.avatar-2xl.avatar-offline:after,.avatar-2xl.avatar-busy:after,.avatar-2xl.avatar-away:after{width:18px;height:18px;border-width:3px}.avatar-group{display:flex;flex-direction:row-reverse;align-items:center}.avatar-group .avatar{border:2px solid var(--bg-primary);margin-left:-8px}.avatar-group .avatar-xs{margin-left:-6px;border-width:1.5px}.avatar-group .avatar-sm{margin-left:-8px;border-width:2px}.avatar-group .avatar-md{margin-left:-10px;border-width:2px}.avatar-group .avatar-lg{margin-left:-12px;border-width:2px}.avatar-group .avatar-xl{margin-left:-14px;border-width:3px}.avatar-group .avatar-2xl{margin-left:-16px;border-width:3px}.avatar-group .avatar:last-child{margin-left:0}.avatar-count{background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:var(--font-medium)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);white-space:nowrap;border-radius:var(--radius-sm)}.badge-sm{padding:2px var(--spacing-md);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.badge-md{padding:2px 10px;font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.badge-lg{padding:4px var(--spacing-lg);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.badge-color.badge-gray{background-color:var(--color-gray-100);color:var(--color-gray-700)}.badge-color.badge-brand{background-color:var(--color-brand-50);color:var(--color-brand-700)}.badge-color.badge-error{background-color:var(--color-error-50);color:var(--color-error-700)}.badge-color.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-700)}.badge-color.badge-success{background-color:var(--color-success-50);color:var(--color-success-700)}.badge-color.badge-blue-light{background-color:#f0f9ff;color:#026aa2}.badge-color.badge-blue{background-color:#eff8ff;color:#175cd3}.badge-color.badge-indigo{background-color:#eef4ff;color:#3538cd}.badge-color.badge-purple{background-color:#f4f3ff;color:#5925dc}.badge-modern{background-color:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-secondary)}.badge-dot:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor;flex-shrink:0}.badge-sm.badge-dot:before{width:5px;height:5px}.badge-lg.badge-dot:before{width:8px;height:8px}.badge svg,.badge .badge-icon svg{width:12px;height:12px;flex-shrink:0}.badge-lg svg,.badge-lg .badge-icon svg{width:14px;height:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-semibold);text-decoration:none;border:none;cursor:pointer;transition:all var(--transition-fast);outline:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{cursor:not-allowed;pointer-events:none}.btn-sm{font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md)}.btn-md{font-size:var(--font-size-sm);line-height:var(--line-height-sm);padding:10px var(--spacing-xl);border-radius:var(--radius-md)}.btn-lg{font-size:var(--font-size-md);line-height:var(--line-height-md);padding:10px 18px;border-radius:var(--radius-md)}.btn-xl{font-size:var(--font-size-md);line-height:var(--line-height-md);padding:var(--spacing-lg) var(--spacing-2xl);border-radius:var(--radius-md)}.btn-primary{background-color:var(--bg-brand-solid);color:var(--text-primary-on-brand);border:1px solid transparent;box-shadow:var(--shadow-xs),inset 0 0 0 1px #ffffff1f,inset 0 -2px #00000014}.btn-primary:hover{background-color:var(--bg-brand-solid-hover)}.btn-primary:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring),var(--shadow-xs)}.btn-primary:disabled{background-color:var(--bg-disabled);color:var(--text-disabled);border-color:var(--border-disabled-subtle);box-shadow:var(--shadow-xs)}.btn-outlined{background-color:var(--bg-primary);color:var(--text-brand-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs)}.btn-outlined:hover{background-color:var(--bg-primary-hover);color:var(--text-brand-primary)}.btn-outlined:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring),var(--shadow-xs)}.btn-outlined:disabled{background-color:var(--bg-primary);color:var(--text-disabled);border-color:var(--border-disabled-subtle)}.btn-soft{background-color:var(--bg-secondary);color:var(--text-brand-secondary);border:1px solid transparent}.btn-soft:hover{background-color:var(--bg-secondary-hover);color:var(--text-brand-primary)}.btn-soft:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring)}.btn-soft:disabled{background-color:var(--bg-disabled);color:var(--text-disabled)}.btn-text{background-color:transparent;color:var(--text-brand-secondary);border:1px solid transparent}.btn-text:hover{background-color:var(--bg-primary-hover);color:var(--text-brand-primary)}.btn-text:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring)}.btn-text:disabled{color:var(--text-disabled)}.btn-destructive.btn-primary{background-color:var(--bg-error-solid)}.btn-destructive.btn-primary:hover{background-color:var(--bg-error-solid-hover)}.btn-destructive.btn-primary:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring-error),var(--shadow-xs)}.btn-destructive.btn-outlined{color:var(--text-error-primary);border-color:var(--border-error-subtle)}.btn-destructive.btn-outlined:hover{background-color:var(--bg-error-primary);border-color:var(--border-error)}.btn-destructive.btn-outlined:focus-visible{box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring-error),var(--shadow-xs)}.btn-destructive.btn-soft{color:var(--text-error-primary);background-color:var(--bg-error-primary)}.btn-destructive.btn-soft:hover{background-color:var(--color-error-100)}.btn-destructive.btn-text{color:var(--text-error-primary)}.btn-destructive.btn-text:hover{background-color:var(--bg-error-primary)}.btn svg,.btn .icon{width:20px;height:20px;flex-shrink:0}.btn-sm svg,.btn-sm .icon{width:16px;height:16px}.btn-lg svg,.btn-lg .icon,.btn-xl svg,.btn-xl .icon{width:20px;height:20px}.btn-icon-leading svg,.btn-icon-leading .icon{order:-1}.btn-icon-trailing svg,.btn-icon-trailing .icon{order:1}.btn-icon-only{padding:10px;gap:0}.btn-icon-only.btn-sm{padding:var(--spacing-md)}.btn-icon-only.btn-lg{padding:10px}.btn-icon-only.btn-xl{padding:var(--spacing-lg)}.btn-icon-only.btn-text{padding:var(--spacing-sm);background:transparent;border:none;box-shadow:none}.btn-icon-only.btn-text:hover{background-color:var(--bg-secondary)}.btn-icon-only.btn-text.btn-sm{padding:var(--spacing-xs)}.btn-icon-only.btn-text.btn-md{padding:var(--spacing-sm)}.btn-icon-only.btn-text.btn-lg,.btn-icon-only.btn-text.btn-xl{padding:var(--spacing-md)}.btn-loading{pointer-events:none}.btn-loading .btn-spinner{width:20px;height:20px;border:2px solid currentColor;border-radius:var(--radius-full);border-top-color:transparent;animation:btn-spin .7s linear infinite;opacity:.7}.btn-loading.btn-sm .btn-spinner{width:16px;height:16px}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-block{display:flex;width:100%}.btn-group{display:inline-flex;align-items:stretch}.btn-group .btn{border-radius:0;position:relative}.btn-group .btn:first-child{border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child{border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group .btn:only-child{border-radius:var(--radius-md)}.btn-group .btn:not(:first-child){margin-left:-1px}.btn-group .btn:hover{z-index:1}.btn-group .btn:focus-visible{z-index:2}.btn-group .btn.active,.btn-group .btn[aria-pressed=true]{background-color:var(--bg-secondary);color:var(--text-brand-primary);z-index:1}.checkbox-field{display:flex;align-items:flex-start;position:relative;cursor:pointer;-webkit-tap-highlight-color:transparent}.checkbox-field-sm{gap:var(--spacing-md)}.checkbox-field-md{gap:var(--spacing-lg)}.checkbox-box{all:unset;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);transition:all var(--transition-fast);cursor:pointer;margin-top:2px}.checkbox-box-sm{width:16px;height:16px}.checkbox-box-md{width:20px;height:20px}.checkbox-indicator{display:grid;place-items:center}.checkbox-check,.checkbox-minus{grid-area:1 / 1;color:var(--color-white, #fff);opacity:0;transition:opacity var(--transition-fast)}.checkbox-box-sm .checkbox-check,.checkbox-box-sm .checkbox-minus{width:12px;height:12px}.checkbox-box-md .checkbox-check,.checkbox-box-md .checkbox-minus{width:14px;height:14px}.checkbox-field:not(.checkbox-field-disabled):hover .checkbox-box{border-color:var(--color-brand-600);background:var(--color-brand-50)}.checkbox-box:focus-visible{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--color-brand-100)}.checkbox-box[data-state=checked]{background:var(--bg-brand-solid);border-color:var(--bg-brand-solid)}.checkbox-box[data-state=checked] .checkbox-check{opacity:1}.checkbox-box[data-state=checked] .checkbox-minus{opacity:0}.checkbox-field:not(.checkbox-field-disabled):hover .checkbox-box[data-state=checked]{background:var(--bg-brand-solid-hover);border-color:var(--bg-brand-solid-hover)}.checkbox-box[data-state=indeterminate]{background:var(--bg-brand-solid);border-color:var(--bg-brand-solid)}.checkbox-box[data-state=indeterminate] .checkbox-minus{opacity:1}.checkbox-box[data-state=indeterminate] .checkbox-check{opacity:0}.checkbox-field:not(.checkbox-field-disabled):hover .checkbox-box[data-state=indeterminate]{background:var(--bg-brand-solid-hover);border-color:var(--bg-brand-solid-hover)}.checkbox-field-disabled{cursor:not-allowed}.checkbox-box[data-disabled]{background:var(--bg-disabled-subtle);border-color:var(--border-disabled);cursor:not-allowed}.checkbox-box[data-disabled]:hover{background:var(--bg-disabled-subtle);border-color:var(--border-disabled)}.checkbox-box[data-disabled][data-state=checked],.checkbox-box[data-disabled][data-state=indeterminate]{background:var(--color-gray-300);border-color:var(--color-gray-300)}.checkbox-content{display:flex;flex-direction:column;gap:2px}.checkbox-label{font-family:var(--font-family-body);font-weight:var(--font-medium);color:var(--text-secondary)}.checkbox-field-sm .checkbox-label,.checkbox-field-md .checkbox-label{font-size:var(--text-sm);line-height:var(--leading-sm)}.checkbox-supporting{font-family:var(--font-family-body);font-weight:var(--font-regular);color:var(--text-tertiary)}.checkbox-field-sm .checkbox-supporting{font-size:var(--text-xs);line-height:var(--leading-xs)}.checkbox-field-md .checkbox-supporting{font-size:var(--text-sm);line-height:var(--leading-sm)}.checkbox-field-disabled .checkbox-label,.checkbox-field-disabled .checkbox-supporting{color:var(--text-disabled)}.checkbox-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkbox-group-horizontal{display:flex;flex-direction:row;gap:var(--spacing-xl);flex-wrap:wrap}.datepicker-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.datepicker-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary)}.datepicker-required{color:var(--text-error-primary);margin-left:2px}.datepicker-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;outline:none;font-family:var(--font-family-body);color:var(--text-primary);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.datepicker-trigger-sm{height:40px;padding:0 var(--spacing-lg);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.datepicker-trigger-md{height:44px;padding:0 var(--spacing-xl);font-size:var(--font-size-md);line-height:var(--line-height-md)}.datepicker-trigger-lg{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.datepicker-trigger:hover:not(:disabled){border-color:var(--color-gray-400)}.datepicker-trigger:focus-visible,.datepicker-trigger[data-state=open]{border-color:var(--border-brand);border-width:2px;box-shadow:none}.datepicker-trigger-error{border-color:var(--border-error)}.datepicker-trigger-error:focus-visible,.datepicker-trigger-error[data-state=open]{border-color:var(--border-error);box-shadow:0 0 0 3px var(--color-error-100)}.datepicker-trigger:disabled{background-color:var(--bg-disabled-subtle);border-color:var(--border-disabled);cursor:not-allowed;color:var(--text-disabled)}.datepicker-trigger:disabled:hover{border-color:var(--border-disabled)}.datepicker-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datepicker-placeholder{color:var(--text-placeholder)}.datepicker-trigger svg{width:20px;height:20px;flex-shrink:0;color:var(--text-quaternary)}.datepicker-trigger-sm svg{width:18px;height:18px}.datepicker-content{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xl);width:320px;z-index:1000}.datepicker-content[data-state=open]{animation:datepicker-in var(--duration-fast) var(--ease-default)}.datepicker-content[data-state=closed]{animation:datepicker-out var(--duration-fast) var(--ease-default)}@keyframes datepicker-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes datepicker-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.datepicker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-lg)}.datepicker-month-year{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-md);color:var(--text-primary);-webkit-user-select:none;user-select:none}.datepicker-nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:var(--radius-md);color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.datepicker-nav-btn:hover{background-color:var(--bg-secondary);color:var(--text-secondary)}.datepicker-nav-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.datepicker-nav-btn svg{width:20px;height:20px}.datepicker-calendar{display:flex;flex-direction:column}.datepicker-weekdays{display:grid;grid-template-columns:repeat(7,1fr);margin-bottom:var(--spacing-xs)}.datepicker-weekday{display:flex;align-items:center;justify-content:center;height:36px;font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.datepicker-week{display:grid;grid-template-columns:repeat(7,1fr)}.datepicker-day{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;max-width:36px;max-height:36px;margin:1px auto;padding:0;background:none;border:none;border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;outline:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.datepicker-day:hover:not(:disabled):not(.datepicker-day-selected){background-color:var(--bg-secondary)}.datepicker-day:focus-visible{box-shadow:0 0 0 2px var(--color-brand-100)}.datepicker-day-outside{color:var(--text-quaternary)}.datepicker-day-today{position:relative;font-weight:var(--font-weight-semibold);color:#60759f}.datepicker-day-today:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background-color:#60759f;border-radius:var(--radius-full)}.datepicker-day-selected{background-color:#60759f;color:#fff;font-weight:var(--font-weight-semibold)}.datepicker-day-selected:hover:not(:disabled){background-color:#60759f}.datepicker-day-selected.datepicker-day-today:after{background-color:#fff}.datepicker-day:disabled{color:var(--text-disabled);cursor:not-allowed}.datepicker-day:disabled:hover{background:none}.datepicker-footer{display:flex;justify-content:center;margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--border-secondary)}.datepicker-today-btn{padding:var(--spacing-sm) var(--spacing-xl);background:none;border:none;border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:#60759f;cursor:pointer;transition:background-color var(--transition-fast)}.datepicker-today-btn:hover{background-color:var(--bg-secondary)}.datepicker-today-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.datepicker-helper{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.datepicker-helper-error{color:var(--color-error-600)}.dropdown-content{display:flex;flex-direction:column;min-width:240px;background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-xs) 0;overflow:hidden;font-family:var(--font-family-body);z-index:1000}.dropdown-content[data-state=open]{animation:dropdown-in var(--duration-fast) var(--ease-default)}.dropdown-content[data-state=closed]{animation:dropdown-out var(--duration-fast) var(--ease-default)}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.dropdown-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);background:none;border:none;cursor:pointer;text-align:left;width:100%;outline:none;transition:background-color var(--transition-fast);text-decoration:none;-webkit-user-select:none;user-select:none}.dropdown-item[data-highlighted]{background-color:var(--bg-secondary)}.dropdown-item:active,.dropdown-item[data-highlighted]:active{background-color:var(--bg-tertiary)}.dropdown-item[data-disabled]{color:var(--text-disabled);cursor:not-allowed;pointer-events:none}.dropdown-item-danger{color:var(--color-error-600)}.dropdown-item-danger[data-highlighted]{background-color:var(--color-error-50)}.dropdown-item-danger .dropdown-item-icon{color:var(--color-error-600)}.dropdown-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--fg-quaternary)}.dropdown-item-icon svg,.dropdown-item-icon img{width:20px;height:20px}.dropdown-item[data-highlighted] .dropdown-item-icon{color:var(--text-secondary)}.dropdown-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-item-shortcut{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--text-quaternary);padding:2px var(--spacing-sm);background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;margin-left:auto}.dropdown-separator{height:1px;background-color:var(--border-secondary);margin:var(--spacing-xs) 0}.dropdown-group{padding:var(--spacing-xs) 0}.dropdown-group+.dropdown-group{border-top:1px solid var(--border-secondary)}.dropdown-label{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);margin:0;-webkit-user-select:none;user-select:none}.dropdown-footer{background-color:var(--bg-secondary);padding:var(--spacing-xs) 0;margin-top:var(--spacing-xs);border-top:1px solid var(--border-secondary)}.dropdown-account-header{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-bottom:1px solid var(--border-secondary)}.dropdown-account-avatar{position:relative;width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.dropdown-account-avatar img{width:100%;height:100%;object-fit:cover}.dropdown-account-status{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:var(--radius-full);border:2px solid var(--bg-primary);background-color:var(--color-success-500)}.dropdown-account-info{display:flex;flex-direction:column;gap:2px;min-width:0}.dropdown-account-name{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dropdown-account-email{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-tertiary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.input-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.input-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary)}.input-required{color:var(--text-error-primary);margin-left:2px}.input-container{display:flex;align-items:center;gap:var(--spacing-md);width:100%;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input-container.input-sm{height:40px;padding:0 var(--spacing-lg)}.input-container.input-md{height:44px;padding:0 var(--spacing-xl)}.input-container.input-lg{height:48px;padding:0 var(--spacing-xl)}.input-container:hover{border-color:var(--color-gray-400)}.input-container:focus-within{border-color:var(--border-brand);border-width:2px;box-shadow:none}.input-container.input-error{border-color:var(--border-error)}.input-container.input-error:focus-within{border-color:var(--border-error);box-shadow:0 0 0 3px var(--color-error-100)}.input-container.input-disabled{background-color:var(--bg-disabled-subtle);border-color:var(--border-disabled);cursor:not-allowed}.input-container.input-disabled:hover{border-color:var(--border-disabled)}.input-container input{flex:1;border:none;background:none;font-family:var(--font-family-body);color:var(--text-primary);outline:none;width:100%}.input-sm input{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.input-md input{font-size:var(--font-size-md);line-height:var(--line-height-md)}.input-lg input{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.input-container input::placeholder{color:var(--text-placeholder)}.input-container.input-disabled input{color:var(--text-disabled);cursor:not-allowed}.input-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-quaternary)}.input-icon svg,.input-icon .icon{width:20px;height:20px}.input-sm .input-icon svg,.input-sm .input-icon .icon{width:18px;height:18px}.input-helper{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.input-helper-error{color:var(--color-error-600)}.textarea-container{display:flex;flex-direction:column;width:100%;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.textarea-container.textarea-sm{padding:var(--spacing-md) var(--spacing-lg)}.textarea-container.textarea-md{padding:var(--spacing-lg) var(--spacing-xl)}.textarea-container.textarea-lg{padding:var(--spacing-xl) var(--spacing-xl)}.textarea-container:hover{border-color:var(--color-gray-400)}.textarea-container:focus-within{border-color:var(--border-brand);border-width:2px;box-shadow:none}.textarea-container.textarea-error{border-color:var(--border-error)}.textarea-container.textarea-error:focus-within{border-color:var(--border-error);box-shadow:0 0 0 3px var(--color-error-100)}.textarea-container.textarea-disabled{background-color:var(--bg-disabled-subtle);border-color:var(--border-disabled);cursor:not-allowed}.textarea-container.textarea-disabled:hover{border-color:var(--border-disabled)}.textarea-container textarea{flex:1;border:none;background:none;font-family:var(--font-family-body);color:var(--text-primary);outline:none;width:100%;resize:vertical;min-height:80px}.textarea-sm textarea{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.textarea-md textarea{font-size:var(--font-size-md);line-height:var(--line-height-md)}.textarea-lg textarea{font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.textarea-container textarea::placeholder{color:var(--text-placeholder)}.textarea-container.textarea-disabled textarea{color:var(--text-disabled);cursor:not-allowed;resize:none}.popover-content{position:relative;max-width:320px;padding:var(--spacing-lg);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-body);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);outline:none;z-index:1000}.popover-content[data-state=open]{animation:popover-in var(--duration-fast) var(--ease-default)}.popover-content[data-state=closed]{animation:popover-out var(--duration-fast) var(--ease-default)}@keyframes popover-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes popover-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}.popover-arrow{fill:var(--bg-primary);filter:drop-shadow(0 1px 0 var(--border-secondary))}.popover-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.popover-close:hover{background-color:var(--bg-secondary);color:var(--text-secondary)}.popover-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}.popover-inner{display:flex;flex-direction:column;gap:var(--spacing-md)}.popover-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-right:var(--spacing-xl)}.popover-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--fg-brand)}.popover-icon svg{width:20px;height:20px}.popover-heading{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-lg);color:var(--text-primary)}.popover-body{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-sm);color:var(--text-secondary)}.popover-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}.popover-static{position:relative;display:inline-block;max-width:320px;padding:var(--spacing-lg);background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family-body);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.popover-static:before{content:"";position:absolute;width:0;height:0;border:8px solid transparent}.popover-static:after{content:"";position:absolute;width:0;height:0;border:7px solid transparent}.popover-no-arrow:before,.popover-no-arrow:after{display:none}.popover-arrow-top:before{top:-8px;left:50%;transform:translate(-50%);border-bottom-color:var(--border-secondary);border-top:none}.popover-arrow-top:after{top:-6px;left:50%;transform:translate(-50%);border-bottom-color:var(--bg-primary);border-top:none}.popover-arrow-bottom:before{bottom:-8px;left:50%;transform:translate(-50%);border-top-color:var(--border-secondary);border-bottom:none}.popover-arrow-bottom:after{bottom:-6px;left:50%;transform:translate(-50%);border-top-color:var(--bg-primary);border-bottom:none}.popover-arrow-left:before{left:-8px;top:50%;transform:translateY(-50%);border-right-color:var(--border-secondary);border-left:none}.popover-arrow-left:after{left:-6px;top:50%;transform:translateY(-50%);border-right-color:var(--bg-primary);border-left:none}.popover-arrow-right:before{right:-8px;top:50%;transform:translateY(-50%);border-left-color:var(--border-secondary);border-right:none}.popover-arrow-right:after{right:-6px;top:50%;transform:translateY(-50%);border-left-color:var(--bg-primary);border-right:none}.progress{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.progress-with-label{gap:var(--spacing-sm)}.progress-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.progress-label-text{font-family:var(--font-family-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.progress-percentage{font-family:var(--font-family-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);font-variant-numeric:tabular-nums}.progress-percentage-inline{font-family:var(--font-family-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);min-width:40px;text-align:right;font-variant-numeric:tabular-nums}.progress:has(.progress-percentage-inline){flex-direction:row;align-items:center;gap:var(--spacing-md)}.progress:has(.progress-percentage-inline) .progress-track{flex:1}.progress-track{width:100%;background-color:var(--bg-quaternary);border-radius:var(--radius-full);overflow:hidden}.progress-sm .progress-track{height:4px}.progress-md .progress-track{height:8px}.progress-lg .progress-track{height:12px}.progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--transition-slow);background-color:#60759f}.progress-sm .progress-label-text,.progress-sm .progress-percentage,.progress-sm .progress-percentage-inline{font-size:var(--text-xs)}.progress-lg .progress-label-text,.progress-lg .progress-percentage{font-size:var(--text-md)}.radio-group{display:flex;flex-direction:column;gap:var(--spacing-md)}.radio-group-horizontal{display:flex;flex-direction:row;gap:var(--spacing-xl);flex-wrap:wrap}.radio-circle{all:unset;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-full);transition:all var(--transition-fast);cursor:pointer}.radio-circle-sm{width:16px;height:16px}.radio-circle-md{width:20px;height:20px}.radio-dot{display:block;border-radius:var(--radius-full);background:var(--bg-brand-solid)}.radio-circle-sm .radio-dot{width:8px;height:8px}.radio-circle-md .radio-dot{width:10px;height:10px}.radio-dot[data-state=checked]{animation:radio-dot-in var(--duration-fast) var(--ease-out)}@keyframes radio-dot-in{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.radio-simple:not(.radio-simple-disabled):hover .radio-circle,.radio-field:not(.radio-field-disabled):hover .radio-circle{border-color:var(--color-brand-600);background:var(--color-brand-50)}.radio-circle:focus-visible{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--color-brand-100)}.radio-circle[data-state=checked]{border-color:var(--bg-brand-solid)}.radio-circle[data-disabled]{background:var(--bg-disabled-subtle);border-color:var(--border-disabled);cursor:not-allowed}.radio-circle[data-disabled]:hover{background:var(--bg-disabled-subtle);border-color:var(--border-disabled)}.radio-circle[data-disabled] .radio-dot{background:var(--color-gray-400)}.radio-simple{display:inline-flex;align-items:center;gap:var(--spacing-md);cursor:pointer;-webkit-tap-highlight-color:transparent}.radio-simple-sm{gap:var(--spacing-sm)}.radio-simple .radio-circle{margin-top:0}.radio-label-text{font-family:var(--font-family-body);font-weight:var(--font-medium);color:var(--text-secondary)}.radio-simple-sm .radio-label-text,.radio-simple-md .radio-label-text{font-size:var(--text-sm);line-height:var(--leading-sm)}.radio-simple-disabled{cursor:not-allowed}.radio-simple-disabled .radio-label-text{color:var(--text-disabled)}.radio-field{display:flex;align-items:flex-start;padding:var(--spacing-xl);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);transition:all var(--transition-fast);cursor:pointer;-webkit-tap-highlight-color:transparent}.radio-field-sm{padding:var(--spacing-lg);gap:var(--spacing-md)}.radio-field-md{padding:var(--spacing-xl);gap:var(--spacing-lg)}.radio-field .radio-circle{margin-top:2px}.radio-field:not(.radio-field-disabled):hover{border-color:var(--border-primary);background:var(--bg-primary-hover)}.radio-field:has(.radio-circle[data-state=checked]){border-color:var(--border-brand);background:var(--bg-primary)}.radio-field:has(.radio-circle[data-state=checked]):hover{background:var(--bg-brand-primary)}.radio-field:has(.radio-circle:focus-visible){border-color:var(--border-brand);box-shadow:0 0 0 3px var(--color-brand-100)}.radio-field-disabled{background:var(--bg-disabled-subtle);border-color:var(--border-disabled);cursor:not-allowed}.radio-field-disabled:hover{background:var(--bg-disabled-subtle);border-color:var(--border-disabled)}.radio-content{display:flex;flex-direction:column;gap:2px;flex:1}.radio-header{display:flex;align-items:baseline;gap:var(--spacing-sm)}.radio-field-label{font-family:var(--font-family-body);font-weight:var(--font-medium);color:var(--text-secondary)}.radio-field-sm .radio-field-label,.radio-field-md .radio-field-label{font-size:var(--text-sm);line-height:var(--leading-sm)}.radio-field-price{font-family:var(--font-family-body);font-weight:var(--font-regular);color:var(--text-tertiary)}.radio-field-sm .radio-field-price{font-size:var(--text-xs);line-height:var(--leading-xs)}.radio-field-md .radio-field-price{font-size:var(--text-sm);line-height:var(--leading-sm)}.radio-field-supporting{font-family:var(--font-family-body);font-weight:var(--font-regular);color:var(--text-tertiary)}.radio-field-sm .radio-field-supporting{font-size:var(--text-xs);line-height:var(--leading-xs)}.radio-field-md .radio-field-supporting{font-size:var(--text-sm);line-height:var(--leading-sm)}.radio-field-disabled .radio-field-label,.radio-field-disabled .radio-field-price,.radio-field-disabled .radio-field-supporting{color:var(--text-disabled)}.select-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.select-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary)}.select-required{color:var(--color-error-500);margin-left:2px}.select-trigger{display:flex;align-items:center;gap:var(--spacing-md);width:100%;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;outline:none;font-family:var(--font-family-body);color:var(--text-primary);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.select-trigger-sm{height:40px;padding:0 var(--spacing-lg);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.select-trigger-md{height:44px;padding:0 var(--spacing-xl);font-size:var(--font-size-md);line-height:var(--line-height-md)}.select-trigger-lg{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.select-trigger:hover{border-color:var(--color-gray-400)}.select-trigger:focus-visible,.select-trigger[data-state=open]{border-color:var(--color-brand-500);box-shadow:0 0 0 3px var(--color-brand-100)}.select-trigger-error{border-color:var(--border-error)}.select-trigger-error:focus-visible,.select-trigger-error[data-state=open]{border-color:var(--border-error);box-shadow:0 0 0 3px var(--color-error-100)}.select-trigger[data-disabled]{background-color:var(--bg-disabled-subtle);border-color:var(--border-disabled);cursor:not-allowed;color:var(--text-disabled)}.select-trigger [data-placeholder]{color:var(--text-placeholder)}.select-icon{display:flex;align-items:center;margin-left:auto;flex-shrink:0;color:var(--text-quaternary);transition:transform var(--transition-fast)}.select-trigger[data-state=open] .select-icon{transform:rotate(180deg)}.select-icon svg{width:20px;height:20px}.select-trigger-sm .select-icon svg{width:16px;height:16px}.select-content{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;min-width:var(--radix-select-trigger-width);max-height:var(--radix-select-content-available-height);z-index:1000}.select-content[data-state=open]{animation:select-in var(--duration-fast) var(--ease-default)}.select-content[data-state=closed]{animation:select-out var(--duration-fast) var(--ease-default)}@keyframes select-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes select-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.select-viewport{padding:var(--spacing-xs) 0}.select-item{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-xl);padding-right:calc(var(--spacing-xl) + 24px);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;position:relative;transition:background-color var(--transition-fast)}.select-item[data-highlighted]{background-color:var(--bg-secondary)}.select-item[data-state=checked]{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.select-item[data-disabled]{color:var(--text-disabled);cursor:not-allowed;pointer-events:none}.select-item-indicator{position:absolute;right:var(--spacing-xl);display:flex;align-items:center;color:var(--color-brand-600)}.select-item-indicator svg{width:16px;height:16px}.select-scroll-btn{display:flex;align-items:center;justify-content:center;height:28px;cursor:default;color:var(--text-quaternary)}.select-scroll-btn svg{width:16px;height:16px}.select-group-label{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);-webkit-user-select:none;user-select:none}.select-separator{height:1px;background-color:var(--border-secondary);margin:var(--spacing-xs) 0}.select-helper{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.select-helper-error{color:var(--color-error-600)}.slider,.slider-field{display:flex;flex-direction:column;gap:var(--spacing-xs);width:100%}.slider-field-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.slider-label{font-family:var(--font-family-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.slider-description{font-family:var(--font-family-body);font-size:var(--text-xs);color:var(--text-secondary);margin:0;line-height:1.4}.slider-control{display:flex;align-items:center;gap:var(--spacing-md)}.slider-control .slider-root{flex:1}.slider-value{font-family:var(--font-family-body);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);min-width:32px;text-align:right;font-variant-numeric:tabular-nums}.slider-range-labels{display:flex;justify-content:space-between;font-family:var(--font-family-body);font-size:var(--text-xs);color:var(--text-tertiary)}.slider-root{position:relative;display:flex;align-items:center;width:100%;touch-action:none;-webkit-user-select:none;user-select:none}.slider-track{position:relative;flex-grow:1;background:var(--bg-quaternary);border-radius:var(--radius-full)}.slider-sm .slider-track{height:4px}.slider-md .slider-track{height:6px}.slider-lg .slider-track{height:8px}.slider-range{position:absolute;height:100%;background:#60759f;border-radius:var(--radius-full)}.slider-thumb{all:unset;display:block;border-radius:var(--radius-full);background:var(--color-white, #fff);border:2px solid #60759F;cursor:pointer;transition:box-shadow var(--transition-fast),transform var(--transition-fast);box-shadow:0 1px 3px #0000001f}.slider-sm .slider-thumb{width:14px;height:14px}.slider-md .slider-thumb{width:18px;height:18px}.slider-lg .slider-thumb{width:22px;height:22px}.slider-thumb:hover{box-shadow:0 0 0 4px var(--bg-brand-secondary),0 1px 3px #0000001f;transform:scale(1.05)}.slider-thumb:active{box-shadow:0 0 0 6px var(--bg-brand-secondary),0 1px 3px #0000001f;transform:scale(1.1)}.slider-thumb:focus-visible{box-shadow:0 0 0 4px var(--bg-brand-secondary),0 1px 3px #0000001f}.slider-sm .slider-label,.slider-sm .slider-value{font-size:var(--text-xs)}.slider-disabled{opacity:.5;pointer-events:none}.slider-disabled .slider-thumb{cursor:not-allowed;border-color:var(--border-primary);background:var(--bg-tertiary)}.slider-disabled .slider-range{background:var(--border-primary)}.tag{display:inline-flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-secondary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);white-space:nowrap;transition:all var(--transition-fast)}.tag-sm{height:24px;padding:0 var(--spacing-md);font-size:var(--font-size-xs);line-height:var(--line-height-xs);gap:var(--spacing-xs)}.tag-md{height:28px;padding:0 var(--spacing-lg);font-size:var(--font-size-sm);line-height:var(--line-height-sm);gap:var(--spacing-sm)}.tag-lg{height:32px;padding:0 var(--spacing-lg);font-size:var(--font-size-sm);line-height:var(--line-height-sm);gap:var(--spacing-sm)}.tag:hover{border-color:var(--color-gray-400);background-color:var(--bg-secondary)}.tag-dismiss{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--text-quaternary);cursor:pointer;transition:color var(--transition-fast);flex-shrink:0;border-radius:var(--radius-xs)}.tag-dismiss:hover{color:var(--text-secondary)}.tag-dismiss:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.tag-sm .tag-dismiss svg,.tag-sm .tag-dismiss .icon{width:12px;height:12px}.tag-md .tag-dismiss svg,.tag-md .tag-dismiss .icon{width:14px;height:14px}.tag-lg .tag-dismiss svg,.tag-lg .tag-dismiss .icon{width:16px;height:16px}.tag-count{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-tertiary);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.tag-sm .tag-count{min-width:16px;height:16px;padding:0 4px;font-size:10px}.tag-md .tag-count{min-width:18px;height:18px;padding:0 5px;font-size:11px}.tag-lg .tag-count{min-width:20px;height:20px;padding:0 6px;font-size:var(--font-size-xs)}.tag-avatar{border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.tag-avatar img{width:100%;height:100%;object-fit:cover;display:block}.tag-sm .tag-avatar{width:16px;height:16px;margin-left:-2px}.tag-md .tag-avatar{width:18px;height:18px;margin-left:-4px}.tag-lg .tag-avatar{width:20px;height:20px;margin-left:-4px}.tag-dot{border-radius:var(--radius-full);flex-shrink:0;background-color:var(--color-success-500)}.tag-sm .tag-dot{width:6px;height:6px}.tag-md .tag-dot,.tag-lg .tag-dot{width:8px;height:8px}.tag-dot.dot-success{background-color:var(--color-success-500)}.tag-dot.dot-warning{background-color:var(--color-warning-500)}.tag-dot.dot-error{background-color:var(--color-error-500)}.tag-dot.dot-brand{background-color:var(--color-brand-500)}.tag-dot.dot-gray{background-color:var(--color-gray-400)}.timepicker-field{display:flex;flex-direction:column;gap:var(--spacing-sm)}.timepicker-label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);color:var(--text-secondary)}.timepicker-required{color:var(--text-error-primary);margin-left:2px}.timepicker-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);cursor:pointer;outline:none;font-family:var(--font-family-body);color:var(--text-primary);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.timepicker-trigger-sm{height:40px;padding:0 var(--spacing-lg);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.timepicker-trigger-md{height:44px;padding:0 var(--spacing-xl);font-size:var(--font-size-md);line-height:var(--line-height-md)}.timepicker-trigger-lg{height:48px;padding:0 var(--spacing-xl);font-size:var(--font-size-lg);line-height:var(--line-height-lg)}.timepicker-trigger:hover:not(:disabled){border-color:var(--color-gray-400)}.timepicker-trigger:focus-visible,.timepicker-trigger[data-state=open]{border-color:var(--border-brand);border-width:2px;box-shadow:none}.timepicker-trigger-error{border-color:var(--border-error)}.timepicker-trigger-error:focus-visible,.timepicker-trigger-error[data-state=open]{border-color:var(--border-error);box-shadow:0 0 0 3px var(--color-error-100)}.timepicker-trigger:disabled{background-color:var(--bg-disabled-subtle);border-color:var(--border-disabled);cursor:not-allowed;color:var(--text-disabled)}.timepicker-trigger:disabled:hover{border-color:var(--border-disabled)}.timepicker-value{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timepicker-placeholder{color:var(--text-placeholder)}.timepicker-trigger svg{width:20px;height:20px;flex-shrink:0;color:var(--text-quaternary)}.timepicker-trigger-sm svg{width:18px;height:18px}.timepicker-content{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;z-index:1000}.timepicker-content[data-state=open]{animation:timepicker-in var(--duration-fast) var(--ease-default)}.timepicker-content[data-state=closed]{animation:timepicker-out var(--duration-fast) var(--ease-default)}@keyframes timepicker-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes timepicker-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}.timepicker-listbox{max-height:280px;overflow-y:auto;padding:var(--spacing-xs) 0;outline:none}.timepicker-listbox::-webkit-scrollbar{width:8px}.timepicker-listbox::-webkit-scrollbar-track{background:transparent}.timepicker-listbox::-webkit-scrollbar-thumb{background-color:var(--color-gray-300);border-radius:4px}.timepicker-listbox::-webkit-scrollbar-thumb:hover{background-color:var(--color-gray-400)}.timepicker-option{display:flex;align-items:center;padding:var(--spacing-md) var(--spacing-xl);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.timepicker-option:hover,.timepicker-option-highlighted{background-color:var(--bg-secondary)}.timepicker-option-selected{color:var(--text-primary);font-weight:var(--font-weight-semibold);position:relative;padding-left:calc(var(--spacing-xl) + 14px)}.timepicker-option-selected:before{content:"";position:absolute;left:var(--spacing-xl);width:6px;height:6px;background-color:#60759f;border-radius:var(--radius-full)}.timepicker-helper{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.timepicker-helper-error{color:var(--color-error-600)}.toggle{display:inline-flex;align-items:center;cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent}.toggle-sm{width:36px;height:20px}.toggle-md{width:44px;height:24px}.toggle-input{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}.toggle-track{width:100%;height:100%;background:var(--color-gray-200);border-radius:var(--radius-full);position:relative;transition:background var(--transition-fast)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;background:var(--color-white, #fff);border-radius:var(--radius-full);box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:transform var(--transition-fast)}.toggle-sm .toggle-track:after{width:16px;height:16px}.toggle-md .toggle-track:after{width:20px;height:20px}.toggle-input:checked+.toggle-track{background:var(--bg-brand-solid)}.toggle-sm .toggle-input:checked+.toggle-track:after{transform:translate(16px)}.toggle-md .toggle-input:checked+.toggle-track:after{transform:translate(20px)}.toggle-input:focus-visible+.toggle-track{box-shadow:0 0 0 3px var(--color-brand-100)}.toggle:not(.toggle-disabled):hover .toggle-track{background:var(--color-gray-300)}.toggle:not(.toggle-disabled):hover .toggle-input:checked+.toggle-track{background:var(--bg-brand-solid-hover)}.toggle-disabled{cursor:not-allowed;opacity:.5}.toggle-disabled .toggle-track{cursor:not-allowed}.toggle-field{display:flex;align-items:flex-start}.toggle-field-sm{gap:var(--spacing-md)}.toggle-field-sm .toggle{margin-top:0}.toggle-field-md{gap:var(--spacing-lg)}.toggle-field-md .toggle{margin-top:1px}.toggle-content{display:flex;flex-direction:column;gap:2px}.toggle-label{font-family:var(--font-family-body);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer}.toggle-field-sm .toggle-label,.toggle-field-md .toggle-label{font-size:var(--text-sm);line-height:var(--leading-sm)}.toggle-supporting{font-family:var(--font-family-body);font-weight:var(--font-regular);color:var(--text-tertiary)}.toggle-field-sm .toggle-supporting{font-size:var(--text-xs);line-height:var(--leading-xs)}.toggle-field-md .toggle-supporting{font-size:var(--text-sm);line-height:var(--leading-sm)}.toggle-field-disabled .toggle-label,.toggle-field-disabled .toggle-supporting{color:var(--text-disabled)}.toggle-field-disabled .toggle-label{cursor:not-allowed}.tooltip-content{max-width:320px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-gray-900);color:#fff;font-family:var(--font-family-body);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-xs);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:1000;-webkit-user-select:none;user-select:none}.tooltip-content[data-state=delayed-open]{animation:tooltip-fade-in var(--duration-fast) var(--ease-out)}.tooltip-content[data-state=closed]{animation:tooltip-fade-out var(--duration-fast) var(--ease-in)}.tooltip-content[data-side=top]{animation-name:tooltip-slide-up}.tooltip-content[data-side=bottom]{animation-name:tooltip-slide-down}.tooltip-content[data-side=left]{animation-name:tooltip-slide-left}.tooltip-content[data-side=right]{animation-name:tooltip-slide-right}.tooltip-content[data-state=closed][data-side=top],.tooltip-content[data-state=closed][data-side=bottom],.tooltip-content[data-state=closed][data-side=left],.tooltip-content[data-state=closed][data-side=right]{animation-name:tooltip-fade-out}@keyframes tooltip-slide-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-down{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes tooltip-slide-left{0%{opacity:0;transform:translate(4px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-slide-right{0%{opacity:0;transform:translate(-4px)}to{opacity:1;transform:translate(0)}}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}@keyframes tooltip-fade-out{0%{opacity:1}to{opacity:0}}.tooltip-content-lg{padding:var(--spacing-lg)}.tooltip-content-multiline{min-width:200px}.tooltip-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:#fff;margin:0 0 var(--spacing-xs) 0}.tooltip-text{font-size:var(--text-xs);font-weight:var(--font-regular);color:var(--color-gray-300);margin:0;line-height:1.5}.tooltip-arrow{fill:var(--color-gray-900)}.tooltip-static{position:relative;display:inline-block;max-width:320px;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-gray-900);color:#fff;font-family:var(--font-family-body);font-size:var(--text-xs);font-weight:var(--font-medium);line-height:var(--leading-xs);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.tooltip-static-lg{padding:var(--spacing-lg)}.tooltip-static-multiline{min-width:200px}.tooltip-static:before{content:"";position:absolute;width:0;height:0;border:6px solid transparent}.tooltip-static-no-arrow:before{display:none}.tooltip-static-arrow-bottom-center:before{bottom:-6px;left:50%;transform:translate(-50%);border-top-color:var(--color-gray-900);border-bottom:none}.tooltip-static-arrow-bottom-left:before{bottom:-6px;left:16px;border-top-color:var(--color-gray-900);border-bottom:none}.tooltip-static-arrow-bottom-right:before{bottom:-6px;right:16px;border-top-color:var(--color-gray-900);border-bottom:none}.tooltip-static-arrow-top-center:before{top:-6px;left:50%;transform:translate(-50%);border-bottom-color:var(--color-gray-900);border-top:none}.tooltip-static-arrow-top-left:before{top:-6px;left:16px;border-bottom-color:var(--color-gray-900);border-top:none}.tooltip-static-arrow-top-right:before{top:-6px;right:16px;border-bottom-color:var(--color-gray-900);border-top:none}.tooltip-static-arrow-right:before{right:-6px;top:50%;transform:translateY(-50%);border-left-color:var(--color-gray-900);border-right:none}.tooltip-static-arrow-left:before{left:-6px;top:50%;transform:translateY(-50%);border-right-color:var(--color-gray-900);border-left:none}.tpl-basic-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tpl-basic-page .top-nav{flex-shrink:0;position:sticky;top:0;z-index:50}.tpl-basic-content{flex:1;overflow-y:auto;background:var(--bg-primary-alt)}.tpl-basic-inner{max-width:1160px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-3xl) var(--spacing-4xl)}.tpl-basic-inner .page-header{margin-bottom:var(--spacing-4xl)}.tpl-basic-placeholder{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-3xl)}.tpl-basic-placeholder-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-3xl)}.tpl-basic-placeholder-card h3{margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--text-primary)}.tpl-basic-placeholder-card p{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.tpl-basic-full-width-card{margin-top:var(--spacing-3xl)}.tpl-level2-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tpl-level2-page .top-nav{flex-shrink:0;position:sticky;top:0;z-index:50}.tpl-level2-page .page-header-fixed{position:relative;top:auto;left:auto;right:auto;flex-shrink:0;z-index:40}.tpl-level2-content{flex:1;overflow-y:auto;background:var(--bg-primary-alt)}.tpl-level2-inner{max-width:1160px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-3xl) var(--spacing-4xl)}.tpl-level2-placeholder{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-3xl)}.tpl-level2-placeholder-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-3xl)}.tpl-level2-placeholder-card h3{margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--text-primary)}.tpl-level2-placeholder-card p{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.tpl-level2-full-width-card{margin-top:var(--spacing-3xl)}.tpl-settings-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tpl-settings-page .top-nav{flex-shrink:0;position:sticky;top:0;z-index:50}.tpl-settings-body{display:flex;flex:1;min-height:0}.tpl-settings-sidebar{flex-shrink:0;padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs)}.tpl-settings-sidebar .settings-nav{height:100%;border-right:none;border:1px solid var(--border-secondary);border-radius:var(--radius-xl);overflow:hidden}.tpl-settings-content{flex:1;overflow-y:auto;background:var(--bg-primary-alt)}.tpl-settings-inner{max-width:1160px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-3xl) var(--spacing-4xl)}.tpl-settings-inner .page-header{margin-bottom:var(--spacing-4xl)}.tpl-settings-placeholder{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-3xl)}.tpl-settings-placeholder-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-3xl)}.tpl-settings-placeholder-card h3{margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--text-primary)}.tpl-settings-placeholder-card p{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.tpl-settings-full-width-card{margin-top:var(--spacing-3xl)}.tpl-jobs-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tpl-jobs-page .top-nav{flex-shrink:0;position:sticky;top:0;z-index:50}.tpl-jobs-body{display:flex;flex:1;min-height:0}.tpl-jobs-left-nav{flex-shrink:0;padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xs)}.tpl-jobs-left-nav .jobs-nav{height:100%}.tpl-jobs-center{display:flex;flex-direction:column;flex:1;min-width:0}.tpl-jobs-header{flex-shrink:0;padding:0 var(--spacing-3xl)}.tpl-jobs-content{flex:1;overflow-y:auto;background:var(--bg-primary-alt)}.tpl-jobs-inner{padding:var(--spacing-xl) var(--spacing-3xl) var(--spacing-4xl)}.tpl-jobs-right-sidebar{flex-shrink:0}.tpl-jobs-placeholder{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-3xl)}.tpl-jobs-placeholder-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-3xl)}.tpl-jobs-placeholder-card h3{margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--text-primary)}.tpl-jobs-placeholder-card p{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}.tpl-jobs-full-width-card{margin-top:var(--spacing-3xl)}.tpl-estimates-page{display:flex;flex-direction:column;height:100vh;overflow:hidden}.tpl-estimates-page .top-nav{flex-shrink:0;position:sticky;top:0;z-index:50}.tpl-estimates-page .page-header-fixed{position:relative;top:auto;left:auto;right:auto;flex-shrink:0;z-index:40}.tpl-estimates-body{display:flex;flex:1;overflow:hidden}.tpl-estimates-body .estimates-nav{flex-shrink:0}.tpl-estimates-content{flex:1;overflow-y:auto;background:var(--bg-primary-alt)}.tpl-estimates-inner{max-width:1160px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-3xl) var(--spacing-4xl)}.tpl-estimates-card{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);padding:var(--spacing-3xl)}.tpl-estimates-card h3{margin:0 0 var(--spacing-md) 0;font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-lg);color:var(--text-primary)}.tpl-estimates-card p{margin:0;font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);color:var(--text-tertiary)}