*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100vh;overflow-x:hidden}#app{width:100%;min-height:100vh;font-family:Arial,sans-serif}.app-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b);color:#e2e8f0}.app-loader .spinner{width:60px;height:60px;border:4px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:#667eea;animation:spin 1s linear infinite;margin-bottom:1rem}.error-container{display:flex;align-items:center;justify-content:center;height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b)}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;padding:2rem;max-width:400px;text-align:center;color:#fecaca}.error-message h3{margin-bottom:1rem;color:#fca5a5}.retry-btn{margin-top:1rem;padding:.75rem 1.5rem;background:#667eea;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:500}.retry-btn:hover{background:#764ba2}@keyframes spin{to{transform:rotate(360deg)}}