main { width: min(100% - 32px, 760px); }
.login-panel { width: min(100%, 470px); margin-inline: auto; }
.account { margin: 10px 0 18px; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.report-list { margin: 0 0 22px; }
.report { display: flex; justify-content: space-between; align-items: center; gap: 18px; padding: 20px 0; border-top: 1px solid var(--line); }
.report h2 { margin: 0 0 6px; font-size: 16px; font-weight: 500; overflow-wrap: anywhere; }
.report p { margin: 3px 0; color: var(--muted); font-size: 13px; overflow-wrap: anywhere; }
.report .btn { flex-shrink: 0; color: var(--navy); border-color: #9dabb8; }
.empty { margin: 26px 0; color: var(--muted); font-size: 14px; }
@media (max-width: 520px) { .report { align-items: start; flex-direction: column; gap: 12px; } .report .btn { width: 100%; } }