:root{
  --primary:#0071dc;
  --primary-dark:#0048a6;
  --accent:#ffc221;
  --ink:#0f172a;
  --muted:#6b7280;
  --panel:#ffffff;
  --bg:#f5f7fb;
  --border:#e6e9ef;
}
/* outer wrapper so single shortcode centres nicely */
.wpfc-card-wrap, .wpfc-tabs-wrap{max-width:1100px;margin:16px auto;padding:0 12px}

/* Tabs */
.wpfc-tabs{margin:8px 0 18px}
.wpfc-tabs-list{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:#eef2f7;padding:6px;border-radius:14px}
.wpfc-tabs-list button{
  border:2px solid transparent;background:#fff;padding:12px 10px;border-radius:12px;
  font-weight:700;color:var(--primary-dark);cursor:pointer;transition:all .15s;
  box-shadow:0 1px 0 rgba(0,0,0,.03)
}
.wpfc-tabs-list button:hover{border-color:var(--primary-dark)}
.wpfc-tabs-list button.active{background:var(--primary);color:#fff;border-color:var(--primary-dark)}
.wpfc-tabs-panels > section{display:none}
.wpfc-tabs-panels > section.active{display:block}

/* Card & grid */
.wpfc-card{
  background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px;
  box-shadow:0 10px 25px rgba(16,24,40,.04), 0 2px 5px rgba(16,24,40,.04);
}
.wpfc-title{font-weight:800;font-size:22px;margin:0 0 16px}
.wpfc-grid{display:grid;gap:24px}
@media(min-width:900px){.wpfc-grid{grid-template-columns:1fr 1fr}}

/* Inputs */
.wpfc-field{margin-bottom:18px}
.wpfc-label{display:flex;justify-content:space-between;align-items:center;margin:0 0 8px}
.wpfc-label span{font-size:14px;color:#111827}
.wpfc-inputrow{display:grid;grid-template-columns:1fr 220px;gap:14px;align-items:center}
@media(max-width:480px){.wpfc-inputrow{grid-template-columns:1fr}}
.wpfc-range{width:100%;appearance:none;height:8px;border-radius:999px;background:#e9edf3;outline:none}
.wpfc-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--primary-dark);cursor:pointer;margin-top:-6px}
.wpfc-range::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--accent);border:2px solid var(--primary-dark);cursor:pointer}
.wpfc-range::-webkit-slider-runnable-track{height:8px;border-radius:999px;background:linear-gradient(90deg,var(--primary) 0,var(--primary) var(--wpfc-progress,0%),#e9edf3 var(--wpfc-progress,0%))}
.wpfc-number{width:100%;padding:12px 12px;border:1px solid var(--border);border-radius:12px;font:inherit;outline:none}
.wpfc-number:focus{border-color:var(--primary);box-shadow:0 0 0 3px rgba(0,113,220,.15)}

/* Outputs */
.wpfc-summary{background:#f8fbff;border:1px solid var(--border);border-radius:14px;padding:16px}
.wpfc-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;color:#111827}
.wpfc-row strong{font-weight:800;letter-spacing:.2px}
.wpfc-row[data-kind="invest"] strong{color:var(--primary)}
.wpfc-row[data-kind="withdraw"] strong{color:var(--primary-dark)}
.wpfc-row[data-kind="final"]{border-top:1px dashed #cfd5db;margin-top:8px;padding-top:14px}
.wpfc-row[data-kind="final"] strong{color:var(--accent)}