*{font-family:'Inter',system-ui,sans-serif;margin:0;padding:0;box-sizing:border-box}

.gradient-bg{background:linear-gradient(135deg,#059669 0%,#047857 50%,#065f46 100%)}
.glass{background:rgba(255,255,255,0.97);backdrop-filter:blur(20px)}
.input-focus:focus{box-shadow:0 0 0 3px rgba(5,150,105,0.2)}
.pulse-green{animation:pulseGreen 2s infinite}
.dot-pattern{background-image:radial-gradient(circle,rgba(255,255,255,0.08) 1px,transparent 1px);background-size:24px 24px}
.progress-bar{transition:width 0.5s ease}
.scrollbar-hide::-webkit-scrollbar{display:none}
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}

@keyframes pulseGreen{
  0%,100%{box-shadow:0 0 0 0 rgba(34,197,94,0.4)}
  50%{box-shadow:0 0 0 12px rgba(34,197,94,0)}
}

/* Saved UPI badge */
.saved-upi-badge{
  display:flex;align-items:center;gap:6px;
  background:#ecfdf5;border:1px solid #a7f3d0;
  border-radius:12px;padding:10px 14px;
  margin-bottom:4px;
}
.saved-upi-badge .upi-text{
  flex:1;font-size:14px;font-weight:600;color:#065f46;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.saved-upi-badge .change-btn{
  font-size:11px;font-weight:600;color:#059669;
  background:#d1fae5;border:none;border-radius:8px;
  padding:4px 10px;cursor:pointer;white-space:nowrap;
  transition:background 0.2s;
}
.saved-upi-badge .change-btn:hover{background:#a7f3d0}

/* UPI fields hidden when saved */
.upi-fields{transition:all 0.3s ease}
.upi-fields.hidden-fields{display:none}

/* Save toggle row */
.save-row{
  display:flex;align-items:center;gap:8px;
  font-size:12px;color:#6b7280;
}
.save-row input[type="checkbox"]{
  width:16px;height:16px;accent-color:#059669;cursor:pointer;
}
.save-row label{cursor:pointer;user-select:none}