@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";.modal-overlay[data-v-225ca7c2]{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.modal-card[data-v-225ca7c2]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:var(--space-8);max-width:440px;width:100%;text-align:center}.modal-icon[data-v-225ca7c2]{font-size:40px;margin-bottom:var(--space-4)}.modal-title[data-v-225ca7c2]{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);margin:0 0 var(--space-3) 0}.modal-message[data-v-225ca7c2]{font-size:var(--text-base);color:var(--color-text-secondary);margin:0 0 var(--space-2) 0}.modal-sub[data-v-225ca7c2]{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-6) 0}.modal-actions[data-v-225ca7c2]{display:flex;gap:var(--space-3);justify-content:center}.btn[data-v-225ca7c2]{display:inline-flex;align-items:center;justify-content:center;height:40px;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:var(--font-body);cursor:pointer;border:none;text-decoration:none;transition:opacity .15s}.btn[data-v-225ca7c2]:hover{opacity:.88}.btn-primary[data-v-225ca7c2]{background:var(--color-primary);color:#fff}.btn-secondary[data-v-225ca7c2]{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.app-wrapper{min-height:100vh;background:var(--color-bg);transition:background-color var(--transition-slow)}:root{--color-primary: #1A56DB;--color-primary-hover: #1547C0;--color-primary-active: #1240AD;--color-primary-light: #EEF2FF;--color-secondary: #0F172A;--color-accent: #EA8C00;--color-accent-hover: #D17E00;--color-accent-light: #FEF3C7;--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-surface-2: #F1F5F9;--color-surface-3: #E2E8F0;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--color-border-focus: #1A56DB;--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-on-primary: #FFFFFF;--color-text-on-accent: #FFFFFF;--color-text-link: #1A56DB;--color-text-link-hover: #1547C0;--color-success: #059669;--color-success-hover: #047857;--color-success-light: #ECFDF5;--color-success-text: #065F46;--color-warning: #D97706;--color-warning-hover: #B45309;--color-warning-light: #FFFBEB;--color-warning-text: #92400E;--color-error: #DC2626;--color-error-hover: #B91C1C;--color-error-light: #FEF2F2;--color-error-text: #991B1B;--color-info: #0284C7;--color-info-light: #E0F2FE;--color-info-text: #075985;--font-heading: "Space Grotesk", system-ui, -apple-system, sans-serif;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--tracking-tight: -.02em;--tracking-normal: 0em;--tracking-wide: .04em;--tracking-wider: .08em;--tracking-widest: .12em;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem;--radius-none: 0;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-2xl: 16px;--radius-3xl: 24px;--radius-full: 9999px;--shadow-none: none;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -1px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .07), 0 4px 6px -2px rgba(15, 23, 42, .04);--shadow-xl: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 10px 10px -5px rgba(15, 23, 42, .04);--shadow-2xl: 0 25px 50px -12px rgba(15, 23, 42, .12);--shadow-inner: inset 0 2px 4px 0 rgba(15, 23, 42, .06);--shadow-focus: 0 0 0 3px rgba(26, 86, 219, .25);--shadow-focus-error: 0 0 0 3px rgba(220, 38, 38, .25);--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--layout-max-width: 1280px;--layout-padding-x: var(--space-6);--nav-height: 60px;--sidebar-width: 240px;--btn-height-sm: 32px;--btn-height-md: 40px;--btn-height-lg: 48px;--btn-padding-x-sm: var(--space-3);--btn-padding-x-md: var(--space-4);--btn-padding-x-lg: var(--space-6);--btn-font-size-sm: var(--text-xs);--btn-font-size-md: var(--text-sm);--btn-font-size-lg: var(--text-base);--btn-font-weight: var(--weight-medium);--btn-border-radius: var(--radius-md);--btn-transition: var(--transition-base);--btn-primary-bg: var(--color-primary);--btn-primary-bg-hover: var(--color-primary-hover);--btn-primary-bg-active: var(--color-primary-active);--btn-primary-text: #FFFFFF;--btn-primary-border: transparent;--btn-secondary-bg: transparent;--btn-secondary-bg-hover: var(--color-surface-2);--btn-secondary-bg-active: var(--color-surface-3);--btn-secondary-text: var(--color-text);--btn-secondary-border: var(--color-border);--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--color-surface-2);--btn-ghost-bg-active: var(--color-surface-3);--btn-ghost-text: var(--color-text-secondary);--btn-ghost-border: transparent;--btn-danger-bg: var(--color-error);--btn-danger-bg-hover: var(--color-error-hover);--btn-danger-text: #FFFFFF;--btn-danger-border: transparent;--btn-accent-bg: var(--color-accent);--btn-accent-bg-hover: var(--color-accent-hover);--btn-accent-text: #FFFFFF;--btn-accent-border: transparent;--card-bg: var(--color-surface);--card-bg-hover: var(--color-surface);--card-border: 1px solid var(--color-border);--card-border-radius: var(--radius-xl);--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--card-padding: var(--space-6);--card-padding-sm: var(--space-4);--card-padding-lg: var(--space-8);--input-bg: var(--color-surface);--input-bg-disabled: var(--color-surface-2);--input-border: var(--color-border);--input-border-hover: var(--color-border-strong);--input-border-focus: var(--color-primary);--input-border-error: var(--color-error);--input-text: var(--color-text);--input-placeholder: var(--color-text-muted);--input-text-disabled: var(--color-text-muted);--input-height: 40px;--input-height-sm: 32px;--input-height-lg: 48px;--input-padding-x: var(--space-3);--input-border-radius: var(--radius-md);--input-font-size: var(--text-sm);--input-shadow-focus: var(--shadow-focus);--input-shadow-error: var(--shadow-focus-error);--badge-border-radius: var(--radius-full);--badge-font-size: var(--text-xs);--badge-font-weight: var(--weight-medium);--badge-padding-x: var(--space-2);--badge-padding-y: var(--space-0-5);--badge-primary-bg: var(--color-primary-light);--badge-primary-text: var(--color-primary);--badge-success-bg: var(--color-success-light);--badge-success-text: var(--color-success-text);--badge-warning-bg: var(--color-warning-light);--badge-warning-text: var(--color-warning-text);--badge-error-bg: var(--color-error-light);--badge-error-text: var(--color-error-text);--badge-neutral-bg: var(--color-surface-2);--badge-neutral-text: var(--color-text-secondary);--nav-bg: var(--color-secondary);--nav-text: rgba(255, 255, 255, .75);--nav-text-active: #FFFFFF;--nav-border: rgba(255, 255, 255, .08);--nav-item-hover: rgba(255, 255, 255, .06);--nav-item-active: rgba(255, 255, 255, .12);--table-header-bg: var(--color-surface-2);--table-row-bg: var(--color-surface);--table-row-alt-bg: var(--color-surface-2);--table-row-hover-bg: var(--color-primary-light);--table-border: var(--color-border);--table-header-text: var(--color-text-secondary);--table-cell-padding: var(--space-3) var(--space-4);--dropzone-bg: var(--color-surface);--dropzone-bg-hover: var(--color-primary-light);--dropzone-bg-active: var(--color-primary-light);--dropzone-border: var(--color-border);--dropzone-border-hover: var(--color-primary);--dropzone-border-radius: var(--radius-xl);--progress-bg: var(--color-surface-2);--progress-fill: var(--color-primary);--progress-height: 6px;--progress-radius: var(--radius-full);--tooltip-bg: var(--color-secondary);--tooltip-text: #FFFFFF;--tooltip-border-radius: var(--radius-md);--tooltip-padding: var(--space-1-5) var(--space-3);--tooltip-font-size: var(--text-xs)}[data-theme=dark],.dark{--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-active: #1D4ED8;--color-primary-light: #1E3A5F;--color-accent: #F59E0B;--color-accent-hover: #D97706;--color-accent-light: #2D1F00;--color-bg: #0A0E1A;--color-surface: #111827;--color-surface-2: #1E293B;--color-surface-3: #334155;--color-border: #334155;--color-border-strong: #475569;--color-border-focus: #3B82F6;--color-text: #F1F5F9;--color-text-secondary: #94A3B8;--color-text-muted: #475569;--color-text-link: #3B82F6;--color-text-link-hover: #60A5FA;--color-success: #10B981;--color-success-hover: #059669;--color-success-light: #052E16;--color-success-text: #6EE7B7;--color-warning: #F59E0B;--color-warning-hover: #D97706;--color-warning-light: #1C1000;--color-warning-text: #FCD34D;--color-error: #EF4444;--color-error-hover: #DC2626;--color-error-light: #1F0808;--color-error-text: #FCA5A5;--color-info: #38BDF8;--color-info-light: #0C2D4A;--color-info-text: #7DD3FC;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .25), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .35), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .3);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .35);--shadow-focus-error: 0 0 0 3px rgba(239, 68, 68, .35);--nav-bg: #0A0E1A;--nav-border: rgba(255, 255, 255, .06);--nav-item-hover: rgba(255, 255, 255, .05);--nav-item-active: rgba(59, 130, 246, .15);--table-row-hover-bg: rgba(59, 130, 246, .08);--dropzone-bg-hover: rgba(59, 130, 246, .08);--dropzone-bg-active: rgba(59, 130, 246, .08);--badge-primary-bg: rgba(59, 130, 246, .15);--badge-success-bg: rgba(16, 185, 129, .15);--badge-warning-bg: rgba(245, 158, 11, .15);--badge-error-bg: rgba(239, 68, 68, .15);--tooltip-bg: #1E293B}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #3B82F6;--color-primary-hover: #2563EB;--color-primary-active: #1D4ED8;--color-primary-light: #1E3A5F;--color-accent: #F59E0B;--color-accent-hover: #D97706;--color-accent-light: #2D1F00;--color-bg: #0A0E1A;--color-surface: #111827;--color-surface-2: #1E293B;--color-surface-3: #334155;--color-border: #334155;--color-border-strong: #475569;--color-border-focus: #3B82F6;--color-text: #F1F5F9;--color-text-secondary: #94A3B8;--color-text-muted: #475569;--color-text-link: #3B82F6;--color-text-link-hover: #60A5FA;--color-success: #10B981;--color-success-light: #052E16;--color-success-text: #6EE7B7;--color-warning: #F59E0B;--color-warning-light: #1C1000;--color-warning-text: #FCD34D;--color-error: #EF4444;--color-error-light: #1F0808;--color-error-text: #FCA5A5;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .25), 0 2px 4px -1px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .35), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-focus: 0 0 0 3px rgba(59, 130, 246, .35);--nav-bg: #0A0E1A;--nav-border: rgba(255, 255, 255, .06);--tooltip-bg: #1E293B;--badge-primary-bg: rgba(59, 130, 246, .15)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition-slow),color var(--transition-slow)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-semibold);line-height:var(--leading-tight);letter-spacing:var(--tracking-tight);color:var(--color-text)}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--weight-medium)}p{color:var(--color-text-secondary);line-height:var(--leading-relaxed)}a{color:var(--color-text-link);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-text-link-hover);text-decoration:underline}code,kbd,samp{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .4em}pre{font-family:var(--font-mono);font-size:var(--text-sm);background-color:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);overflow-x:auto;line-height:var(--leading-relaxed)}pre code{background:none;border:none;padding:0;font-size:inherit}img,svg{display:block;max-width:100%}hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-mono{font-family:var(--font-mono)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-brand{color:var(--color-primary)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-normal{font-weight:var(--weight-normal)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.tracking-tight{letter-spacing:var(--tracking-tight)}.tracking-wide{letter-spacing:var(--tracking-wide)}.tracking-wider{letter-spacing:var(--tracking-wider)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);height:var(--btn-height-md);padding:0 var(--btn-padding-x-md);font-family:var(--font-body);font-size:var(--btn-font-size-md);font-weight:var(--btn-font-weight);line-height:1;border-radius:var(--btn-border-radius);border:1px solid transparent;cursor:pointer;text-decoration:none;white-space:nowrap;transition:background-color var(--btn-transition),border-color var(--btn-transition),color var(--btn-transition),box-shadow var(--btn-transition);outline:none;user-select:none}.btn:focus-visible{box-shadow:var(--shadow-focus)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{height:var(--btn-height-sm);padding:0 var(--btn-padding-x-sm);font-size:var(--btn-font-size-sm)}.btn-lg{height:var(--btn-height-lg);padding:0 var(--btn-padding-x-lg);font-size:var(--btn-font-size-lg)}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-border)}.btn-primary:hover:not(:disabled){background-color:var(--btn-primary-bg-hover)}.btn-primary:active:not(:disabled){background-color:var(--btn-primary-bg-active)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text);border-color:var(--btn-secondary-border)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-bg-hover)}.btn-secondary:active:not(:disabled){background-color:var(--btn-secondary-bg-active)}.btn-ghost{background-color:var(--btn-ghost-bg);color:var(--btn-ghost-text);border-color:var(--btn-ghost-border)}.btn-ghost:hover:not(:disabled){background-color:var(--btn-ghost-bg-hover);color:var(--color-text)}.btn-danger{background-color:var(--btn-danger-bg);color:var(--btn-danger-text);border-color:var(--btn-danger-border)}.btn-danger:hover:not(:disabled){background-color:var(--btn-danger-bg-hover)}.btn-danger:focus-visible{box-shadow:var(--shadow-focus-error)}.card{background-color:var(--card-bg);border:var(--card-border);border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);padding:var(--card-padding);transition:box-shadow var(--transition-base)}.card-hover:hover{box-shadow:var(--card-shadow-hover)}.card-sm{padding:var(--card-padding-sm)}.card-lg{padding:var(--card-padding-lg)}.card-flat{box-shadow:none}.input{display:block;width:100%;height:var(--input-height);padding:0 var(--input-padding-x);font-family:var(--font-body);font-size:var(--input-font-size);font-weight:var(--weight-normal);color:var(--input-text);background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--input-border-radius);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base);-webkit-appearance:none;appearance:none}.input::placeholder{color:var(--input-placeholder)}.input:hover:not(:disabled){border-color:var(--input-border-hover)}.input:focus{border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus)}.input:disabled{background-color:var(--input-bg-disabled);color:var(--input-text-disabled);cursor:not-allowed}.input-error{border-color:var(--input-border-error)}.input-error:focus{box-shadow:var(--input-shadow-error)}.input-sm{height:var(--input-height-sm);font-size:var(--text-xs)}.input-lg{height:var(--input-height-lg);font-size:var(--text-base)}.label{display:block;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);margin-bottom:var(--space-1-5)}.label-required:after{content:" *";color:var(--color-error)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--badge-padding-y) var(--badge-padding-x);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);line-height:1;border-radius:var(--badge-border-radius);letter-spacing:var(--tracking-wide);text-transform:uppercase}.badge-primary{background-color:var(--badge-primary-bg);color:var(--color-primary)}.badge-success{background-color:var(--badge-success-bg);color:var(--color-success-text)}.badge-warning{background-color:var(--badge-warning-bg);color:var(--color-warning-text)}.badge-error{background-color:var(--badge-error-bg);color:var(--color-error-text)}.badge-neutral{background-color:var(--badge-neutral-bg);color:var(--color-text-secondary)}.badge-accent{background-color:var(--color-accent-light);color:var(--color-accent)}.container{width:100%;max-width:var(--layout-max-width);margin-left:auto;margin-right:auto;padding-left:var(--layout-padding-x);padding-right:var(--layout-padding-x)}.section{padding-top:var(--space-16);padding-bottom:var(--space-16)}.section-sm{padding-top:var(--space-8);padding-bottom:var(--space-8)}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);min-height:160px;padding:var(--space-8);background-color:var(--dropzone-bg);border:2px dashed var(--dropzone-border);border-radius:var(--dropzone-border-radius);cursor:pointer;transition:background-color var(--transition-base),border-color var(--transition-base);text-align:center}.dropzone:hover,.dropzone.drag-over{background-color:var(--dropzone-bg-hover);border-color:var(--dropzone-border-hover);border-style:solid}.dropzone-active{background-color:var(--dropzone-bg-active);border-color:var(--color-primary);border-style:solid}.progress{width:100%;height:var(--progress-height);background-color:var(--progress-bg);border-radius:var(--progress-radius);overflow:hidden}.progress-fill{height:100%;background-color:var(--progress-fill);border-radius:var(--progress-radius);transition:width var(--transition-smooth)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.divider-label{display:flex;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin:var(--space-6) 0}.divider-label:before,.divider-label:after{content:"";flex:1;border-top:1px solid var(--color-border)}.surface{background-color:var(--color-surface)}.surface-2{background-color:var(--color-surface-2)}.bg-primary-light{background-color:var(--color-primary-light)}.focus-ring:focus-visible{outline:none;box-shadow:var(--shadow-focus)}html{transition:background-color var(--transition-slow)}.no-transitions *{transition:none!important}.section-title{font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--color-text-secondary);margin-bottom:var(--space-3)}.badge-blue{background-color:var(--color-primary-light);color:var(--color-primary)}.badge-green{background-color:var(--color-success-light);color:var(--color-success-text)}.badge-yellow{background-color:var(--color-warning-light);color:var(--color-warning-text)}.badge-red{background-color:var(--color-error-light);color:var(--color-error-text)}.badge-gray{background-color:var(--color-surface-2);color:var(--color-text-secondary);border:1px solid var(--color-border)}.input-with-prefix{display:flex;align-items:center;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-surface);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.input-with-prefix:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.input-prefix{display:flex;align-items:center;padding:0 var(--space-2);height:var(--input-height);background:var(--color-surface-2);color:var(--color-text-muted);font-size:var(--text-sm);border-right:1px solid var(--color-border);user-select:none;flex-shrink:0}.input-with-prefix input{flex:1;width:0;height:var(--input-height);padding:0 var(--space-3);border:none;outline:none;font-size:var(--text-sm);font-family:var(--font-body);color:var(--color-text);background:transparent}select.input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2394A3B8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8);cursor:pointer}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton{background:var(--color-surface-3);border-radius:var(--radius-sm);animation:skeleton-pulse 1.5s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spinner{display:inline-block;flex-shrink:0;width:1.25rem;height:1.25rem;border:2px solid rgba(26,86,219,.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-surface-2)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}