*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif}body{background:var(--surface-primary);color:var(--text-primary);line-height:1.6}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
:root{--color-primary: #1a365d;--color-primary-light: #2c5282;--color-primary-dark: #0f2744;--color-primary-50: #ebf4ff;--color-primary-100: #c3dafe;--color-primary-200: #a3bffa;--color-accent: #38a169;--color-accent-light: #48bb78;--color-accent-dark: #276749;--color-accent-glow: rgba(56, 161, 105, .25);--color-success: #38a169;--color-warning: #d69e2e;--color-error: #e53e3e;--color-info: #3182ce;--color-gray-50: #f7fafc;--color-gray-100: #edf2f7;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e0;--color-gray-400: #a0aec0;--color-gray-500: #718096;--color-gray-600: #4a5568;--color-gray-700: #2d3748;--color-gray-800: #1a202c;--color-gray-900: #171923;--color-surface: #ffffff;--color-surface-elevated: #f7fafc;--color-surface-overlay: rgba(255, 255, 255, .95);--color-text: #1a202c;--color-text-muted: #718096;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-light: #edf2f7;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Plus Jakarta Sans", var(--font-sans);--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--icon-size: 18px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.25;--leading-normal: 1.5;--leading-relaxed: 1.625;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-glow: 0 0 20px var(--color-accent-glow);--glass-bg: rgba(255, 255, 255, .85);--glass-blur: blur(12px);--glass-border: 1px solid rgba(255, 255, 255, .3);--gradient-primary: linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-light) 100%);--gradient-accent: linear-gradient(135deg, var(--color-accent) 0%, var(--color-accent-light) 100%);--gradient-surface: linear-gradient(180deg, #ffffff 0%, var(--color-gray-50) 100%);--gradient-dark: linear-gradient(180deg, var(--color-gray-800) 0%, var(--color-gray-900) 100%);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .2s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-popover: 500;--z-tooltip: 600;--header-height: 64px;--sidebar-width: 320px}
.app-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-6);background:#065a6e;background-image:radial-gradient(circle at 0% 50%,#0fa55a 0%,transparent 50%),radial-gradient(circle at 100% 50%,#003870 0%,transparent 50%),radial-gradient(circle at 40% 100%,#0a7a78 0%,transparent 60%);color:var(--color-text-inverse);box-shadow:var(--shadow-md);z-index:var(--z-sticky);position:relative;overflow:visible}
.app-header__brand{--brand-size: 60px;display:flex;align-items:center;gap:calc(var(--brand-size) * .05);font-family:var(--font-display);font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-text-inverse);text-decoration:none}
.app-header__logo{width:40px;height:40px;border-radius:var(--radius-lg);object-fit:contain}
.app-header__logo-wordmark{height:36px;width:auto;object-fit:contain}
.app-header__logo-icon{width:calc(var(--brand-size) * .917);height:calc(var(--brand-size) * .917);object-fit:contain;flex-shrink:0}
.app-header__wordmark{font-family:Inter,Segoe UI,Arial,sans-serif;font-size:calc(var(--brand-size) * .567);font-weight:700;color:#fff;line-height:1;letter-spacing:0}
.app-header__nav{display:flex;align-items:center;gap:var(--space-2)}
.app-header__link{display:inline-flex;align-items:center;padding:var(--space-2) var(--space-4);color:#ffffffe6;font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}
.app-header__link:hover,.app-header__link--active{color:#fff;background:#ffffff26}