:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f9fafb}#root{min-height:100vh}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-container{min-height:100vh;background-color:#f9fafb}.btn-primary{background-color:#2563eb;color:#fff;padding:.5rem 1rem;border-radius:.375rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-primary:hover{background-color:#1d4ed8}.btn-primary:focus{outline:2px solid #2563eb;outline-offset:2px}.btn-secondary{background-color:#6b7280;color:#fff;padding:.5rem 1rem;border-radius:.375rem;border:none;font-weight:500;cursor:pointer;transition:background-color .2s ease}.btn-secondary:hover{background-color:#4b5563}.card{background-color:#fff;padding:1.5rem;border-radius:.5rem;border:1px solid #e5e7eb;box-shadow:0 1px 2px #0000000d}.form-input{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:.375rem;outline:none;transition:border-color .2s ease}.form-input:focus{border-color:#2563eb}.form-label{display:block;font-size:.875rem;font-weight:500;color:#374151;margin-bottom:.25rem}