.fines-page{max-width:980px}.fines-page .intro{max-width:660px}.fine-summary{display:grid;grid-template-columns:1fr auto;gap:10px 24px;background:linear-gradient(110deg,#2d1c18,#191719);border:1px solid #674039;border-radius:18px;padding:24px 28px;margin:28px 0 36px}.fine-summary>span{align-self:center;color:#f1ccbd;font-size:16px}.fine-summary>strong{font-size:30px;line-height:1.2;letter-spacing:-1px}.fine-summary>p{grid-column:1/-1;color:#bdb3b0;font-size:13px;line-height:1.7;max-width:660px;margin:2px 0 0}.fine-list{display:grid;gap:16px}.fine-card{background:#161619;border:1px solid #343037;border-radius:18px;padding:25px 28px;scroll-margin:24px}.fine-card.selected{border-color:#f98449;box-shadow:0 0 0 2px #f9844924}.fine-card:focus{outline:2px solid var(--accent);outline-offset:4px}.fine-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px}.fine-number{margin:0;color:#9999a5;font-size:12px}.fine-body{display:grid;grid-template-columns:1fr auto;gap:16px 28px;align-items:start}.fine-body h3{font-size:18px;line-height:1.5;font-weight:650}.fine-amount{font-size:25px;line-height:1.35;font-weight:800;white-space:nowrap;letter-spacing:-.7px}.fine-date{color:#aaaab5;font-size:12px;margin:8px 0 0}.fine-note{font-size:13px;line-height:1.7;color:#bbb8c0;margin:18px 0 0;max-width:680px}.fine-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.fine-actions .button{min-width:190px}.fine-list .list-empty{padding:30px;text-align:left}.fine-list .list-empty h3{margin-bottom:8px}.fine-list .list-empty p{margin:0;color:#aaaab5;font-size:14px}.fine-card.closed{background:#121215;border-color:#28282e}.fine-card.closed .fine-amount{color:#aaaab5}.fine-card.closed .fine-body h3{color:#d1d1d8}.fines-page .content-section{margin-bottom:36px}@media(max-width:600px){.fines-page .page-header{margin-bottom:35px}.fines-page .page-heading{align-items:flex-start;flex-direction:column;gap:16px}.fines-page h1{font-size:32px}.fine-summary{padding:21px;gap:14px}.fine-summary>strong{font-size:26px}.fine-summary>span{font-size:14px}.fine-card{padding:21px}.fine-body{grid-template-columns:1fr;gap:12px}.fine-body h3{font-size:17px}.fine-amount{font-size:27px}.fine-head{align-items:flex-start}.fine-actions .button{width:100%;min-width:0}.fine-list .list-empty{padding:24px}.fines-page .intro{line-height:1.7}}