.input{
  width:100%;
  padding:10px 12px;
  border-radius:10px;
  border:1px solid rgba(10,30,50,0.08);
  background: linear-gradient(180deg, rgba(255,255,255,0.96), rgba(250,250,250,0.98));
  font-size:14px;
  color:var(--text);
  transition:box-shadow .12s, border-color .12s, background .12s;
}
body.dark .input{
  background: linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));
  border:1px solid rgba(255,255,255,0.04);
}
.small{font-size:13px;color:var(--muted)}
.row{
  display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:12px 0;border-bottom:1px dashed rgba(0,0,0,0.03);
}
.card{
  background:var(--card);
  border-radius:12px;padding:14px;border:1px solid rgba(10,30,50,0.04);box-shadow:var(--shadow);
}
.card .small{color:var(--muted)}
.btn{
  padding:10px 16px;border-radius:10px;border:none;cursor:pointer;font-weight:700;background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#083048;box-shadow:0 8px 20px rgba(10,30,50,0.06);
}
.btn-ghost{background:transparent;border:1px solid rgba(8,48,72,0.06);padding:8px 12px;border-radius:8px;color:var(--muted)}
@media (max-width:820px){
  .row{flex-direction:column;align-items:flex-start}
}