:root{--color-primary: #0B4F3A;--color-primary-hover: #1e506b;--color-primary-dark: #0D5F76;--color-primary-dark-hover: #0a4a5e;--color-primary-light: #F4F6F7;--color-primary-lighter: #E8F4F3;--color-text: #4B5563;--color-text-secondary: #9CA3AF;--color-text-muted: #71717a;--color-text-inactive: #9A96A9;--color-border: #e4e4e7;--color-border-light: #d4d4d8;--color-border-medium: #a5b4c4;--color-border-hover: #a1a1aa;--color-background: #ffffff;--color-background-alt: #fafafa;--color-surface: #F7F7F7;--color-surface-medium: #F4F4F4;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--spacing-0: 0;--spacing-1: 4px;--spacing-2: 8px;--spacing-3: 12px;--spacing-4: 16px;--spacing-5: 20px;--spacing-6: 24px;--spacing-8: 32px;--spacing-10: 40px;--spacing-12: 48px;--spacing-16: 64px;--spacing-20: 80px;--spacing-24: 96px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;--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-size-4xl: 2.25rem;--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.625;--line-height-loose: 2}html,body,#root{min-height:100vh}body{margin:0;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:var(--font-mono)}.layout{min-height:100vh;display:flex;flex-direction:column}.layout-header{position:relative;padding:var(--spacing-4) var(--spacing-6);border-bottom:1px solid var(--color-border)}.layout-search-wrapper{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.layout-nav{max-width:1200px;min-height:25px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;width:100%}.layout-nav-actions{display:flex;align-items:center;gap:var(--spacing-2)}.layout-brand{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);text-decoration:none}.layout-brand:hover{color:var(--color-primary-hover)}.layout-main{flex:1;display:flex;flex-direction:column;min-height:0;max-width:1200px;margin:0 auto;width:100%}.layout-content{flex:1;min-height:0;display:flex;flex-direction:column}body{background-color:#fafbfc}