/* Minimal modern style */
:root{
  --bg:#f5f7fb;--card:#ffffff;--muted:#6b7280;--accent:#4f46e5;--accent-2:#06b6d4;--radius:14px;--shadow: 0 6px 20px rgba(20,23,39,0.06);
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:Inter, ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;color:#0f172a;background:linear-gradient(180deg,var(--bg),#eef2ff);display:flex;align-items:center;justify-content:center;padding:36px}
.container{width:100%;max-width:980px}
.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.header h1{margin:0;font-size:20px;color:#0b1220}
.user-info{display:flex;gap:12px;align-items:center}
.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;margin-bottom:16px}
.login{max-width:420px}
.login-form{display:flex;flex-direction:column;gap:10px}
.login-form label{font-size:13px;color:var(--muted)}
.login-form input, .login-form select{padding:10px;border-radius:10px;border:1px solid #e6e9f2}
.btn{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:white;padding:10px 14px;border-radius:10px;border:0;cursor:pointer;font-weight:600}
.btn.small{padding:6px 10px;font-size:13px}
.hint{font-size:12px;color:var(--muted)}
.users-grid{display:flex;gap:10px;margin-top:10px}
.user-card{width:120px;text-align:center;padding:12px;border-radius:10px;border:1px dashed #eef2ff}
.avatar{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:inline-flex;align-items:center;justify-content:center;color:white;font-weight:700;margin:6px auto}
.name{font-weight:700}
.bal{color:var(--muted);font-size:13px}
.dashboard .big-balance{font-size:36px;margin:6px 0;color:#0b1220}
.recipients{display:flex;flex-direction:column;gap:8px}
.send-form{display:inline}
.message{background:#fff7ed;border-left:4px solid #fb923c;padding:10px;border-radius:8px;margin-bottom:12px}
.footer{font-size:13px;color:var(--muted);text-align:center;margin-top:8px}
.balances-detail summary{cursor:pointer;padding:8px}
.small-note{font-size:12px;color:var(--muted)}
@media (min-width:900px){.users-grid{flex-wrap:wrap}}