.App{text-align:center;color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;max-width:100%;overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#111418;background-color:#f6f7f8;font-family:Public Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}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:#137fec1a;--primary-dark:#0b5aa0;--bg-light:#f6f7f8;--bg-dark:#101922;--bg-white:#fff;--bg-card:#fff;--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 #0000000d;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--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:#fff;--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:1s linear infinite spin}