:root{--primary-color:#3498db;--secondary-color:#2ecc71;--text-color:#333;--background-color:#fff;--error-color:#e74c3c;--success-color:#27ae60;--border-radius:4px;--transition-speed:0.3s}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.loading-fallback{align-items:center;display:flex;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;border-top:3px solid var(--primary-color);height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.text-center{text-align:center}.mt-1{margin-top:1rem}.mb-1{margin-bottom:1rem}.p-1{padding:1rem}@media (max-width:768px){.container{padding:0 1rem}}