<style>
    body { font-family: sans-serif; font-size: 12px; color: #222; margin: 0; padding: 20px; }
    .header { border-bottom: 3px solid #333; padding-bottom: 10px; margin-bottom: 15px; }
    .header h1 { margin: 0; font-size: 22px; color: #333; }
    .header .subtitle { color: #666; font-size: 12px; margin-top: 4px; }
    .info-box { background: #f5f5f5; padding: 10px 15px; margin-bottom: 15px; border-radius: 4px; }
    .info-box .label { color: #888; font-size: 10px; text-transform: uppercase; }
    .info-box .value { font-size: 14px; font-weight: bold; }
    .summary-row { display: table; width: 100%; margin-bottom: 15px; }
    .summary-item { display: table-cell; text-align: center; padding: 8px; border: 1px solid #ddd; background: #fafafa; }
    .summary-item .num { font-size: 16px; font-weight: bold; }
    .summary-item .lbl { font-size: 9px; color: #888; text-transform: uppercase; }
    table.ledger { width: 100%; border-collapse: collapse; }
    table.ledger th { background: #333; color: #fff; padding: 8px 10px; font-size: 10px; text-transform: uppercase; letter-spacing: 0.5px; }
    table.ledger td { padding: 6px 10px; border-bottom: 1px solid #eee; font-size: 11px; }
    table.ledger tr:nth-child(even) { background: #fafafa; }
    table.ledger .text-right { text-align: right; }
    table.ledger .debit { color: #c0392b; }
    table.ledger .credit { color: #27ae60; }
    table.ledger .balance { font-weight: bold; }
    .total-bar { background: #333; color: #fff; padding: 8px 10px; margin-top: -1px; font-size: 12px; }
    .total-bar td { padding: 8px 10px; color: #fff; font-weight: bold; border: none; }
    .footer-note { margin-top: 20px; padding-top: 10px; border-top: 1px solid #ddd; }
    .footer-note .big { font-size: 14px; font-weight: bold; }
    .page-footer { margin-top: 30px; text-align: center; font-size: 9px; color: #aaa; }
</style>
