@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.6;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-none: 0;--border-radius-sm: .375rem;--border-radius-md: .625rem;--border-radius-lg: .875rem;--border-radius-xl: 1.125rem;--border-radius-full: 9999px;--box-shadow-none: none;--box-shadow-sm: 0 1px 2px rgba(15, 23, 42, .04), 0 1px 3px rgba(15, 23, 42, .06);--box-shadow-md: 0 2px 4px rgba(15, 23, 42, .04), 0 6px 12px rgba(15, 23, 42, .07);--box-shadow-lg: 0 4px 8px rgba(15, 23, 42, .04), 0 12px 24px rgba(15, 23, 42, .09);--box-shadow-xl: 0 8px 16px rgba(15, 23, 42, .05), 0 24px 48px rgba(15, 23, 42, .1);--box-shadow-card: 0 1px 3px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .07);--box-shadow-hover: 0 4px 8px rgba(15, 23, 42, .05), 0 16px 40px rgba(15, 23, 42, .11);--box-shadow-glow: 0 0 0 3px rgba(0, 102, 204, .14);--box-shadow-inset: inset 0 1px 3px rgba(15, 23, 42, .06);--transition-fast: .12s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--color-primary: #0066CC;--color-primary-rgb: 0, 102, 204;--color-primary-dark: #0050A3;--color-primary-light: #3B97E8;--color-primary-subtle: rgba(var(--color-primary-rgb), .08);--color-primary-gradient: #0066CC;--color-success: #16A34A;--color-success-rgb: 22, 163, 74;--color-error-rgb: 220, 38, 38;--color-warning-rgb: 217, 119, 6;--color-purple-rgb: 139, 92, 246;--color-info-rgb: 14, 165, 233;--color-success-light: #DCFCE7;--color-success-text: #14532D;--color-success-dark: #15803D;--color-success-bg: #ECFDF5;--color-success-border: #A7F3D0;--color-warning: #D97706;--color-warning-light: #FEF3C7;--color-warning-text: #78350F;--color-error: #DC2626;--color-error-light: #FEE2E2;--color-error-text: #7F1D1D;--color-error-border: #FCA5A5;--color-info: #0EA5E9;--color-info-light: #E0F2FE;--color-info-text: #075985;--color-info-border: #BAE6FD;--color-warning-border: #FDE68A;--color-success-hover-bg: #C3E6CB;--color-danger-dark: #B91C1C;--color-danger-light: #FEF2F2;--color-danger-bg: #FEF2F2;--color-danger-border: #FECACA;--color-status-cancelled-bg: #f5e6ff;--color-status-cancelled-text: #6b21a8;--color-purple-light: #EDE9F7;--color-purple-text: #4A2C6E;--color-type-agentic: #6d28d9;--color-type-action: #1d4ed8;--color-type-monitor: #0369a1;--color-type-data: #7c3aed;--color-white: #FFFFFF;--color-dark: #0F172A;--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-border: #E2E8F0;--color-border-light: #F1F5F9;--color-light-gray: #CBD5E1;--color-dark-gray: #334155;--color-surface: #F3F4F6;--color-surface-alt: #F9FAFB;--color-on-primary: #FFFFFF;--color-background: #FFFFFF;--color-background-alt: #F8FAFC;--color-background-hover: #F1F5F9;--color-background-muted: #F8FAFC;--color-background-light: #F8FAFC;--color-footer-background: #0F172A;--color-footer-text: #E2E8F0;--color-footer-link: #94A3B8;--navbar-height: 64px;--navbar-background: #0066CC;--navbar-text-color: #FFFFFF;--navbar-logo-spacing: 1rem;--navbar-menu-link-spacing: .25rem;--navbar-dropdown-width: 290px;--navbar-dropdown-padding: 1rem;--modal-width-xs: 480px;--modal-width-sm: 600px;--modal-width-md: 900px;--modal-width-lg: 1200px;--modal-width-xl: 1500px;--modal-max-height-sm: 60vh;--modal-max-height-md: 70vh;--modal-max-height-lg: 80vh;--modal-max-height-xl: 90vh;--modal-height: 85vh;--modal-footer-background: #F8FAFC;--table-header-background: #F8FAFC;--table-header-text-color: #0F172A;--table-header-font-size: .8125rem;--table-header-font-weight: 600;--table-header-padding: .875rem 1rem;--table-header-text-transform: uppercase;--table-header-letter-spacing: .05em;--table-body-font-size: .875rem;--table-body-text-color: #0F172A;--table-body-padding: .875rem 1rem;--table-border-color: #E2E8F0;--table-row-hover-background: #F8FAFC;--table-row-alternate-background: #FAFBFC;--button-font-size: .875rem;--button-font-weight: 600;--button-padding: .5625rem 1.25rem;--button-border-radius: .5rem;--button-transition: .2s cubic-bezier(.4, 0, .2, 1);--button-primary-background: #0066CC;--button-primary-text-color: #FFFFFF;--button-primary-hover-background: #0055B3;--button-secondary-background: #FFFFFF;--button-secondary-text-color: #334155;--button-secondary-hover-background: #F8FAFC;--button-danger-background: transparent;--button-danger-text-color: #DC2626;--button-danger-hover-background: rgba(220, 38, 38, .06);--button-ghost-background: transparent;--button-ghost-text-color: #0066CC;--button-ghost-hover-background: rgba(0, 102, 204, .06);--card-padding: 1.5rem;--card-border-radius: .875rem;--card-box-shadow: 0 1px 3px rgba(15, 23, 42, .04), 0 4px 16px rgba(15, 23, 42, .07);--card-hover-shadow: 0 4px 8px rgba(15, 23, 42, .05), 0 16px 40px rgba(15, 23, 42, .11);--card-background: #FFFFFF;--card-header-font-size: 1.125rem;--card-header-font-weight: 600;--card-header-margin-bottom: 1rem;--card-body-font-size: .875rem;--card-body-line-height: 1.6;--tab-font-size: .875rem;--tab-font-weight: 500;--tab-padding: .75rem 1.25rem;--tab-border-radius: .5rem .5rem 0 0;--tab-active-text-color: #0066CC;--tab-active-border-color: #0066CC;--tab-active-background: #FFFFFF;--tab-inactive-text-color: #64748B;--tab-inactive-border-color: transparent;--tab-inactive-background: #F8FAFC;--tab-inactive-hover-text-color: #0F172A;--badge-font-size: .6875rem;--badge-font-weight: 600;--badge-padding: .25rem .625rem;--badge-border-radius: 9999px;--badge-text-transform: uppercase;--badge-letter-spacing: .06em;--form-label-font-size: .8125rem;--form-label-font-weight: 600;--form-label-margin-bottom: .375rem;--form-label-text-color: #0F172A;--form-input-font-size: .9375rem;--form-input-padding: .6875rem .875rem;--form-input-border-radius: .5rem;--form-input-border-color: #CBD5E1;--form-input-focus-border-color: #0066CC;--form-input-placeholder-color: #94A3B8}:root[data-theme=dark]{--color-primary: #FB923C;--color-primary-rgb: 251, 146, 60;--color-primary-dark: #FDBA74;--color-primary-light: #FDBA74;--color-primary-gradient: #FB923C;--color-success: #22C55E;--color-success-rgb: 34, 197, 94;--color-error-rgb: 239, 68, 68;--color-warning-rgb: 245, 158, 11;--color-purple-rgb: 167, 139, 250;--color-info-rgb: 56, 189, 248;--color-success-light: rgba(34, 197, 94, .15);--color-success-text: #86EFAC;--color-success-dark: #16A34A;--color-success-bg: rgba(34, 197, 94, .12);--color-success-border: rgba(34, 197, 94, .35);--color-warning: #F59E0B;--color-warning-light: rgba(245, 158, 11, .15);--color-warning-text: #FCD34D;--color-error: #EF4444;--color-error-light: rgba(239, 68, 68, .15);--color-error-text: #FCA5A5;--color-error-border: rgba(239, 68, 68, .35);--color-info: #38BDF8;--color-info-light: rgba(56, 189, 248, .15);--color-info-text: #7DD3FC;--color-info-border: rgba(56, 189, 248, .35);--color-warning-border: rgba(245, 158, 11, .35);--color-success-hover-bg: rgba(34, 197, 94, .22);--color-danger-dark: #F87171;--color-danger-light: rgba(239, 68, 68, .12);--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-border: rgba(239, 68, 68, .35);--color-status-cancelled-bg: rgba(168, 85, 247, .15);--color-status-cancelled-text: #D8B4FE;--color-purple-light: rgba(139, 92, 246, .15);--color-purple-text: #C4B5FD;--color-type-agentic: #A78BFA;--color-type-action: #60A5FA;--color-type-monitor: #38BDF8;--color-type-data: #C084FC;--color-white: #1E293B;--color-dark: #0F172A;--color-text-primary: #E2E8F0;--color-text-secondary: #94A3B8;--color-text-muted: #64748B;--color-border: #334155;--color-border-light: #26324A;--color-light-gray: #475569;--color-dark-gray: #94A3B8;--color-surface: #1E293B;--color-surface-alt: #172033;--color-on-primary: #FFFFFF;--color-background: #1E293B;--color-background-alt: #0F172A;--color-background-hover: #334155;--color-background-muted: #172033;--color-background-light: #1E293B;--color-footer-background: #0B1120;--color-footer-text: #E2E8F0;--color-footer-link: #94A3B8;--navbar-background: #1E293B;--navbar-text-color: #E2E8F0;--box-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .36);--box-shadow-md: 0 2px 4px rgba(0, 0, 0, .32), 0 6px 12px rgba(0, 0, 0, .4);--box-shadow-lg: 0 4px 8px rgba(0, 0, 0, .34), 0 12px 24px rgba(0, 0, 0, .46);--box-shadow-xl: 0 8px 16px rgba(0, 0, 0, .38), 0 24px 48px rgba(0, 0, 0, .52);--box-shadow-card: 0 1px 3px rgba(0, 0, 0, .34), 0 4px 16px rgba(0, 0, 0, .42);--box-shadow-hover: 0 4px 8px rgba(0, 0, 0, .36), 0 16px 40px rgba(0, 0, 0, .52);--box-shadow-glow: 0 0 0 3px rgba(251, 146, 60, .28);--box-shadow-inset: inset 0 1px 3px rgba(0, 0, 0, .4);--table-header-background: #172033;--table-header-text-color: #E2E8F0;--table-body-text-color: #E2E8F0;--table-border-color: #334155;--table-row-hover-background: #263449;--table-row-alternate-background: #172033;--button-primary-background: #C2410C;--button-primary-text-color: #FFFFFF;--button-primary-hover-background: #EA580C;--button-secondary-background: #334155;--button-secondary-text-color: #E2E8F0;--button-secondary-hover-background: #475569;--button-danger-background: transparent;--button-danger-text-color: #F87171;--button-danger-hover-background: rgba(239, 68, 68, .14);--button-ghost-background: transparent;--button-ghost-text-color: #FB923C;--button-ghost-hover-background: rgba(251, 146, 60, .14);--button-text-color: #E2E8F0;--button-primary-bg: #C2410C;--button-primary-bg-hover: #EA580C;--button-primary-bg-active: #9A3412;--button-primary-text: #FFFFFF;--button-primary-border: #C2410C;--button-primary-border-hover: #EA580C;--button-primary-border-active: #9A3412;--button-secondary-bg: #334155;--button-secondary-bg-hover: #475569;--button-secondary-bg-active: #52627A;--button-secondary-text: #E2E8F0;--button-secondary-text-hover: #F1F5F9;--button-secondary-text-active: #F8FAFC;--button-secondary-border: #475569;--button-secondary-border-hover: #64748B;--button-secondary-border-active: #64748B;--button-danger-text: #F87171;--button-danger-text-hover: #FCA5A5;--button-danger-text-active: #FCA5A5;--button-danger-border: #F87171;--button-danger-border-hover: #FCA5A5;--button-danger-border-active: #FCA5A5;--button-success-bg: #22C55E;--button-success-bg-hover: #16A34A;--button-success-text: #FFFFFF;--button-success-border: #16A34A;--button-success-border-hover: #15803D;--button-warning-bg: #F59E0B;--button-warning-bg-hover: #D97706;--button-warning-text: #1F2937;--button-warning-border: #D97706;--button-warning-border-hover: #B45309;--card-box-shadow: 0 1px 3px rgba(0, 0, 0, .34), 0 4px 16px rgba(0, 0, 0, .42);--card-hover-shadow: 0 4px 8px rgba(0, 0, 0, .36), 0 16px 40px rgba(0, 0, 0, .52);--card-background: #1E293B;--tab-active-text-color: #FB923C;--tab-active-border-color: #FB923C;--tab-active-background: #1E293B;--tab-inactive-text-color: #94A3B8;--tab-inactive-background: #172033;--tab-inactive-hover-text-color: #E2E8F0;--form-label-text-color: #E2E8F0;--form-input-border-color: #475569;--form-input-focus-border-color: #FB923C;--form-input-placeholder-color: #64748B;--modal-footer-background: #172033}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-background-alt);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{max-width:100%;overflow-x:hidden;overflow-x:clip}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;line-height:var(--line-height-tight)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-base)}a:hover{color:var(--color-primary-dark);text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-lg)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-on-primary);padding:var(--spacing-sm) var(--spacing-md);z-index:9999;transition:top var(--transition-base)}.skip-link:focus{top:0}.table{width:100%;border-collapse:collapse;font-family:var(--font-family)}.table thead{background:var(--table-header-background);border-bottom:2px solid var(--table-border-color)}.table th{font-size:var(--table-header-font-size);font-weight:var(--table-header-font-weight);color:var(--color-text-secondary);padding:var(--table-header-padding);text-align:left;text-transform:var(--table-header-text-transform);letter-spacing:var(--table-header-letter-spacing);white-space:nowrap}.table td{font-size:var(--table-body-font-size);color:var(--table-body-text-color);padding:var(--table-body-padding);border-bottom:1px solid var(--table-border-color)}.table tbody tr{transition:background var(--transition-fast)}.table tbody tr:hover{background:var(--table-row-hover-background)}.table tbody tr:nth-child(2n){background-color:var(--table-row-alternate-background)}.table tbody tr:nth-child(2n):hover{background-color:var(--table-row-hover-background)}.add-button{background:var(--button-primary-background);color:var(--button-primary-text-color);border:none;padding:.5625rem var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);transition:all var(--transition-base);box-shadow:0 2px 6px #0066cc40;letter-spacing:.01em;display:inline-flex;align-items:center;gap:.375rem;margin-bottom:var(--spacing-lg)}.add-button:hover{background:var(--button-primary-hover-background);transform:translateY(-1px);box-shadow:0 4px 14px #0066cc61}.submit-button{flex:1;background:var(--button-primary-background);color:var(--button-primary-text-color);border:none;padding:.5625rem var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);transition:all var(--button-transition);box-shadow:0 2px 6px #0066cc38;letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:.375rem}.submit-button:hover{background:var(--button-primary-hover-background);transform:translateY(-1px);box-shadow:0 4px 14px #0066cc61}.cancel-button{flex:1;background:var(--button-secondary-background);color:var(--button-secondary-text-color);border:1.5px solid var(--color-border);padding:.5625rem var(--spacing-lg);border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);font-family:var(--font-family);transition:all var(--button-transition);letter-spacing:.01em;display:inline-flex;align-items:center;justify-content:center;gap:.375rem}.cancel-button:hover{background:var(--button-secondary-hover-background);border-color:var(--color-primary);color:var(--color-primary)}.card{background:var(--card-background);border-radius:var(--card-border-radius);box-shadow:var(--card-box-shadow);padding:var(--card-padding);font-family:var(--font-family);border:1px solid var(--color-border);transition:all var(--transition-slow)}.card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(-2px);border-color:var(--color-border)}.card-header{font-size:var(--card-header-font-size);font-weight:var(--card-header-font-weight);margin-bottom:var(--card-header-margin-bottom);color:var(--color-primary);position:relative;letter-spacing:-.01em}.card-header:after{content:"";position:absolute;bottom:-8px;left:0;width:32px;height:3px;background:var(--color-primary);border-radius:2px}.card-body{font-size:var(--card-body-font-size);line-height:var(--card-body-line-height);color:var(--color-text-secondary)}.tabs{display:flex;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg);gap:.125rem}.tab{font-family:var(--font-family);font-size:var(--tab-font-size);font-weight:var(--tab-font-weight);padding:var(--tab-padding);border-radius:var(--tab-border-radius);border:none;background-color:transparent;color:var(--tab-inactive-text-color);cursor:pointer;transition:all var(--transition-base);margin-right:0;border-bottom:2px solid transparent;margin-bottom:-2px;letter-spacing:.005em}.tab:hover{color:var(--tab-inactive-hover-text-color);background:var(--color-background-hover);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0}.tab.active{background:transparent;color:var(--tab-active-text-color);border-bottom:2px solid var(--tab-active-border-color);font-weight:var(--font-weight-semibold)}.badge{font-family:var(--font-family);font-size:var(--badge-font-size);font-weight:var(--badge-font-weight);padding:var(--badge-padding);border-radius:var(--badge-border-radius);text-transform:var(--badge-text-transform);letter-spacing:var(--badge-letter-spacing);display:inline-flex;align-items:center;gap:.25rem}.form-group{margin-bottom:var(--spacing-md)}.form-label{font-family:var(--font-family);font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);margin-bottom:var(--form-label-margin-bottom);color:var(--form-label-text-color);display:block;letter-spacing:.01em}.form-input,.form-select,.form-textarea{font-family:var(--font-family);font-size:var(--form-input-font-size);padding:var(--form-input-padding);border-radius:var(--form-input-border-radius);border:1.5px solid var(--form-input-border-color);width:100%;box-sizing:border-box;color:var(--color-text-primary);background:var(--color-background);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--form-input-focus-border-color);box-shadow:0 0 0 3px #0066cc1f}.form-input::placeholder{color:var(--form-input-placeholder-color)}.card-title{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);font-family:var(--font-family);font-weight:var(--font-weight-semibold);letter-spacing:-.015em}.card-content{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-normal);font-family:var(--font-family)}.card-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);font-family:var(--font-family)}.badge-success{background:var(--color-success-light);color:var(--color-success-text)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-error{background:var(--color-error-light);color:var(--color-error-text)}.badge-primary{background:#0066cc1a;color:var(--color-primary-dark)}.badge-neutral{background:var(--color-background-alt);color:var(--color-text-secondary)}.modal-overlay{background:#0f172a8c;backdrop-filter:blur(4px)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);background:var(--color-error-light);color:var(--color-error);border:1px solid rgba(220,38,38,.2);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.error-banner-close{background:none;border:none;color:var(--color-error);cursor:pointer;font-size:1.1rem;padding:0;flex-shrink:0}.success-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);background:var(--color-success-light);color:var(--color-success-text);border:1px solid rgba(34,197,94,.2);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}.info-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);background:#e0f2fe;color:#0369a1;border:1px solid rgba(3,105,161,.2);padding:var(--spacing-md);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-md)}button,.button,.btn,input[type=button],input[type=submit]{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs, 6px);padding:var(--button-padding-y, 10px) var(--button-padding-x, 16px);border:1px solid transparent;border-radius:var(--button-border-radius, 6px);font-size:var(--button-font-size, 14px);font-weight:var(--button-font-weight, 500);line-height:1.4;cursor:pointer;transition:all var(--transition-base, .15s ease-in-out);text-decoration:none;white-space:nowrap;user-select:none;-webkit-user-select:none;font-family:inherit}button:disabled,.button:disabled,.btn:disabled,.btn[disabled],input[type=button]:disabled,input[type=submit]:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary,button.btn-primary{background-color:var(--button-primary-bg, #0066cc);color:var(--button-primary-text, #ffffff);border:1px solid var(--button-primary-border, #0052a3)}.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){background-color:var(--button-primary-bg-hover, #0052a3);border:1px solid var(--button-primary-border-hover, #003d7a);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.2)}.btn-primary:active:not(:disabled),button.btn-primary:active:not(:disabled){background-color:var(--button-primary-bg-active, #003d7a);border:1px solid var(--button-primary-border-active, #002951);transform:translateY(1px)}.btn-secondary,button.btn-secondary{background-color:var(--button-secondary-bg, #f0f0f0);color:var(--button-secondary-text, #0066cc);border:1px solid var(--button-secondary-border, #d0d0d0)}.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){background-color:var(--button-secondary-bg-hover, #e0e0e0);border:1px solid var(--button-secondary-border-hover, #0052a3);color:var(--button-secondary-text-hover, #0052a3)}.btn-secondary:active:not(:disabled),button.btn-secondary:active:not(:disabled){background-color:var(--button-secondary-bg-active, #d0d0d0);border:1px solid var(--button-secondary-border-active, #003d7a);color:var(--button-secondary-text-active, #003d7a);transform:translateY(1px)}.btn-danger,button.btn-danger{background-color:transparent;color:var(--button-danger-text, #dc3545);border:1px solid var(--button-danger-border, #dc3545)}.btn-danger:hover:not(:disabled),button.btn-danger:hover:not(:disabled){background-color:rgba(var(--color-error-rgb),.08);border:1px solid var(--button-danger-border-hover, #bd2130);color:var(--button-danger-text-hover, #bd2130)}.btn-danger:active:not(:disabled),button.btn-danger:active:not(:disabled){background-color:rgba(var(--color-error-rgb),.12);border:1px solid var(--button-danger-border-active, #a71d2a);color:var(--button-danger-text-active, #a71d2a);transform:translateY(1px)}.btn-success,button.btn-success{background-color:var(--button-success-bg, #28a745);color:var(--button-success-text, #ffffff);border:1px solid var(--button-success-border, #1e7e34)}.btn-success:hover:not(:disabled),button.btn-success:hover:not(:disabled){background-color:var(--button-success-bg-hover, #1e7e34);border:1px solid var(--button-success-border-hover, #155724);box-shadow:0 2px 8px rgba(var(--color-success-rgb),.2)}.btn-warning,button.btn-warning{background-color:var(--button-warning-bg, #ffc107);color:var(--button-warning-text, #212529);border:1px solid var(--button-warning-border, #e0a800)}.btn-warning:hover:not(:disabled),button.btn-warning:hover:not(:disabled){background-color:var(--button-warning-bg-hover, #e0a800);border:1px solid var(--button-warning-border-hover, #d39e00);box-shadow:0 2px 8px rgba(var(--color-warning-rgb),.2)}.btn-sm,button.btn-sm{padding:var(--button-sm-padding-y, 6px) var(--button-sm-padding-x, 12px);font-size:var(--button-sm-font-size, 12px)}.btn-large,button.btn-large{padding:var(--button-lg-padding-y, 14px) var(--button-lg-padding-x, 24px);font-size:var(--button-lg-font-size, 16px)}.btn-block,button.btn-block{width:100%}.btn-text,button.btn-text{background-color:transparent;border-color:transparent;color:var(--button-text-color, #0066cc);display:inline-flex;align-items:center;gap:6px}.btn-text svg{width:16px;height:16px}.btn-text:hover:not(:disabled),button.btn-text:hover:not(:disabled){opacity:.85;text-decoration:underline}.btn-icon,button.btn-icon{padding:8px;min-width:40px;min-height:40px;display:flex;align-items:center;justify-content:center}.btn-edit,button.btn-edit{background-color:var(--button-primary-bg, #0066cc);color:var(--button-primary-text, #ffffff);border:1px solid var(--button-primary-border, #0052a3)}.btn-edit:hover:not(:disabled),button.btn-edit:hover:not(:disabled){background-color:var(--button-primary-bg-hover, #0052a3);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.2)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.icon-btn:hover:not(:disabled){background:var(--color-background-alt);color:var(--color-text-primary);border-color:var(--color-primary)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn svg{width:16px;height:16px}.icon-btn--ghost{border-color:transparent}.icon-btn--ghost:hover:not(:disabled){border-color:transparent;background:var(--color-background-alt)}button svg,.button svg{display:inline-block;vertical-align:middle;flex-shrink:0}.tabs button,.tab-bar button,.filter-tabs button{border-radius:0}button:hover:not(:disabled),.button:hover:not(:disabled),.btn:hover:not(:disabled),input[type=button]:hover:not(:disabled),input[type=submit]:hover:not(:disabled){transition:all var(--transition-base, .15s ease-in-out);transform:translateY(-1px)}button:disabled:hover,.button:disabled:hover,.btn:disabled:hover{cursor:not-allowed;opacity:.5;transform:none}button:active:not(:disabled),.button:active:not(:disabled),.btn:active:not(:disabled),input[type=button]:active:not(:disabled),input[type=submit]:active:not(:disabled){transform:translateY(1px)}button:focus-visible,.button:focus-visible,.btn:focus-visible,input[type=button]:focus-visible,input[type=submit]:focus-visible{outline:2px solid var(--color-focus, #0066cc);outline-offset:2px}.btn-primary:hover:not(:disabled),button.btn-primary:hover:not(:disabled){box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.2)}.btn-secondary:hover:not(:disabled),button.btn-secondary:hover:not(:disabled){transform:translateY(-1px)}.btn-danger:hover:not(:disabled),button.btn-danger:hover:not(:disabled){box-shadow:0 2px 8px rgba(var(--color-error-rgb),.15)}.btn-success:hover:not(:disabled),button.btn-success:hover:not(:disabled){box-shadow:0 2px 8px rgba(var(--color-success-rgb),.2)}.btn-warning:hover:not(:disabled),button.btn-warning:hover:not(:disabled){box-shadow:0 2px 8px rgba(var(--color-warning-rgb),.2)}.btn-text:hover:not(:disabled),button.btn-text:hover:not(:disabled){opacity:.8;text-decoration:underline}.btn-text:active:not(:disabled),button.btn-text:active:not(:disabled){opacity:.6}.btn-icon:hover:not(:disabled),button.btn-icon:hover:not(:disabled){background-color:var(--color-background-hover, rgba(0, 0, 0, .05))}button.loading,.button.loading,.btn.loading{pointer-events:none;opacity:.8}button.loading:before,.button.loading:before,.btn.loading:before{content:"";display:inline-block;width:12px;height:12px;margin-right:6px;border:2px solid rgba(255,255,255,.3);border-top-color:#ffffffe6;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card button:hover:not(:disabled),.panel button:hover:not(:disabled),.modal button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}table button:hover:not(:disabled),tr button:hover:not(:disabled){background-color:var(--button-hover-background, rgba(var(--color-primary-rgb), .1))}.btn-inline:hover:not(:disabled),button.btn-inline:hover:not(:disabled){opacity:.7}.btn-icon-only:hover:not(:disabled),button.btn-icon-only:hover:not(:disabled){background-color:var(--button-icon-hover-bg, rgba(var(--color-primary-rgb), .08));border-color:rgba(var(--color-primary-rgb),.16)}.button-group button:hover:not(:disabled){background-color:var(--button-group-hover-bg, rgba(var(--color-primary-rgb), .1));z-index:1}.button-group button.active,.button-group button.selected{background-color:var(--button-group-active-bg, rgba(var(--color-primary-rgb), .2));border-color:var(--color-primary, #0066cc)}[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translate(-50%);background:var(--color-text-primary, #333);color:var(--color-white, #fff);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none}.section-group{padding:24px;margin-bottom:24px;border:1px solid var(--color-border);border-radius:var(--border-radius-md, 8px);background:var(--color-background-light);transition:box-shadow var(--transition-base)}.section-group:hover{box-shadow:var(--box-shadow-sm)}.section-group-compact{padding:16px 20px;margin-bottom:16px;border:1px solid var(--color-border);border-radius:var(--border-radius-md, 8px);background:var(--color-background-light)}.section-title{font-size:13px;font-weight:700;color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid var(--color-border-light);display:block}.section-title--compact{font-size:12px;margin:0 0 12px;padding-bottom:8px}.section-group--primary{border:1px solid var(--color-border);background:var(--color-white);box-shadow:var(--box-shadow-card)}.section-group--primary:hover{box-shadow:var(--box-shadow-md)}.section-group--secondary{border:1px solid var(--color-border-light);background:var(--color-background-light)}.section-group--subtle{border:none;background:transparent;padding:20px 0;margin-bottom:20px}.section-group--subtle .section-title{border-bottom:none;padding-bottom:8px}.section-group--alert{border:1px solid var(--color-warning-border, #ffd700);background:var(--color-warning-light, #fffbea)}.section-group--success{border:1px solid var(--color-success-border, #a7f3d0);background:var(--color-success-bg, #ecfdf5)}.section-group--error{border:1px solid var(--color-danger-border, #fecaca);background:var(--color-danger-light, #fef2f2)}.section-group .form-group{margin-bottom:16px}.section-group .form-group:last-child{margin-bottom:0}.section-group--two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media(max-width:768px){.section-group--two-col{grid-template-columns:1fr;gap:16px}}.section-group--three-col{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}@media(max-width:1024px){.section-group--three-col{grid-template-columns:1fr 1fr}}@media(max-width:768px){.section-group--three-col{grid-template-columns:1fr;gap:16px}}.section-group .section-group{margin-bottom:16px;padding:16px}.section-group .section-group:last-child{margin-bottom:0}@media(max-width:768px){.section-group{padding:16px;margin-bottom:16px;border-radius:var(--border-radius-sm, 6px)}.section-group-compact{padding:12px 16px;margin-bottom:12px}.section-title{font-size:12px;margin-bottom:12px;padding-bottom:8px}}@media(max-width:480px){.section-group{padding:12px;margin-bottom:12px}.section-title{font-size:11px;margin-bottom:10px;padding-bottom:6px;letter-spacing:.3px}}@media(prefers-contrast:more){.section-group{border-width:2px}.section-title{font-weight:800;letter-spacing:.75px}}:root{--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-base: 16px;--spacing-lg: 20px;--spacing-xl: 24px;--spacing-2xl: 32px;--spacing-3xl: 40px;--spacing-4xl: 48px;--spacing-5xl: 64px}.m-0{margin:0}.m-xs{margin:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.m-2xl{margin:var(--spacing-2xl)}.m-3xl{margin:var(--spacing-3xl)}.my-0{margin-top:0;margin-bottom:0}.my-xs{margin-top:var(--spacing-xs);margin-bottom:var(--spacing-xs)}.my-sm{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.my-md{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.my-lg{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.my-xl{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.my-2xl{margin-top:var(--spacing-2xl);margin-bottom:var(--spacing-2xl)}.mx-0{margin-left:0;margin-right:0}.mx-xs{margin-left:var(--spacing-xs);margin-right:var(--spacing-xs)}.mx-sm{margin-left:var(--spacing-sm);margin-right:var(--spacing-sm)}.mx-md{margin-left:var(--spacing-md);margin-right:var(--spacing-md)}.mx-lg{margin-left:var(--spacing-lg);margin-right:var(--spacing-lg)}.mx-xl{margin-left:var(--spacing-xl);margin-right:var(--spacing-xl)}.mx-auto{margin-left:auto;margin-right:auto}.mt-0{margin-top:0}.mt-xs{margin-top:var(--spacing-xs)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mt-xl{margin-top:var(--spacing-xl)}.mt-2xl{margin-top:var(--spacing-2xl)}.mb-0{margin-bottom:0}.mb-xs{margin-bottom:var(--spacing-xs)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.mb-xl{margin-bottom:var(--spacing-xl)}.mb-2xl{margin-bottom:var(--spacing-2xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--spacing-xs)}.ml-sm{margin-left:var(--spacing-sm)}.ml-md{margin-left:var(--spacing-md)}.ml-lg{margin-left:var(--spacing-lg)}.mr-0{margin-right:0}.mr-xs{margin-right:var(--spacing-xs)}.mr-sm{margin-right:var(--spacing-sm)}.mr-md{margin-right:var(--spacing-md)}.mr-lg{margin-right:var(--spacing-lg)}.p-0{padding:0}.p-xs{padding:var(--spacing-xs)}.p-sm{padding:var(--spacing-sm)}.p-md{padding:var(--spacing-md)}.p-lg{padding:var(--spacing-lg)}.p-xl{padding:var(--spacing-xl)}.p-2xl{padding:var(--spacing-2xl)}.py-0{padding-top:0;padding-bottom:0}.py-xs{padding-top:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.py-sm{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.py-md{padding-top:var(--spacing-md);padding-bottom:var(--spacing-md)}.py-lg{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-lg)}.py-xl{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.px-sm{padding-left:var(--spacing-sm);padding-right:var(--spacing-sm)}.px-md{padding-left:var(--spacing-md);padding-right:var(--spacing-md)}.px-lg{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.px-xl{padding-left:var(--spacing-xl);padding-right:var(--spacing-xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--spacing-xs)}.pt-sm{padding-top:var(--spacing-sm)}.pt-md{padding-top:var(--spacing-md)}.pt-lg{padding-top:var(--spacing-lg)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--spacing-xs)}.pb-sm{padding-bottom:var(--spacing-sm)}.pb-md{padding-bottom:var(--spacing-md)}.pb-lg{padding-bottom:var(--spacing-lg)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--spacing-xs)}.pl-sm{padding-left:var(--spacing-sm)}.pl-md{padding-left:var(--spacing-md)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--spacing-xs)}.pr-sm{padding-right:var(--spacing-sm)}.pr-md{padding-right:var(--spacing-md)}.gap-0{gap:0}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.gap-xl{gap:var(--spacing-xl)}.gap-2xl{gap:var(--spacing-2xl)}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-row{display:flex;flex-direction:row}.flex-gap-xs{display:flex;gap:var(--spacing-xs)}.flex-gap-sm{display:flex;gap:var(--spacing-sm)}.flex-gap-md{display:flex;gap:var(--spacing-md)}.flex-gap-lg{display:flex;gap:var(--spacing-lg)}.flex-center{display:flex;align-items:center;justify-content:center}.flex-center-between{display:flex;align-items:center;justify-content:space-between}.section{padding:var(--spacing-xl);margin-bottom:var(--spacing-2xl)}.section-compact{padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.section-spacious{padding:var(--spacing-2xl);margin-bottom:var(--spacing-3xl)}.card-padding{padding:var(--spacing-xl)}.card-padding-sm{padding:var(--spacing-lg)}.card-spacing{margin-bottom:var(--spacing-lg)}.form-spacing{margin-bottom:var(--spacing-md)}.form-group-spacing{margin-bottom:var(--spacing-lg)}.list-item-spacing{margin-bottom:var(--spacing-sm)}.list-item-spacing-lg{margin-bottom:var(--spacing-md)}.header-spacing-top{margin-top:var(--spacing-lg)}.header-spacing-bottom{margin-bottom:var(--spacing-md)}@media(max-width:768px){.p-md-resp{padding:var(--spacing-md)}.m-md-resp{margin:var(--spacing-md)}.gap-md-resp{gap:var(--spacing-md)}.section{padding:var(--spacing-md);margin-bottom:var(--spacing-lg)}}@media(max-width:480px){.p-sm-resp{padding:var(--spacing-sm)}.m-sm-resp{margin:var(--spacing-sm)}.gap-sm-resp{gap:var(--spacing-sm)}.section{padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}}.m-neg-xs{margin:calc(-1 * var(--spacing-xs))}.m-neg-sm{margin:calc(-1 * var(--spacing-sm))}.mt-neg-xs{margin-top:calc(-1 * var(--spacing-xs))}.mt-neg-sm{margin-top:calc(-1 * var(--spacing-sm))}.mb-neg-xs{margin-bottom:calc(-1 * var(--spacing-xs))}.mb-neg-sm{margin-bottom:calc(-1 * var(--spacing-sm))}.filter-bar{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;max-width:100%;background:var(--color-background-alt)}.filter-bar select,.filter-bar input[type=text],.filter-bar input[type=search],.filter-bar .form-control{display:inline-block;width:auto}.filter-tabs{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;max-width:100%}.filter-bar .filter-tabs{margin-top:0;margin-bottom:0}.time-range-filters{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm);flex-wrap:wrap;max-width:100%}.filter-bar button:not(.btn):not([class*=btn-]),.filter-btn,.filter-tabs button,.time-range-button{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background-alt);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:all var(--transition-base);font-family:var(--font-family);color:var(--color-text-secondary);letter-spacing:.005em}.filter-bar button:not(.btn):not([class*=btn-]):hover,.filter-bar button:not(.btn):not([class*=btn-]).active,.filter-btn:hover,.filter-btn.active,.filter-tabs button:hover,.filter-tabs button.active,.time-range-button:hover,.time-range-button.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary);box-shadow:0 2px 8px rgba(var(--color-primary-rgb),.28)}.filter-bar .ml-auto{margin-left:auto}.date-input,.filter-bar input[type=date]{padding:.4375rem .875rem;border:1.5px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-white);color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:all var(--transition-base)}.date-input:hover,.filter-bar input[type=date]:hover{border-color:var(--color-primary);box-shadow:var(--box-shadow-sm)}.date-input:focus,.filter-bar input[type=date]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}.date-sep{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:0 var(--spacing-xs);font-weight:var(--font-weight-medium)}.table-container{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--card-border-radius);max-width:100%;overflow-x:auto;overflow-y:hidden;box-shadow:var(--box-shadow-sm);transition:box-shadow var(--transition-base)}.table-container:hover{box-shadow:var(--box-shadow-md)}.data-table{width:100%;border-collapse:collapse}.data-table th{background:var(--table-header-background);padding:var(--table-header-padding);text-align:left;font-weight:var(--table-header-font-weight);color:var(--color-text-secondary);border-bottom:2px solid var(--table-border-color);font-size:var(--table-header-font-size);text-transform:var(--table-header-text-transform);letter-spacing:var(--table-header-letter-spacing);white-space:nowrap}.data-table td{padding:var(--table-body-padding);border-bottom:1px solid var(--table-border-color);font-size:var(--table-body-font-size);color:var(--color-text-primary);vertical-align:middle}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--table-row-hover-background)}.actions-cell{white-space:nowrap}.actions-cell>button+button,.actions-cell>a+a{margin-left:var(--spacing-sm)}.data-table--sortable th{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table--selectable td{padding-left:var(--spacing-sm)}.data-table--expandable tbody tr{cursor:pointer;transition:background var(--transition-base)}.data-table--expandable tbody tr:hover{background:rgba(var(--color-primary-rgb),.04)}.tabs{display:flex;flex-wrap:wrap;border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-lg)}.tab{padding:var(--tab-padding);background:none;border:none;cursor:pointer;font-family:var(--font-family);font-size:var(--tab-font-size);font-weight:var(--tab-font-weight);color:var(--tab-inactive-text-color);position:relative;display:inline-flex;align-items:center;transition:color var(--transition-base)}.tab:hover{color:var(--tab-inactive-hover-text-color)}.tab.active{color:var(--tab-active-text-color)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--tab-active-border-color)}.tab:disabled{opacity:.5;cursor:not-allowed}.tab .badge{margin-left:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--badge-border-radius);font-size:var(--font-size-xs);line-height:1;background:var(--color-border);color:var(--color-text-primary)}.tab.active .badge{background:var(--tab-active-border-color);color:var(--color-on-primary)}.tab-content{padding:0}.integration-hub-layout,.api-manager-layout,.kafka-manager-layout,.mq-manager-layout{display:flex;min-height:calc(100vh - var(--navbar-height, 64px))}.integration-hub-main,.api-manager-main,.kafka-manager-main,.mq-manager-main{flex:1;min-width:0;margin-left:250px;padding:0;background:var(--color-background-alt)}.integration-hub-main .breadcrumb-container,.api-manager-main .breadcrumb-container,.kafka-manager-main .breadcrumb-container,.mq-manager-main .breadcrumb-container{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-sm) var(--spacing-xl)}@media(min-width:768px)and (max-width:1023px){.integration-hub-main,.api-manager-main,.kafka-manager-main,.mq-manager-main{margin-left:72px}}@media(max-width:767px){.integration-hub-main,.api-manager-main,.kafka-manager-main,.mq-manager-main{margin-left:0}.integration-hub-main .breadcrumb-container,.api-manager-main .breadcrumb-container,.kafka-manager-main .breadcrumb-container,.mq-manager-main .breadcrumb-container{padding-left:calc(40px + 2 * var(--spacing-sm))}}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input[type=date],input[type=time],input[type=datetime-local],textarea,select,.form-input,.form-control{display:block;width:100%;padding:var(--form-input-padding, 10px 12px);border:1.5px solid var(--form-input-border-color, #d0d0d0);border-radius:var(--form-input-border-radius, 6px);box-sizing:border-box;font-family:var(--font-family, inherit);font-size:var(--form-input-font-size, 14px);color:var(--color-text-primary, #333);background-color:var(--color-white, #ffffff);transition:border-color var(--transition-base, .15s ease-in-out),box-shadow var(--transition-base, .15s ease-in-out);line-height:1.5}input::placeholder,textarea::placeholder,select{color:var(--form-input-placeholder-color, #999);font-size:var(--form-input-font-size, 14px)}input:focus,textarea:focus,select:focus,.form-input:focus,.form-control:focus{outline:none;border-color:var(--form-input-focus-border-color, #0066cc);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.12)}input:disabled,textarea:disabled,select:disabled,.form-input:disabled,.form-control:disabled{background-color:var(--form-input-disabled-bg, #f5f5f5);color:var(--form-input-disabled-color, #999);cursor:not-allowed;opacity:.6}input:read-only,textarea:read-only,.form-input:read-only,.form-control:read-only{background-color:var(--form-input-readonly-bg, #f9f9f9);cursor:default}input.error,textarea.error,.form-input.error,.form-control.error{border-color:var(--form-input-error-color, #dc3545)}input.error:focus,textarea.error:focus,.form-input.error:focus,.form-control.error:focus{box-shadow:0 0 0 3px rgba(var(--color-error-rgb),.12)}input.success,textarea.success,.form-input.success,.form-control.success{border-color:var(--form-input-success-color, #28a745)}input.success:focus,textarea.success:focus,.form-input.success:focus,.form-control.success:focus{box-shadow:0 0 0 3px rgba(var(--color-success-rgb),.12)}textarea,.form-textarea{resize:vertical;min-height:100px;font-family:var(--font-family-mono, monospace)}select:not([multiple]),.form-select:not([multiple]){cursor:pointer;appearance:none!important;-webkit-appearance:none!important;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:20px!important;padding-right:36px!important}select:not([multiple]):not(:disabled),.form-select:not([multiple]):not(:disabled){background-color:var(--color-white, #ffffff)!important}.form-group{margin-bottom:var(--form-group-margin-bottom, 16px)}.form-group label{display:block;margin-bottom:var(--form-label-margin-bottom, 6px);font-weight:var(--form-label-font-weight, 500);font-size:var(--form-label-font-size, 13px);color:var(--form-label-text-color, #333);letter-spacing:var(--form-label-letter-spacing, .01em)}.form-group label.required:after{content:"*";color:var(--form-required-indicator-color, #dc3545);margin-left:4px}.form-group .form-help-text{display:block;font-size:var(--form-help-text-font-size, 12px);color:var(--form-help-text-color, #666);margin-top:4px}.form-group .form-error-text{display:block;font-size:var(--form-help-text-font-size, 12px);color:var(--form-error-text-color, #dc3545);margin-top:4px}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--form-row-gap, 16px);margin-bottom:var(--form-group-margin-bottom, 16px)}input[type=checkbox],input[type=radio]{width:18px;height:18px;cursor:pointer;margin-right:6px;vertical-align:middle}.checkbox-label,.radio-label{display:flex;align-items:center;gap:var(--spacing-sm, 8px);font-size:var(--font-size-sm, 14px);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input,.radio-label input{margin:0}.modal-backdrop,.modal-overlay,.modal:has(>.modal-content),.dialog-backdrop,.popup-backdrop{position:fixed;inset:0;background-color:#0f172a8c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:1;transition:opacity var(--transition-base, .15s ease-in-out)}.modal-backdrop.hidden,.modal-overlay.hidden,.dialog-backdrop.hidden,.popup-backdrop.hidden{opacity:0;pointer-events:none}.modal,.dialog,.popup,.modal-content,.dialog-content{position:relative;background:var(--color-white, #ffffff);border-radius:var(--card-border-radius, 8px);box-shadow:var(--modal-box-shadow, 0 10px 40px rgba(0, 0, 0, .15));z-index:1001;overflow:hidden;display:flex;flex-direction:column;animation:modalSlideIn var(--transition-slow, .3s) ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.modal-content,.modal-overlay>.modal{width:90%;max-width:var(--modal-width-sm);height:var(--modal-height)}.modal-content.modal-auto-height,.modal-overlay>.modal.modal-auto-height{height:auto;max-height:90vh}.modal-content.modal-sm,.modal-overlay>.modal.modal-sm{max-width:var(--modal-width-sm)}.modal-content.modal-md,.modal-overlay>.modal.modal-md{max-width:var(--modal-width-md)}.modal-content.modal-lg,.modal-overlay>.modal.modal-lg{max-width:var(--modal-width-lg)}.modal-content.modal-xl,.modal-overlay>.modal.modal-xl{max-width:var(--modal-width-xl)}.modal-sm,.dialog-sm{width:90%;max-width:var(--modal-width-sm)}.modal-md,.dialog-md{width:90%;max-width:var(--modal-width-md)}.modal-lg,.dialog-lg{width:90%;max-width:var(--modal-width-lg)}.modal-xl,.dialog-xl{width:90%;max-width:var(--modal-width-xl)}.modal-header,.dialog-header{padding:var(--modal-header-padding, 20px 24px);border-bottom:1px solid var(--color-border, #e0e0e0);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.modal-header h1,.modal-header h2,.modal-header h3,.dialog-header h1,.dialog-header h2,.dialog-header h3{margin:0;font-size:var(--modal-header-font-size, 18px);font-weight:var(--modal-header-font-weight, 600);color:var(--color-text-primary, #333)}.modal-header .close-button,.dialog-header .close-button,.close-btn{background:var(--color-background-hover, #f5f5f5);border:1px solid var(--color-border, #e0e0e0);font-size:var(--font-size-base, 16px);cursor:pointer;color:var(--color-text-secondary, #666);padding:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-md, 8px);flex-shrink:0;line-height:1;transition:all var(--transition-base, .15s ease-in-out)}.modal-header .close-button:hover,.dialog-header .close-button:hover,.close-btn:hover{background-color:var(--color-error-light, #fee);color:var(--color-error, #dc3545);border-color:var(--color-error-light, #fee)}.close-btn svg{width:18px;height:18px;stroke-width:2}.modal-body,.dialog-body{padding:var(--modal-body-padding, 24px);max-height:90vh;overflow-y:auto;overflow-x:hidden;flex:1;min-width:0}.modal-footer,.dialog-footer{padding:var(--modal-footer-padding, 16px 24px);border-top:1px solid var(--color-border, #e0e0e0);display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-md, 12px);flex-shrink:0;background:var(--modal-footer-background, #f9f9f9)}.modal-footer button,.dialog-footer button{margin:0}.modal-body:has(>.modal-footer),.modal-body:has(>form>.modal-footer),.dialog-body:has(>.dialog-footer),.dialog-body:has(>form>.dialog-footer){padding-bottom:0}.modal-body:has(.modal-footer),.dialog-body:has(.dialog-footer){display:flex;flex-direction:column}.modal-body:has(>form>.modal-footer)>form,.dialog-body:has(>form>.dialog-footer)>form{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.modal-body .modal-footer,.dialog-body .dialog-footer{position:sticky;bottom:0;margin-top:var(--spacing-md, 12px);margin-left:calc(-1 * var(--modal-body-padding, 24px));margin-right:calc(-1 * var(--modal-body-padding, 24px))}.modal-content>form,.modal-overlay>.modal>form,.dialog-content>form{flex:1 1 auto;display:flex;flex-direction:column;min-height:0}.modal-body>.modal-footer,.modal-body>form>.modal-footer,.dialog-body>.dialog-footer{margin-top:auto}.modal-enter,.dialog-enter{animation:modalSlideIn var(--transition-slow, .3s) ease-out}.modal-exit,.dialog-exit{animation:modalSlideOut var(--transition-slow, .3s) ease-in}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.modal-scrollable{max-height:80vh}.modal-scrollable .modal-body{max-height:calc(80vh - 120px);overflow-y:auto}@media(max-width:600px){.modal,.dialog,.popup,.modal-content,.dialog-content{width:95vw!important}.modal-header,.dialog-header{padding:16px}.modal-body,.dialog-body{padding:16px;max-height:95vh}.modal-footer,.dialog-footer{padding:12px 16px;flex-wrap:wrap}}.modal.loading,.dialog.loading{pointer-events:none;opacity:.8}.modal.loading:after,.dialog.loading:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:4px solid var(--color-border, #e0e0e0);border-top-color:var(--color-primary, #0066cc);border-radius:50%;animation:spin 1s linear infinite;z-index:1002}@keyframes spin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.modal.error,.dialog.error{border:2px solid var(--color-error, #dc3545)}.modal.error .modal-header,.dialog.error .dialog-header{border-bottom-color:var(--color-error, #dc3545)}.modal.success,.dialog.success{border:2px solid var(--color-success, #28a745)}.modal.success .modal-header,.dialog.success .dialog-header{border-bottom-color:var(--color-success, #28a745)}.modal.warning,.dialog.warning{border:2px solid var(--color-warning, #ffc107)}.modal.warning .modal-header,.dialog.warning .dialog-header{border-bottom-color:var(--color-warning, #ffc107)}.modal.info,.dialog.info{border:2px solid var(--color-info, #0066cc)}.modal.info .modal-header,.dialog.info .dialog-header{border-bottom-color:var(--color-info, #0066cc)}.selected-tools-config{background:var(--color-background-alt);border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-lg);min-width:0;width:100%}.subsection-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.subsection-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;font-style:italic}.tool-accordion-item{margin-bottom:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;background:var(--color-white);width:100%;min-width:0}.accordion-header{width:100%;display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--color-background-alt);border:none;cursor:pointer;transition:background-color var(--transition-base);text-align:left;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary);min-height:44px}.accordion-header:hover{background:rgba(var(--color-primary-rgb),.05)}.accordion-header.accordion-expanded{background:rgba(var(--color-primary-rgb),.08)}.accordion-toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;flex-grow:0;color:var(--color-primary);margin-right:var(--spacing-xs)}.accordion-toggle svg{width:18px;height:18px;stroke:var(--color-primary);stroke-width:2.5;transition:transform var(--transition-base);flex-shrink:0}.accordion-header .tool-name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.config-status{display:inline-block;padding:2px 8px;background:rgba(var(--color-success-rgb),.1);color:var(--color-success);font-size:var(--font-size-xs);font-weight:600;border-radius:var(--border-radius-sm)}.meta-badges{display:flex;flex-wrap:wrap;align-items:center;gap:.375rem}.meta-badge{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;white-space:nowrap}.meta-provided{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.meta-kind{background:var(--color-background, rgba(0, 0, 0, .04));color:var(--color-text-secondary)}.meta-ready{background:rgba(var(--color-success-rgb),.12);color:var(--color-success)}.meta-notwired{background:rgba(var(--color-warning-rgb),.16);color:var(--color-warning-text)}.meta-disabled{background:var(--color-background-hover);color:var(--color-text-secondary)}.meta-tech-toggle{background:none;border:none;padding:0;color:var(--color-primary);font-size:var(--font-size-xs);font-weight:600;cursor:pointer;text-decoration:underline}.tech-details{margin-top:.375rem;padding:.5rem .625rem;background:var(--color-background, rgba(0, 0, 0, .03));border:1px solid var(--color-border);border-radius:var(--border-radius-sm);display:flex;flex-direction:column;gap:.25rem}.tech-row{display:flex;gap:.5rem;font-size:var(--font-size-xs)}.tech-key{min-width:96px;color:var(--color-text-secondary);font-weight:600}.tech-val{color:var(--color-text-primary);word-break:break-word}.tech-mono{font-family:var(--font-family-mono, monospace)}.accordion-content{padding:var(--spacing-md);border-top:1px solid var(--color-border);animation:slideDown var(--transition-base)}.loading-state{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.loader{display:inline-block;width:16px;height:16px;border:2px solid rgba(var(--color-primary-rgb),.2);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.tool-config-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.schema-builder-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs);margin-bottom:var(--spacing-sm)}.schema-builder-table th{text-align:left;padding:.375rem .5rem;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border);white-space:nowrap}.schema-builder-table td{padding:.375rem .5rem;border-bottom:1px solid var(--color-border);vertical-align:middle}.schema-builder-table .col-center{text-align:center}.schema-builder-table input[type=checkbox]{width:15px;height:15px;cursor:pointer}.schema-empty{text-align:center;color:var(--color-text-muted);font-style:italic;padding:var(--spacing-md) 0}.field-values-table tr:last-child td{border-bottom:none}.fv-fieldset{margin-bottom:var(--spacing-md)}.fv-fieldset:last-child{margin-bottom:0}.field-values-table .fv-col-section,.field-values-table .fv-section-cell,.field-values-table .fv-col-type,.field-values-table .fv-type-cell,.field-values-table .fv-col-field,.field-values-table .fv-field-cell{width:1%;white-space:nowrap}.field-values-table .fv-col-desc{width:auto}.field-values-table .fv-col-value{width:30%}.field-values-table .fv-col-source,.field-values-table .fv-source-cell{width:1%;white-space:nowrap;font-size:var(--font-size-xs)}.fv-source-badge{display:inline-block;padding:2px var(--spacing-xs, 6px);border-radius:var(--border-radius-sm, 4px);font-weight:600;letter-spacing:.02em;background:var(--color-surface-muted, #eef0f2);color:var(--color-text-secondary, #666);border:1px solid var(--color-border)}.fv-source-badge.fv-source--override{background:var(--color-primary-soft, rgba(37, 99, 235, .12));color:var(--color-primary, #2563eb);border-color:var(--color-primary, #2563eb)}.fv-parent-value{display:inline-block;margin-left:var(--spacing-xs, 6px);color:var(--color-text-secondary, #888);font-family:var(--font-mono, ui-monospace, monospace)}.fv-chain{margin-left:var(--spacing-xs, 6px);font-family:var(--font-mono, ui-monospace, monospace);color:var(--color-text-secondary, #888);white-space:normal}.fv-chain-step{color:var(--color-text-secondary, #888)}.fv-chain-step--win{color:var(--color-text-primary, #222);font-weight:600}.fv-chain-sep{color:var(--color-border, #bbb)}.field-values-table .fv-section-cell{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.field-values-table .fv-type-cell{color:var(--color-text-secondary);font-style:italic}.field-values-table .fv-desc-cell{color:var(--color-text-secondary);white-space:normal}.fv-authtype{margin-bottom:var(--spacing-sm);max-width:320px}.fv-authtype label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-bottom:.25rem}.field-values-table .fv-field-label{font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.field-values-table .fv-field-label .required{color:var(--color-danger, #d32f2f)}.schema-input{width:100%;padding:.3125rem .5rem;border:1.5px solid var(--form-input-border-color);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-family:var(--font-family);color:var(--color-text-primary);box-sizing:border-box;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.schema-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.12)}.schema-input:disabled,.schema-input[readonly]{background:var(--color-background-alt);color:var(--color-text-secondary);cursor:not-allowed}textarea.schema-input{resize:vertical;min-height:2.5rem}.fv-checkbox{display:inline-flex;align-items:center;gap:.375rem;font-size:var(--font-size-xs);color:var(--color-text-primary);cursor:pointer}.fv-checkbox input[type=checkbox]{width:15px;height:15px;cursor:pointer;margin:0}.config-fieldset{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-md);background:var(--color-background-alt)}.config-fieldset legend{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);padding:0 var(--spacing-sm);margin-left:calc(var(--spacing-sm) * -1)}.field-description{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.field-error{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-danger, #d32f2f)}.error-message{background:rgba(var(--color-error-rgb),.08);color:var(--color-error);border:1px solid rgba(var(--color-error-rgb),.2);border-radius:var(--border-radius-sm);padding:var(--spacing-md);font-size:var(--font-size-sm)}.error-message ul{margin:0;padding-left:var(--spacing-md);list-style:disc}.error-message li{margin:var(--spacing-xs) 0}.tool-group-section{margin-bottom:var(--spacing-lg)}.tool-group-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 var(--spacing-md) 0;padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-light)}.tools-config-table{width:100%;border-collapse:collapse;background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden}.tools-config-table thead{background:var(--color-background-alt);border-bottom:2px solid var(--color-border)}.tools-config-table th{padding:var(--spacing-md);text-align:left;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tools-config-table th:first-child{width:36px;padding-left:var(--spacing-sm)}.tools-config-table tbody tr{border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-base);height:52px}.tools-config-table tbody tr:last-child{border-bottom:none}.tools-config-table tbody tr:hover{background:rgba(var(--color-primary-rgb),.02)}.tools-config-table td{padding:var(--spacing-md);vertical-align:middle;color:var(--color-text-primary);font-size:var(--font-size-sm);height:52px;line-height:1.2;display:table-cell}.tools-config-table td:first-child{padding-left:var(--spacing-sm)}.tool-checkbox{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--spacing-md)}.tool-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin:0;flex-shrink:0}.tool-cell{display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);flex:1;min-width:0;height:100%;padding:var(--spacing-md)}.tool-name-text{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.2}.tool-type-badge{display:inline-block;padding:3px 8px;background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.tool-description-cell{color:var(--color-text-secondary);font-size:var(--font-size-xs);overflow:hidden;text-overflow:ellipsis;white-space:normal;word-wrap:break-word;line-height:1.4;max-height:3.6em}.tool-arrow-col .icon-btn:not(:disabled){color:var(--color-primary);border-color:var(--color-primary)}.tool-arrow-col .icon-btn:not(:disabled):hover{color:var(--color-primary);background:rgba(var(--color-primary-rgb),.08);border-color:var(--color-primary)}.tool-row-expanded{background:var(--color-background-alt)}.tool-row-expanded td{border-bottom:none}.tool-config-row>td{padding:0;height:auto}.tool-config-content{padding:var(--spacing-lg) var(--spacing-md);background:var(--color-background-alt);border-bottom:1px solid var(--color-border-light);border-top:1px solid var(--color-border-light)}.tool-config-content .tool-config-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--spacing-md)}.tool-config-content .config-fieldset{border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:var(--spacing-md);background:var(--color-white);grid-column:span 1}.tool-config-content .form-group{margin-bottom:var(--spacing-md)}.tool-config-content .form-group:last-child{margin-bottom:0}.tool-config-readonly .form-input,.tool-config-readonly .form-select{background:var(--color-background-alt);color:var(--color-text-secondary);border-color:var(--color-border-light);cursor:not-allowed;opacity:.8}.tool-config-readonly .form-input:focus,.tool-config-readonly .form-select:focus{outline:none;border-color:var(--color-border-light);box-shadow:none}.tool-config-readonly .form-group label{color:var(--color-text-primary);opacity:.9}.tool-config-readonly .form-group input[type=checkbox],.tool-config-readonly .form-group input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.tools-empty-state{padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);background:var(--color-background-alt);border:1px dashed var(--color-border);border-radius:var(--border-radius-md)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tcg{width:100%;min-width:0}.tcg-tabbar{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md);overflow-x:auto}.tcg-tab{appearance:none;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:color var(--transition-base),border-color var(--transition-base)}.tcg-tab:hover{color:var(--color-text-primary)}.tcg-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tcg-panel{min-width:0}.tcg-empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic;background:var(--color-background-alt);border:1px dashed var(--color-border);border-radius:var(--border-radius-md)}.dev-details{margin-top:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-background-alt)}.dev-details>summary{cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);list-style:none;display:flex;align-items:center;gap:var(--spacing-xs);-webkit-user-select:none;user-select:none}.dev-details>summary::-webkit-details-marker{display:none}.dev-details>summary:before{content:"\25b8";color:var(--color-primary);transition:transform var(--transition-base)}.dev-details[open]>summary:before{content:"\25be"}.dev-details>summary:hover{color:var(--color-text-primary)}.dev-details .dev-json{margin:0;padding:var(--spacing-md);border-top:1px solid var(--color-border);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;overflow-x:auto}.usage-panel{margin:var(--spacing-sm) 0 var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-background-alt)}.usage-panel .usage-headline{display:flex;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap}.usage-panel .usage-title{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);font-size:var(--font-size-sm)}.usage-panel .usage-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.usage-panel .usage-body{margin-top:var(--spacing-sm);display:flex;flex-direction:column;gap:var(--spacing-xs)}.usage-panel .usage-group{display:flex;align-items:center;flex-wrap:wrap;gap:.375rem}.usage-panel .usage-group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:72px}.usage-panel .usage-chip{display:inline-block;padding:2px 8px;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary);white-space:nowrap}.usage-panel .usage-chip-code{background:rgba(var(--color-purple-rgb),.12);color:var(--color-purple-text)}.usage-panel .usage-toggle{align-self:flex-start;margin-top:.125rem}.usage-panel .usage-steps{margin-top:.25rem;display:flex;flex-direction:column;gap:.125rem}.usage-panel .usage-step{font-size:var(--font-size-xs);color:var(--color-text-primary)}.usage-panel .usage-via{color:var(--color-text-secondary);font-style:italic}.badge{display:inline-flex;align-items:center;padding:var(--badge-padding, 4px 10px);border-radius:var(--badge-border-radius, 4px);font-size:var(--badge-font-size, 12px);font-weight:var(--badge-font-weight, 500);text-transform:var(--badge-text-transform, uppercase);letter-spacing:var(--badge-letter-spacing, .5px);white-space:nowrap;gap:var(--spacing-xs, 4px)}.badge-success,.badge.badge-success{background-color:var(--color-success-light);color:var(--color-success-text);border:1px solid var(--color-success-border)}.badge-success:hover,.badge.badge-success:hover{background-color:var(--color-success-hover-bg);border-color:var(--color-success-border)}.badge-danger,.badge.badge-danger{background-color:var(--color-error-light);color:var(--color-error-text);border:1px solid var(--color-error-border)}.badge-danger:hover,.badge.badge-danger:hover{background-color:var(--color-danger-bg);border-color:var(--color-error-border)}.badge-warning,.badge.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-text);border:1px solid var(--color-warning-border)}.badge-warning:hover,.badge.badge-warning:hover{background-color:var(--color-warning-light);border-color:var(--color-warning-border)}.badge-info,.badge.badge-info{background-color:var(--color-info-light);color:var(--color-info-text);border:1px solid var(--color-info-border)}.badge-info:hover,.badge.badge-info:hover{background-color:var(--color-info-light);border-color:var(--color-info-border)}.badge-primary,.badge.badge-primary{background-color:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary-dark)}.badge-primary:hover,.badge.badge-primary:hover{background-color:var(--color-primary-dark);border-color:var(--color-primary-dark)}.badge-secondary,.badge.badge-secondary{background-color:var(--color-background-hover);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-secondary:hover,.badge.badge-secondary:hover{background-color:var(--color-border-light);border-color:var(--color-border)}.badge-light,.badge.badge-light{background-color:var(--color-surface-alt);color:var(--color-text-secondary);border:1px solid var(--color-border)}.badge-light:hover,.badge.badge-light:hover{background-color:var(--color-background-hover)}.badge-gray{background:var(--color-background-alt);color:var(--color-text-secondary)}.badge-green{background:var(--color-success-light);color:var(--color-success-text)}.badge-yellow{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-red{background:var(--color-error-light);color:var(--color-error-text)}.badge-blue{background:rgba(var(--color-primary-rgb),.09);color:var(--color-primary-dark)}.badge-purple{background:var(--color-purple-light);color:var(--color-purple-text)}.badge-orange{background:var(--color-warning-light);color:var(--color-warning-text)}.badge-sm,.badge.badge-sm{padding:2px 6px;font-size:10px}.badge-lg,.badge.badge-lg{padding:6px 14px;font-size:13px}.badge-category{background-color:var(--color-background-alt);color:var(--color-text-primary);border:1px solid var(--color-border);text-transform:none}.badge-workflow-active,.badge.workflow-active{background-color:var(--color-success-light);color:var(--color-success-text)}.badge-workflow-inactive,.badge.workflow-inactive{background-color:var(--color-background-hover);color:var(--color-text-secondary)}.badge-task-pending,.badge.task-pending{background-color:var(--color-warning-light);color:var(--color-warning-text)}.badge-task-completed,.badge.task-completed{background-color:var(--color-success-light);color:var(--color-success-text)}.badge-task-failed,.badge.task-failed{background-color:var(--color-error-light);color:var(--color-error-text)}.badge-credential-active,.badge.credential-active{background-color:var(--color-success-light);color:var(--color-success-text)}.badge-credential-expiring,.badge.credential-expiring{background-color:var(--color-warning-light);color:var(--color-warning-text)}.badge-credential-expired,.badge.credential-expired{background-color:var(--color-error-light);color:var(--color-error-text)}.badge svg{display:inline-block;vertical-align:middle;flex-shrink:0;width:1em;height:1em}.badge-inline{display:inline;padding:2px 6px}.badge-pill{border-radius:10px;padding:4px 12px}.badge-borderless{border:none}.badge-disabled,.badge:disabled{opacity:.6;cursor:not-allowed}