.App{text-align:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;max-width:100%;overflow-x:hidden}body{font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f6f7f8;color:#111418}h1,h2,h3,h4,h5,h6{font-family:Public Sans,sans-serif;font-weight:700}p,span,div,body{font-family:Public Sans,Noto Sans,sans-serif}.body-text{font-family:Noto Sans,sans-serif}:root{--primary: #137fec;--primary-hover: #0d6bc7;--primary-light: rgba(19, 127, 236, .1);--primary-dark: #0b5aa0;--bg-light: #f6f7f8;--bg-dark: #101922;--bg-white: #ffffff;--bg-card: #ffffff;--bg-hover: #f9fafb;--text-primary: #111418;--text-secondary: #617589;--text-tertiary: #9aa2ac;--text-disabled: #d1d5db;--border-light: #e5e7eb;--border-medium: #dbe0e6;--border-dark: #9ca3af;--success: #10b981;--warning: #f59e0b;--error: #ef4444;--info: #3b82f6;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--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);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@media (prefers-color-scheme: dark){:root{--bg-light: #101922;--bg-white: #16212e;--bg-card: #16212e;--bg-hover: #1a2632;--text-primary: #ffffff;--text-secondary: #9ca3af;--text-tertiary: #6b7280;--border-light: #374151;--border-medium: #4b5563}}.text-primary{color:var(--primary)}.bg-primary{background-color:var(--primary)}.shadow-card{box-shadow:var(--shadow-md)}.rounded-lg{border-radius:var(--radius-lg)}html{scroll-behavior:smooth}*:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}