body{font-family:Arial,sans-serif;margin:0;background:#f4f6fb;color:#1e2530}.topbar{position:sticky;top:0;background:#fff;border-bottom:1px solid #dce3ef;padding:12px 20px;display:flex;justify-content:space-between}.topbar a{margin-right:10px}.container{padding:20px}.card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 2px 8px rgba(0,0,0,.06)}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #e8edf5;padding:8px;text-align:left}.btn{background:#1f6feb;color:#fff;border:none;padding:8px 12px;border-radius:8px;cursor:pointer}.btn.secondary{background:#6b7280}.btn.danger{background:#dc2626}.badge{display:inline-block;padding:4px 8px;border-radius:999px;background:#e5e7eb}.badge.ok{background:#dcfce7;color:#166534}.badge.danger{background:#fee2e2;color:#991b1b}.row-inactive{opacity:.7}