:root{--color-primary: #1e3c72;--color-primary-light: #2a5298;--color-primary-dark: #16294e;--color-secondary: #667eea;--color-secondary-light: #a29bfe;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-success: #16a34a;--color-success-light: #22c55e;--color-success-bg: #dcfce7;--color-warning: #ea580c;--color-warning-light: #fb923c;--color-warning-bg: #fed7aa;--color-error: #dc2626;--color-error-light: #ef4444;--color-error-bg: #fecaca;--color-info: #2563eb;--color-info-light: #3b82f6;--color-info-bg: #dbeafe;--color-channel-stable: #4CAF50;--color-channel-beta: #2196F3;--color-channel-dev: #9C27B0;--color-channel-canary: #FF9800;--color-channel-esr: #FF5722;--color-channel-esr-prev: #795548;--color-channel-stable-bg: rgba(76, 175, 80, .1);--color-channel-stable-bg-light: rgba(76, 175, 80, .05);--color-channel-stable-bg-lighter: rgba(76, 175, 80, .02);--color-channel-beta-bg: rgba(33, 150, 243, .1);--color-channel-beta-bg-light: rgba(33, 150, 243, .05);--color-channel-beta-bg-lighter: rgba(33, 150, 243, .02);--color-channel-canary-bg: rgba(255, 152, 0, .1);--color-channel-canary-bg-light: rgba(255, 152, 0, .05);--color-channel-canary-bg-lighter: rgba(255, 152, 0, .02);--color-channel-dev-bg: rgba(156, 39, 176, .1);--color-channel-dev-bg-light: rgba(156, 39, 176, .05);--color-channel-dev-bg-lighter: rgba(156, 39, 176, .02);--color-browser-chrome: #4285f4;--color-browser-firefox: #ff7139;--color-browser-edge: #0078d7;--color-browser-safari: #006cff;--color-browser-opera: #FF1B2D;--color-feature-1: #667eea;--color-feature-2: #f093fb;--color-feature-3: #fa709a;--color-feature-4: #4facfe;--color-accent-coral: #ff6b6b;--color-accent-orange: #ff9f43;--color-accent-green: #26de81;--color-accent-purple: #a29bfe;--color-sidebar-bg: #e8f4f8;--color-sidebar-border: #d0e8f2;--color-bg-main: #f8f9fa;--color-bg-page: #ffffff;--color-bg-card: #ffffff;--color-bg-section: #f8fafc;--color-bg-elevated: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .5);--color-text-primary: #333333;--color-text-secondary: #666666;--color-text-tertiary: #94a3b8;--color-text-muted: #888888;--color-text-disabled: #cccccc;--color-text-inverse: #ffffff;--color-text-link: #1e3c72;--color-text-link-hover: #2a5298;--color-border-light: #f0f0f0;--color-border-default: #e1e4e8;--color-border-medium: #d0d4d8;--color-border-dark: #cbd5e1;--color-border-focus: #2563eb;--font-family-base: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-family-mono: "JetBrains Mono", "Monaco", "Consolas", "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.125rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.875rem;--font-size-3xl: 2.25rem;--font-size-4xl: 3rem;--font-size-5xl: 3.5rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--spacing-0: 0rem;--spacing-3xs: .125rem;--spacing-2xs: .25rem;--spacing-xs: .375rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem;--spacing-3xl: 3rem;--spacing-4xl: 4rem;--spacing-5xl: 6rem;--breakpoint-xs: 380px;--breakpoint-sm: 480px;--breakpoint-md: 768px;--breakpoint-lg: 900px;--breakpoint-xl: 1300px;--breakpoint-2xl: 1400px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--container-fluid: 100%;--z-index-dropdown: 1000;--z-index-sticky: 1020;--z-index-fixed: 1030;--z-index-modal-backdrop: 1040;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px rgba(0, 0, 0, .15);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--shadow-focus: 0 0 0 3px rgba(37, 99, 235, .1);--shadow-focus-primary: 0 0 0 3px rgba(30, 60, 114, .2);--radius-none: 0;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 50px;--radius-circle: 50%;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--transition-slower: .4s ease;--transition-all: all .2s ease;--transition-colors: color .2s ease, background-color .2s ease, border-color .2s ease;--transition-transform: transform .2s ease;--transition-opacity: opacity .2s ease;--opacity-0: 0;--opacity-5: .05;--opacity-10: .1;--opacity-20: .2;--opacity-30: .3;--opacity-40: .4;--opacity-50: .5;--opacity-60: .6;--opacity-70: .7;--opacity-80: .8;--opacity-90: .9;--opacity-100: 1;--backdrop-blur-sm: blur(4px);--backdrop-blur-md: blur(8px);--backdrop-blur-lg: blur(10px);--backdrop-blur-xl: blur(16px);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-primary-active: linear-gradient(135deg, rgba(30, 60, 114, .05) 0%, rgba(42, 82, 152, .08) 100%);--color-overlay-primary-light: rgba(30, 60, 114, .03);--color-overlay-primary-medium: rgba(30, 60, 114, .05);--color-overlay-primary: rgba(30, 60, 114, .1);--color-overlay-primary-dark: rgba(30, 60, 114, .12);--color-overlay-primary-darker: rgba(30, 60, 114, .15);--color-text-inverse-high: rgba(255, 255, 255, .95);--color-shadow-primary: rgba(30, 60, 114, .2);--button-padding-sm: .5rem 1rem;--button-padding-md: .75rem 1.5rem;--button-padding-lg: 1rem 2rem;--button-height-sm: 32px;--button-height-md: 40px;--button-height-lg: 48px;--button-border-radius: var(--radius-full);--button-font-weight: var(--font-weight-semibold);--card-padding: 1.5rem;--card-padding-lg: 2rem;--card-border-radius: var(--radius-xl);--card-border-color: var(--color-border-default);--card-border-width: 1px;--card-shadow: var(--shadow-md);--card-shadow-hover: var(--shadow-lg);--form-input-padding: .75rem 1rem;--form-input-height: 44px;--form-input-border-radius: var(--radius-md);--form-input-border-color: var(--color-border-medium);--form-input-border-width: 2px;--form-input-focus-border-color: var(--color-border-focus);--form-input-disabled-bg: var(--color-gray-100);--form-textarea-min-height: 120px;--form-label-font-weight: var(--font-weight-medium);--form-label-margin-bottom: .5rem;--nav-height: 60px;--nav-link-padding: .5rem 1rem;--nav-link-border-radius: var(--radius-full);--nav-link-font-weight: var(--font-weight-medium);--badge-padding: .25rem .75rem;--badge-border-radius: var(--radius-lg);--badge-font-size: var(--font-size-xs);--badge-font-weight: var(--font-weight-semibold);--release-card-border-top-width: 4px;--release-card-padding: 1.5rem;--release-card-gap: 1rem;--footer-padding: 2rem;--footer-border-top: 1px solid var(--color-border-light);--header-padding: 2rem;--header-gradient-start: rgba(30, 60, 114, .6);--header-gradient-end: rgba(42, 82, 152, .6)}.api-loading{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.api-teaser{width:100%}.api-teaser-content{max-width:800px;margin:0 auto}.api-teaser-icon{font-size:4rem;text-align:center;margin-bottom:var(--spacing-lg);color:var(--color-primary)}.api-teaser-title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-align:center;margin-bottom:var(--spacing-md)}.api-teaser-features{background:var(--color-bg-main);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);text-align:left}.api-teaser-features h3{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-lg);font-weight:var(--font-weight-semibold)}.api-teaser-features ul{list-style:none;padding:0;margin:0}.api-teaser-features li{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.api-teaser-features li:last-child{margin-bottom:0}.feature-icon{font-size:var(--font-size-xl);flex-shrink:0;line-height:1;display:flex;align-items:center;justify-content:center}.api-teaser-features li:nth-child(1) .feature-icon{color:var(--color-accent-coral)}.api-teaser-features li:nth-child(2) .feature-icon{color:var(--color-accent-orange)}.api-teaser-features li:nth-child(3) .feature-icon{color:var(--color-accent-green)}.api-teaser-features li:nth-child(4) .feature-icon{color:var(--color-accent-purple)}.api-teaser-features li:nth-child(5) .feature-icon{color:var(--color-primary)}.api-teaser-features strong{color:var(--color-primary)}.api-teaser-preview{margin-bottom:var(--spacing-2xl)}.api-teaser-preview h3{color:var(--color-primary);font-size:var(--font-size-xl);margin-bottom:var(--spacing-md);font-weight:var(--font-weight-semibold)}.endpoint-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-card);border:1px solid var(--color-border-default);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast)}.endpoint-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.endpoint-method{background:var(--color-success);color:var(--color-text-inverse);padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-sm);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);font-family:var(--font-family-mono);flex-shrink:0}.endpoint-path{font-family:var(--font-family-mono);color:var(--color-primary);font-weight:var(--font-weight-medium);flex-shrink:0}.endpoint-description{color:var(--color-text-secondary);font-size:var(--font-size-base)}.api-teaser-cta{text-align:center;margin-top:var(--spacing-2xl)}.cta-subtext{margin-top:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-base)}.cta-link{color:var(--color-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}.cta-link:hover{text-decoration:underline}.api-documentation{width:100%}.api-documentation>p{margin-bottom:var(--spacing-xl);font-size:var(--font-size-base)}.swagger-ui .info .title{color:var(--color-primary)}.swagger-ui .scheme-container{display:none!important}.swagger-ui{font-family:var(--font-family-base)!important;text-align:left}.swagger-ui .info .title{font-size:var(--font-size-xl)}.swagger-ui .info .main .version{background:none!important}.swagger-ui .info .title,.swagger-ui .info h1,.swagger-ui .info h2,.swagger-ui .info h3,.swagger-ui .info h4,.swagger-ui .info h5,.swagger-ui h1,.swagger-ui h2,.swagger-ui h3,.swagger-ui h4,.swagger-ui h5{font-family:var(--font-family-base)!important}.swagger-ui code,.swagger-ui pre,.swagger-ui .microlight,.swagger-ui .response-col_description__inner code,.swagger-ui .response-col_description__inner pre,.swagger-ui .model,.swagger-ui .model-box,.swagger-ui .model-title{font-family:var(--font-family-mono)!important}.swagger-ui table,.swagger-ui input,.swagger-ui textarea,.swagger-ui select,.swagger-ui button{font-family:var(--font-family-base)!important}.api-authenticated{width:100%}.api-tabs{display:flex;gap:var(--spacing-xs);border-bottom:2px solid var(--color-border-default);margin-bottom:var(--spacing-xl)}.api-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:none;border:none;border-bottom:3px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);cursor:pointer;transition:all var(--transition-fast);margin-bottom:-2px}.api-tab:hover{color:var(--color-primary);background:var(--color-bg-main)}.api-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.api-tab-content{width:100%}.api-keys-section{max-width:1000px;margin:0 auto}.loading-spinner{text-align:center;padding:var(--spacing-2xl);color:var(--color-text-secondary);font-size:var(--font-size-lg)}.alert{padding:var(--spacing-lg);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl);animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.alert-error{background:var(--color-error-bg);border:1px solid var(--color-error-bg);color:var(--color-error)}.alert-success{background:var(--color-success-bg);border:1px solid var(--color-success-bg);color:var(--color-success)}.alert-icon{font-size:var(--font-size-lg);margin-right:var(--spacing-xs)}.alert-header{display:flex;align-items:center;margin-bottom:var(--spacing-sm);font-size:var(--font-size-lg)}.alert-warning{margin:var(--spacing-sm) 0 var(--spacing-md) 0;font-size:var(--font-size-base)}.key-display{display:flex;gap:var(--spacing-sm);align-items:center;background:var(--color-bg-card);padding:var(--spacing-md);border-radius:var(--radius-md);border:2px solid var(--color-success-bg);margin:var(--spacing-md) 0}.key-value{flex:1;font-family:var(--font-family-mono);font-size:var(--font-size-base);color:var(--color-success);word-break:break-all;-webkit-user-select:all;user-select:all}.create-key-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.create-key-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.section-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:var(--line-height-relaxed)}.form-group{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.input-key-name{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border-default);border-radius:var(--radius-md);font-size:var(--font-size-base);transition:all var(--transition-fast)}.input-key-name:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus)}.input-key-name:disabled{background:var(--color-bg-main);cursor:not-allowed}.hint{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.keys-list-section{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm);margin-bottom:var(--spacing-xl)}.keys-list-section h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-xl);color:var(--color-text-muted)}.empty-icon{font-size:3rem;display:block;margin-bottom:var(--spacing-md)}.keys-table-wrapper{overflow-x:auto}.keys-table{width:100%;border-collapse:collapse}.keys-table thead{background:var(--color-bg-main);border-bottom:2px solid var(--color-border-default)}.keys-table th{padding:var(--spacing-sm) var(--spacing-md);text-align:left;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.keys-table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border-light);vertical-align:middle}.keys-table tbody tr:hover{background:var(--color-bg-main)}.key-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.key-prefix{font-family:var(--font-family-mono);background:var(--color-bg-main);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.never-used{color:var(--color-text-muted);font-style:italic}.badge{display:inline-block;padding:var(--spacing-2xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.badge-active{background:var(--color-success-bg);color:var(--color-success)}.badge-inactive{background:var(--color-bg-main);color:var(--color-text-secondary)}.usage-docs{background:var(--color-bg-card);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-sm)}.usage-docs h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.usage-docs h4{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.usage-docs p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.usage-docs code{background:var(--color-bg-main);padding:var(--spacing-2xs) var(--spacing-xs);border-radius:var(--radius-sm);font-size:.95em;color:var(--color-text-secondary)}.code-block{position:relative;background:var(--color-gray-800);border-radius:var(--radius-md);padding:var(--spacing-lg);margin:var(--spacing-lg) 0}.code-block pre{margin:0;overflow-x:auto}.code-block code{background:none;color:var(--color-gray-200);font-family:var(--font-family-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.api-endpoints-list{background:var(--color-bg-main);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.api-endpoints-list ul{list-style:none;padding:0;margin:var(--spacing-md) 0}.api-endpoints-list li{padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-default)}.api-endpoints-list li:last-child{border-bottom:none}.api-endpoints-list code{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}@media(max-width:768px){.api-teaser-icon{font-size:3rem}.api-teaser-title{font-size:var(--font-size-xl)}.api-teaser-features{padding:var(--spacing-lg)}.endpoint-card{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.api-tabs{gap:var(--spacing-2xs)}.api-tab{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.form-group{flex-direction:column}.keys-table{font-size:var(--font-size-sm)}.keys-table th,.keys-table td{padding:var(--spacing-xs)}.create-key-section,.keys-list-section,.usage-docs{padding:var(--spacing-lg)}}@media(max-width:640px){.keys-table thead{display:none}.keys-table tr{display:block;margin-bottom:var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-md);padding:var(--spacing-md)}.keys-table td{display:block;text-align:left;padding:var(--spacing-xs) 0;border:none}.keys-table td:before{content:attr(data-label);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);display:inline-block;width:100px}.key-display{flex-direction:column}}