:root{
    --ui-primary:#2563eb;--ui-primary-hover:#1d4ed8;--ui-success:#16a34a;--ui-danger:#dc2626;--ui-warning:#d97706;
    --ui-bg:#f6f7f9;--ui-surface:#fff;--ui-text:#172033;--ui-muted:#667085;--ui-border:#e4e7ec;
    --ui-radius:12px;--ui-shadow:0 1px 2px rgba(16,24,40,.04),0 8px 24px rgba(16,24,40,.06)
}
html{font-size:16px}body{margin:0;background:var(--ui-bg);color:var(--ui-text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:var(--ui-primary)}
.card-kpi,.card{border:1px solid var(--ui-border);border-radius:var(--ui-radius);box-shadow:none;background:var(--ui-surface)}
.card-kpi .kpi-number{font-size:2rem;font-weight:750;letter-spacing:-.04em}.table thead th{white-space:nowrap}.table td,.table th{border-color:#edf0f3}
.avatar-sm{width:42px;height:42px;object-fit:cover;border-radius:10px;background:#eef1f5;border:1px solid var(--ui-border)}.avatar-lg{width:96px;height:96px;object-fit:cover;border-radius:14px}
.reader-status{display:none;border-radius:10px;padding:1rem;font-weight:650}.reader-status.ok{display:block;background:#ecfdf3;color:#067647;border:1px solid #abefc6}.reader-status.error{display:block;background:#fef3f2;color:#b42318;border:1px solid #fecdca}
#reader{width:100%;min-height:320px;border-radius:12px;overflow:hidden;background:#101828}
.login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,#f8fafc,#eef2f7)}.login-card{width:100%;max-width:430px;border:1px solid var(--ui-border);border-radius:18px;box-shadow:var(--ui-shadow)}.login-card:before{content:"RH";display:flex;width:52px;height:52px;margin:8px auto 20px;align-items:center;justify-content:center;border-radius:14px;background:var(--ui-primary);color:#fff;font-weight:800;letter-spacing:-.04em}.badge-soft{background:#ecfdf3;color:#067647;padding:.4rem .65rem;border-radius:999px;font-weight:700}
.form-control-lg{font-size:1rem;height:50px}.alert{border-radius:10px;border-width:1px}.badge{border-radius:999px;padding:.38em .65em;font-weight:650}
@media(max-width:768px){.table-responsive-mobile table,.table-responsive-mobile thead,.table-responsive-mobile tbody,.table-responsive-mobile th,.table-responsive-mobile td,.table-responsive-mobile tr{display:block;width:100%}.table-responsive-mobile thead{display:none}.table-responsive-mobile tr{margin-bottom:12px;background:#fff;border:1px solid var(--ui-border);border-radius:12px;padding:10px}.table-responsive-mobile td{border:0!important;padding:.35rem .45rem}.table-responsive-mobile td:before{content:attr(data-label);display:block;font-weight:700;color:var(--ui-muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}}
.login-card .btn-primary{background:var(--ui-primary);border-color:var(--ui-primary);border-radius:10px;font-weight:700}.login-card .btn-primary:hover{background:var(--ui-primary-hover);border-color:var(--ui-primary-hover)}.login-card .form-control{border-radius:10px;border-color:#d0d5dd}.login-card .form-control:focus{border-color:#84adff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}