:root{--sft-primary:#4f46e5;--sft-accent:#10b981;--sft-text:#0f172a;--sft-muted:#64748b}
.sft-form,.sft-tracking{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:20px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
.sft-form-header h3{margin:0} .sft-subtext{color:var(--sft-muted);margin-top:4px}
.sft-front-form .sft-field{margin:10px 0}
.sft-front-form label{display:block;margin-bottom:4px;color:var(--sft-text);font-weight:600}
.sft-front-form input[type=text],.sft-front-form input[type=email],.sft-front-form input[type=date],.sft-front-form select,.sft-front-form textarea,.sft-front-form input[type=tel]{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px}
.sft-actions{margin-top:12px}
.sft-btn{background:linear-gradient(135deg,var(--sft-primary),#7c3aed);color:#fff;border:none;padding:10px 16px;border-radius:12px;cursor:pointer;box-shadow:0 12px 24px rgba(79,70,229,.3);transition:transform .08s}
.sft-btn:hover{transform:translateY(-1px)}
.sft-result{margin-top:12px;padding:10px;border-radius:10px;background:#ecfeff;color:#0f766e}
.sft-track-input{padding:10px;border:1px solid #cbd5e1;border-radius:10px;margin-right:8px}
.sft-progress{margin-top:16px}
.sft-progress .sft-steps{display:flex;gap:8px}
.sft-step{flex:1;text-align:center}
.sft-step-label{font-size:12px;color:var(--sft-muted)}
.sft-step-icon{width:28px;height:28px;border-radius:50%;border:2px solid #cbd5e1;margin:0 auto 6px;display:flex;align-items:center;justify-content:center;color:#94a3b8;transition:all .3s}
.sft-step.active .sft-step-icon{border-color:var(--sft-accent);background:var(--sft-accent);color:#052e2b;transform:scale(1.05)}