:root{--color-primary: #FF6B9D;--color-secondary: #C06FBB;--color-tertiary: #5F72BD;--color-accent: #42B883;--color-highlight: #FFC837;--surface-primary: #ffffff;--surface-secondary: #f8f9fa;--surface-tertiary: #f0f2f5;--surface-hover: #e9ecef;--surface-dark: #1f2937;--surface-dark-hover: #374151;--text-primary: #1f2937;--text-secondary: #6b7280;--text-tertiary: #9ca3af;--text-inverse: #ffffff;--text-inverse-secondary: #d1d5db;--border-primary: #d1d5db;--border-secondary: #e5e7eb;--border-dark: #374151;--success-primary: #22c55e;--success-bg: #dcfce7;--success-border: #22c55e;--success-text: #166534;--error-primary: #ef4444;--error-bg: #fee2e2;--error-border: #ef4444;--error-text: #991b1b;--warning-primary: #f97316;--warning-bg: #fff7ed;--warning-border: #f97316;--warning-text: #9a3412;--badge-prod-bg: #22c55e;--badge-prod-text: #ffffff;--badge-dev-bg: #f97316;--badge-dev-text: #ffffff;--header-height: 64px;--header-height-mobile: 56px;--header-bg: var(--surface-dark);--header-text: var(--text-inverse);--header-text-secondary: var(--text-inverse-secondary);--footer-bg: var(--surface-dark);--footer-text: var(--text-inverse);--footer-text-secondary: var(--text-inverse-secondary);--footer-link-hover: #60a5fa;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--font-family-base: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-primary: var(--font-family-base);--font-family-heading: var(--font-family-base);--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: 2rem;--font-size-4xl: 2.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-normal: 1.5;--line-height-relaxed: 1.75;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--z-dropdown: 50;--z-sticky: 60;--z-mobile-menu: 90;--z-header: 100;--z-modal-backdrop: 150;--z-modal: 200;--z-toast: 300;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--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);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--focus-ring-color: rgba(255, 107, 157, .5);--focus-ring-offset: 2px;--focus-ring-width: 3px}:root{--gradient-primary: linear-gradient( 135deg, #5F72BD 0%, #7B8ED8 35%, #B8C4E8 70%, #FFFFFF 100% );--gradient-surface: linear-gradient( 180deg, #ffffff 0%, #f8f9fa 100% );--gradient-dark: linear-gradient( 180deg, #1f2937 0%, #111827 100% );--gradient-accent: linear-gradient( 135deg, #FF6B9D 0%, #C06FBB 50%, #5F72BD 100% )}.bg-gradient-primary{background:var(--gradient-primary);background-attachment:fixed;min-height:100vh}.bg-gradient-primary:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);z-index:-1}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;scroll-behavior:smooth}body{min-height:100vh;line-height:var(--line-height-normal);font-family:var(--font-family-primary);font-size:var(--font-size-base);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;background:var(--gradient-primary);background-attachment:fixed;display:flex;flex-direction:column}@supports not (background: linear-gradient(135deg,#5F72BD,#FFFFFF)){#root{background-color:var(--color-surface-secondary)}}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-heading);line-height:var(--line-height-tight);font-weight:600;text-wrap:balance}p{text-wrap:pretty}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent);text-decoration:underline}a:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:2px}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit}button{cursor:pointer;background:none;border:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-header-bg);color:var(--color-header-text);padding:var(--spacing-2) var(--spacing-4);z-index:calc(var(--z-header) + 10);transition:top var(--transition-fast)}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--gradient-primary);background-attachment:fixed}.loading-spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--primary-color: var(--color-primary);--secondary-color: var(--color-secondary);--tertiary-color: var(--color-tertiary);--accent-color: var(--color-accent);--highlight-color: var(--color-highlight);--surface-primary: var(--color-surface-primary);--surface-secondary: var(--color-surface-secondary);--surface-tertiary: var(--color-surface-tertiary);--surface-hover: var(--color-surface-hover);--text-primary: var(--color-text-primary);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--border-primary: var(--color-border-primary);--border-secondary: var(--color-border-secondary);--success-primary: var(--color-success);--success-bg: var(--color-success-bg);--success-border: var(--color-success);--success-text: #047857;--error-primary: var(--color-error);--error-bg: var(--color-error-bg);--error-border: var(--color-error);--error-text: #991b1b;--focus-ring: var(--color-focus-ring)}.app{min-height:100vh;display:flex;flex-direction:column}.app-nav{background:#1f2937;color:#fff;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 4px #0000001a;gap:2rem}.nav-brand{font-size:1.25rem;font-weight:700}.nav-links{display:flex;gap:2rem;flex:1}.nav-language{display:flex;align-items:center}.language-selector{background:#374151;color:#fff;border:1px solid #4b5563;border-radius:.375rem;padding:.375rem .75rem;font-size:.875rem;cursor:pointer;outline:none;transition:all .2s}.language-selector:hover{background:#4b5563;border-color:#6b7280}.language-selector:focus{border-color:#60a5fa;box-shadow:0 0 0 2px #60a5fa33}.nav-links a{color:#d1d5db;text-decoration:none;font-weight:500;transition:color .2s}.nav-agent-external{display:inline-flex;align-items:center;padding:4px;margin-left:-8px;color:var(--color-text-muted, #94a3b8);opacity:.6;transition:opacity .15s}.nav-agent-external:hover{opacity:1}.nav-links a:hover{color:#fff}.nav-links a.active{color:#60a5fa}.nav-auth{display:flex;gap:1rem;align-items:center}.user-info{color:#d1d5db;font-size:.875rem;font-weight:500}.auth-link{color:#d1d5db;text-decoration:none;font-weight:500;font-size:.875rem;padding:.375rem .75rem;border:1px solid #4b5563;border-radius:.375rem;background:#374151;transition:all .2s}.auth-link:hover{color:#fff;background:#4b5563;border-color:#6b7280}