body{font-family:system-ui,sans-serif;padding:0;margin:0;background-color:#f9f9f9;color:#333}.spinner{display:none}.loading{height:400px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f8f9fa;border:1px solid #e9ecef}.spinner-custom{width:40px;height:40px;border:4px solid #e9ecef;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}.spinner-text{margin-left:12px;color:#6c757d;font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}