.cfot-wrap{max-width:760px;margin:20px auto;background:#fff;border:1px solid #eee;padding:20px;border-radius:12px}
.cfot-form{display:grid;gap:10px}.cfot-form input{padding:10px;border:1px solid #ddd;border-radius:8px;width:100%}.cfot-form button{padding:10px 14px;border:none;border-radius:8px;background:#111;color:#fff;cursor:pointer}
.cfot-alert{background:#fde2e2;border:1px solid #f5b5b5;padding:10px;border-radius:8px;margin-bottom:10px}
.cfot-summary{display:flex;gap:20px;flex-wrap:wrap;margin:12px 0}
.cfot-progress{background:#f1f5f9;height:10px;border-radius:999px;overflow:hidden;margin:10px 0 6px}.cfot-progress .bar{height:10px;background:#16a34a}
.cfot-steps{list-style:none;display:flex;gap:16px;padding:0;margin:10px 0 20px;flex-wrap:wrap}.cfot-steps li{display:flex;align-items:center;gap:6px;opacity:.6}.cfot-steps li.done{opacity:1}.cfot-steps .dot{width:10px;height:10px;border-radius:50%;background:#16a34a}
.cfot-timeline{padding-left:18px}.cfot-details{background:#fafafa;padding:12px;border-radius:8px}