html{scroll-behavior:smooth}.input{margin-top:.375rem;width:100%;border-radius:.75rem;border:1px solid #cbd5e1;background:#fff;padding:.7rem .85rem;outline:none;transition:.15s}.input:focus{border-color:#0f766e;box-shadow:0 0 0 3px rgba(15,118,110,.12)}.label{font-size:.875rem;font-weight:600;color:#334155}.btn-primary{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;background:#0f766e;padding:.72rem 1rem;font-weight:600;color:white;transition:.15s}.btn-primary:hover{background:#115e59}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid #cbd5e1;background:white;padding:.68rem 1rem;font-weight:600;color:#334155;transition:.15s}.btn-secondary:hover{background:#f8fafc}.card{border-radius:1rem;border:1px solid #e2e8f0;background:white;box-shadow:0 1px 2px rgba(15,23,42,.03)}.table-wrap{overflow-x:auto;border-radius:1rem;border:1px solid #e2e8f0;background:#fff}.table{width:100%;border-collapse:collapse;font-size:.875rem}.table th{background:#f8fafc;padding:.8rem 1rem;text-align:left;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.table td{border-top:1px solid #f1f5f9;padding:.9rem 1rem;vertical-align:middle}.empty{border:1px dashed #cbd5e1;border-radius:1rem;background:#fff;padding:3rem 1.5rem;text-align:center;color:#64748b}[data-dragging]{opacity:.5}

.pricing-period-switch{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem;border:1px solid #e2e8f0;border-radius:1rem;background:#fff;box-shadow:0 1px 2px rgba(15,23,42,.04)}
.pricing-period-switch>span{padding-left:.5rem;color:#334155;font-size:.75rem;font-weight:800;text-transform:uppercase}
.pricing-period-switch>div{display:flex;gap:.25rem}
.pricing-period-button{padding:.65rem 1rem;border:0;border-radius:.75rem;color:#64748b;background:transparent;cursor:pointer;font-size:.875rem;font-weight:700;transition:.15s}
.pricing-period-button.is-active{color:#fff;background:#0f766e;box-shadow:0 4px 10px rgba(15,118,110,.18)}
[data-price-period][hidden]{display:none!important}
@media(max-width:640px){.pricing-period-switch{width:100%;justify-content:space-between}.pricing-period-switch>div{flex:1}.pricing-period-button{flex:1}}