*{box-sizing:border-box}body{color:#1e1e1e;background:#f6f7f8;margin:0;font-family:-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:#1e6fa8}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e2e4e7;padding:8px 10px;font-size:14px}th{color:#55595f;text-transform:uppercase;font-size:12px;font-weight:600}input,select{border:1px solid #ccd0d5;border-radius:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:14px}button{cursor:pointer;color:#fff;background:#1e6fa8;border:none;border-radius:6px;padding:8px 16px;font-family:inherit;font-size:14px;font-weight:600}button:disabled{opacity:.5;cursor:not-allowed}button.secondary{color:#1e1e1e;background:#e2e4e7}.card{background:#fff;border-radius:10px;margin-bottom:16px;padding:20px;box-shadow:0 1px 3px #00000014}.pill{border-radius:999px;padding:2px 10px;font-size:12px;font-weight:600;display:inline-block}.pill-aktif{color:#1fa64a;background:#dcf5e3}.pill-provisioning{color:#c98a1e;background:#fdf1d9}.pill-gagal{color:#c0392b;background:#fbe1e1}.pill-suspended{color:#55595f;background:#e2e4e7}
