.reports-page{max-width:800px;min-height:52vh;margin:0 auto}.reports-header{justify-content:space-between;align-items:flex-start;gap:var(--space-24);padding-bottom:var(--space-28);margin-bottom:var(--space-32);border-bottom:var(--border-thin) solid var(--line);display:flex}.reports-header h1{font-family:var(--font-serif);font-weight:var(--weight-regular);font-size:var(--text-page-title);line-height:var(--leading-0)}.reports-header p{color:var(--muted);font-size:var(--text-body);line-height:var(--leading-2);margin-top:var(--space-12)}.reports-header .logout-control{text-align:right;padding-top:var(--space-4);flex-shrink:0}.reports-header .logout-control .btn{height:40px;padding:0 var(--space-16);border:var(--border-thin) solid var(--line);color:var(--muted);font-size:var(--text-small);font-weight:var(--weight-medium);border-radius:var(--radius-control);background:0 0}.reports-header .logout-control .btn:hover{border-color:var(--muted);color:var(--ink)}.logout-control [role=status]{font-size:var(--text-label);max-width:180px;color:var(--color-error)}.logout-control [role=status]:empty{display:none}.reports-empty{text-align:center;padding:var(--space-64) var(--space-24);border:var(--border-thin) solid var(--line);border-radius:var(--radius-card);background:var(--panel);flex-direction:column;justify-content:center;align-items:center;display:flex}.reports-empty svg{width:40px;height:48px;color:var(--muted);margin-bottom:var(--space-24)}.reports-empty h2{font-size:var(--text-heading-sm);font-weight:var(--weight-medium)}.reports-empty p{font-size:var(--text-body);color:var(--muted);line-height:var(--leading-2);margin-top:var(--space-12);word-break:keep-all}.reports-empty .btn{margin-top:var(--space-28);font-size:var(--text-body);font-weight:var(--weight-medium);border-radius:var(--radius-control);height:48px}.reports-list{gap:var(--space-16);list-style:none;display:grid}.report-row{justify-content:space-between;align-items:center;gap:var(--space-20);padding:var(--space-24);background:var(--panel);border:var(--border-thin) solid var(--line);border-radius:var(--radius-card);text-decoration:none;display:flex}.report-row:hover{border-color:var(--muted)}.report-row h2{font-family:var(--font-serif);font-size:var(--text-subheading);font-weight:var(--weight-regular);line-height:var(--leading-2)}.report-row p{font-size:var(--text-small);color:var(--muted);margin-top:var(--space-8)}.report-row:focus-visible{outline:var(--focus-width) solid var(--ink);outline-offset:var(--space-4)}@media (max-width:480px){.reports-header{gap:var(--space-12)}.reports-header p{max-width:210px}.reports-empty{padding:var(--space-48) var(--space-20)}.reports-header .logout-control .btn{padding-inline:var(--space-12)}}.report-making{margin-left:auto;margin-right:var(--space-12);padding:var(--space-2) var(--space-10);border-radius:var(--radius-md);background:rgba(var(--accent-rgb),.16);color:var(--ink);font-size:var(--text-caption);white-space:nowrap}.reports-withdraw{margin-top:var(--space-56);text-align:center;font-size:var(--text-small)}.reports-withdraw a{color:var(--muted);text-underline-offset:4px}