.cccv7-wrapper{--navy:#0a1931;--gold:#c9a86a;--green:#10b981;max-width:900px;margin:20px auto;font-family:Inter,system-ui,sans-serif}
.cccv7-steps{display:flex;justify-content:space-between;margin-bottom:30px;position:relative}
.cccv7-steps::before{content:'';position:absolute;top:20px;left:10%;right:10%;height:3px;background:#e5e7eb;z-index:0}
.cccv7-step{position:relative;z-index:1;text-align:center;flex:1}
.cccv7-step-circle{width:40px;height:40px;border-radius:50%;background:#e5e7eb;color:#6b7280;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-weight:800;transition:.3s;border:3px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}
.cccv7-step.active .cccv7-step-circle{background:var(--navy);color:#fff;transform:scale(1.1)}
.cccv7-step.completed .cccv7-step-circle{background:var(--green);color:#fff}
.cccv7-step-label{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}
.cccv7-step.active .cccv7-step-label{color:var(--navy)}
.cccv7-card{background:#fff;border-radius:20px;box-shadow:0 8px 40px rgba(10,25,49,.1);border:1px solid #eef0f5;overflow:hidden}
.cccv7-card-header{background:linear-gradient(135deg,var(--navy),#1e3a5f);color:#fff;padding:24px;text-align:center}
.cccv7-card-header h2{margin:0;font-size:20px}
.cccv7-card-header p{margin:6px 0 0;opacity:.8;font-size:13px}
.cccv7-body{padding:30px}
.cccv7-status-grid{display:grid;grid-template-columns:1fr;gap:12px}
@media(min-width:600px){.cccv7-status-grid{grid-template-columns:1fr 1fr 1fr}}
.cccv7-status-card{border:2px solid #e5e7eb;border-radius:14px;padding:18px;cursor:pointer;transition:.2s;position:relative;background:#fff;text-align:left}
.cccv7-status-card:hover{border-color:var(--navy);transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.08)}
.cccv7-status-card.selected{border-color:var(--navy);background:#f0f7ff;box-shadow:0 0 0 3px rgba(10,25,49,.15)}
.cccv7-status-card.free.selected{border-color:var(--green);background:#ecfdf5;box-shadow:0 0 0 3px rgba(16,185,129,.2)}
.cccv7-status-card input{display:none}
.cccv7-status-badge{position:absolute;top:10px;right:10px;font-size:9px;padding:3px 8px;border-radius:20px;font-weight:800}
.cccv7-badge-free{background:#10b981;color:#fff}
.cccv7-badge-premium{background:#f59e0b;color:#fff}
.cccv7-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.cccv7-template-card{border:2px solid #e5e7eb;border-radius:14px;overflow:hidden;cursor:pointer;transition:.2s;background:#fff}
.cccv7-template-card:hover{border-color:var(--navy);transform:translateY(-2px)}
.cccv7-template-card.selected{border-color:var(--navy);box-shadow:0 0 0 3px rgba(10,25,49,.2)}
.cccv7-template-card.free.selected{border-color:var(--green);box-shadow:0 0 0 3px rgba(16,185,129,.2)}
.cccv7-template-preview{height:120px;display:flex;align-items:center;justify-content:center;position:relative}
.cccv7-input,.cccv7-textarea,.cccv7-select{width:100%;padding:12px 14px;border:1.5px solid #dbe0ea;border-radius:12px;font-size:14px;background:#fcfdff;transition:.2s;margin-bottom:12px}
.cccv7-input:focus,.cccv7-textarea:focus{outline:none;border-color:var(--navy);box-shadow:0 0 0 3px rgba(10,25,49,.1)}
.cccv7-label{font-size:11px;font-weight:800;color:#334155;text-transform:uppercase;letter-spacing:.6px;margin:14px 0 6px;display:block}
.cccv7-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.cccv7-btn{border:0;padding:14px 24px;border-radius:12px;font-weight:800;cursor:pointer;font-size:14px;transition:.2s;display:inline-flex;align-items:center;gap:8px}
.cccv7-btn-primary{background:var(--navy);color:#fff}
.cccv7-btn-primary:hover{background:#162a4a}
.cccv7-btn-success{background:var(--green);color:#fff}
.cccv7-btn-secondary{background:#eef2f7;color:#334155}
.cccv7-btn:disabled{opacity:.5;cursor:not-allowed}
.cccv7-actions{display:flex;justify-content:space-between;margin-top:24px;gap:12px}
.cccv7-preview{font-size:13px;line-height:1.6;background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:20px}
#cccv7-status{margin-top:16px;padding:12px;border-radius:10px;display:none;font-weight:700;text-align:center}
#cccv7-status.success{background:#dcfce7;color:#166534;display:block}
#cccv7-status.error{background:#fee2e2;color:#991b1b;display:block}
.cccv7-hidden{display:none !important}