body{
      background:
        radial-gradient(1000px 520px at 12% 10%, rgba(13,110,253,.16), transparent 60%),
        radial-gradient(900px 520px at 90% 15%, rgba(32,201,151,.12), transparent 60%),
        #0b1220;
      min-height: 100vh;
    }

.glass{
      background: rgba(255,255,255,.06);
      border: 1px solid rgba(255,255,255,.12);
      backdrop-filter: blur(10px);
      border-radius: 18px;
    }

.section-title{
      letter-spacing: .3px;
      opacity: .95;
    }

.muted{ color: rgba(255,255,255,.70); }

.field{
      background: rgba(255,255,255,.06) !important;
      border: 1px solid rgba(255,255,255,.14) !important;
      color: #fff !important;
    }

.field::placeholder{ color: rgba(255,255,255,.55); }

.table-wrap{
      border: 1px solid rgba(255,255,255,.10);
      background: rgba(255,255,255,.04);
      border-radius: 16px;
      overflow: hidden;
    }
.table thead th{
      background: rgba(255,255,255,.08) !important;
      border-color: rgba(255,255,255,.10) !important;
    }
.table td, .table th{
      border-color: rgba(255,255,255,.10) !important;
    }
 .btn-gradient{
      background: linear-gradient(90deg, #0d6efd, #20c997);
      border: none;
    }
.btn-gradient:hover{ filter: brightness(1.05); }
.pill{
      border: 1px solid rgba(255,255,255,.12);
      background: rgba(255,255,255,.06);
      border-radius: 999px;
      padding: 8px 12px;
    }
.amount-badge{
      background: rgba(32,201,151,.16);
      border: 1px solid rgba(32,201,151,.35);
      color: #d1f7ea;
    }