<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>
*{box-sizing:border-box;margin:0;padding:0;}
body{background:#f8fafc;font-family:'Segoe UI',system-ui,sans-serif;font-size:12.5px;color:#1e293b;padding:14px 14px 70px;}
.rpt-wrap{background:#fff;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.08),0 4px 16px rgba(0,0,0,.06);overflow:hidden;}
.rpt-header{padding:12px 18px;border-bottom:2px solid #f1f5f9;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;}
.rpt-title{font-size:14px;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:8px;}
.rpt-meta{font-size:11.5px;color:#64748b;}
table{width:100%;border-collapse:collapse;}
thead tr{background:#1e293b;}
thead th{padding:9px 10px;color:#e2e8f0;font-size:10.5px;text-transform:uppercase;letter-spacing:.04em;text-align:left;border-right:1px solid #334155;white-space:nowrap;}
thead th:last-child{border-right:none;}
tbody td{padding:8px 10px;border-bottom:1px solid #f1f5f9;font-size:12px;vertical-align:middle;}
tbody tr:hover td{background:#f8faff;}
tfoot td{padding:8px 10px;font-weight:700;background:#f1f5f9;border-top:2px solid #e2e8f0;font-size:12px;}
.num{text-align:right;}
.ctr{text-align:center;}
.badge{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10.5px;font-weight:700;}
.bb{background:#dbeafe;color:#1e40af;}
.bg{background:#d1fae5;color:#065f46;}
.bp{background:#ede9fe;color:#5b21b6;}
.ba{background:#fef9c3;color:#92400e;}
.br{background:#fee2e2;color:#991b1b;}
.bw{background:#f1f5f9;color:#475569;}
.empty{text-align:center;padding:40px;color:#94a3b8;font-size:13px;}

/* Sticky action bar */
.rpt-actions{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e2e8f0;padding:10px 16px;display:flex;gap:10px;justify-content:center;z-index:999;box-shadow:0 -2px 12px rgba(0,0,0,.08);}
.btn-print{padding:8px 22px;background:#1e293b;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;}
.btn-print:hover{background:#0f172a;}
.btn-back{padding:8px 22px;background:#f1f5f9;color:#374151;border:none;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:7px;}
.btn-back:hover{background:#e2e8f0;}

@media print{
    body{background:#fff;padding:0;}
    .rpt-wrap{box-shadow:none;border-radius:0;}
    .rpt-actions{display:none;}
    tbody tr:hover td{background:inherit;}
}
</style>
