: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: #eff3fa;--color-brand-100: #ebf0fa;--color-brand-200: #d9e1f2;--color-brand-300: #c8d3ea;--color-brand-400: #b8c5e0;--color-brand-500: #98aacd;--color-brand-600: #7a8fb8;--color-brand-700: #60759f;--color-brand-800: #475c85;--color-brand-900: #324467;--color-brand-950: #1f2c47;--color-error-25: #fef7f6;--color-error-50: #fdefed;--color-error-100: #fcebe6;--color-error-200: #fadad1;--color-error-300: #fec2b3;--color-error-400: #ffae99;--color-error-500: #ff704c;--color-error-600: #ff5c33;--color-error-700: #f23b0d;--color-error-800: #b73515;--color-error-900: #842b15;--color-error-950: #5a1b0c;--color-warning-25: #fff9f5;--color-warning-50: #fff3eb;--color-warning-100: #fff1e5;--color-warning-200: #ffe2cc;--color-warning-300: #ffd4b2;--color-warning-400: #ffc599;--color-warning-500: #ffa866;--color-warning-600: #ff8b33;--color-warning-700: #ff6f00;--color-warning-800: #cc5800;--color-warning-900: #994200;--color-warning-950: #662c00;--color-success-25: #f6fefb;--color-success-50: #edfdf7;--color-success-100: #e8fcf5;--color-success-200: #d1faec;--color-success-300: #baf7e3;--color-success-400: #a8f0d8;--color-success-500: #85e0c2;--color-success-600: #5cd6ad;--color-success-700: #33cc99;--color-success-800: #1fad7e;--color-success-900: #0f8a61;--color-success-950: #056243;--color-jnblue-25: #f6fafe;--color-jnblue-50: #ecf5fd;--color-jnblue-100: #e7f2fd;--color-jnblue-200: #bbd9fb;--color-jnblue-300: #90c1f9;--color-jnblue-400: #64a8f6;--color-jnblue-500: #4296f5;--color-jnblue-600: #2183f3;--color-jnblue-700: #1e7be5;--color-jnblue-800: #196fd2;--color-jnblue-900: #1565c0;--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);--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);--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-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);--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}: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;--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;--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;--container-padding-mobile: 16px;--container-padding-desktop: 32px;--container-max-width: 1280px;--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)}.breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.breadcrumb-item{display:inline-flex;align-items:center;gap:var(--spacing-xs);color:var(--text-tertiary);text-decoration:none;font-weight:var(--font-weight-medium);transition:color .15s ease}.breadcrumb-item:hover:not(.breadcrumb-item-active){color:var(--text-secondary)}.breadcrumb-item-active{color:var(--text-secondary);font-weight:var(--font-weight-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);transition:color .15s ease}.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}.breadcrumb-separator svg{width:16px;height:16px}.breadcrumb-ellipsis-wrapper{position:relative;display:inline-flex}.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(--border-radius-sm);cursor:pointer;transition:background-color .15s ease}.breadcrumb-ellipsis:hover{background-color:var(--bg-secondary)}.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(--border-radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);min-width:150px;z-index:1000}.breadcrumb-dropdown-item{display:block;width:100%;padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-secondary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-sm);transition:background-color .15s ease}.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-primary)}.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-primary);box-shadow:var(--shadow-sm)}.page-header-fixed-left{display:flex;align-items:center;gap:var(--spacing-lg)}.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-primary)}.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}.settings-nav{display:flex;flex-direction:column;width:280px;height:100%;background-color:var(--bg-primary-alt);border:1px solid var(--border-primary)}.settings-nav-example{border-radius:12px;overflow:hidden}.settings-nav-search{padding:var(--spacing-lg);border-bottom:1px solid var(--border-primary)}.settings-nav-search-input{position:relative;display:flex;align-items:center}.settings-nav-search-icon{position:absolute;left:var(--spacing-md);z-index:1;color:var(--text-tertiary);pointer-events:none}.settings-nav-search-field{width:100%;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-sm) var(--spacing-3xl);font-size:var(--font-size-sm);font-family:var(--font-family-body);color:var(--text-primary);background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-md);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.settings-nav-search-field::placeholder{color:var(--text-quaternary)}.settings-nav-search-field:focus{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--focus-ring)}.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-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);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);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-secondary);text-decoration:none;transition:all .15s ease}.settings-nav-item:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.settings-nav-item-active,.settings-nav-item-active:hover{font-weight:var(--font-weight-bold);color:var(--text-primary)}.jobs-nav{display:flex;flex-direction:column;height:100vh;background:linear-gradient(45deg,var(--color-brand-800) 0%,var(--color-brand-950) 100%);transition:width .3s ease;overflow:hidden;border-radius:10px!important;position:relative;clip-path:inset(0 0 0 0 round 10px)}.jobs-nav *{box-sizing:border-box}.jobs-nav-expanded{width:280px}.jobs-nav-collapsed{width:64px!important}.jobs-nav-header{padding:var(--spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.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:rgba(255,255,255,.1);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:background-color .2s ease,transform .3s ease}.jobs-nav-collapsed .jobs-nav-toggle{margin:0}.jobs-nav-toggle:hover{background:rgba(255,255,255,.2)}.jobs-nav-collapsed .jobs-nav-toggle{transform:rotate(180deg)}.jobs-nav-toggle svg{width:16px;height:16px}.jobs-nav-content{flex:1;padding:var(--spacing-lg) 0;overflow-y:auto;overflow-x:hidden;position:relative}.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-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease;white-space:nowrap;border-radius:var(--radius-md)}.jobs-nav-item:hover{background:rgba(255,255,255,.1);color:#fff}.jobs-nav-item-active{background:rgba(255,255,255,.15);color:#fff;font-weight:var(--font-weight-semibold)}.jobs-nav-item-collapsed{justify-content:center;align-items: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-collapsed .jobs-nav-item-icon{width:20px;height:20px}.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;text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all .2s ease;white-space:nowrap;cursor:pointer;text-align:left}.jobs-nav-section-toggle:hover{background:rgba(255,255,255,.1);color:#fff}.jobs-nav-section-toggle-collapsed{justify-content:center;align-items:center;padding:0;margin:var(--spacing-xs) auto;width:40px!important;height:40px}.jobs-nav-section-arrow{margin-left:auto;margin-right:var(--spacing-xs);transition:transform .2s ease;width:16px;height:16px}.jobs-nav-section-arrow-expanded{transform:rotate(180deg)}.jobs-nav-section-content{border-top:1px solid rgba(255,255,255,.1);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}.jobs-nav-content::-webkit-scrollbar{width:4px}.jobs-nav-content::-webkit-scrollbar-track{background:transparent}.jobs-nav-content::-webkit-scrollbar-thumb{background:rgba(255,255,255,.3);border-radius:2px}.jobs-nav-content::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.4)}.jobs-nav-content{scrollbar-width:none;-ms-overflow-style:none}.jobs-nav-content::-webkit-scrollbar{display:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);background-color:#00000080;animation:modal-backdrop-fade-in .15s ease}@keyframes modal-backdrop-fade-in{0%{opacity:0}to{opacity:1}}.modal{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 .2s ease}@keyframes modal-slide-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:560px}.modal-lg{width:100%;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-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-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 .15s ease}.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-backdrop{padding:var(--spacing-md)}.modal-sm,.modal-md,.modal-lg{max-width:none}.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)}}.alert{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid var(--border-secondary);background-color:var(--bg-primary-alt);box-shadow:var(--shadow-xs)}.alert-icon{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md)}.alert-content{flex:1;min-width:0}.alert-text{margin-bottom:var(--spacing-md)}.alert-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-xs)}.alert-description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--text-secondary)}.alert-actions{display:flex;align-items:center;gap:var(--spacing-md)}.alert-actions .alert-action-secondary.btn-text{color:var(--text-tertiary)}.alert-actions .alert-action-secondary.btn-text:hover{color:var(--text-secondary)}.alert-actions .alert-action-primary.btn-text{color:var(--color-brand-800);font-weight:var(--font-weight-semibold)}.alert-actions .alert-action-primary.btn-text:hover{color:var(--color-brand-900)}.alert-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:none;border:none;cursor:pointer;color:var(--text-quaternary);transition:color .15s ease}.alert-close:hover{color:var(--text-secondary)}.alert-gray .alert-icon{border-radius:var(--radius-lg, 12px);border:1px solid var(--border-secondary, #E2E7E9);background:var(--bg-primary, #FFF);color:var(--text-tertiary);box-shadow:0 1px 3px #0a0d121a,0 1px 2px #0a0d120f}.alert-gray .alert-title{color:var(--text-primary)}.alert-gray .alert-action-primary.btn-text{color:var(--text-tertiary)}.alert-gray .alert-action-primary.btn-text:hover{color:var(--text-secondary)}.alert-brand .alert-icon{border-radius:var(--radius-sm, 6px);border:none;background:var(--bg-brand-solid, #324467);color:var(--color-white);box-shadow:0 0 0 1px #0a0d122e inset,0 -2px #0a0d120d inset,0 1px 2px #0a0d120d}.alert-brand .alert-title,.alert-brand .alert-action-primary.btn-text{color:var(--color-brand-800)}.alert-brand .alert-action-primary.btn-text:hover{color:var(--color-brand-900)}.alert-error .alert-icon{width:40px;height:40px;border-radius:var(--radius-sm, 6px);background:var(--bg-error-solid, #F23B0D);color:var(--color-white);border:none;box-shadow:0 0 0 1px #0a0d122e inset,0 -2px #0a0d120d inset,0 1px 2px #0a0d120d}.alert-error .alert-title{color:var(--color-error-700)}.alert-error .alert-action-primary.btn-text{color:var(--color-brand-800)}.alert-error .alert-action-primary.btn-text:hover{color:var(--color-brand-900)}.alert-warning .alert-icon{width:40px;height:40px;border-radius:var(--radius-sm, 6px);border:none;background:var(--bg-warning-solid, #ff8b33);color:var(--color-white);box-shadow:0 0 0 1px #0a0d122e inset,2px 0 #0a0d120d inset,0 .833px 2px #0a0d120d}.alert-warning .alert-title{color:var(--color-warning-800)}.alert-warning .alert-action-primary.btn-text{color:var(--color-brand-800)}.alert-warning .alert-action-primary.btn-text:hover{color:var(--color-brand-900)}.alert-success .alert-icon{width:40px;height:40px;border-radius:var(--radius-sm, 6px);border:none;background:var(--bg-success-solid, #33cc99);color:var(--color-white);box-shadow:0 0 0 1px #0a0d122e inset,2px 0 #0a0d120d inset,0 .833px 2px #0a0d120d}.alert-success .alert-title{color:var(--color-success-800)}.alert-success .alert-action-primary.btn-text{color:var(--color-brand-800)}.alert-success .alert-action-primary.btn-text:hover{color:var(--color-brand-900)}.demo-mode{position:fixed;top:50%;right:var(--spacing-md);transform:translateY(-50%);z-index:1100;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;transition:all .2s ease}.demo-mode-toggle{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-secondary);border:none;cursor:pointer;font-size:var(--font-size-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:background-color .15s ease}.demo-mode-toggle:hover{background:var(--bg-tertiary)}.demo-mode-title{flex:1;text-align:left}.demo-mode-chevron{flex-shrink:0;transition:transform .2s ease}.demo-mode-collapsed .demo-mode-toggle{writing-mode:vertical-rl;text-orientation:mixed;padding:var(--spacing-md) var(--spacing-sm)}.demo-mode-collapsed .demo-mode-title{text-align:center}.demo-mode-collapsed .demo-mode-chevron{transform:rotate(-90deg)}.demo-mode-nav{display:flex;flex-direction:column;padding:var(--spacing-sm);gap:var(--spacing-xs)}.demo-mode-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--text-secondary);text-align:left;white-space:nowrap;transition:all .15s ease}.demo-mode-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.demo-mode-item-active,.demo-mode-item-active:hover{background:var(--bg-brand-secondary);color:var(--text-brand)}.demo-mode-item-indicator{width:8px;height:8px;border-radius:50%;background:var(--border-secondary);flex-shrink:0;transition:background-color .15s ease}.demo-mode-item-active .demo-mode-item-indicator{background:var(--color-brand-600)}.demo-mode-item-label{flex:1}.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-weight-medium);flex-shrink:0}.avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.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)}.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}.avatar-group .avatar{border:2px solid var(--bg-primary);margin-left:-8px}.avatar-group .avatar:last-child{margin-left:0}.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-count{background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:var(--font-weight-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{width:12px;height:12px;flex-shrink:0}.badge-lg svg{width:14px;height:14px}.card{background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-xl);padding:var(--spacing-3xl);box-shadow:var(--shadow-sm)}.card:before,.card:after{display:none}.card-sm{padding:var(--spacing-xl)}.card-lg{padding:var(--spacing-4xl)}.card-clickable{cursor:pointer;text-decoration:none;color:inherit;display:block;transition:border-color .15s ease,box-shadow .15s ease}.card-clickable:hover{border-color:var(--border-primary);box-shadow:var(--shadow-md)}.card-clickable:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.card-flat{box-shadow:none}.card-elevated{box-shadow:var(--shadow-md)}.card-elevated.card-clickable:hover{box-shadow:var(--shadow-lg)}.card-borderless{border:none;box-shadow:var(--shadow-md)}.card-borderless.card-clickable:hover{box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.card-title{font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin:0;line-height:var(--line-height-lg)}.card-subtitle{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--text-tertiary);margin:var(--spacing-xs) 0 0 0}.card-body{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--text-secondary);line-height:var(--line-height-sm)}.card-body p{margin:0}.card-body p+p{margin-top:var(--spacing-md)}.card-footer{display:flex;align-items:center;gap:var(--spacing-lg);margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-secondary)}.card-footer-right{justify-content:flex-end}.card-footer-between{justify-content:space-between}.card-preview{display:flex;align-items:center;justify-content:center;min-height:120px;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--bg-secondary);border-radius:var(--radius-lg)}.card-image{margin:calc(var(--spacing-3xl) * -1) calc(var(--spacing-3xl) * -1) var(--spacing-xl);border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden}.card-image img{width:100%;height:auto;display:block}.card-sm .card-image{margin:calc(var(--spacing-xl) * -1) calc(var(--spacing-xl) * -1) var(--spacing-lg)}.card-lg .card-image{margin:calc(var(--spacing-4xl) * -1) calc(var(--spacing-4xl) * -1) var(--spacing-xl)}.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 .15s ease;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-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 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}.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 .15s ease}.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 .15s ease;flex-shrink:0}.tag-dismiss:hover{color:var(--text-secondary)}.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}.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)}.tooltip{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(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-xs);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.tooltip-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:#fff;margin:0 0 var(--spacing-xs) 0}.tooltip-text{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-gray-300);margin:0;line-height:1.5}.tooltip-lg{padding:var(--spacing-lg)}.tooltip:before{content:"";position:absolute;width:0;height:0;border:6px solid transparent}.tooltip-no-arrow:before{display:none}.tooltip-arrow-bottom:before,.tooltip-arrow-bottom-center:before{bottom:-6px;left:50%;transform:translate(-50%);border-top-color:var(--color-gray-900);border-bottom:none}.tooltip-arrow-bottom-left:before{bottom:-6px;left:16px;border-top-color:var(--color-gray-900);border-bottom:none}.tooltip-arrow-bottom-right:before{bottom:-6px;right:16px;border-top-color:var(--color-gray-900);border-bottom:none}.tooltip-arrow-top:before,.tooltip-arrow-top-center:before{top:-6px;left:50%;transform:translate(-50%);border-bottom-color:var(--color-gray-900);border-top:none}.tooltip-arrow-top-left:before{top:-6px;left:16px;border-bottom-color:var(--color-gray-900);border-top:none}.tooltip-arrow-top-right:before{top:-6px;right:16px;border-bottom-color:var(--color-gray-900);border-top:none}.tooltip-arrow-left:before{left:-6px;top:50%;transform:translateY(-50%);border-right-color:var(--color-gray-900);border-left:none}.tooltip-arrow-right:before{right:-6px;top:50%;transform:translateY(-50%);border-left-color:var(--color-gray-900);border-right:none}.tooltip-wrapper{position:relative;display:inline-block}.tooltip-wrapper .tooltip{position:absolute;z-index:1000;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility .15s ease;white-space:nowrap}.tooltip-wrapper:hover .tooltip{opacity:1;visibility:visible}.tooltip-wrapper .tooltip{bottom:100%;left:50%;transform:translate(-50%);margin-bottom:var(--spacing-md)}.tooltip-wrapper.tooltip-pos-bottom .tooltip{bottom:auto;top:100%;margin-bottom:0;margin-top:var(--spacing-md)}.tooltip-wrapper.tooltip-pos-left .tooltip{bottom:auto;left:auto;right:100%;top:50%;transform:translateY(-50%);margin-bottom:0;margin-right:var(--spacing-md)}.tooltip-wrapper.tooltip-pos-right .tooltip{bottom:auto;left:100%;top:50%;transform:translateY(-50%);margin-bottom:0;margin-left:var(--spacing-md)}.tooltip-wrapper .tooltip.tooltip-multiline{white-space:normal;min-width:200px}.tabs-contained{display:inline-flex;background-color:var(--color-gray-100);border-radius:var(--radius-lg);padding:4px;gap:4px}.tabs-contained.tabs-vertical{flex-direction:column;background-color:transparent;padding:0;gap:0}.tab-contained{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);color:var(--text-tertiary);background:transparent;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap}.tab-contained.tab-sm{padding:6px 12px;font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.tab-contained.tab-md{padding:8px 14px;font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.tab-contained:hover{background-color:var(--color-gray-50);color:var(--text-secondary)}.tab-contained:focus-visible{outline:none;box-shadow:0 0 0 2px var(--bg-primary),0 0 0 4px var(--focus-ring)}.tab-contained.active,.tab-contained[aria-selected=true]{background-color:var(--bg-primary);color:var(--text-primary);border-color:var(--border-secondary);box-shadow:var(--shadow-xs)}.tabs-vertical .tab-contained{justify-content:flex-start;width:100%;border-radius:var(--radius-md)}.tabs-vertical .tab-contained.active,.tabs-vertical .tab-contained[aria-selected=true]{background-color:var(--color-gray-100);border-color:transparent;box-shadow:none}.tab-contained .badge{margin-left:2px}.tab-contained.tab-sm .badge{padding:1px var(--spacing-sm);font-size:11px}.tabs-lined{display:inline-flex;gap:0;border-bottom:1px solid var(--border-secondary)}.tabs-lined.tabs-vertical{flex-direction:column;border-bottom:none;border-left:1px solid var(--border-secondary)}.tab-lined{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);color:var(--text-tertiary);background:transparent;border:none;cursor:pointer;transition:all .15s ease;white-space:nowrap;position:relative}.tab-lined:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background-color:transparent;transition:background-color .15s ease}.tab-lined.tab-sm{padding:10px 4px;margin:0 12px;font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.tab-lined.tab-md{padding:12px 4px;margin:0 12px;font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.tabs-lined .tab-lined:first-child{margin-left:0}.tab-lined:hover{color:var(--text-brand-secondary)}.tab-lined:hover:after{background-color:var(--color-brand-300)}.tab-lined:focus-visible{outline:none;color:var(--text-brand-secondary)}.tab-lined:focus-visible:after{background-color:var(--color-brand-300)}.tab-lined.active,.tab-lined[aria-selected=true]{color:var(--text-brand-primary)}.tab-lined.active:after,.tab-lined[aria-selected=true]:after{background-color:var(--color-brand-600)}.tabs-lined.tabs-vertical .tab-lined{justify-content:flex-start;margin:0;padding:8px 12px}.tabs-lined.tabs-vertical .tab-lined.tab-md{padding:10px 16px}.tabs-lined.tabs-vertical .tab-lined:after{top:0;bottom:0;left:-1px;right:auto;width:2px;height:auto}.tab-lined .badge{margin-left:2px}.tab-panel{padding:var(--spacing-xl) 0}.toggle{display:inline-flex;align-items:center;cursor:pointer;position:relative}.toggle.toggle-sm{width:36px;height:20px}.toggle.toggle-md{width:44px;height:24px}.toggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.toggle-track{width:100%;height:100%;background-color:var(--color-gray-200);border-radius:var(--radius-full);transition:all .2s ease;position:relative}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;background-color:var(--color-white);border-radius:var(--radius-full);transition:all .2s ease;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f}.toggle-sm .toggle-track:after{width:16px;height:16px}.toggle-md .toggle-track:after{width:20px;height:20px}.toggle input:checked+.toggle-track{background-color:var(--bg-brand-solid)}.toggle-sm input:checked+.toggle-track:after{transform:translate(16px)}.toggle-md 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 input:disabled+.toggle-track{opacity:.5;cursor:not-allowed}.toggle input:disabled{cursor:not-allowed}.toggle-field{display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer}.toggle-field .toggle{margin-top:1px;flex-shrink:0}.toggle-field.toggle-sm{gap:var(--spacing-md)}.toggle-field.toggle-sm .toggle{margin-top:0}.toggle-field.toggle-md{gap:var(--spacing-lg)}.toggle-field.toggle-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-weight-medium);color:var(--text-secondary)}.toggle-sm .toggle-label{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.toggle-md .toggle-label{font-size:var(--font-size-md);line-height:var(--line-height-md)}.toggle-supporting{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}.toggle-sm .toggle-supporting{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.toggle-md .toggle-supporting{font-size:var(--font-size-md);line-height:var(--line-height-md)}.toggle-field.toggle-disabled{cursor:not-allowed}.toggle-field.toggle-disabled .toggle-label,.toggle-field.toggle-disabled .toggle-supporting{color:var(--text-disabled)}.checkbox-field{display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer;position:relative}.checkbox-field.checkbox-sm{gap:var(--spacing-md)}.checkbox-field.checkbox-md{gap:var(--spacing-lg)}.checkbox-field input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.checkbox-box{display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--bg-primary);border:1px solid var(--border-primary);border-radius:var(--radius-sm);transition:all .15s ease;margin-top:2px}.checkbox-sm .checkbox-box{width:16px;height:16px}.checkbox-md .checkbox-box{width:20px;height:20px}.checkbox-box svg{opacity:0;color:var(--color-white);transition:opacity .15s ease}.checkbox-sm .checkbox-box svg{width:12px;height:12px}.checkbox-md .checkbox-box svg{width:14px;height:14px}.checkbox-field:hover .checkbox-box{border-color:var(--color-brand-600);background-color:var(--color-brand-50)}.checkbox-field input:focus-visible+.checkbox-box{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--color-brand-100)}.checkbox-field input:checked+.checkbox-box{background-color:var(--bg-brand-solid);border-color:var(--bg-brand-solid)}.checkbox-field input:checked+.checkbox-box svg{opacity:1}.checkbox-field:hover input:checked+.checkbox-box{background-color:var(--bg-brand-solid-hover);border-color:var(--bg-brand-solid-hover)}.checkbox-field input:indeterminate+.checkbox-box{background-color:var(--bg-brand-solid);border-color:var(--bg-brand-solid)}.checkbox-field input:indeterminate+.checkbox-box svg.checkbox-minus{opacity:1}.checkbox-field input:indeterminate+.checkbox-box svg.checkbox-check{opacity:0}.checkbox-field:hover input:indeterminate+.checkbox-box{background-color:var(--bg-brand-solid-hover);border-color:var(--bg-brand-solid-hover)}.checkbox-field.checkbox-disabled{cursor:not-allowed}.checkbox-field.checkbox-disabled .checkbox-box{background-color:var(--bg-disabled-subtle);border-color:var(--border-disabled)}.checkbox-field.checkbox-disabled input:checked+.checkbox-box{background-color:var(--color-gray-300);border-color:var(--color-gray-300)}.checkbox-field.checkbox-disabled:hover .checkbox-box{border-color:var(--border-disabled);background-color:var(--bg-disabled-subtle)}.checkbox-field.checkbox-disabled:hover input:checked+.checkbox-box{background-color: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-weight-medium);color:var(--text-secondary)}.checkbox-sm .checkbox-label{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.checkbox-md .checkbox-label{font-size:var(--font-size-md);line-height:var(--line-height-md)}.checkbox-supporting{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}.checkbox-sm .checkbox-supporting{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.checkbox-md .checkbox-supporting{font-size:var(--font-size-md);line-height:var(--line-height-md)}.checkbox-field.checkbox-disabled .checkbox-label,.checkbox-field.checkbox-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}.radio-field{display:flex;align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-xl);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;position:relative}.radio-field.radio-sm{padding:var(--spacing-lg);gap:var(--spacing-md)}.radio-field.radio-md{padding:var(--spacing-xl);gap:var(--spacing-lg)}.radio-field:hover{border-color:var(--border-primary);background-color:var(--bg-primary-hover)}.radio-field.radio-selected{border-color:var(--border-brand);background-color:var(--bg-primary)}.radio-field.radio-selected:hover{background-color:var(--bg-brand-primary)}.radio-field:focus-within{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--color-brand-100)}.radio-field.radio-disabled{background-color:var(--bg-disabled-subtle);border-color:var(--border-disabled);cursor:not-allowed}.radio-field.radio-disabled:hover{background-color:var(--bg-disabled-subtle);border-color:var(--border-disabled)}.radio-field input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-circle{display:flex;align-items:center;justify-content:center;flex-shrink:0;background-color:var(--bg-primary);border:1.5px solid var(--border-primary);border-radius:var(--radius-full);transition:all .15s ease;margin-top:2px}.radio-sm .radio-circle{width:16px;height:16px}.radio-md .radio-circle{width:20px;height:20px}.radio-circle:after{content:"";border-radius:var(--radius-full);background-color:var(--bg-brand-solid);opacity:0;transition:opacity .15s ease}.radio-sm .radio-circle:after{width:8px;height:8px}.radio-md .radio-circle:after{width:10px;height:10px}.radio-field:hover .radio-circle{border-color:var(--color-brand-600);background-color:var(--color-brand-50)}.radio-field.radio-selected .radio-circle{border-color:var(--bg-brand-solid);background-color:var(--bg-primary)}.radio-field.radio-selected .radio-circle:after{opacity:1}.radio-field.radio-disabled .radio-circle,.radio-field.radio-disabled:hover .radio-circle{background-color:var(--bg-disabled-subtle);border-color:var(--border-disabled)}.radio-field.radio-disabled.radio-selected .radio-circle:after{background-color:var(--color-gray-400)}.radio-content{display:flex;flex-direction:column;gap:2px;flex:1}.radio-header{display:flex;align-items:baseline;gap:var(--spacing-sm)}.radio-label{font-family:var(--font-family-body);font-weight:var(--font-weight-medium);color:var(--text-secondary)}.radio-sm .radio-label{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.radio-md .radio-label{font-size:var(--font-size-md);line-height:var(--line-height-md)}.radio-price{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}.radio-sm .radio-price{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.radio-md .radio-price{font-size:var(--font-size-md);line-height:var(--line-height-md)}.radio-supporting{font-family:var(--font-family-body);font-weight:var(--font-weight-regular);color:var(--text-tertiary)}.radio-sm .radio-supporting{font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.radio-md .radio-supporting{font-size:var(--font-size-md);line-height:var(--line-height-md)}.radio-field.radio-disabled .radio-label,.radio-field.radio-disabled .radio-price,.radio-field.radio-disabled .radio-supporting{color:var(--text-disabled)}.radio-simple{display:inline-flex;align-items:center;gap:var(--spacing-md);cursor:pointer;position:relative}.radio-simple input[type=radio]{position:absolute;opacity:0;width:0;height:0}.radio-simple .radio-circle{margin-top:0}.radio-simple .radio-label{margin:0}.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}.menu{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}.menu-header{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-sm)}.menu-header-title{font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--text-tertiary);margin:0}.menu-header-account{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-xl);border-bottom:1px solid var(--border-secondary)}.menu-header-avatar{position:relative;width:40px;height:40px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0}.menu-header-avatar img{width:100%;height:100%;object-fit:cover}.menu-header-avatar .status-indicator{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)}.menu-header-info{display:flex;flex-direction:column;gap:2px;min-width:0}.menu-header-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}.menu-header-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}.menu-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%;transition:background-color .15s ease;text-decoration:none}.menu-item:hover{background-color:var(--bg-secondary)}.menu-item:focus{outline:none;background-color:var(--bg-secondary)}.menu-item:active{background-color:var(--bg-tertiary)}.menu-item.menu-item-disabled{color:var(--text-disabled);cursor:not-allowed}.menu-item.menu-item-disabled:hover{background-color:transparent}.menu-item.menu-item-danger{color:var(--color-error-600)}.menu-item.menu-item-danger:hover{background-color:var(--color-error-50)}.menu-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:var(--fg-quaternary)}.menu-item-icon svg,.menu-item-icon img{width:20px;height:20px}.menu-item:hover .menu-item-icon{color:var(--text-secondary)}.menu-item.menu-item-danger .menu-item-icon{color:var(--color-error-600)}.menu-item-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.menu-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}.menu-item-pin{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;margin-left:auto;background:none;border:none;color:var(--text-quaternary);cursor:pointer;transition:color .15s ease;flex-shrink:0}.menu-item-pin:hover{color:var(--text-tertiary)}.menu-item-pin.pinned{color:var(--color-jnblue-900)}.menu-item-pin.pinned:hover{color:var(--color-jnblue-900);opacity:.8}.menu-item-pin svg{width:16px;height:16px}.menu-item-shortcut+.menu-item-pin{margin-left:var(--spacing-md)}.menu-divider{height:1px;background-color:var(--border-secondary);margin:var(--spacing-xs) 0}.menu-section{padding:var(--spacing-xs) 0}.menu-section+.menu-section{border-top:1px solid var(--border-secondary)}.menu-footer{background-color:var(--bg-secondary);padding:var(--spacing-xs) 0;margin-top:var(--spacing-xs);border-top:1px solid var(--border-secondary)}.menu-wrapper{position:relative;display:inline-block}.menu-wrapper .menu{position:absolute;top:100%;right:0;margin-top:var(--spacing-sm);z-index:1000;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .15s ease}.menu-wrapper.open .menu{opacity:1;visibility:visible;transform:translateY(0)}.menu-wrapper.menu-left .menu{right:auto;left:0}.logo{display:inline-block;max-width:100%;height:auto}.logo-text{display:inline-block;line-height:1;-webkit-user-select:none;user-select:none}.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-label .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:all .15s ease}.input-container.input-sm{height:40px;padding:0 var(--spacing-lg)}.input-container.input-md{height:48px;padding:0 var(--spacing-xl)}.input-container.input-lg{height:56px;padding:0 var(--spacing-xl)}.input-container:hover{border-color:var(--color-gray-400)}.input-container:focus-within{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--color-brand-100)}.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{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-container .input-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-quaternary)}.input-container .input-icon svg,.input-container .input-icon .icon{width:20px;height:20px}.input-sm .input-icon svg,.input-sm .input-icon .icon{width:18px;height:18px}.input-container .input-icon-btn{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;background:none;border:none;color:var(--text-quaternary);cursor:pointer;transition:color .15s ease}.input-container .input-icon-btn:hover{color:var(--text-tertiary)}.input-container .input-icon-btn svg,.input-container .input-icon-btn .icon{width:20px;height:20px}.input-sm .input-icon-btn svg,.input-sm .input-icon-btn .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.input-helper-error{color:var(--text-error-primary)}.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:all .15s ease}.textarea-container.textarea-sm{padding:var(--spacing-md) var(--spacing-lg)}.textarea-container.textarea-md{padding:var(--spacing-lg) var(--spacing-xl)}.textarea-container:hover{border-color:var(--color-gray-400)}.textarea-container:focus-within{border-color:var(--border-brand);box-shadow:0 0 0 3px var(--color-brand-100)}.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{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-container textarea::placeholder{color:var(--text-placeholder)}.textarea-container.textarea-disabled textarea{color:var(--text-disabled);cursor:not-allowed;resize:none}.input-label-row{display:flex;align-items:center;gap:var(--spacing-xs)}.input-label-row .label-help-btn{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;color:var(--text-quaternary);cursor:pointer;transition:color .15s ease}.input-label-row .label-help-btn:hover{color:var(--text-tertiary)}.input-label-row .label-help-btn svg,.input-label-row .label-help-btn .icon{width:16px;height:16px}*{box-sizing:border-box}html{font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:var(--line-height-md);color:var(--text-primary);background:var(--bg-primary)}body{margin:0;padding:0}.container{max-width:var(--container-max-width, 1200px);margin:0 auto;padding:0 var(--container-padding-desktop, var(--spacing-xl))}@media (max-width: 768px){.container{padding:0 var(--container-padding-mobile, var(--spacing-lg))}}.logo,.logo-text{display:inline-block;vertical-align:middle;-webkit-user-select:none;user-select:none}.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-800) 0%,var(--color-brand-950) 100%)}.top-nav-left{display:flex;align-items:center;gap:var(--spacing-lg)}.top-nav-logo{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--bg-primary);border-radius:var(--radius-full);overflow:hidden;text-decoration:none}.top-nav-logo img{width:24px;height:24px}.top-nav-menu-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary-on-brand);transition:background-color .15s ease}.top-nav-menu-btn:hover{background-color:#ffffff1a}.top-nav-menu-btn svg{width:20px;height:20px}.top-nav-tabs{display:flex;align-items:center;gap:4px;margin-left:var(--spacing-md)}.top-nav-tab{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:6px 12px;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-on-brand);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;white-space:nowrap;text-decoration:none}.top-nav-tab:hover{background-color:#ffffff4d}.top-nav-tab.active{background-color:#fff6;color:var(--text-primary-on-brand);font-weight:var(--font-weight-semibold)}.top-nav-tab .status-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0;outline:2px solid white}.status-dot{width:6px;height:6px;border-radius:var(--radius-full);flex-shrink:0;margin-right:var(--spacing-sm)}.top-nav-right{display:flex;align-items:center;gap:var(--spacing-lg)}.top-nav-search{display:flex;align-items:center;gap:var(--spacing-sm);width:320px;height:36px;padding:0 var(--spacing-lg);background-color:#ffffff1a;border:none;border-radius:var(--radius-md);cursor:text}.top-nav-search:focus-within{background-color:#ffffff26}.top-nav-search svg{width:16px;height:16px;color:#ffffffb3;flex-shrink:0}.top-nav-search input{flex:1;border:none;background:none;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-white);outline:none}.top-nav-search input::placeholder{color:#fff9}.top-nav-search-shortcut{display:inline-flex;align-items:center;padding:2px 6px;font-family:var(--font-family-mono);font-size:11px;font-weight:var(--font-weight-medium);color:#ffffffb3;background-color:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm)}.top-nav-icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary-on-brand);transition:background-color .15s ease;position:relative}.top-nav-icon-btn:hover{background-color:#ffffff1a}.top-nav-icon-btn svg{width:20px;height:20px}.top-nav-icon-btn .notification-badge{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:var(--font-weight-semibold);color:#fff;background-color:var(--color-error-500);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.top-nav-avatar{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;cursor:pointer;border:2px solid rgba(255,255,255,.2);transition:border-color .15s ease;padding:0;background:none;display:block}.top-nav-avatar:hover{border-color:#fff6}.top-nav-avatar img{width:100%;height:100%;object-fit:cover}.file-upload{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl) var(--spacing-xl);background-color:var(--bg-primary-alt);border:2px dashed var(--border-secondary);border-radius:var(--radius-lg);cursor:pointer;transition:all .2s ease}.file-upload-border-dashed{border-style:dashed}.file-upload-border-solid{border-style:solid}.file-upload:hover:not(.file-upload-disabled){border-color:var(--border-primary);background-color:var(--bg-secondary)}.file-upload-dragging{border-color:var(--border-brand);background-color:var(--color-brand-50)}.file-upload-disabled{opacity:.5;cursor:not-allowed;background-color:var(--bg-disabled-subtle)}.file-upload-default{display:flex;flex-direction:column;align-items:center;text-align:center;pointer-events:none}.file-upload-icon{color:var(--text-quaternary);margin-bottom:var(--spacing-lg)}.file-upload-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-upload-title{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary);margin:0}.file-upload-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary)}.file-upload-button{margin-top:var(--spacing-xl);pointer-events:auto}.file-upload-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.file-upload-item{display:flex;align-items:center;gap:var(--spacing-lg);padding:var(--spacing-lg);background-color:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-md)}.file-upload-item-error{border-color:var(--border-error);background-color:var(--color-error-50)}.file-upload-item-icon{flex-shrink:0;color:var(--text-tertiary)}.file-upload-item-content{flex:1;min-width:0}.file-upload-item-name{font-size:var(--font-size-md);font-weight:500;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-upload-item-size{font-size:var(--font-size-sm);color:var(--text-tertiary);margin-top:var(--spacing-xs)}.file-upload-item-error-text{color:var(--text-error-primary)}.file-upload-item-progress{position:relative;height:4px;background-color:var(--bg-tertiary);border-radius:2px;margin-top:var(--spacing-sm);overflow:hidden}.file-upload-item-progress-bar{position:absolute;top:0;left:0;height:100%;background-color:var(--color-brand-600);border-radius:2px;transition:width .3s ease}.file-upload-item-remove{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;color:var(--text-quaternary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.file-upload-item-remove:hover{background-color:var(--bg-tertiary);color:var(--text-tertiary)}.table-container{background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-lg);overflow:hidden}.table-title{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--border-secondary)}.table-title-content{display:flex;align-items:center;gap:var(--spacing-md)}.table-title-text{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--text-primary)}.table-title-subtitle{font-size:var(--font-size-sm);color:var(--text-tertiary);font-weight:var(--font-weight-normal)}.table-title-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.table{width:100%;border-collapse:collapse;font-family:var(--font-family-body);font-size:var(--font-size-sm)}.table-sm{font-size:var(--font-size-xs)}.table-sm .table-header-cell,.table-sm .table-cell{padding:var(--spacing-sm) var(--spacing-md)}.table-md{font-size:var(--font-size-sm)}.table-md .table-header-cell,.table-md .table-cell{padding:var(--spacing-md) var(--spacing-lg)}.table-lg{font-size:var(--font-size-md)}.table-lg .table-header-cell,.table-lg .table-cell{padding:var(--spacing-lg) var(--spacing-xl)}.table-striped .table-row:nth-child(2n){background-color:var(--bg-secondary)}.table-hoverable .table-row:hover{background-color:var(--bg-secondary)}.table-bordered,.table-bordered .table-header-cell,.table-bordered .table-cell{border:1px solid var(--border-tertiary)}.table-header,.table-header .table-row{background-color:#f3f5f7}.table-header-cell{padding:var(--spacing-sm) var(--spacing-lg);text-align:left;font-weight:var(--font-weight-normal);color:var(--text-tertiary);background-color:#f3f5f7;border-bottom:1px solid var(--border-secondary);white-space:nowrap;font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.table-header-content{display:flex;align-items:center;gap:var(--spacing-xs)}.table-header-cell-sortable{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .15s ease}.table-header-cell-sortable:hover{background-color:var(--color-gray-100)}.table-header-cell-sortable .table-header-content{justify-content:space-between}.table-sort-indicator{display:inline-flex;align-items:center;margin-left:var(--spacing-xs);color:var(--text-quaternary);opacity:.5;transition:all .15s ease}.table-sort-indicator svg{width:14px;height:14px}.table-header-cell-sortable:hover .table-sort-indicator{opacity:.8;color:var(--text-tertiary)}.table-header-cell-sorted .table-sort-indicator{color:var(--text-secondary);opacity:1}.table-cell{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--border-tertiary);color:var(--text-primary);vertical-align:middle}.table-cell-left{text-align:left}.table-cell-center{text-align:center}.table-cell-right{text-align:right}.table-cell-truncate{max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-row{transition:background-color .15s ease;background-color:var(--bg-primary)}.table-body .table-row:last-child .table-cell{border-bottom:none}.table-row-clickable{cursor:pointer}.table-row-selected{background-color:var(--bg-brand-soft)}.table-row-disabled{opacity:.5;pointer-events:none}.table-actions{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background-color:var(--bg-secondary);border-top:1px solid var(--border-secondary)}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-lg);padding:var(--spacing-lg) 0;background-color:transparent;font-size:var(--font-size-sm)}.table-pagination-info{color:var(--text-secondary);white-space:nowrap}.table-pagination-controls{display:flex;align-items:center;gap:var(--spacing-lg)}.table-pagination-per-page{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--text-secondary);white-space:nowrap}.table-pagination-select{padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--text-primary)}.table-pagination-pages{display:flex;align-items:center;gap:var(--spacing-xs)}.table-pagination-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-primary);border:1px solid var(--border-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);cursor:pointer;transition:all .15s ease}.table-pagination-btn:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--border-secondary)}.table-pagination-btn:disabled{opacity:.4;cursor:not-allowed;color:var(--text-tertiary)}.table-pagination-numbers{display:flex;align-items:center;gap:var(--spacing-xs)}.table-pagination-number{min-width:32px;justify-content:center}.table-pagination-current{background:var(--bg-brand-solid);border-color:var(--border-brand);color:var(--text-white)}.table-pagination-ellipsis{padding:var(--spacing-xs);color:var(--text-tertiary)}.table-checkbox{position:relative;display:inline-flex;align-items:center;cursor:pointer}.table-checkbox-input{position:absolute;opacity:0;pointer-events:none}.table-checkbox-indicator{display:flex;align-items:center;justify-content:center;width:18px;height:18px;background:var(--bg-primary);border:1.5px solid var(--border-secondary);border-radius:var(--radius-sm);color:var(--text-white);transition:all .15s ease}.table-checkbox-input:checked+.table-checkbox-indicator{background:var(--bg-brand-solid);border-color:var(--border-brand)}.table-checkbox-input:indeterminate+.table-checkbox-indicator{background:var(--bg-brand-solid);border-color:var(--border-brand)}.table-checkbox:hover .table-checkbox-indicator{border-color:var(--border-primary);box-shadow:0 0 0 3px var(--bg-secondary)}.table-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-3xl);text-align:center;color:var(--text-secondary)}.table-empty-icon{margin-bottom:var(--spacing-lg);color:var(--text-tertiary)}.table-empty-text{margin:0 0 var(--spacing-md);font-size:var(--font-size-md)}.table-empty-action{margin-top:var(--spacing-sm)}