@import"https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap";:root{--bg-primary: #ffffff;--bg-secondary: #f8fafc;--bg-tertiary: #f1f5f9;--text-primary: #1e293b;--text-secondary: #64748b;--text-muted: #94a3b8;--border-color: #e2e8f0;--border-hover: #cbd5e1;--accent-primary: #0066cc;--accent-secondary: #00cc66;--shadow-light: rgba(0, 0, 0, .05);--shadow-medium: rgba(0, 0, 0, .1);--shadow-heavy: rgba(0, 0, 0, .15)}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2a2a2a;--bg-tertiary: #333333;--text-primary: #ffffff;--text-secondary: #cccccc;--text-muted: #aaaaaa;--border-color: #4a4a4a;--border-hover: #6a6a6a;--accent-primary: #00ffff;--accent-secondary: #ff00ff;--shadow-light: rgba(0, 0, 0, .2);--shadow-medium: rgba(0, 0, 0, .3);--shadow-heavy: rgba(0, 0, 0, .4)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Lato,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.2}p{margin:0}a{color:#3498db;text-decoration:none}a:hover{color:#2980b9}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#bdc3c7;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#95a5a6}.container{max-width:1200px;margin:0 auto;padding:0 1rem}@media(max-width:768px){[style*=gridTemplateColumns]{grid-template-columns:1fr!important}}button{transition:all .3s ease}button:hover{transform:translateY(-2px)}button:active{transform:translateY(0)}.card{box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease}.card:hover{box-shadow:0 4px 12px #00000026}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{animation:spin 1s linear infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}