*{box-sizing:border-box; margin:0; padding:0;}
body{font-family:Arial, sans-serif; background:#f4f6f8;}
.container{max-width:1200px; margin:20px auto; padding:0 15px;}
.btn{display:inline-block; padding:6px 12px; border-radius:4px; text-decoration:none; font-size:13px; border:none; cursor:pointer;}
.btn-blue{background:#2563eb; color:#fff;}
.btn-green{background:#16a34a; color:#fff;}
.btn-yellow{background:#facc15; color:#222;}
.btn-red{background:#ef4444; color:#fff;}
.btn-gray{background:#6b7280; color:#fff;}
.filter-bar{background:#fff; padding:15px; border-radius:8px; margin-bottom:15px; display:flex; gap:8px; flex-wrap:wrap; align-items:center;}
.filter-bar input,.filter-bar select{padding:7px; border:1px solid #ccc; border-radius:4px; font-size:13px;}
table{width:100%; border-collapse:collapse; background:#fff; border-radius:8px; overflow:hidden; box-shadow:0 2px 6px rgba(0,0,0,.08);}
th,td{padding:9px 10px; text-align:left; border-bottom:1px solid #eee; font-size:13px;}
th{background:#2563eb; color:#fff;}
.paid{color:#16a34a; font-weight:bold;}
.not{color:#dc2626; font-weight:bold;}