.theme-toggle[data-v-bb739baf]{display:inline-flex;background-color:var(--color-bg-sunken);border-radius:var(--border-radius-md);padding:var(--spacing-0-5);gap:var(--spacing-0-5)}.theme-btn[data-v-bb739baf]{display:flex;align-items:center;gap:var(--spacing-1);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);background-color:transparent;color:var(--color-text-muted);font-size:var(--text-small);font-weight:var(--font-weight-medium);font-family:var(--font-family);transition:var(--transition-colors);border:none;cursor:pointer}.theme-btn[data-v-bb739baf]:hover{color:var(--color-text-secondary);background-color:var(--color-surface-hover)}.theme-btn.active[data-v-bb739baf]{background-color:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-1)}.theme-icon[data-v-bb739baf]{font-size:var(--text-md);line-height:1}.theme-label[data-v-bb739baf]{display:none}@media(min-width:640px){.theme-label[data-v-bb739baf]{display:inline}}.system-banners[data-v-7eba3fd9]{position:sticky;top:var(--header-height);z-index:calc(var(--z-sticky) - 1);width:100%}.system-banner[data-v-7eba3fd9]{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-6);border-bottom:1px solid;width:100%;box-sizing:border-box;opacity:.92}.banner-content[data-v-7eba3fd9]{display:flex;align-items:center;gap:var(--spacing-3);flex:1}.banner-icon[data-v-7eba3fd9]{font-size:var(--text-lg);flex-shrink:0}.banner-title[data-v-7eba3fd9]{font-weight:var(--font-weight-semibold);font-size:var(--text-body-sm)}.banner-message[data-v-7eba3fd9]{font-size:var(--text-body-sm);color:inherit;opacity:.9}.banner-dismiss[data-v-7eba3fd9]{background:transparent;border:none;font-size:var(--text-xl);line-height:1;padding:var(--spacing-1) var(--spacing-2);cursor:pointer;opacity:.7;transition:opacity var(--transition-fast);color:inherit}.banner-dismiss[data-v-7eba3fd9]:hover{opacity:1}.banner-dismiss[data-v-7eba3fd9]:focus-visible{outline:2px solid currentColor;outline-offset:2px}.banner-info[data-v-7eba3fd9]{background-color:var(--nx-info-subtle, #e0f2fe);border-color:var(--nx-info, #0284c7);color:var(--nx-info, #0284c7)}.banner-warning[data-v-7eba3fd9]{background-color:var(--nx-warning-subtle, #fef3c7);border-color:var(--nx-warning, #d97706);color:var(--color-text)}.banner-error[data-v-7eba3fd9]{background-color:var(--nx-danger-subtle, #fee2e2);border-color:var(--nx-danger, #dc2626);color:var(--nx-danger, #dc2626)}.banner-slide-enter-active[data-v-7eba3fd9],.banner-slide-leave-active[data-v-7eba3fd9]{transition:all var(--transition-normal, .3s) ease}.banner-slide-enter-from[data-v-7eba3fd9],.banner-slide-leave-to[data-v-7eba3fd9]{opacity:0;transform:translateY(-100%)}.banner-slide-enter-to[data-v-7eba3fd9],.banner-slide-leave-from[data-v-7eba3fd9]{opacity:1;transform:translateY(0)}.banner-slide-move[data-v-7eba3fd9]{transition:transform var(--transition-normal, .3s) ease}.schema-sync-banner[data-v-536194f6]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-5);background-color:var(--nx-warning-subtle);border-bottom:var(--border-width) solid var(--nx-warning);color:var(--nx-warning-muted);font-size:var(--text-body-sm)}.schema-sync-banner.breaking[data-v-536194f6]{background-color:var(--nx-danger-subtle);border-bottom-color:var(--nx-danger);color:var(--nx-danger-muted)}.banner-content[data-v-536194f6]{display:flex;align-items:center;gap:var(--spacing-3)}.banner-icon[data-v-536194f6]{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--border-radius-full);background-color:var(--nx-warning);color:var(--color-text-inverted);font-weight:var(--font-weight-semibold);font-size:var(--text-xs)}.breaking .banner-icon[data-v-536194f6]{background-color:var(--nx-danger)}.banner-text[data-v-536194f6]{display:flex;flex-direction:column;gap:var(--spacing-0-5)}.banner-text strong[data-v-536194f6]{font-weight:var(--font-weight-semibold);color:var(--color-text)}.banner-summary[data-v-536194f6],.banner-affected[data-v-536194f6]{font-size:var(--text-small);color:var(--color-text-secondary)}.banner-actions[data-v-536194f6]{display:flex;gap:var(--spacing-2)}.banner-btn[data-v-536194f6]{padding:var(--spacing-1) var(--spacing-3);border-radius:var(--border-radius);font-size:var(--text-small);font-weight:var(--font-weight-medium);font-family:var(--font-family);cursor:pointer;transition:var(--transition-colors)}.banner-btn.acknowledge[data-v-536194f6]{background-color:var(--nx-warning-muted);color:var(--color-text-inverted);border:none}.breaking .banner-btn.acknowledge[data-v-536194f6]{background-color:var(--nx-danger-muted)}.banner-btn.acknowledge[data-v-536194f6]:hover:not(:disabled){background-color:var(--nx-warning)}.breaking .banner-btn.acknowledge[data-v-536194f6]:hover:not(:disabled){background-color:var(--nx-danger)}.banner-btn.acknowledge[data-v-536194f6]:disabled{opacity:.6;cursor:not-allowed}.banner-btn.dismiss[data-v-536194f6]{background-color:transparent;border:var(--border-width) solid var(--color-border);color:var(--color-text-secondary)}.banner-btn.dismiss[data-v-536194f6]:hover{background-color:var(--color-surface-hover)}.app-footer[data-v-999449af]{position:fixed;bottom:0;left:0;right:0;height:var(--footer-height);background-color:var(--color-surface);border-top:var(--border-width) solid var(--color-border);display:flex;align-items:center;justify-content:center;z-index:var(--z-fixed);font-size:var(--text-small);color:var(--color-text-secondary)}.footer-content[data-v-999449af]{display:flex;align-items:center;gap:var(--spacing-3)}.version[data-v-999449af]{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted)}.release-notes-link[data-v-999449af]{color:var(--nx-accent);text-decoration:none;transition:var(--transition-colors)}.release-notes-link[data-v-999449af]:hover{color:var(--nx-accent-hover);text-decoration:underline}.release-notes-link[data-v-999449af]:focus-visible{outline:var(--border-width-thick) solid var(--nx-accent);outline-offset:var(--spacing-0-5)}.designed-by[data-v-999449af]{color:var(--color-text-muted);font-size:var(--text-xs)}.whats-new-toast[data-v-baad7ff8]{position:fixed;bottom:calc(var(--footer-height) + var(--spacing-3));right:var(--spacing-3);max-width:360px;min-width:280px;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-3);z-index:var(--z-toast);overflow:hidden}.toast-header[data-v-baad7ff8]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-2) var(--spacing-3);background-color:var(--nx-accent);color:var(--color-text-inverted)}.toast-title[data-v-baad7ff8]{font-weight:var(--font-weight-semibold);font-size:var(--text-body-sm);font-family:var(--font-mono)}.toast-close[data-v-baad7ff8]{background:transparent;border:none;color:var(--color-text-inverted);font-size:20px;line-height:1;padding:0;cursor:pointer;opacity:.8;transition:opacity var(--transition-fast)}.toast-close[data-v-baad7ff8]:hover{opacity:1}.toast-close[data-v-baad7ff8]:focus-visible{outline:var(--border-width-thick) solid var(--color-text-inverted);outline-offset:var(--spacing-0-5)}.toast-body[data-v-baad7ff8]{padding:var(--spacing-3)}.notes-summary[data-v-baad7ff8]{font-size:var(--text-body-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);white-space:pre-wrap}.toast-actions[data-v-baad7ff8]{padding:var(--spacing-2) var(--spacing-3);border-top:var(--border-width) solid var(--color-border);display:flex;justify-content:flex-end}.view-full-link[data-v-baad7ff8]{color:var(--nx-accent);text-decoration:none;font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);transition:var(--transition-colors)}.view-full-link[data-v-baad7ff8]:hover{color:var(--nx-accent-hover);text-decoration:underline}.view-full-link[data-v-baad7ff8]:focus-visible{outline:var(--border-width-thick) solid var(--nx-accent);outline-offset:var(--spacing-0-5)}.toast-slide-enter-active[data-v-baad7ff8],.toast-slide-leave-active[data-v-baad7ff8]{transition:all var(--transition-slow)}.toast-slide-enter-from[data-v-baad7ff8],.toast-slide-leave-to[data-v-baad7ff8]{opacity:0;transform:translate(100%)}.toast-slide-enter-to[data-v-baad7ff8],.toast-slide-leave-from[data-v-baad7ff8]{opacity:1;transform:translate(0)}.modal-overlay[data-v-8fe2e56a]{position:fixed;inset:0;background-color:var(--color-bg-overlay);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.modal[data-v-8fe2e56a]{background:var(--color-surface);border-radius:var(--border-radius-lg);border:1px solid var(--color-border);width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-3)}.modal-header[data-v-8fe2e56a]{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-3) var(--spacing-4);border-bottom:1px solid var(--color-border)}.modal-header h3[data-v-8fe2e56a]{margin:0;font-size:var(--text-md);font-weight:var(--font-weight-semibold);color:var(--color-text)}.close-btn[data-v-8fe2e56a]{background:none;border:none;font-size:20px;color:var(--color-text-muted);cursor:pointer;padding:var(--spacing-1);line-height:1;border-radius:var(--border-radius);transition:var(--transition-colors)}.close-btn[data-v-8fe2e56a]:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.close-btn[data-v-8fe2e56a]:focus-visible{outline:none;box-shadow:var(--shadow-focus-accent)}.modal-body[data-v-8fe2e56a]{padding:var(--spacing-4);display:flex;flex-direction:column;gap:var(--spacing-4)}.success-message[data-v-8fe2e56a]{padding:var(--spacing-3);background-color:var(--nx-success-subtle);border:1px solid var(--nx-success);border-radius:var(--border-radius);color:var(--nx-success);text-align:center}.error-message[data-v-8fe2e56a]{padding:var(--spacing-2) var(--spacing-3);background-color:var(--nx-danger-subtle);border:1px solid var(--nx-danger);border-radius:var(--border-radius);color:var(--nx-danger);font-size:var(--text-body-sm)}.form-field[data-v-8fe2e56a]{display:flex;flex-direction:column;gap:var(--spacing-1)}.field-label[data-v-8fe2e56a]{font-weight:var(--font-weight-medium);font-size:var(--text-body-sm);color:var(--color-text)}.required-indicator[data-v-8fe2e56a]{color:var(--nx-danger);margin-left:var(--spacing-1)}.type-selector[data-v-8fe2e56a]{display:flex;gap:var(--spacing-2)}.type-btn[data-v-8fe2e56a]{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-2-5) var(--spacing-3);background-color:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);color:var(--color-text-secondary);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-colors)}.type-btn[data-v-8fe2e56a]:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong)}.type-btn.active[data-v-8fe2e56a]{background-color:var(--nx-accent-subtle);border-color:var(--nx-accent);color:var(--nx-accent)}.type-btn[data-v-8fe2e56a]:focus-visible{outline:none;box-shadow:var(--shadow-focus-accent)}.field-input[data-v-8fe2e56a],.field-textarea[data-v-8fe2e56a]{padding:var(--spacing-2) var(--spacing-3);border:var(--border-width) solid var(--color-border);border-radius:var(--border-radius);font-size:var(--text-body);font-family:var(--font-family);transition:var(--transition-colors),box-shadow var(--transition-fast);background-color:var(--color-input-bg);color:var(--color-text)}.field-input[data-v-8fe2e56a]{height:var(--input-height)}.field-textarea[data-v-8fe2e56a]{resize:vertical;min-height:100px}.field-input[data-v-8fe2e56a]:focus,.field-textarea[data-v-8fe2e56a]:focus{outline:none;border-color:var(--color-border-focus);box-shadow:var(--shadow-focus-accent)}.field-input[data-v-8fe2e56a]::placeholder,.field-textarea[data-v-8fe2e56a]::placeholder{color:var(--color-text-muted)}.form-field.error .field-input[data-v-8fe2e56a],.form-field.error .field-textarea[data-v-8fe2e56a]{border-color:var(--nx-danger)}.form-field.error .field-input[data-v-8fe2e56a]:focus,.form-field.error .field-textarea[data-v-8fe2e56a]:focus{box-shadow:var(--shadow-focus-danger)}.help-text[data-v-8fe2e56a]{margin:0;font-size:var(--text-small);color:var(--color-text-muted)}.error-text[data-v-8fe2e56a]{margin:0;font-size:var(--text-small);color:var(--nx-danger)}.modal-footer[data-v-8fe2e56a]{display:flex;justify-content:flex-end;gap:var(--spacing-2);padding:var(--spacing-3) var(--spacing-4);border-top:1px solid var(--color-border)}.btn[data-v-8fe2e56a]{padding:var(--spacing-1-5) var(--spacing-3);border-radius:var(--border-radius);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-colors);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text)}.btn[data-v-8fe2e56a]:hover:not(:disabled){background-color:var(--color-surface-hover)}.btn[data-v-8fe2e56a]:focus-visible{outline:none;box-shadow:var(--shadow-focus-accent)}.btn[data-v-8fe2e56a]:disabled{opacity:.5;cursor:not-allowed}.btn-primary[data-v-8fe2e56a]{background-color:var(--nx-accent);color:var(--color-text-inverted);border:none}.btn-primary[data-v-8fe2e56a]:hover:not(:disabled){background-color:var(--nx-accent-hover)}.btn-secondary[data-v-8fe2e56a]{background-color:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary)}.btn-secondary[data-v-8fe2e56a]:hover:not(:disabled){background-color:var(--color-surface-hover)}@media(max-width:600px){.modal[data-v-8fe2e56a]{margin:var(--spacing-3);max-width:calc(100% - var(--spacing-6))}.modal-footer[data-v-8fe2e56a]{flex-direction:column}.modal-footer .btn[data-v-8fe2e56a]{width:100%}}.feedback-button[data-v-374d1884]{position:fixed;bottom:calc(var(--footer-height) + var(--spacing-4));right:var(--spacing-4);z-index:var(--z-popover);display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-3);background-color:var(--nx-accent);color:var(--color-text-inverted);border:none;border-radius:var(--border-radius-full);font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:var(--shadow-2);transition:var(--transition-colors),transform var(--transition-fast)}.feedback-button[data-v-374d1884]:hover{background-color:var(--nx-accent-hover);transform:scale(1.05)}.feedback-button[data-v-374d1884]:focus-visible{outline:none;box-shadow:var(--shadow-2),var(--shadow-focus-accent)}.feedback-button-text[data-v-374d1884]{display:inline}@media(max-width:600px){.feedback-button-text[data-v-374d1884]{display:none}.feedback-button[data-v-374d1884]{padding:var(--spacing-2);border-radius:50%}}.skip-link{position:absolute;top:-40px;left:0;background:var(--nx-accent);color:var(--nx-text-inverse);padding:var(--spacing-2) var(--spacing-3);z-index:var(--z-toast);transition:top var(--transition-fast);text-decoration:none;font-weight:var(--font-weight-medium);font-size:var(--text-body-sm)}.skip-link:focus{top:0}.app{min-height:100vh;display:flex;flex-direction:column;background:var(--color-bg-page);color:var(--color-text);font-family:var(--font-family);font-size:var(--text-body);line-height:var(--line-height-normal)}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-6);height:var(--header-height);background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-1);position:sticky;top:0;z-index:var(--z-sticky)}.header-left{display:flex;align-items:center;gap:var(--spacing-6)}.header-brand h1{margin:0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}.header-nav{display:flex;gap:var(--spacing-1)}.nav-link{color:var(--color-text-secondary);text-decoration:none;font-size:var(--text-body-sm);font-weight:var(--font-weight-medium);padding:var(--spacing-2) var(--spacing-3);border-radius:var(--border-radius-md);transition:var(--transition-colors)}.nav-link:hover{color:var(--color-text);background-color:var(--color-surface-hover)}.nav-link.router-link-active{color:var(--nx-accent);background-color:var(--nx-accent-subtle)}.header-user{display:flex;align-items:center;gap:var(--spacing-3)}.sonar-status{display:flex;align-items:center;gap:var(--spacing-2);padding-right:var(--spacing-3);border-right:1px solid var(--color-border);margin-right:var(--spacing-2)}.sonar-badge{font-size:var(--text-xs);font-family:var(--font-mono);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--border-radius-full);background-color:var(--nx-success-subtle);color:var(--nx-success)}.sonar-badge.connected{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sonar-action-btn{font-size:var(--text-xs);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius);background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-secondary);text-decoration:none;transition:var(--transition-colors);cursor:pointer}.sonar-action-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.sonar-action-btn.connect{background-color:var(--nx-accent-subtle);border-color:var(--nx-accent);color:var(--nx-accent)}.sonar-action-btn.connect:hover{background-color:var(--nx-accent);color:var(--nx-text-inverse)}.user-role{font-size:var(--text-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-0-5) var(--spacing-2);border-radius:var(--border-radius-full);text-transform:capitalize}.user-role.role-admin{background-color:var(--nx-danger-subtle);color:var(--nx-danger)}.user-role.role-operator{background-color:var(--nx-success-subtle);color:var(--nx-success)}.user-role.role-viewer{background-color:var(--color-surface-hover);color:var(--color-text-muted)}.user-name{font-weight:var(--font-weight-medium);font-size:var(--text-body-sm);color:var(--color-text)}.username{color:var(--color-text-muted);font-size:var(--text-small)}.logout-btn{padding:var(--spacing-1-5) var(--spacing-3);background-color:transparent;border:1px solid var(--color-border);border-radius:var(--border-radius-md);color:var(--color-text-secondary);font-size:var(--text-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:var(--transition-colors)}.logout-btn:hover{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text)}.logout-btn:focus-visible{outline:none;box-shadow:var(--shadow-focus-accent)}.app-main{flex:1;padding-bottom:var(--footer-height);background:var(--color-bg-page)}:root{--nx-bg-base: #f8f8fa;--nx-bg-alt: #ffffff;--nx-bg-elevated: #ffffff;--nx-bg-hover: #f0f0f3;--nx-bg-active: #e8e8ec;--nx-border-default: #e0e0e5;--nx-border-subtle: #eaeaef;--nx-border-focus: #5c6ac4;--nx-text-primary: #1a1a1c;--nx-text-secondary: #5c5c66;--nx-text-muted: #6c6c78;--nx-text-inverse: #ffffff;--nx-accent: #5c6ac4;--nx-accent-muted: #4b59b3;--nx-accent-subtle: rgba(92, 106, 196, .1);--nx-accent-hover: #4b59b3;--nx-success: #16a34a;--nx-success-muted: #15803d;--nx-success-subtle: rgba(22, 163, 74, .1);--nx-warning: #ca8a04;--nx-warning-muted: #a16207;--nx-warning-subtle: rgba(202, 138, 4, .1);--nx-danger: #dc2626;--nx-danger-muted: #b91c1c;--nx-danger-subtle: rgba(220, 38, 38, .1);--nx-info: #2563eb;--nx-info-muted: #1d4ed8;--nx-info-subtle: rgba(37, 99, 235, .1);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-small: 14px;--text-body-sm: 14px;--text-body: 16px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-h4: 20px;--text-h3: 24px;--text-h2: 28px;--text-h1: 32px;--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.5;--line-height-relaxed: 1.6;--letter-spacing-tight: -.5px;--letter-spacing-normal: 0;--letter-spacing-wide: .3px;--letter-spacing-wider: .5px;--spacing-px: 1px;--spacing-0: 0;--spacing-0-5: 2px;--spacing-1: 4px;--spacing-1-5: 6px;--spacing-2: 8px;--spacing-2-5: 10px;--spacing-3: 12px;--spacing-4: 14px;--spacing-5: 16px;--spacing-6: 20px;--spacing-7: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--spacing-3xl: 48px;--border-radius-none: 0;--border-radius-sm: 4px;--border-radius: 4px;--border-radius-md: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--border-radius-full: 9999px;--border-width: 1px;--border-width-thick: 2px;--shadow-0: none;--shadow-1: 0 1px 2px rgba(0, 0, 0, .05);--shadow-2: 0 2px 4px rgba(0, 0, 0, .06);--shadow-3: 0 4px 12px rgba(0, 0, 0, .08);--shadow-4: 0 8px 24px rgba(0, 0, 0, .1);--shadow-5: 0 12px 32px rgba(0, 0, 0, .12);--shadow-focus-accent: 0 0 0 3px rgba(92, 106, 196, .4);--shadow-focus-danger: 0 0 0 3px rgba(220, 38, 38, .4);--input-height-sm: 32px;--input-height: 40px;--input-height-lg: 48px;--button-height-sm: 32px;--button-height: 40px;--button-height-lg: 48px;--header-height: 56px;--footer-height: 40px;--row-height: 52px;--row-height-compact: 44px;--sidebar-collapsed: 48px;--sidebar-default: 260px;--sidebar-wide: 320px;--content-sm: 640px;--content-md: 768px;--content-lg: 1024px;--content-xl: 1280px;--transition-fast: .1s ease;--transition-normal: .15s ease;--transition-slow: .2s ease;--transition-theme: .45s ease;--transition-colors: background .45s ease, color .45s ease, border-color .45s ease;--z-base: 0;--z-fixed: 50;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-popover: 400;--z-tooltip: 500;--z-toast: 500;--color-bg-page: var(--nx-bg-base);--color-bg-elevated: var(--nx-bg-elevated);--color-bg-sunken: #f0f0f3;--color-bg-overlay: rgba(0, 0, 0, .5);--color-surface: var(--nx-bg-alt);--color-surface-hover: var(--nx-bg-hover);--color-surface-active: var(--nx-bg-active);--colors-surface-secondary: var(--nx-bg-hover);--color-input-bg: var(--nx-bg-alt);--color-input-bg-disabled: var(--nx-bg-hover);--color-text: var(--nx-text-primary);--color-text-secondary: var(--nx-text-secondary);--color-text-muted: var(--nx-text-muted);--color-text-inverted: var(--nx-text-inverse);--colors-text-tertiary: var(--nx-text-muted);--color-border: var(--nx-border-default);--color-border-strong: var(--nx-border-default);--color-border-focus: var(--nx-border-focus);--colors-border: var(--nx-border-default);--color-focus-ring: var(--nx-accent);--color-focus-ring-offset: var(--nx-bg-alt);--colors-primary: var(--nx-accent);--colors-primary-dark: var(--nx-accent-muted);--colors-primary-light: var(--nx-accent);--colors-primary-lighter: var(--nx-accent-subtle);--colors-secondary: var(--nx-accent);--colors-bg-dark: var(--nx-bg-base);--colors-bg-dark-secondary: var(--nx-bg-elevated);--colors-bg-input: var(--nx-bg-alt);--colors-bg-light: var(--nx-bg-base);--colors-bg-white: var(--nx-bg-alt);--colors-success: var(--nx-success);--colors-success-light: var(--nx-success);--colors-success-bright: var(--nx-success);--colors-warning: var(--nx-warning);--colors-warning-dark: var(--nx-warning-muted);--colors-danger: var(--nx-danger);--colors-danger-light: var(--nx-danger);--colors-info: var(--nx-info);--colors-neutral-dark: var(--nx-text-primary);--colors-neutral-grey: var(--nx-text-secondary);--colors-neutral-grey-light: var(--nx-text-muted);--colors-neutral-border: var(--nx-border-default);--colors-neutral-border-light: var(--nx-border-subtle);--colors-disabled: var(--nx-text-muted);--colors-text-primary: var(--nx-text-primary);--colors-text-secondary: var(--nx-text-secondary);--colors-text-muted: var(--nx-text-muted);--colors-text-light: var(--nx-text-inverse);--colors-text-on-primary: var(--nx-text-inverse);--shadow-color: 0, 0, 0}[data-theme=dark]{--nx-bg-base: #1a1a1c;--nx-bg-alt: #212124;--nx-bg-elevated: #28282c;--nx-bg-hover: #303035;--nx-bg-active: #38383d;--nx-border-default: #3a3a3f;--nx-border-subtle: #2d2d32;--nx-border-focus: #7c8aff;--nx-text-primary: #e4e4e7;--nx-text-secondary: #a0a0a8;--nx-text-muted: #8a8a94;--nx-text-inverse: #1a1a1c;--nx-accent: #7c8aff;--nx-accent-muted: #5c6ac4;--nx-accent-subtle: rgba(124, 138, 255, .12);--nx-accent-hover: #8b97ff;--nx-success: #4ade80;--nx-success-muted: #22c55e;--nx-success-subtle: rgba(74, 222, 128, .12);--nx-warning: #fbbf24;--nx-warning-muted: #f59e0b;--nx-warning-subtle: rgba(251, 191, 36, .12);--nx-danger: #f87171;--nx-danger-muted: #ef4444;--nx-danger-subtle: rgba(248, 113, 113, .12);--nx-info: #60a5fa;--nx-info-muted: #3b82f6;--nx-info-subtle: rgba(96, 165, 250, .12);--color-bg-page: var(--nx-bg-base);--color-bg-elevated: var(--nx-bg-elevated);--color-bg-sunken: #141416;--color-bg-overlay: rgba(0, 0, 0, .7);--color-surface: var(--nx-bg-alt);--color-surface-hover: var(--nx-bg-hover);--color-surface-active: var(--nx-bg-active);--colors-surface-secondary: var(--nx-bg-base);--color-input-bg: var(--nx-bg-elevated);--color-input-bg-disabled: var(--nx-bg-hover);--color-text: var(--nx-text-primary);--color-text-secondary: var(--nx-text-secondary);--color-text-muted: var(--nx-text-muted);--color-text-inverted: var(--nx-text-inverse);--colors-text-tertiary: var(--nx-text-muted);--color-border: var(--nx-border-default);--color-border-strong: var(--nx-border-default);--color-border-focus: var(--nx-border-focus);--colors-border: var(--nx-border-default);--color-focus-ring: var(--nx-accent);--color-focus-ring-offset: var(--nx-bg-elevated);--colors-primary: var(--nx-accent);--colors-primary-dark: var(--nx-accent-muted);--colors-primary-light: var(--nx-accent);--colors-primary-lighter: var(--nx-accent-subtle);--colors-secondary: var(--nx-accent);--colors-bg-dark: var(--nx-bg-base);--colors-bg-dark-secondary: var(--nx-bg-elevated);--colors-bg-input: var(--nx-bg-elevated);--colors-bg-light: var(--nx-bg-base);--colors-bg-white: var(--nx-bg-alt);--colors-success: var(--nx-success);--colors-success-light: var(--nx-success);--colors-success-bright: var(--nx-success);--colors-warning: var(--nx-warning);--colors-warning-dark: var(--nx-warning-muted);--colors-danger: var(--nx-danger);--colors-danger-light: var(--nx-danger);--colors-info: var(--nx-info);--colors-neutral-dark: var(--nx-text-primary);--colors-neutral-grey: var(--nx-text-secondary);--colors-neutral-grey-light: var(--nx-text-muted);--colors-neutral-border: var(--nx-border-default);--colors-neutral-border-light: var(--nx-border-subtle);--colors-disabled: var(--nx-text-muted);--colors-text-primary: var(--nx-text-primary);--colors-text-secondary: var(--nx-text-secondary);--colors-text-muted: var(--nx-text-muted);--colors-text-light: var(--nx-text-primary);--colors-text-on-primary: var(--nx-text-inverse);--shadow-color: 0, 0, 0;--shadow-focus-accent: 0 0 0 3px rgba(124, 138, 255, .4);--shadow-focus-danger: 0 0 0 3px rgba(248, 113, 113, .4)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--nx-bg-base: #1a1a1c;--nx-bg-alt: #212124;--nx-bg-elevated: #28282c;--nx-bg-hover: #303035;--nx-bg-active: #38383d;--nx-border-default: #3a3a3f;--nx-border-subtle: #2d2d32;--nx-border-focus: #7c8aff;--nx-text-primary: #e4e4e7;--nx-text-secondary: #a0a0a8;--nx-text-muted: #8a8a94;--nx-text-inverse: #1a1a1c;--nx-accent: #7c8aff;--nx-accent-muted: #5c6ac4;--nx-accent-subtle: rgba(124, 138, 255, .12);--nx-accent-hover: #8b97ff;--nx-success: #4ade80;--nx-success-muted: #22c55e;--nx-success-subtle: rgba(74, 222, 128, .12);--nx-warning: #fbbf24;--nx-warning-muted: #f59e0b;--nx-warning-subtle: rgba(251, 191, 36, .12);--nx-danger: #f87171;--nx-danger-muted: #ef4444;--nx-danger-subtle: rgba(248, 113, 113, .12);--nx-info: #60a5fa;--nx-info-muted: #3b82f6;--nx-info-subtle: rgba(96, 165, 250, .12);--color-bg-page: var(--nx-bg-base);--color-bg-elevated: var(--nx-bg-elevated);--color-bg-sunken: #141416;--color-bg-overlay: rgba(0, 0, 0, .7);--color-surface: var(--nx-bg-alt);--color-surface-hover: var(--nx-bg-hover);--color-surface-active: var(--nx-bg-active);--colors-surface-secondary: var(--nx-bg-base);--color-input-bg: var(--nx-bg-elevated);--color-input-bg-disabled: var(--nx-bg-hover);--color-text: var(--nx-text-primary);--color-text-secondary: var(--nx-text-secondary);--color-text-muted: var(--nx-text-muted);--color-text-inverted: var(--nx-text-inverse);--colors-text-tertiary: var(--nx-text-muted);--color-border: var(--nx-border-default);--color-border-strong: var(--nx-border-default);--color-border-focus: var(--nx-border-focus);--colors-border: var(--nx-border-default);--color-focus-ring: var(--nx-accent);--color-focus-ring-offset: var(--nx-bg-elevated);--colors-primary: var(--nx-accent);--colors-primary-dark: var(--nx-accent-muted);--colors-primary-light: var(--nx-accent);--colors-primary-lighter: var(--nx-accent-subtle);--colors-secondary: var(--nx-accent);--colors-bg-dark: var(--nx-bg-base);--colors-bg-dark-secondary: var(--nx-bg-elevated);--colors-bg-input: var(--nx-bg-elevated);--colors-bg-light: var(--nx-bg-base);--colors-bg-white: var(--nx-bg-alt);--colors-success: var(--nx-success);--colors-success-light: var(--nx-success);--colors-success-bright: var(--nx-success);--colors-warning: var(--nx-warning);--colors-warning-dark: var(--nx-warning-muted);--colors-danger: var(--nx-danger);--colors-danger-light: var(--nx-danger);--colors-info: var(--nx-info);--colors-neutral-dark: var(--nx-text-primary);--colors-neutral-grey: var(--nx-text-secondary);--colors-neutral-grey-light: var(--nx-text-muted);--colors-neutral-border: var(--nx-border-default);--colors-neutral-border-light: var(--nx-border-subtle);--colors-disabled: var(--nx-text-muted);--colors-text-primary: var(--nx-text-primary);--colors-text-secondary: var(--nx-text-secondary);--colors-text-muted: var(--nx-text-muted);--colors-text-light: var(--nx-text-primary);--colors-text-on-primary: var(--nx-text-inverse);--shadow-color: 0, 0, 0;--shadow-focus-accent: 0 0 0 3px rgba(124, 138, 255, .4);--shadow-focus-danger: 0 0 0 3px rgba(248, 113, 113, .4)}}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background-color:var(--color-bg-page);transition:background-color var(--transition-theme),color var(--transition-theme)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text);letter-spacing:var(--letter-spacing-tight)}h1{font-size:var(--text-h1)}h2{font-size:var(--text-h2)}h3{font-size:var(--text-h3)}h4{font-size:var(--text-h4)}a{color:var(--nx-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--nx-accent-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none}button:disabled{cursor:not-allowed;opacity:.5}input,textarea,select{font-family:inherit;font-size:inherit}:focus-visible{outline:none;box-shadow:var(--shadow-focus-accent)}:focus:not(:focus-visible){outline:none}code,pre,kbd,samp{font-family:var(--font-mono);font-size:var(--text-small)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-hover)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--border-radius)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}::selection{background:var(--nx-accent-subtle);color:var(--color-text)}.text-primary{color:var(--color-text)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--nx-success)}.text-warning{color:var(--nx-warning)}.text-danger{color:var(--nx-danger)}.text-info{color:var(--nx-info)}.text-accent{color:var(--nx-accent)}.bg-page{background-color:var(--color-bg-page)}.bg-surface{background-color:var(--color-surface)}.bg-elevated{background-color:var(--color-bg-elevated)}.bg-success-subtle{background-color:var(--nx-success-subtle)}.bg-warning-subtle{background-color:var(--nx-warning-subtle)}.bg-danger-subtle{background-color:var(--nx-danger-subtle)}.bg-info-subtle{background-color:var(--nx-info-subtle)}.bg-accent-subtle{background-color:var(--nx-accent-subtle)}.font-mono{font-family:var(--font-mono)}.bg-primary{background-color:var(--nx-accent)}.bg-dark,.bg-light{background-color:var(--color-bg-page)}.bg-white{background-color:var(--color-surface)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(forced-colors:active){*:focus-visible{outline:2px solid CanvasText;outline-offset:2px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:focus,.sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}
