*{box-sizing:border-box;margin:0;padding:0}html{color:#333;font-family:Inter,Helvetica Neue,Arial,sans-serif;line-height:1.6;scroll-behavior:smooth}body{background-color:#f8fafc}#app,body{min-height:100vh}#app{position:relative}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffe6;display:flex;justify-content:center;inset:0;position:fixed;z-index:9999}.loading{text-align:center}.loading p{color:#666;font-weight:500;margin-top:1rem}.spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto;width:40px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.error-overlay{align-items:center;background:#000c;display:flex;justify-content:center;inset:0;padding:2rem;position:fixed;z-index:10000}.error-content{background:#fff;border-radius:12px;box-shadow:0 20px 40px #0000004d;max-width:400px;padding:2rem;text-align:center;width:100%}.error-content h2{color:#dc2626;font-size:1.5rem;margin-bottom:1rem}.error-content p{color:#666;line-height:1.6;margin-bottom:2rem}.retry-button{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:8px;color:#fff;font-weight:500;padding:.75rem 2rem;transition:transform .2s ease,box-shadow .2s ease}.retry-button:hover{box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.page-enter-active,.page-leave-active{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.page-enter-from,.page-leave-to{opacity:0;transform:translateY(20px)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}@media (max-width:768px){.error-overlay{padding:1rem}.error-content{padding:1.5rem}}