.premium-account-page{max-width:1180px;margin:0 auto;padding:38px 22px 70px}.premium-account-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border-radius:24px;background:linear-gradient(135deg,#073f3d,#087f7b);color:#fff}.premium-account-hero h1{margin:4px 0}.premium-account-hero p{margin:0;opacity:.82}.premium-account-hero a{padding:12px 17px;border-radius:12px;background:#fff;color:#087f7b;text-decoration:none;font-weight:800}.premium-account-grid{display:grid;gap:14px;margin-top:22px}.premium-property-row{padding:18px;border:1px solid #dfe8e7;border-radius:17px;background:#fff}.premium-property-row{display:flex;justify-content:space-between;align-items:center;gap:15px}.premium-property-row a{color:#087f7b;text-decoration:none;font-weight:800}.premium-empty{margin-top:22px;padding:30px;border:1px dashed #cadbd7;border-radius:18px;text-align:center;color:#718094}.saved-nav-link{position:relative;display:grid;place-items:center;width:42px;height:42px;border:1px solid #dce6e4;border-radius:50%;text-decoration:none;color:#087f7b;font-size:23px}.saved-nav-link span{position:absolute;right:-4px;top:-5px;min-width:17px;height:17px;padding:0 3px;border-radius:999px;background:#e4b837;color:#453300;font-size:10px;font-weight:900;display:grid;place-items:center}.property-save-button.active{color:#dc3545!important}.mobile-profile-menu nav a.active{background:#e5f7f3!important;color:#087f7b!important}.mobile-profile-menu nav a span{float:right}@media(max-width:650px){.premium-account-page{padding:20px 12px 45px}.premium-account-hero{display:block}.premium-account-hero a{display:inline-block;margin-top:16px}.premium-property-row{align-items:flex-start;flex-direction:column}.saved-nav-link{width:36px;height:36px}}

/* ========================================================
   TRANSACTION HISTORY — payment-app style list
   ======================================================== */
.txn-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 22px;
  padding: 14px 16px;
  background: #fff;
  border: 1px solid #dfe8e7;
  border-radius: 16px;
}
.txn-filter-form {
  display: flex;
  align-items: flex-end;
  gap: 10px;
  flex-wrap: wrap;
}
.txn-filter-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.txn-filter-field span {
  font-size: 11px;
  font-weight: 800;
  color: #718094;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.txn-filter-field input {
  border: 1px solid #cad7da;
  border-radius: 10px;
  padding: 9px 11px;
  font: inherit;
  font-size: 13px;
  outline: none;
}
.txn-filter-field input:focus {
  border-color: #087f7b;
  box-shadow: 0 0 0 3px rgba(8, 127, 123, .12);
}
.txn-filter-apply {
  border: 0;
  border-radius: 10px;
  padding: 10px 16px;
  background: #087f7b;
  color: #fff;
  font-weight: 800;
  font-size: 13px;
  cursor: pointer;
}
.txn-filter-apply:hover { background: #066a67; }
.txn-filter-clear {
  font-size: 12.5px;
  font-weight: 700;
  color: #718094;
  text-decoration: none;
  padding: 10px 4px;
}
.txn-filter-clear:hover { color: #b53a31; }
.txn-download-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #087f7b;
  border-radius: 10px;
  padding: 10px 16px;
  color: #087f7b;
  font-weight: 800;
  font-size: 13px;
  text-decoration: none;
  transition: background-color .15s ease, color .15s ease;
  white-space: nowrap;
}
.txn-download-btn:hover { background: #087f7b; color: #fff; }

.txn-list { margin-top: 20px; display: grid; gap: 22px; }
.txn-day-group { background: #fff; border: 1px solid #dfe8e7; border-radius: 17px; overflow: hidden; }
.txn-day-heading {
  padding: 12px 18px;
  background: #f4f8f8;
  border-bottom: 1px solid #edf1f5;
  font-size: 12.5px;
  font-weight: 800;
  color: #164e4b;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.txn-row {
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  border-bottom: 1px solid #edf1f5;
}
.txn-row:last-child { border-bottom: 0; }
.txn-status-ico {
  flex: 0 0 auto;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 16px;
  font-weight: 900;
}
.txn-status-paid { background: #e5f7ee; color: #138844; }
.txn-status-failed { background: #fbe9e7; color: #b53a31; }
.txn-status-created { background: #fdf1d9; color: #a06a00; }
.txn-row-body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
.txn-row-body strong { font-size: 14.5px; color: #142034; }
.txn-row-body small { font-size: 12px; color: #718094; overflow-wrap: anywhere; }
.txn-row-body .txn-reason { color: #b53a31; }
.txn-row-amount { flex: 0 0 auto; text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 3px; }
.txn-row-amount strong { font-size: 16px; font-weight: 900; }
.txn-amount-paid { color: #138844; }
.txn-amount-failed { color: #b53a31; }
.txn-amount-created { color: #a06a00; }
.txn-status-label {
  font-size: 11px;
  font-weight: 800;
  padding: 3px 9px;
  border-radius: 999px;
  text-transform: uppercase;
  letter-spacing: .03em;
}
.txn-status-label-paid { background: #e5f7ee; color: #138844; }
.txn-status-label-failed { background: #fbe9e7; color: #b53a31; }
.txn-status-label-created { background: #fdf1d9; color: #a06a00; }

@media (max-width: 650px) {
  .txn-toolbar { flex-direction: column; align-items: stretch; }
  .txn-download-btn { justify-content: center; }
  .txn-row { padding: 14px; gap: 10px; }
  .txn-status-ico { width: 34px; height: 34px; font-size: 14px; }
  .txn-row-body strong { font-size: 13.5px; }
  .txn-row-amount strong { font-size: 14.5px; }
}