
.stp-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
@media (max-width:900px){.stp-grid{grid-template-columns:1fr}}
.stp-card{background:#fff;border:1px solid rgba(0,0,0,.08);border-radius:14px;padding:18px;box-shadow:0 10px 24px rgba(0,0,0,.06);margin:16px 0}
.stp-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:10px}
@media (max-width:900px){.stp-metrics{grid-template-columns:1fr}}
.stp-label{font-size:12px;opacity:.75}
.stp-value{font-size:22px;font-weight:700;margin-top:4px}
.stp-muted{opacity:.7;font-size:12px}
.stp-btn{display:inline-block;padding:10px 14px;border-radius:10px;border:1px solid rgba(0,0,0,.12);text-decoration:none;background:#e02020;color:#fff;font-weight:700}
.stp-offers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
@media (max-width:900px){.stp-offers{grid-template-columns:1fr}}
.stp-offer{border:1px solid rgba(0,0,0,.10);border-radius:14px;padding:14px}
.stp-offer-title{font-weight:800}
.stp-offer-rate{font-size:20px;font-weight:800;margin:6px 0}
.stp-offer-meta{font-size:12px;opacity:.85;margin:2px 0}
.stp-table-wrap{overflow:auto}
.stp-table{width:100%;border-collapse:collapse}
.stp-table th,.stp-table td{padding:10px;border-bottom:1px solid rgba(0,0,0,.08);text-align:left;vertical-align:top}
.stp-table th{font-size:12px;opacity:.8}
input[type="text"],input[type="number"],input[type="date"],input[name="code"]{padding:10px;border-radius:10px;border:1px solid rgba(0,0,0,.15);min-width:220px}
