:root{--color-white: #ffffff;--color-black: #000000;--color-transparent: transparent;--color-gray-25: #F9FAFB;--color-gray-50: #F3F5F7;--color-gray-100: #F0F3F4;--color-gray-200: #E2E7E9;--color-gray-300: #D3DBDF;--color-gray-400: #C4CFD4;--color-gray-500: #A7B6BE;--color-gray-600: #86A0AC;--color-gray-700: #688797;--color-gray-800: #536C79;--color-gray-900: #3F515A;--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-secondary: var(--color-error-100);--bg-warning-secondary: var(--color-warning-100);--bg-success-secondary: var(--color-success-100);--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-backdrop-fade-in{0%{opacity:0}to{opacity:1}}@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%)}}.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)}.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-xs);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}.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-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-pages{display:flex;align-items:center;gap:var(--spacing-xxs)}.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)}.top-nav{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 var(--spacing-xl);background:linear-gradient(to bottom right,var(--color-brand-950),#475c85);border-bottom:1px solid var(--color-brand-950);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;overflow:hidden}.top-nav-dropdown:has(.top-nav-dropdown-footer){background:var(--bg-secondary);padding:0}.top-nav-dropdown:has(.top-nav-dropdown-footer) .top-nav-dropdown-content{background:var(--bg-primary);border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;border-bottom:1px solid var(--border-secondary)}.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{background:var(--bg-secondary);padding:var(--spacing-sm) 0}.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-secondary)}.top-nav-menu-item:hover svg{color:var(--text-primary)}.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}.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:1px var(--spacing-md) 3px;font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.badge-md{padding:1px 10px 3px;font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.badge-lg{padding:3px var(--spacing-lg) 5px;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:has(.badge-icon).badge-sm,.badge:has(.badge-icon).badge-md{padding-top:2px;padding-bottom:2px}.badge:has(.badge-icon).badge-lg{padding-top:4px;padding-bottom:4px}.badge .badge-icon{display:flex;align-items:center;justify-content:center}.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}.badge-icon-only{justify-content:center;gap:0;line-height:0}.badge-icon-only.badge-sm{width:20px;height:20px;padding:0}.badge-icon-only.badge-md{width:24px;height:24px;padding:0}.badge-icon-only.badge-lg{width:28px;height:28px;padding:0}.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-xsm{font-size:var(--font-size-xs);line-height:var(--line-height-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md)}.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 svg,.btn-primary .icon{color:var(--fg-quaternary)}.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-secondary);border:1px solid var(--border-primary);box-shadow:var(--shadow-xs)}.btn-outlined svg,.btn-outlined .icon{color:var(--fg-quaternary)}.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 svg,.btn-soft .icon{color:var(--fg-quaternary)}.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-tertiary);border:1px solid transparent}.btn-text svg,.btn-text .icon{color:var(--fg-quaternary)}.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-reversed.btn-primary{background-color:var(--color-white);color:var(--text-primary);border-color:var(--color-white);box-shadow:none}.btn-reversed.btn-primary:hover{background-color:var(--color-gray-100)}.btn-reversed.btn-primary:focus-visible{box-shadow:0 0 0 2px var(--color-white),0 0 0 4px var(--focus-ring)}.btn-reversed.btn-outlined{color:var(--color-white);border-color:var(--color-white);background-color:transparent;box-shadow:none}.btn-reversed.btn-outlined:hover{background-color:#ffffff1f}.btn-reversed.btn-outlined:focus-visible{box-shadow:0 0 0 2px #0000004d,0 0 0 4px var(--color-white)}.btn-reversed.btn-text{color:var(--color-white);background-color:transparent;border-color:transparent;box-shadow:none}.btn-reversed.btn-text:hover{background-color:#ffffff1f}.btn-reversed.btn-text:focus-visible{box-shadow:0 0 0 2px #0000004d,0 0 0 4px var(--color-white)}.btn svg,.btn .icon{width:20px;height:20px;flex-shrink:0}.btn-xsm svg,.btn-xsm .icon{width:12px;height:12px}.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-only{padding:10px;gap:0;height:42px;aspect-ratio:1 / 1}.btn-icon-only.btn-xsm{padding:var(--spacing-xs);height:28px}.btn-icon-only.btn-sm{padding:var(--spacing-md);height:38px}.btn-icon-only.btn-lg{padding:10px;height:46px}.btn-icon-only.btn-xl{padding:var(--spacing-lg);height:50px}.btn-icon-only.btn-text{height:auto;aspect-ratio:unset;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-reversed:hover{background-color:#ffffff14}.btn-icon-only.btn-text.btn-xsm{padding:2px}.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-split{display:inline-flex;align-items:stretch;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.btn-split .btn{border-radius:0}.btn-split-primary{box-shadow:var(--shadow-xs),inset 0 0 0 1px #ffffff1f,inset 0 -2px #00000014}.btn-split-primary .btn-primary{box-shadow:none}.btn-split-primary .btn-split-action{border-right-color:#fff3}.btn-split-outlined{border:1px solid var(--border-primary);box-shadow:var(--shadow-xs)}.btn-split-outlined .btn-outlined{border:none;box-shadow:none}.btn-split-outlined .btn-split-action{border-right:1px solid var(--border-primary)}.btn-split-soft .btn-split-action{border-right-color:#0000001a}.btn-split-text .btn-split-action{border-right-color:var(--border-secondary)}.btn-split-destructive.btn-split-outlined{border-color:var(--border-error-subtle)}.btn-split-destructive.btn-split-outlined .btn-split-action{border-right-color:var(--border-error-subtle)}.btn-split-reversed.btn-split-primary .btn-split-action{border-right-color:#0000001a}.btn-split-reversed.btn-split-outlined{border-color:var(--color-white)}.btn-split-reversed.btn-split-outlined .btn-split-action{border-right-color:var(--color-white)}.btn-split-disabled{cursor:not-allowed}.btn-split-disabled .btn{pointer-events:none}.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-field-inline{align-items:center}.checkbox-field-inline .checkbox-box{margin-top:0}.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}.dropdown-content{display:flex;flex-direction:column;min-width:240px;max-width:500px;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(--text-secondary)}.dropdown-item-icon svg,.dropdown-item-icon img{width:20px;height:20px}.dropdown-item-label{flex:1;min-width:0;white-space:normal;word-break:break-word}.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-body{border-radius:0 0 var(--radius-md) var(--radius-md);overflow:hidden;border-bottom:1px solid var(--border-secondary);background-color:var(--bg-primary);padding:var(--spacing-xs) 0}.dropdown-footer{background-color:var(--bg-secondary);padding:var(--spacing-xs) 0}.dropdown-content:has(.dropdown-footer){padding:0;background-color:var(--bg-secondary)}.dropdown-subtrigger[data-state=open]{background-color:var(--bg-secondary)}.dropdown-subtrigger-chevron{display:flex;align-items:center;justify-content:center;width:16px;height:16px;flex-shrink:0;margin-left:auto;color:var(--text-tertiary)}.dropdown-subcontent[data-state=open]{animation:dropdown-sub-in var(--duration-fast) var(--ease-default)}.dropdown-subcontent[data-state=closed]{animation:dropdown-sub-out var(--duration-fast) var(--ease-default)}@keyframes dropdown-sub-in{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}@keyframes dropdown-sub-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-6px)}}.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}.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)}