*,:before,:after{box-sizing:border-box}body{color:#1a1a1a;background:#f8f9fa;margin:0;font-family:system-ui,-apple-system,sans-serif;line-height:1.5}.app{flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}.card{background:#fff;border-radius:12px;width:100%;max-width:480px;padding:2rem;box-shadow:0 2px 12px #00000014}.btn{cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.6rem 1.25rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:opacity .15s,background .15s;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;background:#2563eb}.btn-primary:not(:disabled):hover{background:#1d4ed8}.btn-secondary{color:#374151;background:#fff;border:1px solid #d1d5db}.btn-secondary:not(:disabled):hover{background:#f9fafb}.btn-danger{color:#fff;background:#dc2626}.btn-danger:not(:disabled):hover{background:#b91c1c}.btn-success{color:#fff;background:#16a34a}.btn-success:not(:disabled):hover{background:#15803d}.input{border:1px solid #d1d5db;border-radius:8px;outline:none;width:100%;padding:.6rem .875rem;font-size:.95rem;transition:border-color .15s;display:block}.input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.progress-bar-track{background:#e5e7eb;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress-bar-fill{background:#2563eb;border-radius:999px;height:100%;transition:width .2s}.status-badge{color:#374151;background:#e5e7eb;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;display:inline-block}.drop-zone{text-align:center;-webkit-user-select:none;user-select:none;border:2px dashed #d1d5db;border-radius:10px;padding:2rem 1.5rem;transition:border-color .15s,background .15s}.drop-zone.drag-over{background:#eff6ff;border-color:#2563eb}.code-display{letter-spacing:.3em;color:#1a1a1a;background:#f3f4f6;border-radius:8px;padding:.75rem 1rem;font-family:Courier New,monospace;font-size:2rem;font-weight:700;display:inline-block}.section-title{color:#374151;margin-bottom:.75rem;font-size:1rem;font-weight:600}.alert{border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.alert-warning{color:#854d0e;background:#fefce8;border:1px solid #fde68a}.alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.alert-info{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe}.text-center{text-align:center}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.gap-1{gap:.25rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.w-full{width:100%}