body{font-family:Arial,Helvetica,sans-serif;background:#f6f7fb;margin:0;padding:20px;color:#222}
.centered{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column}
.card{background:#fff;padding:16px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;gap:10px;flex-direction:column;width:320px;max-width:90vw}
.card.compact{width:100%;max-width:800px}
label{font-weight:600}
input,select,button,a.btn{padding:10px;border:1px solid #d4d8e1;border-radius:10px;font-size:14px}
button.primary,a.btn.primary{background:#1976d2;color:#fff;border:none}
a.btn{display:inline-block;text-decoration:none;background:#e9edf5;color:#222}
a.btn.danger{background:#f8d7da;color:#a00}
.error{color:#c00}
.info{color:#0a0}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th,.table td{border:1px solid #e2e6ee;padding:8px;text-align:left}
.table th{background:#1976d2;color:#fff}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.top-actions{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}
.filters{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0}
.half{width:160px}
.inline{display:inline-flex;gap:6px;align-items:center}
tr.ready{background:#d4edda}
tr.pending{background:#f8d7da}
tr.not-fixed{background:#ffeeba}
tr.paid {
    background-color: #ADD8E6 !important;
    color: #000;
}