.app-root{min-height:100vh;background:radial-gradient(circle at top,#f0f4ff 0,#f7f7f7 40%,#f0f0f0);display:flex;align-items:center;justify-content:center;font-family:system-ui,sans-serif;padding:2rem}.app-card{width:100%;max-width:900px;background:#fff;border-radius:24px;box-shadow:0 16px 40px #0f172a1f;padding:2.5rem 3rem}h1{margin-bottom:.25rem;color:#d2691e}.subtitle{margin-bottom:1.5rem;color:#6b7280}.form{display:flex;flex-direction:column;gap:1.5rem}.drop-zone{border:2px dashed #c4c4d8;border-radius:16px;padding:1.5rem;background:#fafbff;text-align:center;cursor:pointer}.drop-zone:hover{border-color:#4f46e5;background:#f3f4ff}.drop-title{font-weight:600}.drop-desc{color:#6b7280}.file-name{color:#4b5563;margin-top:.5rem;font-size:.85rem}.sheet-inputs{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.field label{font-size:.85rem}.field input{border-radius:8px;border:1px solid #ccc;padding:.5rem}.alert{padding:.75rem;border-radius:8px}.alert.error{background:#ffe5e5;color:#b91c1c}.alert.success{background:#e6ffef;color:#166534}.submit-btn{padding:.75rem 1.5rem;border-radius:999px;background:#4f46e5;color:#fff;border:none;font-weight:600;cursor:pointer}.submit-btn:disabled{opacity:.6;cursor:default}.curl-hint code{display:block;margin-top:1rem;padding:.75rem;background:#111827;color:#e5e7eb;border-radius:8px;white-space:pre-wrap}.stepper{display:flex;align-items:center;gap:.75rem;margin-bottom:1.75rem}.step{display:flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:999px;background:#f3f4ff;border:1px solid transparent;min-width:0}.step-icon{width:28px;height:28px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:600}.step-label{display:flex;flex-direction:column;font-size:.75rem}.step-title{text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:#6b7280}.step-text{font-size:.8rem;color:#111827}.step-connector{flex:1;height:2px;background:linear-gradient(to right,#e5e7eb,#d1d5db)}.step--pending{background:#f9fafb}.step--pending .step-icon{background:#e5e7eb;color:#4b5563}.step--active{background:#eef2ff;border-color:#4f46e5}.step--active .step-icon{background:#4f46e5;color:#fff}.step--done{background:#ecfdf3;border-color:#16a34a}.step--done .step-icon{background:#16a34a;color:#fff}